/*!
 * Remark (http://getbootstrapadmin.com/remark)
 * Copyright 2016 amazingsurge
 * Licensed under the Themeforest Standard Licenses
 */

/*  .site-navbar
 {
     background-color:#3ba2a3} */
 
 .site-navbar .navbar-header
 {
     background-color:transparent;
     color:#fff}
 
 .site-navbar .navbar-header .navbar-toggle
 {
     color:#fff}
 
 .site-navbar .navbar-header .hamburger .hamburger-bar,.site-navbar .navbar-header .hamburger:after,.site-navbar .navbar-header .hamburger:before
 {
     background-color:#fff}
 
 .site-navbar .navbar-header .navbar-brand
 {
     color:#fff;
     font-family:Roboto,sans-serif;
     cursor:pointer}
 
 @media (min-width:768px)
 {
     .site-navbar .navbar-header
 {
     width:260px}
 
 }
 
 .site-navbar .navbar-container
 {
     background-color:#fff}
 
 @media (min-width:768px)
 {
     .site-navbar .navbar-container
 {
     margin-left:0px}
 
 }
 
 .site-navbar.navbar-inverse .navbar-container
 {
     background-color:transparent}
 
 body,html
 {
     height:100%}
 
 body
 {
     padding-top:66px}
 
 .site-menubar
 {
     z-index:1400;
     position:fixed;
     top:66px;
     height:100%;
     height:-webkit-calc(100% - 66px);
     height:calc(100% - 66px);
     background:#263238;
     color:rgba(163,175,183,.9);
     font-family:Roboto,sans-serif;
     -webkit-box-shadow:0 2px 4px rgba(0,0,0,.08);
     box-shadow:0 2px 4px rgba(0,0,0,.08)}
 
 .site-menubar-body
 {
     height:100%;
     height:-webkit-calc(100% - 76px);
     height:calc(100% - 76px)}
 
 .site-menubar ul
 {
     list-style:none;
     margin:0;
     padding:0}
 
 .site-menubar a
 {
     outline:0}
 
 .site-menubar a:focus,.site-menubar a:hover
 {
     text-decoration:none}
 
 .site-menubar.site-menubar-light
 {
     background:#fff;
     -webkit-box-shadow:0 2px 4px rgba(0,0,0,.08);
     box-shadow:0 2px 4px rgba(0,0,0,.08)}
 
 .site-menubar.site-menubar-light .scrollable-inverse.scrollable .scrollable-bar-handle
 {
     background:rgba(163,175,183,.6)}
 
 .site-menubar-section
 {
     padding:0 30px;
     margin-top:50px;
     margin-bottom:50px}
 
 .site-menubar-section>h4,.site-menubar-section>h5
 {
     color:#76838f}
 
 .site-menubar-section .progress:last-child
 {
     margin-bottom:0}
 
 .site-menubar-footer
 {
     position:fixed;
     bottom:0;
     display:block;
     z-index:1400}
 
 .site-menubar-footer>a
 {
     display:block;
     float:left;
     width:33.33333333%;
     height:76px;
     padding:26px 0;
     color:#76838f;
     font-size:16px;
     text-align:center;
     background-color:#21292e}
 
 .site-menubar-footer>a:focus,.site-menubar-footer>a:hover
 {
     background-color:#1e2427}
 
 .site-menubar-light .site-menubar-footer>a
 {
     background-color:#e4eaec}
 
 .site-menubar-light .site-menubar-footer>a:focus,.site-menubar-light .site-menubar-footer>a:hover
 {
     background-color:#d5dee1}
 
 .site-menu
 {
     font-size:14px;
     overflow-y:hidden;
     padding-bottom:20px}
 
 .site-menu-item>a
 {
     white-space:nowrap;
     cursor:pointer}
 
 .site-menu-icon
 {
     display:inline-block;
     width:1em;
     text-align:center}
 
 .site-menu-title
 {
     vertical-align:middle;
     overflow:hidden;
     text-overflow:ellipsis;
     white-space:nowrap}
 
 .site-menu-arrow
 {
     font-family:'Web Icons';
     -webkit-transition:-webkit-transform .15s;
     -o-transition:-o-transform .15s;
     transition:transform .15s;
     position:relative;
     display:inline-block;
     font-style:normal;
     font-weight:400;
     text-rendering:auto;
     speak:none;
     -webkit-font-smoothing:antialiased;
     -moz-osx-font-smoothing:grayscale;
     -webkit-transform:translate(0,0);
     -ms-transform:translate(0,0);
     -o-transform:translate(0,0);
     transform:translate(0,0)}
 
 .site-menu-arrow:before
 {
     content:'\2023'}
 
 .site-menu-arrow,.site-menu-badge,.site-menu-label
 {
     position:absolute;
     right:30px;
     display:inline-block;
     vertical-align:middle}
 
 .site-menu .badge,.site-menu .label
 {
     padding:2px 5px 3px;
     font-size:12px;
     font-weight:300}
 
 .site-menu-item
 {
     position:relative;
     white-space:nowrap}
 
 .site-menu-item a
 {
     display:block;
     color:rgba(163,175,183,.9)}
 
 .site-menu-item.is-hidden
 {
     opacity:0}
 
 .site-menu-item.is-shown
 {
     opacity:1}
 
 .site-menu>.site-menu-item
 {
     padding:0}
 
 .site-menu>.site-menu-item.open
 {
     background:#242f35}
 
 .site-menu>.site-menu-item.open>a
 {
     color:#fff;
     background:0 0}
 
 .site-menu>.site-menu-item.open.hover>a
 {
     background:0 0}
 
 .site-menu>.site-menu-item.hover>a,.site-menu>.site-menu-item:hover>a
 {
     color:rgba(255,255,255,.8);
     background-color:rgba(255,255,255,.02)}
 
 .site-menu>.site-menu-item.active
 {
     background:#242f35;
     border-top:1px solid rgba(0,0,0,.04);
     border-bottom:1px solid rgba(0,0,0,.04)}
 
 .site-menu>.site-menu-item.active>a
 {
     color:#fff;
     background:0 0}
 
 .site-menu>.site-menu-item.active.hover>a
 {
     background:0 0}
 
 .site-menu .site-menu-sub
 {
     padding:5px 0;
     margin:0;
     font-size:14px;
     background:#000000a1
    }
 
 .site-menu .site-menu-sub .site-menu-item
 {
     line-height:34px;
     color:rgba(163,175,183,.9);
     background:0 0}
 
 .site-menu .site-menu-sub .site-menu-item.has-sub
 {
     border-top:1px solid transparent;
     border-bottom:1px solid transparent}
 
 .site-menu .site-menu-sub .site-menu-item>a
 {
     padding:0 30px}
 
 .site-menu .site-menu-sub .site-menu-item.open
 {
     background:rgba(0,0,0,.06)}
 
 .site-menu .site-menu-sub .site-menu-item.open>a
 {
     color:#fff}
 
 .site-menu .site-menu-sub .site-menu-item.open.hover>a
 {
     background-color:transparent}
 
 .site-menu .site-menu-sub .site-menu-item.hover>a,.site-menu .site-menu-sub .site-menu-item:hover>a
 {
     color:rgba(255,255,255,.8);
     background-color:rgba(255,255,255,.02)}
 
 .site-menu .site-menu-sub .site-menu-item.active
 {
     background:rgba(0,0,0,.06)}
 
 .site-menu .site-menu-sub .site-menu-item.active>a
 {
     color:#fff}
 
 .site-menu .site-menu-sub .site-menu-item.active.hover>a
 {
     background-color:transparent}
 
 .site-menubar-light .site-menu-item a
 {
     color:rgba(118,131,143,.9)}
 
 .site-menubar-light .site-menu-item.hover>a,.site-menubar-light .site-menu-item:hover>a
 {
     background:0 0}
 
 .site-menubar-light .site-menu>.site-menu-item.open
 {
     background:rgba(53,131,202,.05)}
 
 .site-menubar-light .site-menu>.site-menu-item.open>a
 {
     color:#3ba2a3}
 
 .site-menubar-light .site-menu>.site-menu-item.hover,.site-menubar-light .site-menu>.site-menu-item:hover
 {
     background-color:rgba(53,131,202,.05)}
 
 .site-menubar-light .site-menu>.site-menu-item.hover>a,.site-menubar-light .site-menu>.site-menu-item:hover>a
 {
     color:#3ba2a3}
 
 .site-menubar-light .site-menu>.site-menu-item.active
 {
     background:rgba(53,131,202,.05)}
 
 .site-menubar-light .site-menu>.site-menu-item.active>a
 {
     color:#3ba2a3}
 
 .site-menubar-light .site-menu .site-menu-sub .site-menu-item.open
 {
     background:rgba(53,131,202,.03)}
 
 .site-menubar-light .site-menu .site-menu-sub .site-menu-item.open>a
 {
     color:#3ba2a3}
 
 .site-menubar-light .site-menu .site-menu-sub .site-menu-item.hover,.site-menubar-light .site-menu .site-menu-sub .site-menu-item:hover
 {
     background-color:rgba(53,131,202,.03)}
 
 .site-menubar-light .site-menu .site-menu-sub .site-menu-item.hover>a,.site-menubar-light .site-menu .site-menu-sub .site-menu-item:hover>a
 {
     color:#3ba2a3}
 
 .site-menubar-light .site-menu .site-menu-sub .site-menu-item.hover.open,.site-menubar-light .site-menu .site-menu-sub .site-menu-item:hover.open
 {
     background-color:rgba(53,131,202,.03)}
 
 .site-menubar-light .site-menu .site-menu-sub .site-menu-item.active
 {
     background:rgba(53,131,202,.03)}
 
 .site-menubar-light .site-menu .site-menu-sub .site-menu-item.active>a
 {
     color:#3ba2a3}
 
 .site-gridmenu
 {
     position:fixed;
     top:66px;
     bottom:0;
     padding:20px 0;
     background-color:#263238;
     z-index:1500;
     opacity:0;
     visibility:hidden}
 
 .js>.site-gridmenu
 {
     -webkit-transition:opacity .5s ease 0s,visibility 0s;
     -o-transition:opacity .5s ease 0s,visibility 0s;
     transition:opacity .5s ease 0s,visibility 0s}
 
 .site-gridmenu-active>.site-gridmenu
 {
     opacity:1;
     visibility:visible;
     -webkit-transition:opacity .5s ease 0s;
     -o-transition:opacity .5s ease 0s;
     transition:opacity .5s ease 0s}
 
 .site-gridmenu-active>.site-gridmenu ul
 {
     opacity:1;
     -webkit-transform:rotateX(0);
     transform:rotateX(0)}
 
 .site-gridmenu ul
 {
     margin:0;
     padding:0;
     list-style:none;
     opacity:.4;
     -webkit-transform:translateY(-25%) rotateX(35deg);
     transform:translateY(-25%) rotateX(35deg);
     -webkit-transition:-webkit-transform .5s ease 0s,opacity .5s ease 0s;
     -o-transition:-o-transform .5s ease 0s,opacity .5s ease 0s;
     transition:transform .5s ease 0s,opacity .5s ease 0s}
 
 .site-gridmenu li
 {
     float:left;
     width:50%;
     text-align:center}
 
 .site-gridmenu li>a
 {
     display:block;
     padding:30px 15px;
     color:#a3afb7}
 
 .site-gridmenu li .icon
 {
     display:block;
     margin-bottom:10px;
     font-size:32px}
 
 .site-gridmenu li:hover>a
 {
     color:#fff;
     cursor:pointer;
     text-decoration:none;
     background-color:rgba(255,255,255,.02)}
 
 body.site-gridmenu-active
 {
     overflow:hidden}
 
 .site-gridmenu-toggle:after
 {
     opacity:0;
     font-family:'Web Icons';
     font-size:14px;
     -webkit-transition:opacity .15s;
     -o-transition:opacity .15s;
     transition:opacity .15s;
     display:inline-block;
     font-style:normal;
     font-weight:400;
     text-rendering:auto;
     speak:none;
     -webkit-font-smoothing:antialiased;
     -moz-osx-font-smoothing:grayscale;
     -webkit-transform:translate(0,0);
     -ms-transform:translate(0,0);
     -o-transform:translate(0,0);
     transform:translate(0,0);
     position:relative;
     right:-3px;
     top:-1px;
     content:'\f183'}
 
 .site-gridmenu-active .site-gridmenu-toggle:after
 {
     opacity:1}
 
 .site-sidebar
 {
     z-index:1210}
 
 .site-sidebar.slidePanel
 {
     -webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.2);
     box-shadow:0 0 8px 0 rgba(0,0,0,.2)}
 
 .site-sidebar.slidePanel.slidePanel-left,.site-sidebar.slidePanel.slidePanel-right
 {
     width:300px;
     overflow:hidden}
 
 .site-sidebar-content
 {
     height:100%}
 
 .site-sidebar-nav.nav-tabs>li
 {
     display:table-cell;
     width:1%}
 
 .site-sidebar-nav.nav-tabs>li>a
 {
     font-size:16px;
     line-height:90px;
     padding:0}
 
 .site-sidebar-tab-content
 {
     height:100%;
     height:-webkit-calc(100% - 90px);
     height:calc(100% - 90px)}
 
 .site-sidebar-tab-content>.tab-pane
 {
     height:100%;
     padding:20px 30px}
 
 .site-sidebar-tab-content>.tab-pane.scrollable
 {
     padding:0}
 
 .site-sidebar-tab-content>.tab-pane .scrollable-content
 {
     padding:20px 30px}
 
 .site-sidebar-tab-content>.tab-pane .list-group
 {
     margin-left:-30px;
     margin-right:-30px}
 
 .site-sidebar-tab-content>.tab-pane .list-group>.list-group-item
 {
     padding-left:30px;
     padding-right:30px}
 
 .site-sidebar .conversation
 {
     position:absolute;
     top:0;
     right:-100%;
     height:100%;
     width:100%;
     background-color:#fff;
     z-index:1700;
     -webkit-transition:all .3s;
     -o-transition:all .3s;
     transition:all .3s}
 
 .site-sidebar .conversation.active
 {
     right:0;
     overflow-y:auto}
 
 .site-sidebar .conversation-header
 {
     position:fixed;
     z-index:1;
     width:100%;
     background-color:#fff;
     border-bottom:1px solid #e4eaec}
 
 .site-sidebar .conversation-header>*
 {
     margin:0;
     padding:0 30px;
     line-height:90px}
 
 .site-sidebar .conversation-more,.site-sidebar .conversation-return
 {
     cursor:pointer;
     color:rgba(55,71,79,.4)}
 
 .site-sidebar .conversation-more:focus,.site-sidebar .conversation-more:hover,.site-sidebar .conversation-return:focus,.site-sidebar .conversation-return:hover
 {
     color:rgba(55,71,79,.6)}
 
 .site-sidebar .conversation-more:active,.site-sidebar .conversation-return:active
 {
     color:#37474f}
 
 .site-sidebar .conversation-title
 {
     position:relative;
     top:1px;
     color:#37474f;
     text-align:center;
     z-index:-1}
 
 .site-sidebar .conversation-content
 {
     padding:30px 15px}
 
 .site-sidebar .conversation-reply
 {
     position:fixed;
     bottom:0;
     padding:10px 0;
     background-color:#fff;
     border-top:1px solid #e4eaec}
 
 .site-sidebar .conversation-reply .form-control
 {
     border:none;
     border-right:1px solid #e4eaec}
 
 .site-sidebar .conversation .chats
 {
     position:relative;
     top:90px}
 
 @media (max-width:767px)
 {
     .site-sidebar.slidePanel.slidePanel-left,.site-sidebar.slidePanel.slidePanel-right
 {
     width:100%}
 
 }
 
 .site-action
 {
     position:fixed;
     z-index:1290;
     bottom:55px;
     right:32px;
     -webkit-animation-duration:3s;
     -o-animation-duration:3s;
     animation-duration:3s}
 
 .site-action input
 {
     display:none}
 
 .site-action .btn
 {
     -webkit-box-shadow:0 10px 10px 0 rgba(60,60,60,.1);
     box-shadow:0 10px 10px 0 rgba(60,60,60,.1)}
 
 .site-action .front-icon
 {
     display:block}
 
 .site-action .back-icon
 {
     display:none}
 
 .site-action-buttons
 {
     display:none;
     position:absolute;
     bottom:56px;
     left:0;
     width:100%;
     text-align:center}
 
 .site-action-buttons .btn
 {
     display:block;
     margin:0 auto;
     margin-bottom:10px;
     -webkit-animation-delay:.1s;
     -o-animation-delay:.1s;
     animation-delay:.1s}
 
 .site-action.active .front-icon
 {
     display:none}
 
 .site-action.active .back-icon
 {
     display:block}
 
 .site-action.active .site-action-buttons
 {
     display:block}
 
 @media (max-width:767px)
 {
     .site-action .btn-floating
 {
     width:46px;
     height:46px;
     padding:0;
     font-size:16px;
     -webkit-box-shadow:0 6px 6px 0 rgba(60,60,60,.1);
     box-shadow:0 6px 6px 0 rgba(60,60,60,.1)}
 
 .site-action-buttons
 {
     bottom:46px}
 
 }
 
 .page
 {
     background:#f1f4f5;
     position:relative;
     min-height:-webkit-calc(100% - 44px);
     min-height:calc(100% - 44px)}
 
 .page-dark.layout-full
 {
     color:#fff}
 
 .page-dark.layout-full:before
 {
     position:fixed;
     top:0;
     left:0;
     content:'';
     width:100%;
     height:100%;
     background-position:center top;
     -webkit-background-size:cover;
     background-size:cover;
     z-index:-1}
 
 .page-dark.layout-full:after
 {
     position:fixed;
     top:0;
     left:0;
     content:'';
     width:100%;
     height:100%;
     background-color:rgba(38,50,56,.6);
     z-index:-1}
 
 .page-dark.layout-full .brand
 {
     margin-bottom:22px}
 
 .page-dark.layout-full .brand-text
 {
     color:#fff;
     font-size:18px;
     text-transform:uppercase}
 
 .page-nav-tabs
 {
     padding:0 30px}
 
 .page-content
 {
     padding:30px 30px}
 
 .page-content-actions
 {
     padding:0 30px 30px}
 
 .page-content-actions .dropdown
 {
     display:inline-block}
 
 .page-content-actions:after,.page-content-actions:before
 {
     content:" ";
     display:table}
 
 .page-content-actions:after
 {
     clear:both}
 
 .page-content-table
 {
     padding:0;
     max-width:100%;
     overflow-x:auto}
 
 .page-content-table .table>tbody>tr>td,.page-content-table .table>tbody>tr>th,.page-content-table .table>thead>tr>td,.page-content-table .table>thead>tr>th
 {
     padding-top:20px;
     padding-bottom:20px}
 
 .page-content-table .table>tbody>tr>td:first-child,.page-content-table .table>tbody>tr>th:first-child,.page-content-table .table>thead>tr>td:first-child,.page-content-table .table>thead>tr>th:first-child
 {
     padding-left:30px}
 
 .page-content-table .table>tbody>tr>td:last-child,.page-content-table .table>tbody>tr>th:last-child,.page-content-table .table>thead>tr>td:last-child,.page-content-table .table>thead>tr>th:last-child
 {
     padding-right:30px}
 
 .page-content-table .table>tbody>tr:hover>td
 {
     background-color:#f3f7f9}
 
 .page-content-table .table>tbody>tr>td
 {
     cursor:pointer}
 
 .page-content-table .table>tbody>tr:last-child td
 {
     border-bottom:1px solid #e4eaec}
 
 .page-content-table .table.is-indent>tbody>tr>td.pre-cell,.page-content-table .table.is-indent>tbody>tr>td.suf-cell,.page-content-table .table.is-indent>tbody>tr>th.pre-cell,.page-content-table .table.is-indent>tbody>tr>th.suf-cell,.page-content-table .table.is-indent>thead>tr>td.pre-cell,.page-content-table .table.is-indent>thead>tr>td.suf-cell,.page-content-table .table.is-indent>thead>tr>th.pre-cell,.page-content-table .table.is-indent>thead>tr>th.suf-cell
 {
     padding:0;
     border-top:none;
     border-bottom:none;
     width:30px}
 
 .page-content-table .table.is-indent>tbody>tr:first-child td
 {
     border-top:none}
 
 .page-content-table .table.is-indent>tbody>tr:last-child td.pre-cell,.page-content-table .table.is-indent>tbody>tr:last-child td.suf-cell
 {
     border-bottom:none}
 
 .page-content-table .table.is-indent>tfoot>tr>td
 {
     border-top:none}
 
 .page-content-table .pagination
 {
     margin-left:30px;
     margin-right:30px}
 
 .page-copyright
 {
     margin-top:60px;
     color:#37474f;
     font-size:12px;
     letter-spacing:1px}
 
 .page-copyright .social a
 {
     margin:0 10px;
     text-decoration:none}
 
 .page-copyright .social .icon
 {
     font-size:16px;
     color:rgba(55,71,79,.6)}
 
 .page-copyright .social .icon:focus,.page-copyright .social .icon:hover
 {
     color:rgba(55,71,79,.8)}
 
 .page-copyright .social .icon.active,.page-copyright .social .icon:active
 {
     color:#37474f}
 
 .page-copyright-inverse
 {
     color:#fff}
 
 .page-copyright-inverse .social .icon
 {
     color:#fff}
 
 .page-copyright-inverse .social .icon:active,.page-copyright-inverse .social .icon:hover
 {
     color:rgba(255,255,255,.8)}
 
 @media (max-width:767px)
 {
     .page
 {
     min-height:-webkit-calc(100% - 66px);
     min-height:calc(100% - 66px)}
 
 }
 
 .page-header+.page-content
 {
     padding-top:0}
 
 .page-title
 {
     font-size:26px;
     margin-top:0;
     margin-bottom:0}
 
 .page-title>.icon
 {
     margin-right:.3em}
 
 .page-description
 {
     color:#a3afb7}
 
 .page-header
 {
     padding:30px 30px;
     margin-top:0;
     margin-bottom:0;
     background:0 0;
     position:relative;
     border-bottom:none}
 
 .page-header-actions
 {
     position:absolute;
     right:30px;
     top:50%;
     -webkit-transform:translateY(-50%);
     -ms-transform:translateY(-50%);
     -o-transform:translateY(-50%);
     transform:translateY(-50%);
     margin:auto}
 
 .page-header-actions .btn-icon
 {
     margin-left:6px}
 
 .page-header-actions>*
 {
     margin-bottom:0}
 
 .page-header .breadcrumb
 {
     padding:0;
     margin:0}
 
 .page-header-bordered
 {
     padding-top:20px;
     padding-bottom:20px;
     background-color:#fff;
     margin-bottom:30px;
     border-bottom:1px solid transparent}
 
 .page-header-tabs
 {
     padding-bottom:0}
 
 .page-header-tabs .nav-tabs-line
 {
     margin-top:5px;
     border-bottom-color:transparent}
 
 .page-header-tabs .nav-tabs-line>li>a
 {
     padding:5px 20px}
 
 .page-aside
 {
     position:absolute;
     top:0;
     left:0;
     bottom:0;
     width:260px;
     border-right:1px solid #e4eaec;
     background:#fff;
     -webkit-transition:visibility .1s ease,top .3s ease,left .5s ease;
     -o-transition:visibility .1s ease,top .3s ease,left .5s ease;
     transition:visibility .1s ease,top .3s ease,left .5s ease;
     overflow-y:hidden}
 
 .page-aside+.page-main
 {
     margin-left:260px}
 
 .page-aside .list-group-item.active,.page-aside .list-group-item.active:focus,.page-aside .list-group-item.active:hover
 {
     z-index:0}
 
 .page-aside-fixed .page-aside
 {
     position:fixed;
     top:66px;
     height:-webkit-calc(100% - 66px);
     height:calc(100% - 66px)}
 
 .page-aside-fixed .page-aside-inner
 {
     overflow-y:scroll;
     height:100%}
 
 .page-aside-fixed .site-footer
 {
     margin-left:260px}
 
 .page-aside-section
 {
     position:relative}
 
 .page-aside-section:first-child
 {
     padding-top:22px}
 
 .page-aside-section:last-child
 {
     margin-bottom:22px}
 
 .page-aside-section:after
 {
     content:'';
     position:relative;
     display:block;
     margin:22px;
     border-bottom:1px solid #e4eaec}
 
 .page-aside-section:last-child:after
 {
     display:none}
 
 .page-aside-switch
 {
     display:none;
     cursor:pointer;
     position:absolute;
     left:-webkit-calc(100% - 1px);
     left:calc(100% - 1px);
     top:-webkit-calc(50% - 25px);
     top:calc(50% - 25px);
     background-color:#fff;
     -webkit-box-shadow:1px 0 3px rgba(0,0,0,.2);
     box-shadow:1px 0 3px rgba(0,0,0,.2);
     border-radius:0 100px 100px 0;
     line-height:1;
     padding:15px 8px 15px 4px}
 
 .page-aside-switch .wb-chevron-right
 {
     display:inline}
 
 .page-aside-switch .wb-chevron-left
 {
     display:none}
 
 .page-aside-title
 {
     padding:10px 30px;
     margin:20px 0 10px;
     font-weight:500;
     color:#526069;
     overflow:hidden;
     white-space:nowrap;
     text-overflow:ellipsis;
     cursor:default}
 
 .page-aside .list-group
 {
     margin-bottom:22px}
 
 .page-aside .list-group-item
 {
     padding:13px 30px;
     margin-bottom:1px;
     border:none;
     white-space:nowrap;
     overflow:hidden;
     text-overflow:ellipsis}
 
 .page-aside .list-group-item .icon
 {
     color:#a3afb7}
 
 .page-aside .list-group-item .item-right
 {
     float:right}
 
 .page-aside .list-group-item:focus,.page-aside .list-group-item:hover
 {
     background-color:#f3f7f9;
     border:none;
     color:#3ba2a3}
 
 .page-aside .list-group-item:focus>.icon,.page-aside .list-group-item:hover>.icon
 {
     color:#3ba2a3}
 
 .page-aside .list-group-item.active
 {
     background-color:transparent;
     color:#3ba2a3}
 
 .page-aside .list-group-item.active>.icon
 {
     color:#3ba2a3}
 
 .page-aside .list-group-item.active:focus,.page-aside .list-group-item.active:hover
 {
     background-color:#f3f7f9;
     border:none;
     color:#3ba2a3}
 
 .page-aside .list-group-item.active:focus>.icon,.page-aside .list-group-item.active:hover>.icon
 {
     color:#3ba2a3}
 
 .page-aside .list-group.has-actions .list-group-item
 {
     cursor:pointer;
     padding-top:6px;
     padding-bottom:6px;
     line-height:36px}
 
 .page-aside .list-group.has-actions .list-group-item .list-editable
 {
     display:none;
     position:relative}
 
 .page-aside .list-group.has-actions .list-group-item .list-editable .input-editable-close
 {
     position:absolute;
     top:50%;
     right:0;
     -webkit-transform:translateY(-50%);
     -ms-transform:translateY(-50%);
     -o-transform:translateY(-50%);
     transform:translateY(-50%);
     z-index:1;
     margin:0;
     padding:0;
     cursor:pointer;
     background:0 0;
     border:0;
     outline:0;
     -webkit-appearance:none}
 
 .page-aside .list-group.has-actions .list-group-item .list-editable .form-group
 {
     margin:0}
 
 .page-aside .list-group.has-actions .list-group-item .item-actions
 {
     display:none;
     position:absolute;
     right:20px;
     top:6px}
 
 .page-aside .list-group.has-actions .list-group-item .item-actions .btn-icon
 {
     padding-left:2px;
     padding-right:2px;
     background-color:transparent}
 
 .page-aside .list-group.has-actions .list-group-item .item-actions .btn-icon:hover .icon
 {
     color:#3ba2a3}
 
 .page-aside .list-group.has-actions .list-group-item .item-actions .icon
 {
     margin:0}
 
 .page-aside .list-group.has-actions .list-group-item:hover .item-right
 {
     display:none}
 
 .page-aside .list-group.has-actions .list-group-item:hover .item-actions
 {
     display:block}
 
 .page-aside .list-group.has-actions .list-group-item:hover .item-actions .icon
 {
     color:#76838f}
 
 @media (max-width:1199px)
 {
     .page-aside
 {
     width:220px}
 
 .page-aside+.page-main
 {
     margin-left:220px}
 
 .page-aside-fixed .site-footer
 {
     margin-left:220px}
 
 }
 
 @media (max-width:767px)
 {
     .page-aside
 {
     position:fixed;
     top:66px;
     width:260px;
     left:-260px;
     border-color:transparent;
     z-index:1100;
     overflow-y:visible;
     height:-webkit-calc(100% - 66px);
     height:calc(100% - 66px);
     visibility:visible}
 
 .site-navbar-collapse-show .page-aside
 {
     top:132px;
     height:-webkit-calc(100% - 132px);
     height:calc(100% - 132px)}
 
 .site-menubar-changing .page-aside,.site-menubar-open .page-aside
 {
     height:100%}
 
 .page-aside .page-aside-inner
 {
     height:100%;
     background-color:#fff;
     border-right:1px solid #e4eaec}
 
 .page-aside.open
 {
     left:0}
 
 .site-menubar-changing .page-aside.open,.site-menubar-open .page-aside.open
 {
     visibility:hidden}
 
 .page-aside.open .page-aside-switch .wb-chevron-right
 {
     display:none}
 
 .page-aside.open .page-aside-switch .wb-chevron-left
 {
     display:inline}
 
 .page-aside+.page-main
 {
     margin-left:0}
 
 .page-aside-fixed .page-aside
 {
     left:-260px!important}
 
 .page-aside-fixed .page-aside.open
 {
     left:0!important}
 
 .page-aside-fixed .site-footer
 {
     margin-left:0!important}
 
 .page-aside-switch
 {
     display:block}
 
 }
 
 .site-footer
 {
     padding:10px 30px;
     background-color:rgba(0,0,0,.02);
     border-top:1px solid #e4eaec;
     height:44px}
 
 .site-footer:after,.site-footer:before
 {
     content:" ";
     display:table}
 
 .site-footer:after
 {
     clear:both}
 
 .site-footer-legal
 {
     float:left}
 
 .site-footer-actions
 {
     float:right}
 
 .site-footer-right
 {
     float:right}
 
 .site-footer .scroll-to-top
 {
     color:#76838f}
 
 .site-footer .scroll-to-top,.site-footer .scroll-to-top:active,.site-footer .scroll-to-top:hover
 {
     text-decoration:none}
 
 @media (max-width:480px)
 {
     .site-footer
 {
     height:66px}
 
 }
 
 @media (max-width:480px)
 {
     .site-footer-actions,.site-footer-legal,.site-footer-right
 {
     display:block;
     float:none;
     text-align:center}
 
 }
 
 .layout-full
 {
     height:100%}
 
 body.layout-full
 {
     padding-top:0}
 
 .layout-full .page
 {
     height:100%;
     margin:0!important;
     padding:0;
     background-color:transparent}
 
 .layout-full>.loader
 {
     margin-left:0!important}
 
 @media (min-width:1200px)
 {
     .layout-boxed
 {
     background:#e4eaec}
 
 .layout-boxed,.layout-boxed .site-navbar
 {
     max-width:1320px;
     margin-left:auto;
     margin-right:auto}
 
 }
 
 .layout-boxed .slidePanel-left,.layout-boxed .slidePanel-right
 {
     top:0;
     z-index:1510}
 
 .site-print
 {
     padding-top:0}
 
 .site-print .site-footer,.site-print .site-gridmenu,.site-print .site-menubar,.site-print .site-navbar
 {
     display:none}
 
 .site-print .page
 {
     margin:0!important}
 
 .site-menubar-fold .page,.site-menubar-fold .site-footer
 {
     margin-left:90px}
 
 .site-menubar-fold.page-aside-fixed .page-aside
 {
     left:90px}
 
 .site-menubar-fold.page-aside-fixed .site-footer
 {
     margin-left:350px}
 
 @media (min-width:768px)
 {
     .site-menubar-fold .site-navbar .navbar-header
 {
     width:90px}
 
 }
 
 @media (min-width:768px)
 {
     .site-menubar-fold .site-navbar .navbar-container
 {
     margin-left:0px
    }
 
 }
 
 .site-menubar-fold .site-navbar .navbar-brand
 {
     float:none;
     text-align:center}
 
 .site-menubar-fold .site-navbar .navbar-brand-text
 {
     display:none}
 
 .site-menubar-fold .site-menu
 {
     overflow:visible}
 
 .site-menubar-fold .site-menu-category
 {
     font:0/0 a;
     color:transparent;
     text-shadow:none;
     height:2px;
     background:#242f35;
     margin:0}
 
 .site-menubar-fold .site-menu-category:first-child
 {
     visibility:hidden}
 
 .site-menubar-fold .site-menu>.site-menu-item
 {
     font-size:14px}
 
 .site-menubar-fold .site-menu>.site-menu-item>a
 {
     line-height:60px;
     height:60px}
 
 .site-menubar-fold .site-menu>.site-menu-item>a .site-menu-icon,.site-menubar-fold .site-menu>.site-menu-item>a .site-menu-title
 {
     -webkit-transition:visibility .25s,opacity .25s;
     -o-transition:visibility .25s,opacity .25s;
     transition:visibility .25s,opacity .25s;
     position:absolute;
     top:0;
     left:0;
     width:90px;
     text-align:center}
 
 .site-menubar-fold .site-menu>.site-menu-item>a .site-menu-arrow
 {
     -webkit-transition:visibility 0;
     -o-transition:visibility 0;
     transition:visibility 0;
     visibility:hidden}
 
 .site-menubar-fold .site-menu>.site-menu-item>a .site-menu-title
 {
     opacity:0;
     visibility:hidden}
 
 .site-menubar-fold .site-menu>.site-menu-item>a .site-menu-icon
 {
     visibility:visible;
     opacity:1;
     font-size:24px;
     margin-right:0}
 
 .site-menubar-fold .site-menu>.site-menu-item>a .site-menu-badge
 {
     left:50px;
     top:-15px}
 
 .site-menubar-fold .site-menu>.site-menu-item>a .site-menu-label
 {
     display:none}
 
 .site-menubar-fold .site-menu>.site-menu-item.active
 {
     border-top:none;
     border-bottom:none}
 
 .site-menubar-fold .site-menu>.site-menu-item.active>a .site-menu-icon,.site-menubar-fold .site-menu>.site-menu-item.hover>a .site-menu-icon,.site-menubar-fold .site-menu>.site-menu-item.open>a .site-menu-icon
 {
     visibility:hidden;
     opacity:0}
 
 .site-menubar-fold .site-menu>.site-menu-item.active>a .site-menu-title,.site-menubar-fold .site-menu>.site-menu-item.hover>a .site-menu-title,.site-menubar-fold .site-menu>.site-menu-item.open>a .site-menu-title
 {
     opacity:1;
     visibility:visible}
 
 .site-menubar-fold .site-menu>.site-menu-item.active>a .site-menu-badge,.site-menubar-fold .site-menu>.site-menu-item.hover>a .site-menu-badge,.site-menubar-fold .site-menu>.site-menu-item.open>a .site-menu-badge
 {
     display:none}
 
 .site-menubar-fold .site-menu .site-menu-sub .site-menu-sub
 {
     display:none}
 
 .site-menubar-fold .site-menu .site-menu-sub .site-menu-item.open>a .site-menu-arrow
 {
     -ms-transform:rotate(90deg);
     -webkit-transform:rotate(90deg);
     -o-transform:rotate(90deg);
     transform:rotate(90deg)}
 
 .site-menubar-fold .site-menu .site-menu-sub .site-menu-item.open>.site-menu-sub
 {
     display:block}
 
 .site-menubar-fold .site-menu .site-menu-sub .site-menu-item:not(.open)>a .site-menu-arrow
 {
     -ms-transform:none;
     -webkit-transform:none;
     -o-transform:none;
     transform:none}
 
 .site-menubar-fold .site-menu .site-menu-sub .site-menu-item:not(.open)>.site-menu-sub
 {
     display:none}
 
 .site-menubar-fold .site-menu>.site-menu-item>.site-menu-sub
 {
     -webkit-transition:visibility .25s,opacity .25s;
     -o-transition:visibility .25s,opacity .25s;
     transition:visibility .25s,opacity .25s;
     position:absolute;
     left:90px;
     top:0;
     width:240px;
     background:#242f35;
     visibility:hidden;
     opacity:0;
     overflow-y:auto}
 
 .site-menubar-fold .site-menu>.site-menu-item>.site-menu-sub-up
 {
     top:auto;
     bottom:0}
 
 .site-menubar-fold .site-menu>.site-menu-item>.site-menu-sub .site-menu-item>a
 {
     padding:0 30px}
 
 .site-menubar-fold .site-menu>.site-menu-item>.site-menu-sub .site-menu-icon
 {
     margin-right:.5em}
 
 .site-menubar-fold .site-menu>.site-menu-item.hover>.site-menu-sub
 {
     visibility:visible;
     opacity:1}
 
 .site-menubar-fold .site-menubar-light .site-menu-category
 {
     background:rgba(53,131,202,.05)}
 
 .site-menubar-fold .site-menubar-light .site-menu>.site-menu-item>.site-menu-sub
 {
     -webkit-box-shadow:2px 1px 2px rgba(0,0,0,.08);
     box-shadow:2px 1px 2px rgba(0,0,0,.08);
     background:#f3f8fb}
 
 .site-menubar-fold .site-menubar
 {
     width:90px}
 
 .site-menubar-fold .site-menubar-section
 {
     padding:30px;
     border-top:2px solid #242f35;
     border-bottom:2px solid #242f35;
     margin-top:0}
 
 .site-menubar-fold .site-menubar-section>h4,.site-menubar-fold .site-menubar-section>h5
 {
     display:none}
 
 .site-menubar-fold .site-menubar-light .site-menubar-section
 {
     border-top:2px solid rgba(53,131,202,.05);
     border-bottom:2px solid rgba(53,131,202,.05)}
 
 .site-menubar-fold .site-gridmenu
 {
     width:90px}
 
 .site-menubar-fold .site-gridmenu li
 {
     float:none;
     width:100%}
 
 .site-menubar-fold .site-gridmenu li>a
 {
     padding:15px 0}
 
 .site-menubar-fold .site-gridmenu-toggle:after
 {
     display:none}
 
 .site-menubar-fold .site-menubar-footer
 {
     width:90px}
 
 .site-menubar-fold .site-menubar-footer>a
 {
     display:none}
 
 .site-menubar-fold .site-menubar-footer>a.fold-show
 {
     width:100%;
     float:none;
     display:block}
 
 .site-menubar-fold.site-menubar-changing .site-menu>.site-menu-item>.site-menu-sub
 {
     display:none}
 
 @media screen and (min-width:768px) and (max-width:1199px)
 {
     .css-menubar .page,.css-menubar .site-footer
 {
     margin-left:90px}
 
 .css-menubar.page-aside-fixed .page-aside
 {
     left:90px}
 
 .css-menubar.page-aside-fixed .site-footer
 {
     margin-left:350px}
 
 .css-menubar .site-navbar .navbar-brand
 {
     float:none;
     text-align:center}
 
 .css-menubar .site-navbar .navbar-brand-text
 {
     display:none}
 
 .css-menubar .site-menu
 {
     overflow:visible}
 
 .css-menubar .site-menu-category
 {
     font:0/0 a;
     color:transparent;
     text-shadow:none;
     height:2px;
     background:#242f35;
     margin:0}
 
 .css-menubar .site-menu-category:first-child
 {
     visibility:hidden}
 
 .css-menubar .site-menu>.site-menu-item
 {
     font-size:14px}
 
 .css-menubar .site-menu>.site-menu-item>a
 {
     line-height:60px;
     height:60px}
 
 .css-menubar .site-menu>.site-menu-item>a .site-menu-icon,.css-menubar .site-menu>.site-menu-item>a .site-menu-title
 {
     -webkit-transition:visibility .25s,opacity .25s;
     -o-transition:visibility .25s,opacity .25s;
     transition:visibility .25s,opacity .25s;
     position:absolute;
     top:0;
     left:0;
     width:90px;
     text-align:center}
 
 .css-menubar .site-menu>.site-menu-item>a .site-menu-arrow
 {
     -webkit-transition:visibility 0;
     -o-transition:visibility 0;
     transition:visibility 0;
     visibility:hidden}
 
 .css-menubar .site-menu>.site-menu-item>a .site-menu-title
 {
     opacity:0;
     visibility:hidden}
 
 .css-menubar .site-menu>.site-menu-item>a .site-menu-icon
 {
     visibility:visible;
     opacity:1;
     font-size:24px;
     margin-right:0}
 
 .css-menubar .site-menu>.site-menu-item>a .site-menu-badge
 {
     left:50px;
     top:-15px}
 
 .css-menubar .site-menu>.site-menu-item>a .site-menu-label
 {
     display:none}
 
 .css-menubar .site-menu>.site-menu-item.active
 {
     border-top:none;
     border-bottom:none}
 
 .css-menubar .site-menu>.site-menu-item.active>a .site-menu-icon,.css-menubar .site-menu>.site-menu-item.hover>a .site-menu-icon,.css-menubar .site-menu>.site-menu-item.open>a .site-menu-icon
 {
     visibility:hidden;
     opacity:0}
 
 .css-menubar .site-menu>.site-menu-item.active>a .site-menu-title,.css-menubar .site-menu>.site-menu-item.hover>a .site-menu-title,.css-menubar .site-menu>.site-menu-item.open>a .site-menu-title
 {
     opacity:1;
     visibility:visible}
 
 .css-menubar .site-menu>.site-menu-item.active>a .site-menu-badge,.css-menubar .site-menu>.site-menu-item.hover>a .site-menu-badge,.css-menubar .site-menu>.site-menu-item.open>a .site-menu-badge
 {
     display:none}
 
 .css-menubar .site-menu .site-menu-sub .site-menu-sub
 {
     display:none}
 
 .css-menubar .site-menu .site-menu-sub .site-menu-item.open>a .site-menu-arrow
 {
     -ms-transform:rotate(90deg);
     -webkit-transform:rotate(90deg);
     -o-transform:rotate(90deg);
     transform:rotate(90deg)}
 
 .css-menubar .site-menu .site-menu-sub .site-menu-item.open>.site-menu-sub
 {
     display:block}
 
 .css-menubar .site-menu .site-menu-sub .site-menu-item:not(.open)>a .site-menu-arrow
 {
     -ms-transform:none;
     -webkit-transform:none;
     -o-transform:none;
     transform:none}
 
 .css-menubar .site-menu .site-menu-sub .site-menu-item:not(.open)>.site-menu-sub
 {
     display:none}
 
 .css-menubar .site-menu>.site-menu-item>.site-menu-sub
 {
     -webkit-transition:visibility .25s,opacity .25s;
     -o-transition:visibility .25s,opacity .25s;
     transition:visibility .25s,opacity .25s;
     position:absolute;
     left:90px;
     top:0;
     width:240px;
     background:#242f35;
     visibility:hidden;
     opacity:0;
     overflow-y:auto}
 
 .css-menubar .site-menu>.site-menu-item>.site-menu-sub-up
 {
     top:auto;
     bottom:0}
 
 .css-menubar .site-menu>.site-menu-item>.site-menu-sub .site-menu-item>a
 {
     padding:0 30px}
 
 .css-menubar .site-menu>.site-menu-item>.site-menu-sub .site-menu-icon
 {
     margin-right:.5em}
 
 .css-menubar .site-menu>.site-menu-item.hover>.site-menu-sub
 {
     visibility:visible;
     opacity:1}
 
 .css-menubar .site-menubar-light .site-menu-category
 {
     background:rgba(53,131,202,.05)}
 
 .css-menubar .site-menubar-light .site-menu>.site-menu-item>.site-menu-sub
 {
     -webkit-box-shadow:2px 1px 2px rgba(0,0,0,.08);
     box-shadow:2px 1px 2px rgba(0,0,0,.08);
     background:#f3f8fb}
 
 .css-menubar .site-menubar
 {
     width:90px}
 
 .css-menubar .site-menubar-section
 {
     padding:30px;
     border-top:2px solid #242f35;
     border-bottom:2px solid #242f35;
     margin-top:0}
 
 .css-menubar .site-menubar-section>h4,.css-menubar .site-menubar-section>h5
 {
     display:none}
 
 .css-menubar .site-menubar-light .site-menubar-section
 {
     border-top:2px solid rgba(53,131,202,.05);
     border-bottom:2px solid rgba(53,131,202,.05)}
 
 .css-menubar .site-gridmenu
 {
     width:90px}
 
 .css-menubar .site-gridmenu li
 {
     float:none;
     width:100%}
 
 .css-menubar .site-gridmenu li>a
 {
     padding:15px 0}
 
 .css-menubar .site-gridmenu-toggle:after
 {
     display:none}
 
 .css-menubar .site-menubar-footer
 {
     width:90px}
 
 .css-menubar .site-menubar-footer>a
 {
     display:none}
 
 .css-menubar .site-menubar-footer>a.fold-show
 {
     width:100%;
     float:none;
     display:block}
 
 .css-menubar .site-menu>.site-menu-item:hover>a .site-menu-icon
 {
     visibility:hidden;
     opacity:0}
 
 .css-menubar .site-menu>.site-menu-item:hover>a .site-menu-title
 {
     opacity:1;
     visibility:visible}
 
 .css-menubar .site-menu>.site-menu-item:hover>a .site-menu-badge
 {
     display:none}
 
 .css-menubar .site-menu-item:hover>.site-menu-sub
 {
     visibility:visible;
     opacity:1}
 
 .site-menubar-fold.page-aside-fixed .site-footer
 {
     margin-left:310px}
 
 }
 
 @media screen and (min-width:768px) and (max-width:1199px) and (min-width:768px)
 {
     .css-menubar .site-navbar .navbar-header
 {
     width:90px}
 
 }
 
 @media screen and (min-width:768px) and (max-width:1199px) and (min-width:768px)
 {
     .css-menubar .site-navbar .navbar-container
 {
     margin-left:90px}
 
 }
 
 .site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item.hover>a,.site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item:hover>a
 {
     background-color:transparent}
 
 .site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item.active,.site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item.hover,.site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item.open
 {
     background:#37474f}
 
 .site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item.active>a .site-menu-icon,.site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item.hover>a .site-menu-icon,.site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item.open>a .site-menu-icon
 {
     opacity:1;
     visibility:visible}
 
 .site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item.active>a .site-menu-badge,.site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item.hover>a .site-menu-badge,.site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item.open>a .site-menu-badge
 {
     display:inline-block}
 
 .site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item.active>a .site-menu-title,.site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item.open>a .site-menu-title
 {
     visibility:hidden;
     opacity:0}
 
 .site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item.hover>a .site-menu-title
 {
     opacity:1;
     visibility:visible}
 
 .site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item>a .site-menu-title
 {
     -webkit-transition:visibility 0,opacity 0;
     -o-transition:visibility 0,opacity 0;
     transition:visibility 0,opacity 0;
     left:90px;
     width:240px;
     padding:0 30px;
     background:#37474f;
     font-size:14px;
     text-align:left}
 
 .site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item>.site-menu-sub
 {
     top:60px}
 
 .site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item>.site-menu-sub-up
 {
     top:auto;
     bottom:60px}
 
 .site-menubar-fold.site-menubar-fold-alt .site-menubar-light .site-menu>.site-menu-item.active,.site-menubar-fold.site-menubar-fold-alt .site-menubar-light .site-menu>.site-menu-item.hover,.site-menubar-fold.site-menubar-fold-alt .site-menubar-light .site-menu>.site-menu-item.open
 {
     background:#e8f1f8}
 
 .site-menubar-fold.site-menubar-fold-alt .site-menubar-light .site-menu>.site-menu-item>a .site-menu-title
 {
     background:#e8f1f8}
 
 .site-menubar-fold.site-menubar-fold-alt .site-menubar-light .site-menu>.site-menu-item>.site-menu-sub
 {
     -webkit-box-shadow:none;
     box-shadow:none}
 
 @media screen and (max-width:767px),screen and (min-width:1200px)
 {
     .css-menubar .site-menu-category
 {
     -webkit-transition:all .25s,font .1s .15s,color .1s .15s;
     -o-transition:all .25s,font .1s .15s,color .1s .15s;
     transition:all .25s,font .1s .15s,color .1s .15s;
     font-size:15px;
     padding:0 24px;
     color:#76838f;
     line-height:38px;
     text-transform:uppercase;
     margin-top:20px}
 
 .css-menubar .site-menu>.site-menu-item>a .site-menu-title
 {
     font-size:14px}
 
 .css-menubar .site-menu-icon
 {
     margin-right:14px}
 
 .css-menubar .site-menu-title
 {
     display:inline-block;
     max-width:160px}
 
 .css-menubar .site-menu-title:first-child
 {
     margin-left:28px}
 
 .css-menubar .site-menu .site-menu-sub
 {
     display:none}
 
 .css-menubar .site-menu-item
 {
     -webkit-transition:-webkit-transform .1s,all .25s,border 0;
     -o-transition:-o-transform .1s,all .25s,border 0;
     transition:transform .1s,all .25s,border 0;
     line-height:34px}
 
 .css-menubar .site-menu-item.open>a .site-menu-arrow
 {
     -ms-transform:rotate(90deg);
     -webkit-transform:rotate(90deg);
     -o-transform:rotate(90deg);
     transform:rotate(90deg)}
 
 .css-menubar .site-menu-item.open>.site-menu-sub
 {
     display:block}
 
 .css-menubar .site-menu-item:not(.open)>a .site-menu-arrow
 {
     -ms-transform:none;
     -webkit-transform:none;
     -o-transform:none;
     transform:none}
 
 .css-menubar .site-menu-item:not(.open)>.site-menu-sub
 {
     display:none}
 
 .css-menubar .site-menu>.site-menu-item>a
 {
     padding:0 30px;
     line-height:38px}
 
 .css-menubar.site-menubar-native .site-menubar-body
 {
     overflow-y:scroll}
 
 .css-menubar .site-menubar
 {
     width:260px}
 
 .css-menubar .site-gridmenu
 {
     width:260px}
 
 .css-menubar .site-menubar-footer
 {
     width:260px}
 
 .css-menubar [data-toggle=menubar] .hamburger-arrow-left
 {
     -webkit-transform:rotate(180deg);
     -ms-transform:rotate(180deg);
     -o-transform:rotate(180deg);
     transform:rotate(180deg)}
 
 .css-menubar [data-toggle=menubar] .hamburger-arrow-left:before
 {
     width:.6em;
     -webkit-transform:translate3d(.45em,.1em,0) rotate(45deg);
     transform:translate3d(.45em,.1em,0) rotate(45deg)}
 
 .css-menubar [data-toggle=menubar] .hamburger-arrow-left .hamburger-bar
 {
     border-radius:.2em}
 
 .css-menubar [data-toggle=menubar] .hamburger-arrow-left:after
 {
     width:.6em;
     -webkit-transform:translate3d(.45em,-.1em,0) rotate(-45deg);
     transform:translate3d(.45em,-.1em,0) rotate(-45deg)}
 
 .css-menubar .site-menu-item:hover>.site-menu-sub
 {
     display:block}
 
 }
 
 @media screen and (max-width:767px) and (min-width:768px),screen and (min-width:1200px) and (min-width:768px)
 {
     .css-menubar .site-navbar .navbar-header
 {
     width:260px}
 
 }
 
 @media screen and (max-width:767px) and (min-width:768px),screen and (min-width:1200px) and (min-width:768px)
 {
     .css-menubar .site-navbar .navbar-container
 {
     margin-left:260px}
 
 }
 
 @media screen and (min-width:1200px)
 {
     .css-menubar .page,.css-menubar .site-footer
 {
     margin-left:260px}
 
 .css-menubar.page-aside-fixed .page-aside
 {
     left:260px}
 
 .css-menubar.page-aside-fixed .site-footer
 {
     margin-left:520px}
 
 }
 
 .site-menubar-unfold .page,.site-menubar-unfold .site-footer
 {
     margin-left:260px;
 }
 
 .site-menubar-unfold.page-aside-fixed .page-aside
 {
     left:260px}
 
 .site-menubar-unfold.page-aside-fixed .site-footer
 {
     margin-left:520px}
 
 @media (min-width:768px)
 {
     .site-menubar-unfold .site-navbar .navbar-header
 {
     width:260px}
 
 }
 
 @media (min-width:768px)
 {
     .site-menubar-unfold .site-navbar .navbar-container
 {
     margin-left:0px}
 
 }
 
 .site-menubar-unfold .site-menu-category
 {
     -webkit-transition:all .25s,font .1s .15s,color .1s .15s;
     -o-transition:all .25s,font .1s .15s,color .1s .15s;
     transition:all .25s,font .1s .15s,color .1s .15s;
     font-size:15px;
     padding:0 24px;
     color:#76838f;
     line-height:38px;
     text-transform:uppercase;
     margin-top:20px}
 
 .site-menubar-unfold .site-menu>.site-menu-item>a .site-menu-title
 {
     font-size:14px}
 
 .site-menubar-unfold .site-menu-icon
 {
     margin-right:14px}
 
 .site-menubar-unfold .site-menu-title
 {
     display:inline-block;
     max-width:160px}
 
 .site-menubar-unfold .site-menu-title:first-child
 {
     margin-left:28px}
 
 .site-menubar-unfold .site-menu .site-menu-sub
 {
     display:none}
 
 .site-menubar-unfold .site-menu-item
 {
     -webkit-transition:-webkit-transform .1s,all .25s,border 0;
     -o-transition:-o-transform .1s,all .25s,border 0;
     transition:transform .1s,all .25s,border 0;
     line-height:34px}
 
 .site-menubar-unfold .site-menu-item.open>a .site-menu-arrow
 {
     -ms-transform:rotate(90deg);
     -webkit-transform:rotate(90deg);
     -o-transform:rotate(90deg);
     transform:rotate(90deg)}
 
 .site-menubar-unfold .site-menu-item.open>.site-menu-sub
 {
     display:block}
 
 .site-menubar-unfold .site-menu-item:not(.open)>a .site-menu-arrow
 {
     -ms-transform:none;
     -webkit-transform:none;
     -o-transform:none;
     transform:none}
 
 .site-menubar-unfold .site-menu-item:not(.open)>.site-menu-sub
 {
     display:none}
 
 .site-menubar-unfold .site-menu>.site-menu-item>a
 {
     padding:0 30px;
     line-height:38px}
 
 .site-menubar-unfold.site-menubar-native .site-menubar-body
 {
     overflow-y:scroll}
 
 .site-menubar-unfold .site-menubar
 {
     width:260px}
 
 .site-menubar-unfold .site-gridmenu
 {
     width:260px}
 
 .site-menubar-unfold .site-menubar-footer
 {
     width:260px}
 
 .site-menubar-unfold [data-toggle=menubar] .hamburger-arrow-left
 {
     -webkit-transform:rotate(180deg);
     -ms-transform:rotate(180deg);
     -o-transform:rotate(180deg);
     transform:rotate(180deg)}
 
 .site-menubar-unfold [data-toggle=menubar] .hamburger-arrow-left:before
 {
     width:.6em;
     -webkit-transform:translate3d(.45em,.1em,0) rotate(45deg);
     transform:translate3d(.45em,.1em,0) rotate(45deg)}
 
 .site-menubar-unfold [data-toggle=menubar] .hamburger-arrow-left .hamburger-bar
 {
     border-radius:.2em}
 
 .site-menubar-unfold [data-toggle=menubar] .hamburger-arrow-left:after
 {
     width:.6em;
     -webkit-transform:translate3d(.45em,-.1em,0) rotate(-45deg);
     transform:translate3d(.45em,-.1em,0) rotate(-45deg)}
 
 @media screen and (min-width:768px) and (max-width:1199px)
 {
     .site-menubar-unfold.page-aside-fixed .site-footer
 {
     margin-left:480px}
 
 }
 
 @media (max-width:767px)
 {
     .site-menubar-unfold .page,.site-menubar-unfold .site-footer
 {
     margin-left:auto}
 
 .site-menubar-open .page,.site-menubar-open .site-footer
 {
     -ms-transform:translate(260px,0);
     -ms-transform:translate3d(260px,0,0);
     -webkit-transform:translate3d(260px,0,0);
     transform:translate3d(260px,0,0)}
 
 .site-menubar-changing
 {
     overflow:hidden}
 
 .site-menubar-changing .page,.site-menubar-changing .site-footer
 {
     -webkit-transition:-webkit-transform .25s;
     -o-transition:-o-transform .25s;
     transition:transform .25s}
 
 .site-gridmenu
 {
     width:100%!important;
     background:rgba(38,50,56,.9)}
 
 .site-menubar-hide .site-menubar,.site-menubar-open .site-menubar
 {
     -webkit-transition:-webkit-transform .25s,top .35s,height .35s;
     -o-transition:-o-transform .25s,top .35s,height .35s;
     transition:transform .25s,top .35s,height .35s}
 
 .site-menubar-open .site-menubar
 {
     -ms-transform:translate(0,0);
     -ms-transform:translate3d(0,0,0);
     -webkit-transform:translate3d(0,0,0);
     transform:translate3d(0,0,0)}
 
 }
 
 @media (max-width:767px)
 {
     .site-navbar-collapsing
 {
     -webkit-transition:padding-top .35s;
     -o-transition:padding-top .35s;
     transition:padding-top .35s}
 
 body.site-navbar-collapse-show
 {
     padding-top:132px}
 
 .site-navbar-collapse-show .slidePanel.slidePanel-left,.site-navbar-collapse-show .slidePanel.slidePanel-right
 {
     top:132px;
     -webkit-transition:top .35s;
     -o-transition:top .35s;
     transition:top .35s}
 
 }
 
 body.site-navbar-small
 {
     padding-top:60px}
 
 .site-navbar-small .site-navbar
 {
     height:60px;
     min-height:60px}
 
 .site-navbar-small .site-navbar .navbar-brand
 {
     height:60px;
     padding:19px 20px}
 
 .site-navbar-small .site-navbar .navbar-nav
 {
     margin:9.5px -15px}
 
 @media (min-width:768px)
 {
     .site-navbar-small .site-navbar .navbar-nav>li>a
 {
     padding-top:19px;
     padding-bottom:19px}
 
 }
 
 .site-navbar-small .site-navbar .navbar-toggle
 {
     height:60px;
     padding:19px 15px}
 
 .site-navbar-small .site-navbar .navbar-toolbar>li>a
 {
     padding-top:19px;
     padding-bottom:19px}
 
 .site-navbar-small .site-navbar .navbar-nav>li>a.navbar-avatar,.site-navbar-small .site-navbar .navbar-toolbar>li>a.navbar-avatar
 {
     padding-top:15px;
     padding-bottom:15px}
 
 .site-navbar-small .site-navbar .navbar-search-overlap .form-control
 {
     height:60px!important}
 
 .site-navbar-small .site-menubar
 {
     top:60px;
     height:-webkit-calc(100% - 60px);
     height:calc(100% - 60px)}
 
 .site-navbar-small .site-gridmenu
 {
     top:60px}
 
 @media (max-width:767px)
 {
     body.site-navbar-collapse-show.site-navbar-small
 {
     padding-top:120px}
 
 .site-navbar-small .site-menubar
 {
     top:60px}
 
 .site-navbar-collapse-show .site-navbar-small .site-menubar
 {
     top:120px;
     height:-webkit-calc(100% - 120px);
     height:calc(100% - 120px)}
 
 .site-navbar-small .page-aside
 {
     top:60px}
 
 .site-navbar-collapse-show .site-navbar-small .page-aside
 {
     top:120px}
 
 }
 
 @media (max-width:767px)
 {
     .site-navbar .brand
 {
     display:none}
 
 .site-navbar .brand-mobile
 {
     display:block}
 
 .site-menubar
 {
     top:66px;
     height:-webkit-calc(100% - 66px);
     height:calc(100% - 66px);
     -webkit-backface-visibility:hidden;
     backface-visibility:hidden;
     -webkit-perspective:1000;
     perspective:1000;
     -ms-transform:translate(-260px,0);
     -ms-transform:translate3d(-260px,0,0);
     -webkit-transform:translate3d(-260px,0,0);
     transform:translate3d(-260px,0,0)}
 
 .site-navbar-collapse-show .site-menubar
 {
     top:132px;
     height:-webkit-calc(100% - 132px);
     height:calc(100% - 132px)}
 
 .site-menubar-footer
 {
     visibility:hidden}
 
 .site-menubar-open .site-menubar-footer
 {
     visibility:visible}
 
 .disable-scrolling
 {
     overflow:hidden;
     height:100%}
 
 body.site-menubar-open
 {
     overflow:hidden;
     height:100%}
 
 body.site-menubar-open .page
 {
     overflow:hidden;
     height:100%;
     pointer-events:none}
 
 }
 
 @media (min-width:768px)
 {
     .site-menubar-flipped .navbar-header
 {
     float:right}
 
 }
 
 .site-menubar-flipped .site-menubar,.site-menubar-flipped .site-menubar-footer
 {
     right:0;
     left:auto}
 
 .site-menubar-flipped .site-gridmenu
 {
     right:0;
     left:auto}
 
 .site-menubar-flipped .hamburger-arrow-left.collapsed:before,.site-menubar-flipped .hamburger-arrow-left.unfolded:before
 {
     -webkit-transform:translateX(-.1em) translateY(.1em) rotate(135deg);
     -ms-transform:translateX(-.1em) translateY(.1em) rotate(135deg);
     -o-transform:translateX(-.1em) translateY(.1em) rotate(135deg);
     transform:translateX(-.1em) translateY(.1em) rotate(135deg)}
 
 .site-menubar-flipped .hamburger-arrow-left.collapsed:after,.site-menubar-flipped .hamburger-arrow-left.unfolded:after
 {
     -webkit-transform:translateX(-.1em) translateY(-.1em) rotate(45deg);
     -ms-transform:translateX(-.1em) translateY(-.1em) rotate(45deg);
     -o-transform:translateX(-.1em) translateY(-.1em) rotate(45deg);
     transform:translateX(-.1em) translateY(-.1em) rotate(45deg)}
 
 @media screen and (max-width:767px) and (min-width:768px),screen and (min-width:1200px) and (min-width:768px)
 {
     .css-menubar .site-menubar-flipped .site-navbar .navbar-container
 {
     margin-right:260px;
     margin-left:0}
 
 }
 
 @media screen and (min-width:1200px)
 {
     .css-menubar .site-menubar-flipped .page,.css-menubar .site-menubar-flipped .site-footer
 {
     margin-right:260px;
     margin-left:0}
 
 }
 
 .site-menubar-unfold.site-menubar-flipped .page,.site-menubar-unfold.site-menubar-flipped .site-footer
 {
     margin-right:260px;
     margin-left:0}
 
 @media (min-width:768px)
 {
     .site-menubar-unfold.site-menubar-flipped .site-navbar .navbar-container
 {
     margin-right:260px;
     margin-left:0}
 
 }
 
 @media (max-width:767px)
 {
     .site-menubar-flipped.site-menubar-unfold .page,.site-menubar-flipped.site-menubar-unfold .site-footer
 {
     margin-left:0;
     margin-right:auto}
 
 .site-menubar-flipped.site-menubar-open .page,.site-menubar-flipped.site-menubar-open .site-footer
 {
     -ms-transform:translate(-260px,0);
     -ms-transform:translate3d(-260px,0,0);
     -webkit-transform:translate3d(-260px,0,0);
     transform:translate3d(-260px,0,0)}
 
 .site-menubar-flipped.site-menubar-open .site-menubar
 {
     -ms-transform:translate(0,0);
     -ms-transform:translate3d(0,0,0);
     -webkit-transform:translate3d(0,0,0);
     transform:translate3d(0,0,0)}
 
 }
 
 @media screen and (min-width:768px) and (max-width:1199px)
 {
     .css-menubar .site-menubar-flipped .page,.css-menubar .site-menubar-flipped .site-footer
 {
     margin-right:90px;
     margin-left:0}
 
 .css-menubar .site-menubar-flipped .site-menu>.site-menu-item>.site-menu-sub
 {
     left:auto;
     right:90px}
 
 }
 
 @media screen and (min-width:768px) and (max-width:1199px) and (min-width:768px)
 {
     .css-menubar .site-menubar-flipped .site-navbar .navbar-container
 {
     margin-right:90px;
     margin-left:0}
 
 }
 
 .site-menubar-fold.site-menubar-flipped .page,.site-menubar-fold.site-menubar-flipped .site-footer
 {
     margin-right:90px;
     margin-left:0}
 
 @media (min-width:768px)
 {
     .site-menubar-fold.site-menubar-flipped .site-navbar .navbar-container
 {
     margin-right:90px;
     margin-left:0}
 
 }
 
 .site-menubar-fold.site-menubar-flipped .site-menu>.site-menu-item>.site-menu-sub
 {
     left:auto;
     right:90px}
 
 @media (max-width:767px)
 {
     .site-menubar-flipped .site-menubar
 {
     -ms-transform:translate(260px,0);
     -ms-transform:translate3d(260px,0,0);
     -webkit-transform:translate3d(260px,0,0);
     transform:translate3d(260px,0,0)}
 
 }
 
 .checkbox-custom,.radio-custom
 {
     position:relative;
     display:block;
     margin-top:10px;
     margin-bottom:10px}
 
 .checkbox-custom label,.radio-custom label
 {
     min-height:22px;
     margin-bottom:0;
     font-weight:300;
     cursor:pointer}
 
 .checkbox-custom input[type=checkbox],.radio-custom input[type=radio]
 {
     position:absolute;
     margin-left:-20px;
     margin-top:0;
     margin-bottom:0}
 
 .checkbox-custom.disabled label,.radio-custom.disabled label,fieldset[disabled] .checkbox-custom label,fieldset[disabled] .radio-custom label
 {
     cursor:not-allowed}
 
 .input-group-addon .checkbox-custom,.input-group-addon .radio-custom
 {
     margin:0}
 
 .checkbox-custom
 {
     padding-left:20px}
 
 .checkbox-custom label
 {
     display:inline-block;
     vertical-align:middle;
     position:relative;
     padding-left:10px}
 
 .checkbox-custom label:empty
 {
     padding-left:0}
 
 .checkbox-custom label::before
 {
     content:"";
     display:inline-block;
     position:absolute;
     width:20px;
     height:20px;
     left:0;
     margin-left:-20px;
     border:1px solid #e4eaec;
     border-radius:3px;
     background-color:#fff;
     -webkit-transition:all .3s ease-in-out 0s;
     -o-transition:all .3s ease-in-out 0s;
     transition:all .3s ease-in-out 0s}
 
 .checkbox-custom label::after
 {
     display:inline-block;
     position:absolute;
     width:20px;
     height:20px;
     line-height:20px;
     left:0;
     top:0;
     margin-left:-20px;
     text-align:center;
     padding-top:1px;
     font-size:12px;
     color:#76838f}
 
 .checkbox-custom input[type=radio],.checkbox-custom input[type=checkbox]
 {
     opacity:0;
     z-index:1;
     width:20px;
     height:20px}
 
 .checkbox-custom input[type=radio]:focus+label::before,.checkbox-custom input[type=checkbox]:focus+label::before
 {
     outline:thin dotted;
     outline:5px auto -webkit-focus-ring-color;
     outline-offset:-2px}
 
 .checkbox-custom input[type=radio]:checked+label::before,.checkbox-custom input[type=checkbox]:checked+label::before
 {
     border-color:#e4eaec;
     border-width:10px;
     -webkit-transition:all .3s ease-in-out 0s;
     -o-transition:all .3s ease-in-out 0s;
     transition:all .3s ease-in-out 0s}
 
 .checkbox-custom input[type=radio]:checked+label::after,.checkbox-custom input[type=checkbox]:checked+label::after
 {
     font-family:"Web Icons";
     content:"\f192"}
 
 .checkbox-custom input[type=radio]:disabled+label,.checkbox-custom input[type=checkbox]:disabled+label
 {
     opacity:.65}
 
 .checkbox-custom input[type=radio]:disabled+label::before,.checkbox-custom input[type=checkbox]:disabled+label::before
 {
     background-color:#f3f7f9;
     border-color:#e4eaec;
     border-width:1px;
     cursor:not-allowed}
 
 .checkbox-custom.checkbox-circle label::before
 {
     border-radius:50%}
 
 .checkbox-custom.checkbox-inline
 {
     margin-top:0;
     display:inline-block;
     margin-bottom:0}
 
 .checkbox-inline+.checkbox-inline
 {
     margin-left:20px}
 
 .checkbox-default input[type=radio]:checked+label::before,.checkbox-default input[type=checkbox]:checked+label::before
 {
     background-color:#fff;
     border-color:#e4eaec;
     border-width:1px}
 
 .checkbox-default input[type=radio]:checked+label::after,.checkbox-default input[type=checkbox]:checked+label::after
 {
     color:#3ba2a3}
 
 .checkbox-primary input[type=radio]:checked+label::before,.checkbox-primary input[type=checkbox]:checked+label::before
 {
     background-color:#3ba2a3;
     border-color:#3ba2a3}
 
 .checkbox-primary input[type=radio]:checked+label::after,.checkbox-primary input[type=checkbox]:checked+label::after
 {
     color:#fff}
 
 .checkbox-danger input[type=radio]:checked+label::before,.checkbox-danger input[type=checkbox]:checked+label::before
 {
     background-color:#f96868;
     border-color:#f96868}
 
 .checkbox-danger input[type=radio]:checked+label::after,.checkbox-danger input[type=checkbox]:checked+label::after
 {
     color:#fff}
 
 .checkbox-info input[type=radio]:checked+label::before,.checkbox-info input[type=checkbox]:checked+label::before
 {
     background-color:#57c7d4;
     border-color:#57c7d4}
 
 .checkbox-info input[type=radio]:checked+label::after,.checkbox-info input[type=checkbox]:checked+label::after
 {
     color:#fff}
 
 .checkbox-warning input[type=radio]:checked+label::before,.checkbox-warning input[type=checkbox]:checked+label::before
 {
     background-color:#f2a654;
     border-color:#f2a654}
 
 .checkbox-warning input[type=radio]:checked+label::after,.checkbox-warning input[type=checkbox]:checked+label::after
 {
     color:#fff}
 
 .checkbox-success input[type=radio]:checked+label::before,.checkbox-success input[type=checkbox]:checked+label::before
 {
     background-color:#46be8a;
     border-color:#46be8a}
 
 .checkbox-success input[type=radio]:checked+label::after,.checkbox-success input[type=checkbox]:checked+label::after
 {
     color:#fff}
 
 .checkbox-sm
 {
     padding-left:18px}
 
 .checkbox-sm label
 {
     padding-left:8px}
 
 .checkbox-sm label:empty
 {
     padding-left:0}
 
 .checkbox-sm label::after,.checkbox-sm label::before
 {
     width:18px;
     height:18px;
     margin-left:-18px}
 
 .checkbox-sm label::after
 {
     font-size:10px;
     line-height:18px}
 
 .checkbox-sm input[type=radio],.checkbox-sm input[type=checkbox]
 {
     width:18px;
     height:18px}
 
 .checkbox-sm input[type=radio]:checked+label::before,.checkbox-sm input[type=checkbox]:checked+label::before
 {
     border-width:9px}
 
 .checkbox-lg
 {
     padding-left:24px}
 
 .checkbox-lg label
 {
     padding-left:12px}
 
 .checkbox-lg label:empty
 {
     padding-left:0}
 
 .checkbox-lg label::after,.checkbox-lg label::before
 {
     width:24px;
     height:24px;
     margin-left:-24px}
 
 .checkbox-lg label::after
 {
     font-size:14px;
     line-height:24px}
 
 .checkbox-lg input[type=radio],.checkbox-lg input[type=checkbox]
 {
     width:24px;
     height:24px}
 
 .checkbox-lg input[type=radio]:checked+label::before,.checkbox-lg input[type=checkbox]:checked+label::before
 {
     border-width:12px}
 
 .radio-custom
 {
     padding-left:20px}
 
 .radio-custom label
 {
     display:inline-block;
     vertical-align:middle;
     position:relative;
     padding-left:10px}
 
 .radio-custom label:empty
 {
     padding-left:0}
 
 .radio-custom label::before
 {
     content:"";
     display:inline-block;
     position:absolute;
     width:20px;
     height:20px;
     left:0;
     margin-left:-20px;
     border:1px solid #e4eaec;
     border-radius:50%;
     background-color:#fff;
     -webkit-transition:border .3s ease-in-out 0s,color .3s ease-in-out 0s;
     -o-transition:border .3s ease-in-out 0s,color .3s ease-in-out 0s;
     transition:border .3s ease-in-out 0s,color .3s ease-in-out 0s}
 
 .radio-custom label::after
 {
     display:inline-block;
     position:absolute;
     content:" ";
     width:6px;
     height:6px;
     left:7px;
     top:7px;
     margin-left:-20px;
     border:2px solid #76838f;
     border-radius:50%;
     background-color:transparent;
     -webkit-transform:scale(0,0);
     -ms-transform:scale(0,0);
     -o-transform:scale(0,0);
     transform:scale(0,0);
     transition-transform:.1s cubic-bezier(.8,-.33,.2,1.33)}
 
 .radio-custom input[type=radio]
 {
     width:20px;
     height:20px;
     opacity:0;
     z-index:1}
 
 .radio-custom input[type=radio]:focus+label::before
 {
     outline:thin dotted;
     outline:5px auto -webkit-focus-ring-color;
     outline-offset:-2px}
 
 .radio-custom input[type=radio]:checked+label::before
 {
     border-color:#e4eaec;
     border-width:10px}
 
 .radio-custom input[type=radio]:checked+label::after
 {
     -webkit-transform:scale(1,1);
     -ms-transform:scale(1,1);
     -o-transform:scale(1,1);
     transform:scale(1,1)}
 
 .radio-custom input[type=radio]:disabled+label
 {
     opacity:.65}
 
 .radio-custom input[type=radio]:disabled+label::before
 {
     cursor:not-allowed}
 
 .radio-custom.radio-inline
 {
     margin-top:0;
     display:inline-block;
     margin-bottom:0}
 
 .radio-inline+.radio-inline
 {
     margin-left:20px}
 
 .radio-default input[type=radio]:checked+label::before
 {
     background-color:#fff;
     border-color:#e4eaec;
     border-width:1px}
 
 .radio-default input[type=radio]:checked+label::after
 {
     border-color:#3ba2a3}
 
 .radio-primary input[type=radio]:checked+label::before
 {
     border-color:#3ba2a3}
 
 .radio-primary input[type=radio]:checked+label::after
 {
     border-color:#fff}
 
 .radio-danger input[type=radio]:checked+label::before
 {
     border-color:#f96868}
 
 .radio-danger input[type=radio]:checked+label::after
 {
     border-color:#fff}
 
 .radio-info input[type=radio]:checked+label::before
 {
     border-color:#57c7d4}
 
 .radio-info input[type=radio]:checked+label::after
 {
     border-color:#fff}
 
 .radio-warning input[type=radio]:checked+label::before
 {
     border-color:#f2a654}
 
 .radio-warning input[type=radio]:checked+label::after
 {
     border-color:#fff}
 
 .radio-success input[type=radio]:checked+label::before
 {
     border-color:#46be8a}
 
 .radio-success input[type=radio]:checked+label::after
 {
     border-color:#fff}
 
 .radio-sm
 {
     padding-left:18px}
 
 .radio-sm label
 {
     padding-left:8px}
 
 .radio-sm label:empty
 {
     padding-left:0}
 
 .radio-sm label::before
 {
     width:18px;
     height:18px;
     margin-left:-20px}
 
 .radio-sm label::after
 {
     width:4px;
     height:4px;
     left:7px;
     top:7px;
     margin-left:-20px;
     border-width:2px}
 
 .radio-sm input[type=radio]
 {
     width:18px;
     height:18px}
 
 .radio-sm input[type=radio]:checked+label::before
 {
     border-width:9px}
 
 .radio-lg
 {
     padding-left:24px}
 
 .radio-lg label
 {
     padding-left:12px}
 
 .radio-lg label:empty
 {
     padding-left:0}
 
 .radio-lg label::before
 {
     width:24px;
     height:24px;
     margin-left:-20px}
 
 .radio-lg label::after
 {
     width:8px;
     height:8px;
     left:8px;
     top:8px;
     margin-left:-20px;
     border-width:2px}
 
 .radio-lg input[type=radio]
 {
     width:24px;
     height:24px}
 
 .radio-lg input[type=radio]:checked+label::before
 {
     border-width:12px}
 
 @media (min-width:768px)
 {
     .form-inline .checkbox-custom,.form-inline .radio-custom
 {
     display:inline-block;
     margin-top:0;
     margin-bottom:0;
     vertical-align:middle}
 
 .form-inline .checkbox-custom label,.form-inline .radio-custom label
 {
     padding-left:0}
 
 .form-inline .checkbox-custom input[type=checkbox],.form-inline .radio-custom input[type=radio]
 {
     position:relative;
     margin-left:0}
 
 .form-inline .radio-custom label
 {
     padding-left:10px}
 
 .form-inline .checkbox-custom label
 {
     padding-left:10px}
 
 .form-inline .checkbox-custom input[type=checkbox]
 {
     position:absolute;
     margin-left:-20px}
 
 .form-inline .radio-custom input[type=radio]
 {
     position:absolute;
     margin-left:-20px}
 
 }
 
 .form-horizontal .checkbox-custom,.form-horizontal .radio-custom
 {
     margin-top:0;
     margin-bottom:0;
     padding-top:7px}
 
 .form-horizontal .checkbox-custom,.form-horizontal .radio-custom
 {
     min-height:29px}
 
 .form-horizontal .input-group-addon .checkbox-custom,.form-horizontal .input-group-addon .radio-custom
 {
     padding-top:0}
 
 .form-horizontal .input-group-addon .checkbox-custom,.form-horizontal .input-group-addon .radio-custom
 {
     min-height:22px}
 
 .form-material
 {
     position:relative}
 
 .form-material.floating
 {
     margin-top:20px;
     margin-bottom:20px}
 
 .form-material.floating+.form-material.floating
 {
     margin-top:40px}
 
 .form-material .form-control
 {
     padding:0;
     -webkit-background-size:0 2px,100% 1px;
     background-size:0 2px,100% 1px;
     background-repeat:no-repeat;
     background-position:center bottom,center -webkit-calc(100% - 1px);
     background-position:center bottom,center calc(100% - 1px);
     background-color:transparent;
     background-color:rgba(0,0,0,0);
     -webkit-transition:background 0s ease-out;
     -o-transition:background 0s ease-out;
     transition:background 0s ease-out}
 
 .form-material .form-control,.form-material .form-control.focus,.form-material .form-control:focus
 {
     float:none;
     border:0;
     -webkit-box-shadow:none;
     box-shadow:none;
     border-radius:0;
     background-image:-webkit-gradient(linear,left top,left bottom,from(#3ba2a3),to(#3ba2a3)),-webkit-gradient(linear,left top,left bottom,from(#e4eaec),to(#e4eaec));
     background-image:-webkit-linear-gradient(#3ba2a3,#3ba2a3),-webkit-linear-gradient(#e4eaec,#e4eaec);
     background-image:-o-linear-gradient(#3ba2a3,#3ba2a3),-o-linear-gradient(#e4eaec,#e4eaec);
     background-image:linear-gradient(#3ba2a3,#3ba2a3),linear-gradient(#e4eaec,#e4eaec)}
 
 .no-cssgradients .form-material .form-control
 {
     border-bottom:2px solid #e4eaec}
 
 .form-material .form-control::-webkit-input-placeholder
 {
     color:#a3afb7}
 
 .form-material .form-control::-moz-placeholder
 {
     color:#a3afb7}
 
 .form-material .form-control:-ms-input-placeholder
 {
     color:#a3afb7}
 
 .form-material .form-control:disabled::-webkit-input-placeholder
 {
     color:#ccd5db}
 
 .form-material .form-control:disabled::-moz-placeholder
 {
     color:#ccd5db}
 
 .form-material .form-control:disabled:-ms-input-placeholder
 {
     color:#ccd5db}
 
 .form-material .form-control.focus,.form-material .form-control:focus
 {
     outline:0;
     -webkit-background-size:100% 2px,100% 1px;
     background-size:100% 2px,100% 1px;
     -webkit-transition-duration:.3s;
     -o-transition-duration:.3s;
     transition-duration:.3s}
 
 .no-cssgradients .form-material .form-control.focus,.no-cssgradients .form-material .form-control:focus
 {
     background:0 0;
     border-bottom:2px solid #3ba2a3}
 
 .form-material .form-control:disabled,.form-material .form-control[disabled],fieldset[disabled] .form-material .form-control
 {
     background:0 0;
     background:rgba(0,0,0,0);
     border-bottom:1px dashed #ccd5db}
 
 .form-material .form-control:disabled~.floating-label,.form-material .form-control[disabled]~.floating-label,fieldset[disabled] .form-material .form-control~.floating-label
 {
     color:#ccd5db}
 
 .form-material .control-label
 {
     font-weight:500;
     margin-bottom:0}
 
 .form-material .floating-label
 {
     font-size:14px;
     color:#76838f;
     position:absolute;
     pointer-events:none;
     left:0;
     -webkit-transition:.3s ease all;
     -o-transition:.3s ease all;
     transition:.3s ease all}
 
 .form-material .floating-label.floating-label-static
 {
     position:relative;
     top:auto;
     display:block}
 
 .form-material [class*=col-]>.floating-label
 {
     left:15px}
 
 .form-material .form-control~.floating-label
 {
     font-size:14px;
     top:8px}
 
 .form-material .form-control.focus~.floating-label,.form-material .form-control:focus~.floating-label,.form-material .form-control:not(.empty)~.floating-label
 {
     top:-11.2px;
     font-size:11.2px}
 
 .form-material .form-control:-webkit-autofill~.floating-label
 {
     top:-11.2px;
     font-size:11.2px}
 
 .form-material .form-control.input-sm~.floating-label
 {
     font-size:12px;
     top:6px}
 
 .form-material .form-control.input-sm.focus~.floating-label,.form-material .form-control.input-sm:focus~.floating-label,.form-material .form-control.input-sm:not(.empty)~.floating-label
 {
     top:-9.6px;
     font-size:9.6px}
 
 .form-material .form-control.input-sm:-webkit-autofill~.floating-label
 {
     top:-9.6px;
     font-size:9.6px}
 
 .form-material .form-control.input-lg~.floating-label
 {
     font-size:18px;
     top:6px}
 
 .form-material .form-control.input-lg.focus~.floating-label,.form-material .form-control.input-lg:focus~.floating-label,.form-material .form-control.input-lg:not(.empty)~.floating-label
 {
     top:-14.4px;
     font-size:14.4px}
 
 .form-material .form-control.input-lg:-webkit-autofill~.floating-label
 {
     top:-14.4px;
     font-size:14.4px}
 
 .form-material .form-control.focus~.floating-label,.form-material .form-control:focus~.floating-label,.form-material .form-control:not(.empty)~.floating-label
 {
     font-weight:500}
 
 .form-material .form-control:-webkit-autofill~.floating-label
 {
     font-weight:500}
 
 .form-material .form-control.focus~.floating-label,.form-material .form-control:focus~.floating-label
 {
     color:#3ba2a3}
 
 .form-material textarea.form-control
 {
     resize:none;
     padding-bottom:6px}
 
 .form-material.floating textarea.form-control
 {
     padding-top:6px}
 
 .form-material select.form-control
 {
     border:0;
     border-radius:0}
 
 .form-material:not(.floating) .control-label+select[multiple]
 {
     margin-top:5px}
 
 .form-material .hint
 {
     position:absolute;
     font-size:80%;
     display:none}
 
 .form-material .form-control.focus~.hint,.form-material .form-control:focus~.hint
 {
     display:block}
 
 .form-material .form-control.focus:invalid~.floating-label,.form-material .form-control:not(.empty):invalid~.floating-label
 {
     color:#f96868}
 
 .form-material .form-control:invalid
 {
     background-image:-webkit-gradient(linear,left top,left bottom,from(#f96868),to(#f96868)),-webkit-gradient(linear,left top,left bottom,from(#e4eaec),to(#e4eaec));
     background-image:-webkit-linear-gradient(#f96868,#f96868),-webkit-linear-gradient(#e4eaec,#e4eaec);
     background-image:-o-linear-gradient(#f96868,#f96868),-o-linear-gradient(#e4eaec,#e4eaec);
     background-image:linear-gradient(#f96868,#f96868),linear-gradient(#e4eaec,#e4eaec)}
 
 .form-material.form-group.has-warning .form-control.focus,.form-material.form-group.has-warning .form-control:focus,.form-material.form-group.has-warning .form-control:not(.empty)
 {
     background-image:-webkit-gradient(linear,left top,left bottom,from(#f2a654),to(#f2a654)),-webkit-gradient(linear,left top,left bottom,from(#e4eaec),to(#e4eaec));
     background-image:-webkit-linear-gradient(#f2a654,#f2a654),-webkit-linear-gradient(#e4eaec,#e4eaec);
     background-image:-o-linear-gradient(#f2a654,#f2a654),-o-linear-gradient(#e4eaec,#e4eaec);
     background-image:linear-gradient(#f2a654,#f2a654),linear-gradient(#e4eaec,#e4eaec)}
 
 .no-cssgradients .form-material.form-group.has-warning .form-control.focus,.no-cssgradients .form-material.form-group.has-warning .form-control:focus,.no-cssgradients .form-material.form-group.has-warning .form-control:not(.empty)
 {
     background:0 0;
     border-bottom:2px solid #f2a654}
 
 .form-material.form-group.has-warning .form-control:-webkit-autofill
 {
     background-image:-webkit-gradient(linear,left top,left bottom,from(#f2a654),to(#f2a654)),-webkit-gradient(linear,left top,left bottom,from(#e4eaec),to(#e4eaec));
     background-image:-webkit-linear-gradient(#f2a654,#f2a654),-webkit-linear-gradient(#e4eaec,#e4eaec);
     background-image:linear-gradient(#f2a654,#f2a654),linear-gradient(#e4eaec,#e4eaec)}
 
 .no-cssgradients .form-material.form-group.has-warning .form-control:-webkit-autofill
 {
     background:0 0;
     border-bottom:2px solid #f2a654}
 
 .form-material.form-group.has-warning .form-control:not(.empty)
 {
     -webkit-background-size:100% 2px,100% 1px;
     background-size:100% 2px,100% 1px}
 
 .form-material.form-group.has-warning .control-label
 {
     color:#f2a654}
 
 .form-material.form-group.has-warning .form-control.focus~.floating-label,.form-material.form-group.has-warning .form-control:focus~.floating-label,.form-material.form-group.has-warning .form-control:not(.empty)~.floating-label
 {
     color:#f2a654}
 
 .form-material.form-group.has-warning .form-control:-webkit-autofill~.floating-label
 {
     color:#f2a654}
 
 .form-material.form-group.has-error .form-control.focus,.form-material.form-group.has-error .form-control:focus,.form-material.form-group.has-error .form-control:not(.empty)
 {
     background-image:-webkit-gradient(linear,left top,left bottom,from(#f96868),to(#f96868)),-webkit-gradient(linear,left top,left bottom,from(#e4eaec),to(#e4eaec));
     background-image:-webkit-linear-gradient(#f96868,#f96868),-webkit-linear-gradient(#e4eaec,#e4eaec);
     background-image:-o-linear-gradient(#f96868,#f96868),-o-linear-gradient(#e4eaec,#e4eaec);
     background-image:linear-gradient(#f96868,#f96868),linear-gradient(#e4eaec,#e4eaec)}
 
 .no-cssgradients .form-material.form-group.has-error .form-control.focus,.no-cssgradients .form-material.form-group.has-error .form-control:focus,.no-cssgradients .form-material.form-group.has-error .form-control:not(.empty)
 {
     background:0 0;
     border-bottom:2px solid #f96868}
 
 .form-material.form-group.has-error .form-control:-webkit-autofill
 {
     background-image:-webkit-gradient(linear,left top,left bottom,from(#f96868),to(#f96868)),-webkit-gradient(linear,left top,left bottom,from(#e4eaec),to(#e4eaec));
     background-image:-webkit-linear-gradient(#f96868,#f96868),-webkit-linear-gradient(#e4eaec,#e4eaec);
     background-image:linear-gradient(#f96868,#f96868),linear-gradient(#e4eaec,#e4eaec)}
 
 .no-cssgradients .form-material.form-group.has-error .form-control:-webkit-autofill
 {
     background:0 0;
     border-bottom:2px solid #f96868}
 
 .form-material.form-group.has-error .form-control:not(.empty)
 {
     -webkit-background-size:100% 2px,100% 1px;
     background-size:100% 2px,100% 1px}
 
 .form-material.form-group.has-error .control-label
 {
     color:#f96868}
 
 .form-material.form-group.has-error .form-control.focus~.floating-label,.form-material.form-group.has-error .form-control:focus~.floating-label,.form-material.form-group.has-error .form-control:not(.empty)~.floating-label
 {
     color:#f96868}
 
 .form-material.form-group.has-error .form-control:-webkit-autofill~.floating-label
 {
     color:#f96868}
 
 .form-material.form-group.has-success .form-control.focus,.form-material.form-group.has-success .form-control:focus,.form-material.form-group.has-success .form-control:not(.empty)
 {
     background-image:-webkit-gradient(linear,left top,left bottom,from(#46be8a),to(#46be8a)),-webkit-gradient(linear,left top,left bottom,from(#e4eaec),to(#e4eaec));
     background-image:-webkit-linear-gradient(#46be8a,#46be8a),-webkit-linear-gradient(#e4eaec,#e4eaec);
     background-image:-o-linear-gradient(#46be8a,#46be8a),-o-linear-gradient(#e4eaec,#e4eaec);
     background-image:linear-gradient(#46be8a,#46be8a),linear-gradient(#e4eaec,#e4eaec)}
 
 .no-cssgradients .form-material.form-group.has-success .form-control.focus,.no-cssgradients .form-material.form-group.has-success .form-control:focus,.no-cssgradients .form-material.form-group.has-success .form-control:not(.empty)
 {
     background:0 0;
     border-bottom:2px solid #46be8a}
 
 .form-material.form-group.has-success .form-control:-webkit-autofill
 {
     background-image:-webkit-gradient(linear,left top,left bottom,from(#46be8a),to(#46be8a)),-webkit-gradient(linear,left top,left bottom,from(#e4eaec),to(#e4eaec));
     background-image:-webkit-linear-gradient(#46be8a,#46be8a),-webkit-linear-gradient(#e4eaec,#e4eaec);
     background-image:linear-gradient(#46be8a,#46be8a),linear-gradient(#e4eaec,#e4eaec)}
 
 .no-cssgradients .form-material.form-group.has-success .form-control:-webkit-autofill
 {
     background:0 0;
     border-bottom:2px solid #46be8a}
 
 .form-material.form-group.has-success .form-control:not(.empty)
 {
     -webkit-background-size:100% 2px,100% 1px;
     background-size:100% 2px,100% 1px}
 
 .form-material.form-group.has-success .control-label
 {
     color:#46be8a}
 
 .form-material.form-group.has-success .form-control.focus~.floating-label,.form-material.form-group.has-success .form-control:focus~.floating-label,.form-material.form-group.has-success .form-control:not(.empty)~.floating-label
 {
     color:#46be8a}
 
 .form-material.form-group.has-success .form-control:-webkit-autofill~.floating-label
 {
     color:#46be8a}
 
 .form-material.form-group.has-info .form-control.focus,.form-material.form-group.has-info .form-control:focus,.form-material.form-group.has-info .form-control:not(.empty)
 {
     background-image:-webkit-gradient(linear,left top,left bottom,from(#57c7d4),to(#57c7d4)),-webkit-gradient(linear,left top,left bottom,from(#e4eaec),to(#e4eaec));
     background-image:-webkit-linear-gradient(#57c7d4,#57c7d4),-webkit-linear-gradient(#e4eaec,#e4eaec);
     background-image:-o-linear-gradient(#57c7d4,#57c7d4),-o-linear-gradient(#e4eaec,#e4eaec);
     background-image:linear-gradient(#57c7d4,#57c7d4),linear-gradient(#e4eaec,#e4eaec)}
 
 .no-cssgradients .form-material.form-group.has-info .form-control.focus,.no-cssgradients .form-material.form-group.has-info .form-control:focus,.no-cssgradients .form-material.form-group.has-info .form-control:not(.empty)
 {
     background:0 0;
     border-bottom:2px solid #57c7d4}
 
 .form-material.form-group.has-info .form-control:-webkit-autofill
 {
     background-image:-webkit-gradient(linear,left top,left bottom,from(#57c7d4),to(#57c7d4)),-webkit-gradient(linear,left top,left bottom,from(#e4eaec),to(#e4eaec));
     background-image:-webkit-linear-gradient(#57c7d4,#57c7d4),-webkit-linear-gradient(#e4eaec,#e4eaec);
     background-image:linear-gradient(#57c7d4,#57c7d4),linear-gradient(#e4eaec,#e4eaec)}
 
 .no-cssgradients .form-material.form-group.has-info .form-control:-webkit-autofill
 {
     background:0 0;
     border-bottom:2px solid #57c7d4}
 
 .form-material.form-group.has-info .form-control:not(.empty)
 {
     -webkit-background-size:100% 2px,100% 1px;
     background-size:100% 2px,100% 1px}
 
 .form-material.form-group.has-info .control-label
 {
     color:#57c7d4}
 
 .form-material.form-group.has-info .form-control.focus~.floating-label,.form-material.form-group.has-info .form-control:focus~.floating-label,.form-material.form-group.has-info .form-control:not(.empty)~.floating-label
 {
     color:#57c7d4}
 
 .form-material.form-group.has-info .form-control:-webkit-autofill~.floating-label
 {
     color:#57c7d4}
 
 .form-material .input-group .form-control-wrap
 {
     margin-right:5px;
     margin-left:5px}
 
 .form-material .input-group .form-control-wrap .form-control
 {
     float:none}
 
 .form-material .input-group .input-group-addon
 {
     border:0;
     background:0 0}
 
 .form-material .input-group .input-group-btn .btn
 {
     border-radius:4px;
     margin:0}
 
 .form-material input[type=file]
 {
     opacity:0;
     position:absolute;
     top:0;
     right:0;
     bottom:0;
     left:0;
     width:100%;
     height:100%;
     z-index:100}
 
 .form-control-wrap
 {
     position:relative}
 
 .loader
 {
     position:relative;
     display:inline-block;
     margin:0 auto;
     font-size:40px;
     text-indent:-9999em;
     -ms-transform:translateZ(0);
     -webkit-transform:translateZ(0);
     transform:translateZ(0)}
 
 .loader.loader-default
 {
     width:1em;
     height:1em;
     background-color:#a3afb7;
     border-radius:100%;
     -webkit-animation:loader-default 1s infinite ease-in-out;
     -o-animation:loader-default 1s infinite ease-in-out;
     animation:loader-default 1s infinite ease-in-out}
 
 .loader.loader-grill
 {
     width:.25em;
     height:.5em;
     background:#a3afb7;
     -webkit-animation:default-grill 1s infinite ease-in-out;
     -o-animation:default-grill 1s infinite ease-in-out;
     animation:default-grill 1s infinite ease-in-out;
     -webkit-animation-delay:-.16s;
     -o-animation-delay:-.16s;
     animation-delay:-.16s}
 
 .loader.loader-grill:after,.loader.loader-grill:before
 {
     position:absolute;
     top:0;
     width:100%;
     height:100%;
     content:'';
     background:#a3afb7;
     -webkit-animation:default-grill 1s infinite ease-in-out;
     -o-animation:default-grill 1s infinite ease-in-out;
     animation:default-grill 1s infinite ease-in-out}
 
 .loader.loader-grill:before
 {
     left:-.375em;
     -webkit-animation-delay:-.32s;
     -o-animation-delay:-.32s;
     animation-delay:-.32s}
 
 .loader.loader-grill:after
 {
     left:.375em}
 
 .loader.loader-circle
 {
     width:1em;
     height:1em;
     border-top:.125em solid rgba(163,175,183,.5);
     border-right:.125em solid rgba(163,175,183,.5);
     border-bottom:.125em solid rgba(163,175,183,.5);
     border-left:.125em solid #a3afb7;
     border-radius:50%;
     -webkit-animation:loader-circle 1.1s infinite linear;
     -o-animation:loader-circle 1.1s infinite linear;
     animation:loader-circle 1.1s infinite linear}
 
 .loader.loader-round-circle
 {
     width:1em;
     height:1em;
     font-size:10px;
     border-radius:50%;
     -webkit-animation:loader-round-circle 1.3s infinite linear;
     -o-animation:loader-round-circle 1.3s infinite linear;
     animation:loader-round-circle 1.3s infinite linear}
 
 .loader.loader-tadpole
 {
     width:1em;
     height:1em;
     border-radius:50%;
     -webkit-animation:loader-tadpole 1.7s infinite ease;
     -o-animation:loader-tadpole 1.7s infinite ease;
     animation:loader-tadpole 1.7s infinite ease}
 
 .loader.loader-ellipsis
 {
     top:-.625em;
     width:.625em;
     height:.625em;
     border-radius:50%;
     -webkit-animation:loader-ellipsis 1.8s infinite ease-in-out;
     -o-animation:loader-ellipsis 1.8s infinite ease-in-out;
     animation:loader-ellipsis 1.8s infinite ease-in-out;
     -webkit-animation-fill-mode:both;
     -o-animation-fill-mode:both;
     animation-fill-mode:both;
     -webkit-animation-delay:-.16s;
     -o-animation-delay:-.16s;
     animation-delay:-.16s}
 
 .loader.loader-ellipsis:after,.loader.loader-ellipsis:before
 {
     position:absolute;
     top:0;
     width:100%;
     height:100%;
     content:'';
     border-radius:50%;
     -webkit-animation:loader-ellipsis 1.8s infinite ease-in-out;
     -o-animation:loader-ellipsis 1.8s infinite ease-in-out;
     animation:loader-ellipsis 1.8s infinite ease-in-out;
     -webkit-animation-fill-mode:both;
     -o-animation-fill-mode:both;
     animation-fill-mode:both}
 
 .loader.loader-ellipsis:before
 {
     left:-.875em;
     -webkit-animation-delay:-.32s;
     -o-animation-delay:-.32s;
     animation-delay:-.32s}
 
 .loader.loader-ellipsis:after
 {
     left:.875em}
 
 .loader.loader-dot
 {
     width:2em;
     height:2em;
     -webkit-animation:loader-dot-rotate 2s infinite linear;
     -o-animation:loader-dot-rotate 2s infinite linear;
     animation:loader-dot-rotate 2s infinite linear}
 
 .loader.loader-dot:after,.loader.loader-dot:before
 {
     position:absolute;
     top:0;
     left:0;
     width:60%;
     height:60%;
     content:'';
     background:#a3afb7;
     border-radius:100%;
     -webkit-animation:loader-dot-bounce 2s infinite ease-in-out;
     -o-animation:loader-dot-bounce 2s infinite ease-in-out;
     animation:loader-dot-bounce 2s infinite ease-in-out}
 
 .loader.loader-dot:after
 {
     top:auto;
     bottom:0;
     -webkit-animation-delay:-1s;
     -o-animation-delay:-1s;
     animation-delay:-1s}
 
 .loader.loader-bounce
 {
     width:1.5em;
     height:1.5em}
 
 .loader.loader-bounce:after,.loader.loader-bounce:before
 {
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     content:'';
     background:#a3afb7;
     border-radius:50%;
     opacity:.6;
     -webkit-animation:loader-bounce 2s infinite ease-in-out;
     -o-animation:loader-bounce 2s infinite ease-in-out;
     animation:loader-bounce 2s infinite ease-in-out}
 
 .loader.loader-bounce:after
 {
     -webkit-animation-delay:-1s;
     -o-animation-delay:-1s;
     animation-delay:-1s}
 
 .side-panel-loading,body>.loader
 {
     position:fixed;
     top:50%;
     left:50%;
     margin-top:-20px}
 
 .site-menubar-unfold>.loader
 {
     margin-left:130px}
 
 .site-menubar-fold>.loader
 {
     margin-left:45px}
 
 .site-menubar-hide.site-menubar-unfold>.loader
 {
     margin-left:0}
 
 @-webkit-keyframes loader-default
 {
     0%
 {
     -webkit-transform:scale(0);
     transform:scale(0)}
 
 100%
 {
     opacity:0;
     -webkit-transform:scale(1);
     transform:scale(1)}
 
 }
 
 @-o-keyframes loader-default
 {
     0%
 {
     -webkit-transform:scale(0);
     -o-transform:scale(0);
     transform:scale(0)}
 
 100%
 {
     opacity:0;
     -webkit-transform:scale(1);
     -o-transform:scale(1);
     transform:scale(1)}
 
 }
 
 @keyframes loader-default
 {
     0%
 {
     -webkit-transform:scale(0);
     -o-transform:scale(0);
     transform:scale(0)}
 
 100%
 {
     opacity:0;
     -webkit-transform:scale(1);
     -o-transform:scale(1);
     transform:scale(1)}
 
 }
 
 @-webkit-keyframes default-grill
 {
     0%,100%,80%
 {
     height:1em;
     -webkit-box-shadow:0 0 #a3afb7;
     box-shadow:0 0 #a3afb7}
 
 40%
 {
     height:1.2em;
     -webkit-box-shadow:0 -.25em #a3afb7;
     box-shadow:0 -.25em #a3afb7}
 
 }
 
 @-o-keyframes default-grill
 {
     0%,100%,80%
 {
     height:1em;
     box-shadow:0 0 #a3afb7}
 
 40%
 {
     height:1.2em;
     box-shadow:0 -.25em #a3afb7}
 
 }
 
 @keyframes default-grill
 {
     0%,100%,80%
 {
     height:1em;
     -webkit-box-shadow:0 0 #a3afb7;
     box-shadow:0 0 #a3afb7}
 
 40%
 {
     height:1.2em;
     -webkit-box-shadow:0 -.25em #a3afb7;
     box-shadow:0 -.25em #a3afb7}
 
 }
 
 @-webkit-keyframes loader-circle
 {
     0%
 {
     -webkit-transform:rotate(0);
     transform:rotate(0)}
 
 100%
 {
     -webkit-transform:rotate(360deg);
     transform:rotate(360deg)}
 
 }
 
 @-o-keyframes loader-circle
 {
     0%
 {
     -webkit-transform:rotate(0);
     -o-transform:rotate(0);
     transform:rotate(0)}
 
 100%
 {
     -webkit-transform:rotate(360deg);
     -o-transform:rotate(360deg);
     transform:rotate(360deg)}
 
 }
 
 @keyframes loader-circle
 {
     0%
 {
     -webkit-transform:rotate(0);
     -o-transform:rotate(0);
     transform:rotate(0)}
 
 100%
 {
     -webkit-transform:rotate(360deg);
     -o-transform:rotate(360deg);
     transform:rotate(360deg)}
 
 }
 
 @-webkit-keyframes loader-round-circle
 {
     0%,100%
 {
     -webkit-box-shadow:0 -3em 0 .2em #a3afb7,2em -2em 0 0 #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 0 #a3afb7;
     box-shadow:0 -3em 0 .2em #a3afb7,2em -2em 0 0 #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 0 #a3afb7}
 
 12.5%
 {
     -webkit-box-shadow:0 -3em 0 0 #a3afb7,2em -2em 0 .2em #a3afb7,3em 0 0 0 #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7;
     box-shadow:0 -3em 0 0 #a3afb7,2em -2em 0 .2em #a3afb7,3em 0 0 0 #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7}
 
 25%
 {
     -webkit-box-shadow:0 -3em 0 -.5em #a3afb7,2em -2em 0 0 #a3afb7,3em 0 0 .2em #a3afb7,2em 2em 0 0 #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7;
     box-shadow:0 -3em 0 -.5em #a3afb7,2em -2em 0 0 #a3afb7,3em 0 0 .2em #a3afb7,2em 2em 0 0 #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7}
 
 37.5%
 {
     -webkit-box-shadow:0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 0 #a3afb7,2em 2em 0 .2em #a3afb7,0 3em 0 0 #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7;
     box-shadow:0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 0 #a3afb7,2em 2em 0 .2em #a3afb7,0 3em 0 0 #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7}
 
 50%
 {
     -webkit-box-shadow:0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 0 #a3afb7,0 3em 0 .2em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7;
     box-shadow:0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 0 #a3afb7,0 3em 0 .2em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7}
 
 62.5%
 {
     -webkit-box-shadow:0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 0 #a3afb7,-2em 2em 0 .2em #a3afb7,-3em 0 0 0 #a3afb7,-2em -2em 0 -.5em #a3afb7;
     box-shadow:0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 0 #a3afb7,-2em 2em 0 .2em #a3afb7,-3em 0 0 0 #a3afb7,-2em -2em 0 -.5em #a3afb7}
 
 75%
 {
     -webkit-box-shadow:0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 .2em #a3afb7,-2em -2em 0 0 #a3afb7;
     box-shadow:0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 .2em #a3afb7,-2em -2em 0 0 #a3afb7}
 
 87.5%
 {
     -webkit-box-shadow:0 -3em 0 0 #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 0 #a3afb7,-2em -2em 0 .2em #a3afb7;
     box-shadow:0 -3em 0 0 #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 0 #a3afb7,-2em -2em 0 .2em #a3afb7}
 
 }
 
 @-o-keyframes loader-round-circle
 {
     0%,100%
 {
     box-shadow:0 -3em 0 .2em #a3afb7,2em -2em 0 0 #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 0 #a3afb7}
 
 12.5%
 {
     box-shadow:0 -3em 0 0 #a3afb7,2em -2em 0 .2em #a3afb7,3em 0 0 0 #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7}
 
 25%
 {
     box-shadow:0 -3em 0 -.5em #a3afb7,2em -2em 0 0 #a3afb7,3em 0 0 .2em #a3afb7,2em 2em 0 0 #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7}
 
 37.5%
 {
     box-shadow:0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 0 #a3afb7,2em 2em 0 .2em #a3afb7,0 3em 0 0 #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7}
 
 50%
 {
     box-shadow:0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 0 #a3afb7,0 3em 0 .2em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7}
 
 62.5%
 {
     box-shadow:0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 0 #a3afb7,-2em 2em 0 .2em #a3afb7,-3em 0 0 0 #a3afb7,-2em -2em 0 -.5em #a3afb7}
 
 75%
 {
     box-shadow:0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 .2em #a3afb7,-2em -2em 0 0 #a3afb7}
 
 87.5%
 {
     box-shadow:0 -3em 0 0 #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 0 #a3afb7,-2em -2em 0 .2em #a3afb7}
 
 }
 
 @keyframes loader-round-circle
 {
     0%,100%
 {
     -webkit-box-shadow:0 -3em 0 .2em #a3afb7,2em -2em 0 0 #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 0 #a3afb7;
     box-shadow:0 -3em 0 .2em #a3afb7,2em -2em 0 0 #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 0 #a3afb7}
 
 12.5%
 {
     -webkit-box-shadow:0 -3em 0 0 #a3afb7,2em -2em 0 .2em #a3afb7,3em 0 0 0 #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7;
     box-shadow:0 -3em 0 0 #a3afb7,2em -2em 0 .2em #a3afb7,3em 0 0 0 #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7}
 
 25%
 {
     -webkit-box-shadow:0 -3em 0 -.5em #a3afb7,2em -2em 0 0 #a3afb7,3em 0 0 .2em #a3afb7,2em 2em 0 0 #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7;
     box-shadow:0 -3em 0 -.5em #a3afb7,2em -2em 0 0 #a3afb7,3em 0 0 .2em #a3afb7,2em 2em 0 0 #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7}
 
 37.5%
 {
     -webkit-box-shadow:0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 0 #a3afb7,2em 2em 0 .2em #a3afb7,0 3em 0 0 #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7;
     box-shadow:0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 0 #a3afb7,2em 2em 0 .2em #a3afb7,0 3em 0 0 #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7}
 
 50%
 {
     -webkit-box-shadow:0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 0 #a3afb7,0 3em 0 .2em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7;
     box-shadow:0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 0 #a3afb7,0 3em 0 .2em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7}
 
 62.5%
 {
     -webkit-box-shadow:0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 0 #a3afb7,-2em 2em 0 .2em #a3afb7,-3em 0 0 0 #a3afb7,-2em -2em 0 -.5em #a3afb7;
     box-shadow:0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 0 #a3afb7,-2em 2em 0 .2em #a3afb7,-3em 0 0 0 #a3afb7,-2em -2em 0 -.5em #a3afb7}
 
 75%
 {
     -webkit-box-shadow:0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 .2em #a3afb7,-2em -2em 0 0 #a3afb7;
     box-shadow:0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 .2em #a3afb7,-2em -2em 0 0 #a3afb7}
 
 87.5%
 {
     -webkit-box-shadow:0 -3em 0 0 #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 0 #a3afb7,-2em -2em 0 .2em #a3afb7;
     box-shadow:0 -3em 0 0 #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 0 #a3afb7,-2em -2em 0 .2em #a3afb7}
 
 }
 
 @-webkit-keyframes loader-tadpole
 {
     0%
 {
     -webkit-box-shadow:0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7;
     box-shadow:0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7;
     -webkit-transform:rotate(0);
     transform:rotate(0)}
 
 5%,95%
 {
     -webkit-box-shadow:0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7;
     box-shadow:0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7}
 
 10%,59%
 {
     -webkit-box-shadow:0 -.83em 0 -.4em #a3afb7,-.087em -.825em 0 -.42em #a3afb7,-.173em -.812em 0 -.44em #a3afb7,-.256em -.789em 0 -.46em #a3afb7,-.297em -.775em 0 -.477em #a3afb7;
     box-shadow:0 -.83em 0 -.4em #a3afb7,-.087em -.825em 0 -.42em #a3afb7,-.173em -.812em 0 -.44em #a3afb7,-.256em -.789em 0 -.46em #a3afb7,-.297em -.775em 0 -.477em #a3afb7}
 
 20%
 {
     -webkit-box-shadow:0 -.83em 0 -.4em #a3afb7,-.338em -.758em 0 -.42em #a3afb7,-.555em -.617em 0 -.44em #a3afb7,-.671em -.488em 0 -.46em #a3afb7,-.749em -.34em 0 -.477em #a3afb7;
     box-shadow:0 -.83em 0 -.4em #a3afb7,-.338em -.758em 0 -.42em #a3afb7,-.555em -.617em 0 -.44em #a3afb7,-.671em -.488em 0 -.46em #a3afb7,-.749em -.34em 0 -.477em #a3afb7}
 
 38%
 {
     -webkit-box-shadow:0 -.83em 0 -.4em #a3afb7,-.377em -.74em 0 -.42em #a3afb7,-.645em -.522em 0 -.44em #a3afb7,-.775em -.297em 0 -.46em #a3afb7,-.82em -.09em 0 -.477em #a3afb7;
     box-shadow:0 -.83em 0 -.4em #a3afb7,-.377em -.74em 0 -.42em #a3afb7,-.645em -.522em 0 -.44em #a3afb7,-.775em -.297em 0 -.46em #a3afb7,-.82em -.09em 0 -.477em #a3afb7}
 
 100%
 {
     -webkit-box-shadow:0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7;
     box-shadow:0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7;
     -webkit-transform:rotate(360deg);
     transform:rotate(360deg)}
 
 }
 
 @-o-keyframes loader-tadpole
 {
     0%
 {
     box-shadow:0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7;
     -webkit-transform:rotate(0);
     -o-transform:rotate(0);
     transform:rotate(0)}
 
 5%,95%
 {
     box-shadow:0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7}
 
 10%,59%
 {
     box-shadow:0 -.83em 0 -.4em #a3afb7,-.087em -.825em 0 -.42em #a3afb7,-.173em -.812em 0 -.44em #a3afb7,-.256em -.789em 0 -.46em #a3afb7,-.297em -.775em 0 -.477em #a3afb7}
 
 20%
 {
     box-shadow:0 -.83em 0 -.4em #a3afb7,-.338em -.758em 0 -.42em #a3afb7,-.555em -.617em 0 -.44em #a3afb7,-.671em -.488em 0 -.46em #a3afb7,-.749em -.34em 0 -.477em #a3afb7}
 
 38%
 {
     box-shadow:0 -.83em 0 -.4em #a3afb7,-.377em -.74em 0 -.42em #a3afb7,-.645em -.522em 0 -.44em #a3afb7,-.775em -.297em 0 -.46em #a3afb7,-.82em -.09em 0 -.477em #a3afb7}
 
 100%
 {
     box-shadow:0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7;
     -webkit-transform:rotate(360deg);
     -o-transform:rotate(360deg);
     transform:rotate(360deg)}
 
 }
 
 @keyframes loader-tadpole
 {
     0%
 {
     -webkit-box-shadow:0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7;
     box-shadow:0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7;
     -webkit-transform:rotate(0);
     -o-transform:rotate(0);
     transform:rotate(0)}
 
 5%,95%
 {
     -webkit-box-shadow:0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7;
     box-shadow:0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7}
 
 10%,59%
 {
     -webkit-box-shadow:0 -.83em 0 -.4em #a3afb7,-.087em -.825em 0 -.42em #a3afb7,-.173em -.812em 0 -.44em #a3afb7,-.256em -.789em 0 -.46em #a3afb7,-.297em -.775em 0 -.477em #a3afb7;
     box-shadow:0 -.83em 0 -.4em #a3afb7,-.087em -.825em 0 -.42em #a3afb7,-.173em -.812em 0 -.44em #a3afb7,-.256em -.789em 0 -.46em #a3afb7,-.297em -.775em 0 -.477em #a3afb7}
 
 20%
 {
     -webkit-box-shadow:0 -.83em 0 -.4em #a3afb7,-.338em -.758em 0 -.42em #a3afb7,-.555em -.617em 0 -.44em #a3afb7,-.671em -.488em 0 -.46em #a3afb7,-.749em -.34em 0 -.477em #a3afb7;
     box-shadow:0 -.83em 0 -.4em #a3afb7,-.338em -.758em 0 -.42em #a3afb7,-.555em -.617em 0 -.44em #a3afb7,-.671em -.488em 0 -.46em #a3afb7,-.749em -.34em 0 -.477em #a3afb7}
 
 38%
 {
     -webkit-box-shadow:0 -.83em 0 -.4em #a3afb7,-.377em -.74em 0 -.42em #a3afb7,-.645em -.522em 0 -.44em #a3afb7,-.775em -.297em 0 -.46em #a3afb7,-.82em -.09em 0 -.477em #a3afb7;
     box-shadow:0 -.83em 0 -.4em #a3afb7,-.377em -.74em 0 -.42em #a3afb7,-.645em -.522em 0 -.44em #a3afb7,-.775em -.297em 0 -.46em #a3afb7,-.82em -.09em 0 -.477em #a3afb7}
 
 100%
 {
     -webkit-box-shadow:0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7;
     box-shadow:0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7;
     -webkit-transform:rotate(360deg);
     -o-transform:rotate(360deg);
     transform:rotate(360deg)}
 
 }
 
 @-webkit-keyframes loader-ellipsis
 {
     0%,100%,80%
 {
     -webkit-box-shadow:0 .625em 0 -.325em #a3afb7;
     box-shadow:0 .625em 0 -.325em #a3afb7}
 
 40%
 {
     -webkit-box-shadow:0 .625em 0 0 #a3afb7;
     box-shadow:0 .625em 0 0 #a3afb7}
 
 }
 
 @-o-keyframes loader-ellipsis
 {
     0%,100%,80%
 {
     box-shadow:0 .625em 0 -.325em #a3afb7}
 
 40%
 {
     box-shadow:0 .625em 0 0 #a3afb7}
 
 }
 
 @keyframes loader-ellipsis
 {
     0%,100%,80%
 {
     -webkit-box-shadow:0 .625em 0 -.325em #a3afb7;
     box-shadow:0 .625em 0 -.325em #a3afb7}
 
 40%
 {
     -webkit-box-shadow:0 .625em 0 0 #a3afb7;
     box-shadow:0 .625em 0 0 #a3afb7}
 
 }
 
 @-webkit-keyframes loader-dot-rotate
 {
     0%
 {
     -webkit-transform:rotate(0);
     transform:rotate(0)}
 
 100%
 {
     -webkit-transform:rotate(360deg);
     transform:rotate(360deg)}
 
 }
 
 @-o-keyframes loader-dot-rotate
 {
     0%
 {
     -webkit-transform:rotate(0);
     -o-transform:rotate(0);
     transform:rotate(0)}
 
 100%
 {
     -webkit-transform:rotate(360deg);
     -o-transform:rotate(360deg);
     transform:rotate(360deg)}
 
 }
 
 @keyframes loader-dot-rotate
 {
     0%
 {
     -webkit-transform:rotate(0);
     -o-transform:rotate(0);
     transform:rotate(0)}
 
 100%
 {
     -webkit-transform:rotate(360deg);
     -o-transform:rotate(360deg);
     transform:rotate(360deg)}
 
 }
 
 @-webkit-keyframes loader-dot-bounce
 {
     0%,100%
 {
     -webkit-transform:scale(0);
     transform:scale(0)}
 
 50%
 {
     -webkit-transform:scale(1);
     transform:scale(1)}
 
 }
 
 @-o-keyframes loader-dot-bounce
 {
     0%,100%
 {
     -webkit-transform:scale(0);
     -o-transform:scale(0);
     transform:scale(0)}
 
 50%
 {
     -webkit-transform:scale(1);
     -o-transform:scale(1);
     transform:scale(1)}
 
 }
 
 @keyframes loader-dot-bounce
 {
     0%,100%
 {
     -webkit-transform:scale(0);
     -o-transform:scale(0);
     transform:scale(0)}
 
 50%
 {
     -webkit-transform:scale(1);
     -o-transform:scale(1);
     transform:scale(1)}
 
 }
 
 @-webkit-keyframes loader-bounce
 {
     0%,100%
 {
     -webkit-transform:scale(0);
     transform:scale(0)}
 
 50%
 {
     -webkit-transform:scale(1);
     transform:scale(1)}
 
 }
 
 @-o-keyframes loader-bounce
 {
     0%,100%
 {
     -webkit-transform:scale(0);
     -o-transform:scale(0);
     transform:scale(0)}
 
 50%
 {
     -webkit-transform:scale(1);
     -o-transform:scale(1);
     transform:scale(1)}
 
 }
 
 @keyframes loader-bounce
 {
     0%,100%
 {
     -webkit-transform:scale(0);
     -o-transform:scale(0);
     transform:scale(0)}
 
 50%
 {
     -webkit-transform:scale(1);
     -o-transform:scale(1);
     transform:scale(1)}
 
 }
 
 [class*=animation-]
 {
     -webkit-animation-duration:.5s;
     -o-animation-duration:.5s;
     animation-duration:.5s;
     -webkit-animation-timing-function:ease-out;
     -o-animation-timing-function:ease-out;
     animation-timing-function:ease-out;
     -webkit-animation-fill-mode:both;
     -o-animation-fill-mode:both;
     animation-fill-mode:both}
 
 .animation-hover:not(:hover),.animation-hover:not(:hover) [class*=animation-],.touch .animation-hover:not(.hover),.touch .animation-hover:not(.hover) [class*=animation-]
 {
     -webkit-animation-name:none;
     -o-animation-name:none;
     animation-name:none}
 
 .animation-reverse
 {
     -webkit-animation-direction:reverse;
     -o-animation-direction:reverse;
     animation-direction:reverse;
     -webkit-animation-timing-function:ease-in;
     -o-animation-timing-function:ease-in;
     animation-timing-function:ease-in}
 
 .animation-repeat
 {
     -webkit-animation-iteration-count:infinite;
     -o-animation-iteration-count:infinite;
     animation-iteration-count:infinite}
 
 .animation-fade
 {
     -webkit-animation-name:fade;
     -o-animation-name:fade;
     animation-name:fade;
     -webkit-animation-duration:.8s;
     -o-animation-duration:.8s;
     animation-duration:.8s;
     -webkit-animation-timing-function:linear;
     -o-animation-timing-function:linear;
     animation-timing-function:linear}
 
 .animation-scale
 {
     -webkit-animation-name:scale-12;
     -o-animation-name:scale-12;
     animation-name:scale-12}
 
 .animation-scale-up
 {
     -webkit-animation-name:fade-scale-02;
     -o-animation-name:fade-scale-02;
     animation-name:fade-scale-02}
 
 .animation-scale-down
 {
     -webkit-animation-name:fade-scale-18;
     -o-animation-name:fade-scale-18;
     animation-name:fade-scale-18}
 
 .animation-slide-top
 {
     -webkit-animation-name:slide-top;
     -o-animation-name:slide-top;
     animation-name:slide-top}
 
 .animation-slide-bottom
 {
     -webkit-animation-name:slide-bottom;
     -o-animation-name:slide-bottom;
     animation-name:slide-bottom}
 
 .animation-slide-left
 {
     -webkit-animation-name:slide-left;
     -o-animation-name:slide-left;
     animation-name:slide-left}
 
 .animation-slide-right
 {
     -webkit-animation-name:slide-right;
     -o-animation-name:slide-right;
     animation-name:slide-right}
 
 .animation-shake
 {
     -webkit-animation-name:shake;
     -o-animation-name:shake;
     animation-name:shake}
 
 .animation-duration-10
 {
     -webkit-animation-duration:15s;
     -o-animation-duration:15s;
     animation-duration:15s}
 
 .animation-duration-9
 {
     -webkit-animation-duration:9s;
     -o-animation-duration:9s;
     animation-duration:9s}
 
 .animation-duration-8
 {
     -webkit-animation-duration:8s;
     -o-animation-duration:8s;
     animation-duration:8s}
 
 .animation-duration-7
 {
     -webkit-animation-duration:7s;
     -o-animation-duration:7s;
     animation-duration:7s}
 
 .animation-duration-6
 {
     -webkit-animation-duration:6s;
     -o-animation-duration:6s;
     animation-duration:6s}
 
 .animation-duration-5
 {
     -webkit-animation-duration:5s;
     -o-animation-duration:5s;
     animation-duration:5s}
 
 .animation-duration-4
 {
     -webkit-animation-duration:4s;
     -o-animation-duration:4s;
     animation-duration:4s}
 
 .animation-duration-3
 {
     -webkit-animation-duration:3s;
     -o-animation-duration:3s;
     animation-duration:3s}
 
 .animation-duration-2
 {
     -webkit-animation-duration:2s;
     -o-animation-duration:2s;
     animation-duration:2s}
 
 .animation-duration-1
 {
     -webkit-animation-duration:1s;
     -o-animation-duration:1s;
     animation-duration:1s}
 
 .animation-delay-100
 {
     -webkit-animation-duration:.1s;
     -o-animation-duration:.1s;
     animation-duration:.1s}
 
 .animation-duration-250
 {
     -webkit-animation-duration:250ms;
     -o-animation-duration:250ms;
     animation-duration:250ms}
 
 .animation-duration-300
 {
     -webkit-animation-duration:.3s;
     -o-animation-duration:.3s;
     animation-duration:.3s}
 
 .animation-duration-500
 {
     -webkit-animation-duration:.5s;
     -o-animation-duration:.5s;
     animation-duration:.5s}
 
 .animation-duration-750
 {
     -webkit-animation-duration:750ms;
     -o-animation-duration:750ms;
     animation-duration:750ms}
 
 .animation-delay-1000
 {
     -webkit-animation-delay:1s;
     -o-animation-delay:1s;
     animation-delay:1s}
 
 .animation-delay-900
 {
     -webkit-animation-delay:.9s;
     -o-animation-delay:.9s;
     animation-delay:.9s}
 
 .animation-delay-800
 {
     -webkit-animation-delay:.8s;
     -o-animation-delay:.8s;
     animation-delay:.8s}
 
 .animation-delay-700
 {
     -webkit-animation-delay:.7s;
     -o-animation-delay:.7s;
     animation-delay:.7s}
 
 .animation-delay-600
 {
     -webkit-animation-delay:.6s;
     -o-animation-delay:.6s;
     animation-delay:.6s}
 
 .animation-delay-500
 {
     -webkit-animation-delay:.5s;
     -o-animation-delay:.5s;
     animation-delay:.5s}
 
 .animation-delay-400
 {
     -webkit-animation-delay:.4s;
     -o-animation-delay:.4s;
     animation-delay:.4s}
 
 .animation-delay-300
 {
     -webkit-animation-delay:.3s;
     -o-animation-delay:.3s;
     animation-delay:.3s}
 
 .animation-delay-200
 {
     -webkit-animation-delay:.2s;
     -o-animation-delay:.2s;
     animation-delay:.2s}
 
 .animation-delay-100
 {
     -webkit-animation-delay:.1s;
     -o-animation-delay:.1s;
     animation-delay:.1s}
 
 .animation-top-left
 {
     -webkit-transform-origin:0 0;
     -ms-transform-origin:0 0;
     -o-transform-origin:0 0;
     transform-origin:0 0}
 
 .animation-top-center
 {
     -webkit-transform-origin:50% 0;
     -ms-transform-origin:50% 0;
     -o-transform-origin:50% 0;
     transform-origin:50% 0}
 
 .animation-top-right
 {
     -webkit-transform-origin:100% 0;
     -ms-transform-origin:100% 0;
     -o-transform-origin:100% 0;
     transform-origin:100% 0}
 
 .animation-middle-left
 {
     -webkit-transform-origin:0 50%;
     -ms-transform-origin:0 50%;
     -o-transform-origin:0 50%;
     transform-origin:0 50%}
 
 .animation-middle-right
 {
     -webkit-transform-origin:100% 50%;
     -ms-transform-origin:100% 50%;
     -o-transform-origin:100% 50%;
     transform-origin:100% 50%}
 
 .animation-bottom-left
 {
     -webkit-transform-origin:0 100%;
     -ms-transform-origin:0 100%;
     -o-transform-origin:0 100%;
     transform-origin:0 100%}
 
 .animation-bottom-center
 {
     -webkit-transform-origin:50% 100%;
     -ms-transform-origin:50% 100%;
     -o-transform-origin:50% 100%;
     transform-origin:50% 100%}
 
 .animation-bottom-right
 {
     -webkit-transform-origin:100% 100%;
     -ms-transform-origin:100% 100%;
     -o-transform-origin:100% 100%;
     transform-origin:100% 100%}
 
 .animation-easing-easeInOut
 {
     -webkit-animation-timing-function:cubic-bezier(.42,0,.58,1);
     -o-animation-timing-function:cubic-bezier(.42,0,.58,1);
     animation-timing-function:cubic-bezier(.42,0,.58,1)}
 
 .animation-easing-easeInQuad
 {
     -webkit-animation-timing-function:cubic-bezier(.55,.085,.68,.53);
     -o-animation-timing-function:cubic-bezier(.55,.085,.68,.53);
     animation-timing-function:cubic-bezier(.55,.085,.68,.53)}
 
 .animation-easing-easeInCubic
 {
     -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
     -o-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
     animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
 
 .animation-easing-easeInQuart
 {
     -webkit-animation-timing-function:cubic-bezier(.895,.03,.685,.22);
     -o-animation-timing-function:cubic-bezier(.895,.03,.685,.22);
     animation-timing-function:cubic-bezier(.895,.03,.685,.22)}
 
 .animation-easing-easeInQuint
 {
     -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
     -o-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
     animation-timing-function:cubic-bezier(.755,.05,.855,.06)}
 
 .animation-easing-easeInSine
 {
     -webkit-animation-timing-function:cubic-bezier(.47,0,.745,.715);
     -o-animation-timing-function:cubic-bezier(.47,0,.745,.715);
     animation-timing-function:cubic-bezier(.47,0,.745,.715)}
 
 .animation-easing-easeInExpo
 {
     -webkit-animation-timing-function:cubic-bezier(.95,.05,.795,.035);
     -o-animation-timing-function:cubic-bezier(.95,.05,.795,.035);
     animation-timing-function:cubic-bezier(.95,.05,.795,.035)}
 
 .animation-easing-easeInCirc
 {
     -webkit-animation-timing-function:cubic-bezier(.6,.04,.98,.335);
     -o-animation-timing-function:cubic-bezier(.6,.04,.98,.335);
     animation-timing-function:cubic-bezier(.6,.04,.98,.335)}
 
 .animation-easing-easeInBack
 {
     -webkit-animation-timing-function:cubic-bezier(.6,-.28,.735,.045);
     -o-animation-timing-function:cubic-bezier(.6,-.28,.735,.045);
     animation-timing-function:cubic-bezier(.6,-.28,.735,.045)}
 
 .animation-easing-eastOutQuad
 {
     -webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);
     -o-animation-timing-function:cubic-bezier(.25,.46,.45,.94);
     animation-timing-function:cubic-bezier(.25,.46,.45,.94)}
 
 .animation-easing-easeOutCubic
 {
     -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
     -o-animation-timing-function:cubic-bezier(.215,.61,.355,1);
     animation-timing-function:cubic-bezier(.215,.61,.355,1)}
 
 .animation-easing-easeOutQuart
 {
     -webkit-animation-timing-function:cubic-bezier(.165,.84,.44,1);
     -o-animation-timing-function:cubic-bezier(.165,.84,.44,1);
     animation-timing-function:cubic-bezier(.165,.84,.44,1)}
 
 .animation-easing-easeOutQuint
 {
     -webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);
     -o-animation-timing-function:cubic-bezier(.23,1,.32,1);
     animation-timing-function:cubic-bezier(.23,1,.32,1)}
 
 .animation-easing-easeOutSine
 {
     -webkit-animation-timing-function:cubic-bezier(.39,.575,.565,1);
     -o-animation-timing-function:cubic-bezier(.39,.575,.565,1);
     animation-timing-function:cubic-bezier(.39,.575,.565,1)}
 
 .animation-easing-easeOutExpo
 {
     -webkit-animation-timing-function:cubic-bezier(.19,1,.22,1);
     -o-animation-timing-function:cubic-bezier(.19,1,.22,1);
     animation-timing-function:cubic-bezier(.19,1,.22,1)}
 
 .animation-easing-easeOutCirc
 {
     -webkit-animation-timing-function:cubic-bezier(.075,.82,.165,1);
     -o-animation-timing-function:cubic-bezier(.075,.82,.165,1);
     animation-timing-function:cubic-bezier(.075,.82,.165,1)}
 
 .animation-easing-easeOutBack
 {
     -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1.275);
     -o-animation-timing-function:cubic-bezier(.175,.885,.32,1.275);
     animation-timing-function:cubic-bezier(.175,.885,.32,1.275)}
 
 .animation-easing-easeInOutQuad
 {
     -webkit-animation-timing-function:cubic-bezier(.455,.03,.515,.955);
     -o-animation-timing-function:cubic-bezier(.455,.03,.515,.955);
     animation-timing-function:cubic-bezier(.455,.03,.515,.955)}
 
 .animation-easing-easeInOutCubic
 {
     -webkit-animation-timing-function:cubic-bezier(.645,.045,.355,1);
     -o-animation-timing-function:cubic-bezier(.645,.045,.355,1);
     animation-timing-function:cubic-bezier(.645,.045,.355,1)}
 
 .animation-easing-easeInOutQuart
 {
     -webkit-animation-timing-function:cubic-bezier(.77,0,.175,1);
     -o-animation-timing-function:cubic-bezier(.77,0,.175,1);
     animation-timing-function:cubic-bezier(.77,0,.175,1)}
 
 .animation-easing-easeInOutQuint
 {
     -webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);
     -o-animation-timing-function:cubic-bezier(.86,0,.07,1);
     animation-timing-function:cubic-bezier(.86,0,.07,1)}
 
 .animation-easing-easeInOutSine
 {
     -webkit-animation-timing-function:cubic-bezier(.445,.05,.55,.95);
     -o-animation-timing-function:cubic-bezier(.445,.05,.55,.95);
     animation-timing-function:cubic-bezier(.445,.05,.55,.95)}
 
 .animation-easing-easeInOutExpo
 {
     -webkit-animation-timing-function:cubic-bezier(1,0,0,1);
     -o-animation-timing-function:cubic-bezier(1,0,0,1);
     animation-timing-function:cubic-bezier(1,0,0,1)}
 
 .animation-easing-easeInOutCirc
 {
     -webkit-animation-timing-function:cubic-bezier(.785,.135,.15,.86);
     -o-animation-timing-function:cubic-bezier(.785,.135,.15,.86);
     animation-timing-function:cubic-bezier(.785,.135,.15,.86)}
 
 .animation-easing-easeInOutBack
 {
     -webkit-animation-timing-function:cubic-bezier(.68,-.55,.265,1.55);
     -o-animation-timing-function:cubic-bezier(.68,-.55,.265,1.55);
     animation-timing-function:cubic-bezier(.68,-.55,.265,1.55)}
 
 .animation-easing-easeInOutElastic
 {
     -webkit-animation-timing-function:cubic-bezier(1,-.56,0,1.455);
     -o-animation-timing-function:cubic-bezier(1,-.56,0,1.455);
     animation-timing-function:cubic-bezier(1,-.56,0,1.455)}
 
 @-webkit-keyframes fade
 {
     0%
 {
     opacity:0}
 
 100%
 {
     opacity:1}
 
 }
 
 @-o-keyframes fade
 {
     0%
 {
     opacity:0}
 
 100%
 {
     opacity:1}
 
 }
 
 @keyframes fade
 {
     0%
 {
     opacity:0}
 
 100%
 {
     opacity:1}
 
 }
 
 @-webkit-keyframes scale-12
 {
     0%
 {
     -webkit-transform:scale(1.2);
     transform:scale(1.2)}
 
 100%
 {
     -webkit-transform:scale(1);
     transform:scale(1)}
 
 }
 
 @-o-keyframes scale-12
 {
     0%
 {
     -o-transform:scale(1.2);
     transform:scale(1.2)}
 
 100%
 {
     -o-transform:scale(1);
     transform:scale(1)}
 
 }
 
 @keyframes scale-12
 {
     0%
 {
     -webkit-transform:scale(1.2);
     -o-transform:scale(1.2);
     transform:scale(1.2)}
 
 100%
 {
     -webkit-transform:scale(1);
     -o-transform:scale(1);
     transform:scale(1)}
 
 }
 
 @-webkit-keyframes fade-scale-02
 {
     0%
 {
     opacity:0;
     -webkit-transform:scale(.2);
     transform:scale(.2)}
 
 100%
 {
     opacity:1;
     -webkit-transform:scale(1);
     transform:scale(1)}
 
 }
 
 @-o-keyframes fade-scale-02
 {
     0%
 {
     opacity:0;
     -o-transform:scale(.2);
     transform:scale(.2)}
 
 100%
 {
     opacity:1;
     -o-transform:scale(1);
     transform:scale(1)}
 
 }
 
 @keyframes fade-scale-02
 {
     0%
 {
     opacity:0;
     -webkit-transform:scale(.2);
     -o-transform:scale(.2);
     transform:scale(.2)}
 
 100%
 {
     opacity:1;
     -webkit-transform:scale(1);
     -o-transform:scale(1);
     transform:scale(1)}
 
 }
 
 @-webkit-keyframes fade-scale-18
 {
     0%
 {
     opacity:0;
     -webkit-transform:scale(1.8);
     transform:scale(1.8)}
 
 100%
 {
     opacity:1;
     -webkit-transform:scale(1);
     transform:scale(1)}
 
 }
 
 @-o-keyframes fade-scale-18
 {
     0%
 {
     opacity:0;
     -o-transform:scale(1.8);
     transform:scale(1.8)}
 
 100%
 {
     opacity:1;
     -o-transform:scale(1);
     transform:scale(1)}
 
 }
 
 @keyframes fade-scale-18
 {
     0%
 {
     opacity:0;
     -webkit-transform:scale(1.8);
     -o-transform:scale(1.8);
     transform:scale(1.8)}
 
 100%
 {
     opacity:1;
     -webkit-transform:scale(1);
     -o-transform:scale(1);
     transform:scale(1)}
 
 }
 
 @-webkit-keyframes slide-top
 {
     0%
 {
     opacity:0;
     -webkit-transform:translate3d(0,-100%,0);
     transform:translate3d(0,-100%,0)}
 
 100%
 {
     opacity:1;
     -webkit-transform:translate3d(0,0,0);
     transform:translate3d(0,0,0)}
 
 }
 
 @-o-keyframes slide-top
 {
     0%
 {
     opacity:0;
     -webkit-transform:translate3d(0,-100%,0);
     transform:translate3d(0,-100%,0)}
 
 100%
 {
     opacity:1;
     -webkit-transform:translate3d(0,0,0);
     transform:translate3d(0,0,0)}
 
 }
 
 @keyframes slide-top
 {
     0%
 {
     opacity:0;
     -webkit-transform:translate3d(0,-100%,0);
     transform:translate3d(0,-100%,0)}
 
 100%
 {
     opacity:1;
     -webkit-transform:translate3d(0,0,0);
     transform:translate3d(0,0,0)}
 
 }
 
 @-webkit-keyframes slide-bottom
 {
     0%
 {
     opacity:0;
     -webkit-transform:translate3d(0,100%,0);
     transform:translate3d(0,100%,0)}
 
 100%
 {
     opacity:1;
     -webkit-transform:translate3d(0,0,0);
     transform:translate3d(0,0,0)}
 
 }
 
 @-o-keyframes slide-bottom
 {
     0%
 {
     opacity:0;
     -webkit-transform:translate3d(0,100%,0);
     transform:translate3d(0,100%,0)}
 
 100%
 {
     opacity:1;
     -webkit-transform:translate3d(0,0,0);
     transform:translate3d(0,0,0)}
 
 }
 
 @keyframes slide-bottom
 {
     0%
 {
     opacity:0;
     -webkit-transform:translate3d(0,100%,0);
     transform:translate3d(0,100%,0)}
 
 100%
 {
     opacity:1;
     -webkit-transform:translate3d(0,0,0);
     transform:translate3d(0,0,0)}
 
 }
 
 @-webkit-keyframes slide-left
 {
     0%
 {
     opacity:0;
     -webkit-transform:translate3d(-100%,0,0);
     transform:translate3d(-100%,0,0)}
 
 100%
 {
     opacity:1;
     -webkit-transform:translate3d(0,0,0);
     transform:translate3d(0,0,0)}
 
 }
 
 @-o-keyframes slide-left
 {
     0%
 {
     opacity:0;
     -webkit-transform:translate3d(-100%,0,0);
     transform:translate3d(-100%,0,0)}
 
 100%
 {
     opacity:1;
     -webkit-transform:translate3d(0,0,0);
     transform:translate3d(0,0,0)}
 
 }
 
 @keyframes slide-left
 {
     0%
 {
     opacity:0;
     -webkit-transform:translate3d(-100%,0,0);
     transform:translate3d(-100%,0,0)}
 
 100%
 {
     opacity:1;
     -webkit-transform:translate3d(0,0,0);
     transform:translate3d(0,0,0)}
 
 }
 
 @-webkit-keyframes slide-right
 {
     0%
 {
     opacity:0;
     -webkit-transform:translate3d(100%,0,0);
     transform:translate3d(100%,0,0)}
 
 100%
 {
     opacity:1;
     -webkit-transform:translate3d(0,0,0);
     transform:translate3d(0,0,0)}
 
 }
 
 @-o-keyframes slide-right
 {
     0%
 {
     opacity:0;
     -webkit-transform:translate3d(100%,0,0);
     transform:translate3d(100%,0,0)}
 
 100%
 {
     opacity:1;
     -webkit-transform:translate3d(0,0,0);
     transform:translate3d(0,0,0)}
 
 }
 
 @keyframes slide-right
 {
     0%
 {
     opacity:0;
     -webkit-transform:translate3d(100%,0,0);
     transform:translate3d(100%,0,0)}
 
 100%
 {
     opacity:1;
     -webkit-transform:translate3d(0,0,0);
     transform:translate3d(0,0,0)}
 
 }
 
 @-webkit-keyframes shake
 {
     0%,100%
 {
     -webkit-transform:translateX(0);
     transform:translateX(0)}
 
 10%
 {
     -webkit-transform:translateX(-9px);
     transform:translateX(-9px)}
 
 20%
 {
     -webkit-transform:translateX(8px);
     transform:translateX(8px)}
 
 30%
 {
     -webkit-transform:translateX(-7px);
     transform:translateX(-7px)}
 
 40%
 {
     -webkit-transform:translateX(6px);
     transform:translateX(6px)}
 
 50%
 {
     -webkit-transform:translateX(-5px);
     transform:translateX(-5px)}
 
 60%
 {
     -webkit-transform:translateX(4px);
     transform:translateX(4px)}
 
 70%
 {
     -webkit-transform:translateX(-3px);
     transform:translateX(-3px)}
 
 80%
 {
     -webkit-transform:translateX(2px);
     transform:translateX(2px)}
 
 90%
 {
     -webkit-transform:translateX(-1px);
     transform:translateX(-1px)}
 
 }
 
 @-o-keyframes shake
 {
     0%,100%
 {
     -o-transform:translateX(0);
     transform:translateX(0)}
 
 10%
 {
     -o-transform:translateX(-9px);
     transform:translateX(-9px)}
 
 20%
 {
     -o-transform:translateX(8px);
     transform:translateX(8px)}
 
 30%
 {
     -o-transform:translateX(-7px);
     transform:translateX(-7px)}
 
 40%
 {
     -o-transform:translateX(6px);
     transform:translateX(6px)}
 
 50%
 {
     -o-transform:translateX(-5px);
     transform:translateX(-5px)}
 
 60%
 {
     -o-transform:translateX(4px);
     transform:translateX(4px)}
 
 70%
 {
     -o-transform:translateX(-3px);
     transform:translateX(-3px)}
 
 80%
 {
     -o-transform:translateX(2px);
     transform:translateX(2px)}
 
 90%
 {
     -o-transform:translateX(-1px);
     transform:translateX(-1px)}
 
 }
 
 @keyframes shake
 {
     0%,100%
 {
     -webkit-transform:translateX(0);
     -o-transform:translateX(0);
     transform:translateX(0)}
 
 10%
 {
     -webkit-transform:translateX(-9px);
     -o-transform:translateX(-9px);
     transform:translateX(-9px)}
 
 20%
 {
     -webkit-transform:translateX(8px);
     -o-transform:translateX(8px);
     transform:translateX(8px)}
 
 30%
 {
     -webkit-transform:translateX(-7px);
     -o-transform:translateX(-7px);
     transform:translateX(-7px)}
 
 40%
 {
     -webkit-transform:translateX(6px);
     -o-transform:translateX(6px);
     transform:translateX(6px)}
 
 50%
 {
     -webkit-transform:translateX(-5px);
     -o-transform:translateX(-5px);
     transform:translateX(-5px)}
 
 60%
 {
     -webkit-transform:translateX(4px);
     -o-transform:translateX(4px);
     transform:translateX(4px)}
 
 70%
 {
     -webkit-transform:translateX(-3px);
     -o-transform:translateX(-3px);
     transform:translateX(-3px)}
 
 80%
 {
     -webkit-transform:translateX(2px);
     -o-transform:translateX(2px);
     transform:translateX(2px)}
 
 90%
 {
     -webkit-transform:translateX(-1px);
     -o-transform:translateX(-1px);
     transform:translateX(-1px)}
 
 }
 
 .primary-100
 {
     color:#e8f1f8!important}
 
 .primary-200
 {
     color:#d5e4f1!important}
 
 .primary-300
 {
     color:#bcd8f1!important}
 
 .primary-400
 {
     color:#a2caee!important}
 
 .primary-500
 {
     color:#89bceb!important}
 
 .primary-600
 {
     color:#3ba2a3!important}
 
 .primary-700
 {
     color:#4e97d9!important}
 
 .primary-800
 {
     color:#3583ca!important}
 
 .red-100
 {
     color:#ffeaea!important}
 
 .red-200
 {
     color:#fad3d3!important}
 
 .red-300
 {
     color:#fab4b4!important}
 
 .red-400
 {
     color:#fa9898!important}
 
 .red-500
 {
     color:#fa7a7a!important}
 
 .red-600
 {
     color:#f96868!important}
 
 .red-700
 {
     color:#e9595b!important}
 
 .red-800
 {
     color:#d6494b!important}
 
 .pink-100
 {
     color:#fce4ec!important}
 
 .pink-200
 {
     color:#ffccde!important}
 
 .pink-300
 {
     color:#fba9c6!important}
 
 .pink-400
 {
     color:#fb8db4!important}
 
 .pink-500
 {
     color:#f978a6!important}
 
 .pink-600
 {
     color:#f96197!important}
 
 .pink-700
 {
     color:#f44c87!important}
 
 .pink-800
 {
     color:#e53b75!important}
 
 .purple-100
 {
     color:#f6f2ff!important}
 
 .purple-200
 {
     color:#e3dbf4!important}
 
 .purple-300
 {
     color:#d2c5ec!important}
 
 .purple-400
 {
     color:#bba7e4!important}
 
 .purple-500
 {
     color:#a58add!important}
 
 .purple-600
 {
     color:#926dde!important}
 
 .purple-700
 {
     color:#7c51d1!important}
 
 .purple-800
 {
     color:#6d45bc!important}
 
 .indigo-100
 {
     color:#edeff9!important}
 
 .indigo-200
 {
     color:#dadef5!important}
 
 .indigo-300
 {
     color:#bcc5f4!important}
 
 .indigo-400
 {
     color:#9daaf3!important}
 
 .indigo-500
 {
     color:#8897ec!important}
 
 .indigo-600
 {
     color:#677ae4!important}
 
 .indigo-700
 {
     color:#5166d6!important}
 
 .indigo-800
 {
     color:#465bd4!important}
 
 .blue-100
 {
     color:#e8f1f8!important}
 
 .blue-200
 {
     color:#d5e4f1!important}
 
 .blue-300
 {
     color:#bcd8f1!important}
 
 .blue-400
 {
     color:#a2caee!important}
 
 .blue-500
 {
     color:#89bceb!important}
 
 .blue-600
 {
     color:#3ba2a3!important}
 
 .blue-700
 {
     color:#4e97d9!important}
 
 .blue-800
 {
     color:#3583ca!important}
 
 .cyan-100
 {
     color:#ecf9fa!important}
 
 .cyan-200
 {
     color:#d3eff2!important}
 
 .cyan-300
 {
     color:#baeaef!important}
 
 .cyan-400
 {
     color:#9ae1e9!important}
 
 .cyan-500
 {
     color:#77d6e1!important}
 
 .cyan-600
 {
     color:#57c7d4!important}
 
 .cyan-700
 {
     color:#47b8c6!important}
 
 .cyan-800
 {
     color:#37a9b7!important}
 
 .teal-100
 {
     color:#ecfdfc!important}
 
 .teal-200
 {
     color:#cdf4f1!important}
 
 .teal-300
 {
     color:#99e1da!important}
 
 .teal-400
 {
     color:#79d1c9!important}
 
 .teal-500
 {
     color:#56bfb5!important}
 
 .teal-600
 {
     color:#3aa99e!important}
 
 .teal-700
 {
     color:#269b8f!important}
 
 .teal-800
 {
     color:#178d81!important}
 
 .green-100
 {
     color:#e7faf2!important}
 
 .green-200
 {
     color:#bfedd8!important}
 
 .green-300
 {
     color:#9fe5c5!important}
 
 .green-400
 {
     color:#7dd3ae!important}
 
 .green-500
 {
     color:#5cd29d!important}
 
 .green-600
 {
     color:#46be8a!important}
 
 .green-700
 {
     color:#36ab7a!important}
 
 .green-800
 {
     color:#279566!important}
 
 .light-green-100
 {
     color:#f1f7ea!important}
 
 .light-green-200
 {
     color:#e0ecd1!important}
 
 .light-green-300
 {
     color:#cadfb1!important}
 
 .light-green-400
 {
     color:#bad896!important}
 
 .light-green-500
 {
     color:#acd57c!important}
 
 .light-green-600
 {
     color:#9ece67!important}
 
 .light-green-700
 {
     color:#83b944!important}
 
 .light-green-800
 {
     color:#70a532!important}
 
 .yellow-100
 {
     color:#fffae7!important}
 
 .yellow-200
 {
     color:#f9eec1!important}
 
 .yellow-300
 {
     color:#f6e7a9!important}
 
 .yellow-400
 {
     color:#f8e59b!important}
 
 .yellow-500
 {
     color:#f7e083!important}
 
 .yellow-600
 {
     color:#f7da64!important}
 
 .yellow-700
 {
     color:#f9cd48!important}
 
 .yellow-800
 {
     color:#fbc02d!important}
 
 .orange-100
 {
     color:#fff3e6!important}
 
 .orange-200
 {
     color:#ffddb9!important}
 
 .orange-300
 {
     color:#fbce9d!important}
 
 .orange-400
 {
     color:#f6be80!important}
 
 .orange-500
 {
     color:#f4b066!important}
 
 .orange-600
 {
     color:#f2a654!important}
 
 .orange-700
 {
     color:#ec9940!important}
 
 .orange-800
 {
     color:#e98f2e!important}
 
 .brown-100
 {
     color:#fae6df!important}
 
 .brown-200
 {
     color:#e2bdaf!important}
 
 .brown-300
 {
     color:#d3aa9c!important}
 
 .brown-400
 {
     color:#b98e7e!important}
 
 .brown-500
 {
     color:#a17768!important}
 
 .brown-600
 {
     color:#8d6658!important}
 
 .brown-700
 {
     color:#7d5b4f!important}
 
 .brown-800
 {
     color:#715146!important}
 
 .grey-100
 {
     color:#fafafa!important}
 
 .grey-200
 {
     color:#eee!important}
 
 .grey-300
 {
     color:#e0e0e0!important}
 
 .grey-400
 {
     color:#bdbdbd!important}
 
 .grey-500
 {
     color:#9e9e9e!important}
 
 .grey-600
 {
     color:#757575!important}
 
 .grey-700
 {
     color:#616161!important}
 
 .grey-800
 {
     color:#424242!important}
 
 .blue-grey-100
 {
     color:#f3f7f9!important}
 
 .blue-grey-200
 {
     color:#e4eaec!important}
 
 .blue-grey-300
 {
     color:#ccd5db!important}
 
 .blue-grey-400
 {
     color:#a3afb7!important}
 
 .blue-grey-500
 {
     color:#76838f!important}
 
 .blue-grey-600
 {
     color:#526069!important}
 
 .blue-grey-700
 {
     color:#37474f!important}
 
 .blue-grey-800
 {
     color:#263238!important}
 
 .bg-primary-100
 {
     background-color:#e8f1f8!important}
 
 .bg-primary-200
 {
     background-color:#d5e4f1!important}
 
 .bg-primary-300
 {
     background-color:#bcd8f1!important}
 
 .bg-primary-400
 {
     background-color:#a2caee!important}
 
 .bg-primary-500
 {
     background-color:#89bceb!important}
 
 .bg-primary-600
 {
     background-color:#3ba2a3!important}
 
 .bg-primary-700
 {
     background-color:#4e97d9!important}
 
 .bg-primary-800
 {
     background-color:#3583ca!important}
 
 .bg-red-100
 {
     background-color:#ffeaea!important}
 
 .bg-red-200
 {
     background-color:#fad3d3!important}
 
 .bg-red-300
 {
     background-color:#fab4b4!important}
 
 .bg-red-400
 {
     background-color:#fa9898!important}
 
 .bg-red-500
 {
     background-color:#fa7a7a!important}
 
 .bg-red-600
 {
     background-color:#f96868!important}
 
 .bg-red-700
 {
     background-color:#e9595b!important}
 
 .bg-red-800
 {
     background-color:#d6494b!important}
 
 .bg-pink-100
 {
     background-color:#fce4ec!important}
 
 .bg-pink-200
 {
     background-color:#ffccde!important}
 
 .bg-pink-300
 {
     background-color:#fba9c6!important}
 
 .bg-pink-400
 {
     background-color:#fb8db4!important}
 
 .bg-pink-500
 {
     background-color:#f978a6!important}
 
 .bg-pink-600
 {
     background-color:#f96197!important}
 
 .bg-pink-700
 {
     background-color:#f44c87!important}
 
 .bg-pink-800
 {
     background-color:#e53b75!important}
 
 .bg-purple-100
 {
     background-color:#f6f2ff!important}
 
 .bg-purple-200
 {
     background-color:#e3dbf4!important}
 
 .bg-purple-300
 {
     background-color:#d2c5ec!important}
 
 .bg-purple-400
 {
     background-color:#bba7e4!important}
 
 .bg-purple-500
 {
     background-color:#a58add!important}
 
 .bg-purple-600
 {
     background-color:#926dde!important}
 
 .bg-purple-700
 {
     background-color:#7c51d1!important}
 
 .bg-purple-800
 {
     background-color:#6d45bc!important}
 
 .bg-indigo-100
 {
     background-color:#edeff9!important}
 
 .bg-indigo-200
 {
     background-color:#dadef5!important}
 
 .bg-indigo-300
 {
     background-color:#bcc5f4!important}
 
 .bg-indigo-400
 {
     background-color:#9daaf3!important}
 
 .bg-indigo-500
 {
     background-color:#8897ec!important}
 
 .bg-indigo-600
 {
     background-color:#677ae4!important}
 
 .bg-indigo-700
 {
     background-color:#5166d6!important}
 
 .bg-indigo-800
 {
     background-color:#465bd4!important}
 
 .bg-blue-100
 {
     background-color:#e8f1f8!important}
 
 .bg-blue-200
 {
     background-color:#d5e4f1!important}
 
 .bg-blue-300
 {
     background-color:#bcd8f1!important}
 
 .bg-blue-400
 {
     background-color:#a2caee!important}
 
 .bg-blue-500
 {
     background-color:#89bceb!important}
 
 .bg-blue-600
 {
     background-color:#3ba2a3!important}
 
 .bg-blue-700
 {
     background-color:#4e97d9!important}
 
 .bg-blue-800
 {
     background-color:#3583ca!important}
 
 .bg-cyan-100
 {
     background-color:#ecf9fa!important}
 
 .bg-cyan-200
 {
     background-color:#d3eff2!important}
 
 .bg-cyan-300
 {
     background-color:#baeaef!important}
 
 .bg-cyan-400
 {
     background-color:#9ae1e9!important}
 
 .bg-cyan-500
 {
     background-color:#77d6e1!important}
 
 .bg-cyan-600
 {
     background-color:#57c7d4!important}
 
 .bg-cyan-700
 {
     background-color:#47b8c6!important}
 
 .bg-cyan-800
 {
     background-color:#37a9b7!important}
 
 .bg-teal-100
 {
     background-color:#ecfdfc!important}
 
 .bg-teal-200
 {
     background-color:#cdf4f1!important}
 
 .bg-teal-300
 {
     background-color:#99e1da!important}
 
 .bg-teal-400
 {
     background-color:#79d1c9!important}
 
 .bg-teal-500
 {
     background-color:#56bfb5!important}
 
 .bg-teal-600
 {
     background-color:#3aa99e!important}
 
 .bg-teal-700
 {
     background-color:#269b8f!important}
 
 .bg-teal-800
 {
     background-color:#178d81!important}
 
 .bg-green-100
 {
     background-color:#e7faf2!important}
 
 .bg-green-200
 {
     background-color:#bfedd8!important}
 
 .bg-green-300
 {
     background-color:#9fe5c5!important}
 
 .bg-green-400
 {
     background-color:#7dd3ae!important}
 
 .bg-green-500
 {
     background-color:#5cd29d!important}
 
 .bg-green-600
 {
     background-color:#46be8a!important}
 
 .bg-green-700
 {
     background-color:#36ab7a!important}
 
 .bg-green-800
 {
     background-color:#279566!important}
 
 .bg-light-green-100
 {
     background-color:#f1f7ea!important}
 
 .bg-light-green-200
 {
     background-color:#e0ecd1!important}
 
 .bg-light-green-300
 {
     background-color:#cadfb1!important}
 
 .bg-light-green-400
 {
     background-color:#bad896!important}
 
 .bg-light-green-500
 {
     background-color:#acd57c!important}
 
 .bg-light-green-600
 {
     background-color:#9ece67!important}
 
 .bg-light-green-700
 {
     background-color:#83b944!important}
 
 .bg-light-green-800
 {
     background-color:#70a532!important}
 
 .bg-yellow-100
 {
     background-color:#fffae7!important}
 
 .bg-yellow-200
 {
     background-color:#f9eec1!important}
 
 .bg-yellow-300
 {
     background-color:#f6e7a9!important}
 
 .bg-yellow-400
 {
     background-color:#f8e59b!important}
 
 .bg-yellow-500
 {
     background-color:#f7e083!important}
 
 .bg-yellow-600
 {
     background-color:#f7da64!important}
 
 .bg-yellow-700
 {
     background-color:#f9cd48!important}
 
 .bg-yellow-800
 {
     background-color:#fbc02d!important}
 
 .bg-orange-100
 {
     background-color:#fff3e6!important}
 
 .bg-orange-200
 {
     background-color:#ffddb9!important}
 
 .bg-orange-300
 {
     background-color:#fbce9d!important}
 
 .bg-orange-400
 {
     background-color:#f6be80!important}
 
 .bg-orange-500
 {
     background-color:#f4b066!important}
 
 .bg-orange-600
 {
     background-color:#f2a654!important}
 
 .bg-orange-700
 {
     background-color:#ec9940!important}
 
 .bg-orange-800
 {
     background-color:#e98f2e!important}
 
 .bg-brown-100
 {
     background-color:#fae6df!important}
 
 .bg-brown-200
 {
     background-color:#e2bdaf!important}
 
 .bg-brown-300
 {
     background-color:#d3aa9c!important}
 
 .bg-brown-400
 {
     background-color:#b98e7e!important}
 
 .bg-brown-500
 {
     background-color:#a17768!important}
 
 .bg-brown-600
 {
     background-color:#8d6658!important}
 
 .bg-brown-700
 {
     background-color:#7d5b4f!important}
 
 .bg-brown-800
 {
     background-color:#715146!important}
 
 .bg-grey-100
 {
     background-color:#fafafa!important}
 
 .bg-grey-200
 {
     background-color:#eee!important}
 
 .bg-grey-300
 {
     background-color:#e0e0e0!important}
 
 .bg-grey-400
 {
     background-color:#bdbdbd!important}
 
 .bg-grey-500
 {
     background-color:#9e9e9e!important}
 
 .bg-grey-600
 {
     background-color:#757575!important}
 
 .bg-grey-700
 {
     background-color:#616161!important}
 
 .bg-grey-800
 {
     background-color:#424242!important}
 
 .bg-blue-grey-100
 {
     background-color:#f3f7f9!important}
 
 .bg-blue-grey-200
 {
     background-color:#e4eaec!important}
 
 .bg-blue-grey-300
 {
     background-color:#ccd5db!important}
 
 .bg-blue-grey-400
 {
     background-color:#a3afb7!important}
 
 .bg-blue-grey-500
 {
     background-color:#76838f!important}
 
 .bg-blue-grey-600
 {
     background-color:#526069!important}
 
 .bg-blue-grey-700
 {
     background-color:#37474f!important}
 
 .bg-blue-grey-800
 {
     background-color:#263238!important}
 
 .black
 {
     color:#000!important}
 
 .white
 {
     color:#fff!important}
 
 .bg-white
 {
     color:#76838f;
     background-color:#fff}
 
 .bg-primary
 {
     color:#fff;
     background-color:#3ba2a3}
 
 .bg-primary:hover
 {
     background-color:#8fc1f0}
 
 .bg-primary a,a.bg-primary
 {
     color:#fff}
 
 .bg-primary a:hover,a.bg-primary:hover
 {
     color:#fff}
 
 .bg-success
 {
     color:#fff;
     background-color:#46be8a}
 
 .bg-success:hover
 {
     background-color:#6ccba2}
 
 .bg-success a,a.bg-success
 {
     color:#fff}
 
 .bg-success a:hover,a.bg-success:hover
 {
     color:#fff}
 
 .bg-info
 {
     color:#fff;
     background-color:#57c7d4}
 
 .bg-info:hover
 {
     background-color:#80d5de}
 
 .bg-info a,a.bg-info
 {
     color:#fff}
 
 .bg-info a:hover,a.bg-info:hover
 {
     color:#fff}
 
 .bg-warning
 {
     color:#fff;
     background-color:#f2a654}
 
 .bg-warning:hover
 {
     background-color:#f6bf83}
 
 .bg-warning a,a.bg-warning
 {
     color:#fff}
 
 .bg-warning a:hover,a.bg-warning:hover
 {
     color:#fff}
 
 .bg-danger
 {
     color:#fff;
     background-color:#f96868}
 
 .bg-danger:hover
 {
     background-color:#fb9999}
 
 .bg-danger a,a.bg-danger
 {
     color:#fff}
 
 .bg-danger a:hover,a.bg-danger:hover
 {
     color:#fff}
 
 .bg-dark
 {
     color:#fff;
     background-color:#526069}
 
 .bg-dark:hover
 {
     background-color:#687a86}
 
 .bg-dark a,a.bg-dark
 {
     color:#fff}
 
 .bg-dark a:hover,a.bg-dark:hover
 {
     color:#fff}
 
 .social-facebook
 {
     color:#fff;
     background-color:#3b5998!important}
 
 .social-facebook:focus,.social-facebook:hover
 {
     color:#fff;
     background-color:#4c70ba!important}
 
 .social-facebook.active,.social-facebook:active
 {
     color:#fff;
     background-color:#2d4373!important}
 
 .bg-facebook
 {
     background-color:#3b5998}
 
 .social-twitter
 {
     color:#fff;
     background-color:#55acee!important}
 
 .social-twitter:focus,.social-twitter:hover
 {
     color:#fff;
     background-color:#83c3f3!important}
 
 .social-twitter.active,.social-twitter:active
 {
     color:#fff;
     background-color:#2795e9!important}
 
 .bg-twitter
 {
     background-color:#55acee}
 
 .social-google-plus
 {
     color:#fff;
     background-color:#dd4b39!important}
 
 .social-google-plus:focus,.social-google-plus:hover
 {
     color:#fff;
     background-color:#e47365!important}
 
 .social-google-plus.active,.social-google-plus:active
 {
     color:#fff;
     background-color:#c23321!important}
 
 .bg-google-plus
 {
     background-color:#dd4b39}
 
 .social-linkedin
 {
     color:#fff;
     background-color:#0976b4!important}
 
 .social-linkedin:focus,.social-linkedin:hover
 {
     color:#fff;
     background-color:#0b96e5!important}
 
 .social-linkedin.active,.social-linkedin:active
 {
     color:#fff;
     background-color:#075683!important}
 
 .bg-linkedin
 {
     background-color:#0976b4}
 
 .social-flickr
 {
     color:#fff;
     background-color:#ff0084!important}
 
 .social-flickr:focus,.social-flickr:hover
 {
     color:#fff;
     background-color:#ff339d!important}
 
 .social-flickr.active,.social-flickr:active
 {
     color:#fff;
     background-color:#cc006a!important}
 
 .bg-flickr
 {
     background-color:#ff0084}
 
 .social-tumblr
 {
     color:#fff;
     background-color:#35465c!important}
 
 .social-tumblr:focus,.social-tumblr:hover
 {
     color:#fff;
     background-color:#485f7c!important}
 
 .social-tumblr.active,.social-tumblr:active
 {
     color:#fff;
     background-color:#222d3c!important}
 
 .bg-tumblr
 {
     background-color:#35465c}
 
 .social-xing
 {
     color:#fff;
     background-color:#024b4d!important}
 
 .social-xing:focus,.social-xing:hover
 {
     color:#fff;
     background-color:#037b7f!important}
 
 .social-xing.active,.social-xing:active
 {
     color:#fff;
     background-color:#011b1b!important}
 
 .bg-xing
 {
     background-color:#024b4d}
 
 .social-github
 {
     color:#fff;
     background-color:#4183c4!important}
 
 .social-github:focus,.social-github:hover
 {
     color:#fff;
     background-color:#689cd0!important}
 
 .social-github.active,.social-github:active
 {
     color:#fff;
     background-color:#3269a0!important}
 
 .bg-github
 {
     background-color:#4183c4}
 
 .social-html5
 {
     color:#fff;
     background-color:#e44f26!important}
 
 .social-html5:focus,.social-html5:hover
 {
     color:#fff;
     background-color:#ea7453!important}
 
 .social-html5.active,.social-html5:active
 {
     color:#fff;
     background-color:#bf3c18!important}
 
 .bg-html5
 {
     background-color:#e44f26}
 
 .social-openid
 {
     color:#fff;
     background-color:#f67d28!important}
 
 .social-openid:focus,.social-openid:hover
 {
     color:#fff;
     background-color:#f89b59!important}
 
 .social-openid.active,.social-openid:active
 {
     color:#fff;
     background-color:#e26309!important}
 
 .bg-openid
 {
     background-color:#f67d28}
 
 .social-stack-overflow
 {
     color:#fff;
     background-color:#f86c01!important}
 
 .social-stack-overflow:focus,.social-stack-overflow:hover
 {
     color:#fff;
     background-color:#fe882e!important}
 
 .social-stack-overflow.active,.social-stack-overflow:active
 {
     color:#fff;
     background-color:#c55601!important}
 
 .bg-stack-overflow
 {
     background-color:#f86c01}
 
 .social-css3
 {
     color:#fff;
     background-color:#1572b6!important}
 
 .social-css3:focus,.social-css3:hover
 {
     color:#fff;
     background-color:#1a8fe4!important}
 
 .social-css3.active,.social-css3:active
 {
     color:#fff;
     background-color:#105588!important}
 
 .bg-css3
 {
     background-color:#1572b6}
 
 .social-youtube
 {
     color:#fff;
     background-color:#b31217!important}
 
 .social-youtube:focus,.social-youtube:hover
 {
     color:#fff;
     background-color:#e1171d!important}
 
 .social-youtube.active,.social-youtube:active
 {
     color:#fff;
     background-color:#850d11!important}
 
 .bg-youtube
 {
     background-color:#b31217}
 
 .social-dribbble
 {
     color:#fff;
     background-color:#c32361!important}
 
 .social-dribbble:focus,.social-dribbble:hover
 {
     color:#fff;
     background-color:#dc3d7b!important}
 
 .social-dribbble.active,.social-dribbble:active
 {
     color:#fff;
     background-color:#981b4b!important}
 
 .bg-dribbble
 {
     background-color:#c32361}
 
 .social-instagram
 {
     color:#fff;
     background-color:#3f729b!important}
 
 .social-instagram:focus,.social-instagram:hover
 {
     color:#fff;
     background-color:#548cb9!important}
 
 .social-instagram.active,.social-instagram:active
 {
     color:#fff;
     background-color:#305777!important}
 
 .bg-instagram
 {
     background-color:#3f729b}
 
 .social-pinterest
 {
     color:#fff;
     background-color:#cc2127!important}
 
 .social-pinterest:focus,.social-pinterest:hover
 {
     color:#fff;
     background-color:#e04046!important}
 
 .social-pinterest.active,.social-pinterest:active
 {
     color:#fff;
     background-color:#a01a1f!important}
 
 .bg-pinterest
 {
     background-color:#cc2127}
 
 .social-vk
 {
     color:#fff;
     background-color:#3d5a7d!important}
 
 .social-vk:focus,.social-vk:hover
 {
     color:#fff;
     background-color:#4e739f!important}
 
 .social-vk.active,.social-vk:active
 {
     color:#fff;
     background-color:#2c415b!important}
 
 .bg-vk
 {
     background-color:#3d5a7d}
 
 .social-yahoo
 {
     color:#fff;
     background-color:#350178!important}
 
 .social-yahoo:focus,.social-yahoo:hover
 {
     color:#fff;
     background-color:#4b01ab!important}
 
 .social-yahoo.active,.social-yahoo:active
 {
     color:#fff;
     background-color:#1f0145!important}
 
 .bg-yahoo
 {
     background-color:#350178}
 
 .social-behance
 {
     color:#fff;
     background-color:#1769ff!important}
 
 .social-behance:focus,.social-behance:hover
 {
     color:#fff;
     background-color:#4a8aff!important}
 
 .social-behance.active,.social-behance:active
 {
     color:#fff;
     background-color:#0050e3!important}
 
 .bg-behance
 {
     background-color:#024b4d}
 
 .social-dropbox
 {
     color:#fff;
     background-color:#007ee5!important}
 
 .social-dropbox:focus,.social-dropbox:hover
 {
     color:#fff;
     background-color:#1998ff!important}
 
 .social-dropbox.active,.social-dropbox:active
 {
     color:#fff;
     background-color:#0062b2!important}
 
 .bg-dropbox
 {
     background-color:#007ee5}
 
 .social-reddit
 {
     color:#fff;
     background-color:#ff4500!important}
 
 .social-reddit:focus,.social-reddit:hover
 {
     color:#fff;
     background-color:#ff6a33!important}
 
 .social-reddit.active,.social-reddit:active
 {
     color:#fff;
     background-color:#cc3700!important}
 
 .bg-reddit
 {
     background-color:#ff4500}
 
 .social-spotify
 {
     color:#fff;
     background-color:#7ab800!important}
 
 .social-spotify:focus,.social-spotify:hover
 {
     color:#fff;
     background-color:#9ceb00!important}
 
 .social-spotify.active,.social-spotify:active
 {
     color:#fff;
     background-color:#588500!important}
 
 .bg-spotify
 {
     background-color:#7ab800}
 
 .social-vine
 {
     color:#fff;
     background-color:#00b488!important}
 
 .social-vine:focus,.social-vine:hover
 {
     color:#fff;
     background-color:#00e7af!important}
 
 .social-vine.active,.social-vine:active
 {
     color:#fff;
     background-color:#008161!important}
 
 .bg-vine
 {
     background-color:#00b488}
 
 .social-foursquare
 {
     color:#fff;
     background-color:#0cbadf!important}
 
 .social-foursquare:focus,.social-foursquare:hover
 {
     color:#fff;
     background-color:#2ad0f4!important}
 
 .social-foursquare.active,.social-foursquare:active
 {
     color:#fff;
     background-color:#0992af!important}
 
 .bg-foursquare
 {
     background-color:#0cbadf}
 
 .social-vimeo
 {
     color:#fff;
     background-color:#1ab7ea!important}
 
 .social-vimeo:focus,.social-vimeo:hover
 {
     color:#fff;
     background-color:#49c6ee!important}
 
 .social-vimeo.active,.social-vimeo:active
 {
     color:#fff;
     background-color:#1295bf!important}
 
 .bg-vimeo
 {
     background-color:#1ab7ea}
 
 .social-skype
 {
     color:#fff;
     background-color:#77bcfd!important}
 
 .social-skype:focus,.social-skype:hover
 {
     color:#fff;
     background-color:#a9d5fe!important}
 
 .social-skype.active,.social-skype:active
 {
     color:#fff;
     background-color:#45a3fc!important}
 
 .bg-skype
 {
     background-color:#77bcfd}
 
 .social-evernote
 {
     color:#fff;
     background-color:#46bf8c!important}
 
 .social-evernote:focus,.social-evernote:hover
 {
     color:#fff;
     background-color:#6ccca4!important}
 
 .social-evernote.active,.social-evernote:active
 {
     color:#fff;
     background-color:#369c71!important}
 
 .bg-evernote
 {
     background-color:#46bf8c}
 
 a:focus
 {
     outline:0}
 
 .blocks,[class*=blocks-]
 {
     list-style:none;
     padding:0;
     margin:0;
     margin-left:-15px;
     margin-right:-15px}
 
 .blocks:after,.blocks:before,[class*=blocks-]:after,[class*=blocks-]:before
 {
     content:" ";
     display:table}
 
 .blocks:after,[class*=blocks-]:after
 {
     clear:both}
 
 .blocks>li,[class*=blocks-]>li
 {
     margin-bottom:22px;
     position:relative;
     float:left;
     min-height:1px;
     padding-left:15px;
     padding-right:15px}
 
 .blocks.no-space,[class*=blocks-].no-space
 {
     margin:0}
 
 .blocks.no-space>li,[class*=blocks-].no-space>li
 {
     padding-left:0;
     padding-right:0;
     margin-bottom:0}
 
 .block-first,.blocks-2>li:nth-child(2n+3),.blocks-3>li:nth-child(3n+4),.blocks-4>li:nth-child(4n+5),.blocks-5>li:nth-child(5n+6),.blocks-6>li:nth-child(6n+7)
 {
     clear:both}
 
 .blocks-100>li
 {
     width:100%}
 
 .blocks-2>li
 {
     width:50%}
 
 .blocks-3>li
 {
     width:33.33333333%}
 
 .blocks-4>li
 {
     width:25%}
 
 .blocks-5>li
 {
     width:20%}
 
 .blocks-6>li
 {
     width:16.66666667%}
 
 @media (min-width:480px)
 {
     .blocks-xs-100>li
 {
     width:100%}
 
 }
 
 @media (min-width:480px)
 {
     .blocks-xs-2>li
 {
     width:50%}
 
 }
 
 @media (min-width:480px)
 {
     .blocks-xs-3>li
 {
     width:33.33333333%}
 
 }
 
 @media (min-width:480px)
 {
     .blocks-xs-4>li
 {
     width:25%}
 
 }
 
 @media (min-width:480px)
 {
     .blocks-xs-5>li
 {
     width:20%}
 
 }
 
 @media (min-width:480px)
 {
     .blocks-xs-6>li
 {
     width:16.66666667%}
 
 }
 
 @media (min-width:768px)
 {
     .blocks-sm-100>li
 {
     width:100%}
 
 }
 
 @media (min-width:768px)
 {
     .blocks-sm-2>li
 {
     width:50%}
 
 }
 
 @media (min-width:768px)
 {
     .blocks-sm-3>li
 {
     width:33.33333333%}
 
 }
 
 @media (min-width:768px)
 {
     .blocks-sm-4>li
 {
     width:25%}
 
 }
 
 @media (min-width:768px)
 {
     .blocks-sm-5>li
 {
     width:20%}
 
 }
 
 @media (min-width:768px)
 {
     .blocks-sm-6>li
 {
     width:16.66666667%}
 
 }
 
 @media (min-width:992px)
 {
     .blocks-md-100>li
 {
     width:100%}
 
 }
 
 @media (min-width:992px)
 {
     .blocks-md-2>li
 {
     width:50%}
 
 }
 
 @media (min-width:992px)
 {
     .blocks-md-3>li
 {
     width:33.33333333%}
 
 }
 
 @media (min-width:992px)
 {
     .blocks-md-4>li
 {
     width:25%}
 
 }
 
 @media (min-width:992px)
 {
     .blocks-md-5>li
 {
     width:20%}
 
 }
 
 @media (min-width:992px)
 {
     .blocks-md-6>li
 {
     width:16.66666667%}
 
 }
 
 @media (min-width:1200px)
 {
     .blocks-lg-100>li
 {
     width:100%}
 
 }
 
 @media (min-width:1200px)
 {
     .blocks-lg-2>li
 {
     width:50%}
 
 }
 
 @media (min-width:1200px)
 {
     .blocks-lg-3>li
 {
     width:33.33333333%}
 
 }
 
 @media (min-width:1200px)
 {
     .blocks-lg-4>li
 {
     width:25%}
 
 }
 
 @media (min-width:1200px)
 {
     .blocks-lg-5>li
 {
     width:20%}
 
 }
 
 @media (min-width:1200px)
 {
     .blocks-lg-6>li
 {
     width:16.66666667%}
 
 }
 
 @media (min-width:1600px)
 {
     .blocks-xlg-100>li
 {
     width:100%}
 
 }
 
 @media (min-width:1600px)
 {
     .blocks-xlg-2>li
 {
     width:50%}
 
 }
 
 @media (min-width:1600px)
 {
     .blocks-xlg-3>li
 {
     width:33.33333333%}
 
 }
 
 @media (min-width:1600px)
 {
     .blocks-xlg-4>li
 {
     width:25%}
 
 }
 
 @media (min-width:1600px)
 {
     .blocks-xlg-5>li
 {
     width:20%}
 
 }
 
 @media (min-width:1600px)
 {
     .blocks-xlg-6>li
 {
     width:16.66666667%}
 
 }
 
 .avatar
 {
     position:relative;
     display:inline-block;
     width:40px;
     white-space:nowrap;
     border-radius:1000px;
     vertical-align:bottom}
 
 .avatar i
 {
     position:absolute;
     right:0;
     bottom:0;
     width:10px;
     height:10px;
     border:2px solid #fff;
     border-radius:100%}
 
 .avatar img
 {
     width:100%;
     max-width:100%;
     height:auto;
     border:0 none;
     border-radius:1000px}
 
 .avatar-online i
 {
     background-color:#46be8a}
 
 .avatar-off i
 {
     background-color:#526069}
 
 .avatar-busy i
 {
     background-color:#f2a654}
 
 .avatar-away i
 {
     background-color:#f96868}
 
 .avatar-100
 {
     width:100px}
 
 .avatar-100 i
 {
     height:20px;
     width:20px}
 
 .avatar-lg
 {
     width:50px}
 
 .avatar-lg i
 {
     height:12px;
     width:12px}
 
 .avatar-sm
 {
     width:30px}
 
 .avatar-sm i
 {
     height:8px;
     width:8px}
 
 .avatar-xs
 {
     width:20px}
 
 .avatar-xs i
 {
     height:7px;
     width:7px}
 
 .status
 {
     display:block;
     width:10px;
     height:10px;
     border:2px solid #fff;
     border-radius:100%}
 
 .status-online
 {
     background-color:#46be8a}
 
 .status-off
 {
     background-color:#526069}
 
 .status-busy
 {
     background-color:#f2a654}
 
 .status-away
 {
     background-color:#f96868}
 
 .status-lg
 {
     width:14px;
     height:14px}
 
 .status-md
 {
     width:10px;
     height:10px}
 
 .status-sm
 {
     width:8px;
     height:8px}
 
 .status-xs
 {
     width:7px;
     height:7px}
 
 .icon
 {
     position:relative;
     display:inline-block;
     font-style:normal;
     font-weight:400;
     text-rendering:auto;
     speak:none;
     -webkit-font-smoothing:antialiased;
     -moz-osx-font-smoothing:grayscale;
     -webkit-transform:translate(0,0);
     -ms-transform:translate(0,0);
     -o-transform:translate(0,0);
     transform:translate(0,0);
     line-height:1}
 
 .icon.pull-left
 {
     margin-right:.3em}
 
 .icon.pull-right
 {
     margin-left:.3em}
 
 .icon.icon-circle
 {
     position:relative;
     margin:.5em}
 
 .icon.icon-circle:before
 {
     position:relative;
     z-index:1}
 
 .icon.icon-circle:after
 {
     position:absolute;
     top:50%;
     left:50%;
     z-index:0;
     content:"";
     width:2em;
     height:2em;
     background-color:inherit;
     border-radius:100%;
     -ms-transform:translate(-50%,-50%);
     -webkit-transform:translate(-50%,-50%);
     -o-transform:translate(-50%,-50%);
     transform:translate(-50%,-50%)}
 
 .icon.icon-lg
 {
     font-size:1.33333333em;
     vertical-align:-15%}
 
 .icon.icon-2x
 {
     font-size:2em}
 
 .icon.icon-3x
 {
     font-size:3em}
 
 .icon.icon-4x
 {
     font-size:4em}
 
 .icon.icon-5x
 {
     font-size:5em}
 
 .icon.icon-fw
 {
     width:1.28571429em;
     text-align:center}
 
 .icon.icon-ul
 {
     padding-left:0;
     margin-left:2.14285714em;
     list-style-type:none}
 
 .icon.icon-ul>li
 {
     position:relative}
 
 .icon.icon-li
 {
     position:absolute;
     top:.14285714em;
     left:-2.14285714em;
     width:2.14285714em;
     text-align:center}
 
 .icon.icon-li.icon-lg
 {
     left:-1.85714286em}
 
 .icon.icon-border
 {
     padding:.2em .25em .15em;
     border:solid .08em #e4eaec;
     border-radius:.1em}
 
 .icon.icon-spin
 {
     -webkit-animation:icon-spin 2s infinite linear;
     -o-animation:icon-spin 2s infinite linear;
     animation:icon-spin 2s infinite linear}
 
 .icon.icon-spin-reverse
 {
     -webkit-animation:icon-spin-reverse 2s infinite linear;
     -o-animation:icon-spin-reverse 2s infinite linear;
     animation:icon-spin-reverse 2s infinite linear}
 
 .icon.icon-rotate-90
 {
     filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
     -webkit-transform:rotate(90deg);
     -ms-transform:rotate(90deg);
     -o-transform:rotate(90deg);
     transform:rotate(90deg)}
 
 .icon.icon-rotate-180
 {
     filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
     -webkit-transform:rotate(180deg);
     -ms-transform:rotate(180deg);
     -o-transform:rotate(180deg);
     transform:rotate(180deg)}
 
 .icon.icon-rotate-270
 {
     filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
     -webkit-transform:rotate(270deg);
     -ms-transform:rotate(270deg);
     -o-transform:rotate(270deg);
     transform:rotate(270deg)}
 
 .icon.icon-flip-horizontal
 {
     filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
     -webkit-transform:scale(-1,1);
     -ms-transform:scale(-1,1);
     -o-transform:scale(-1,1);
     transform:scale(-1,1)}
 
 .icon.icon-flip-vertical
 {
     filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
     -webkit-transform:scale(1,-1);
     -ms-transform:scale(1,-1);
     -o-transform:scale(1,-1);
     transform:scale(1,-1)}
 
 .icon.icon-stack
 {
     position:relative;
     display:inline-block;
     width:2em;
     height:2em;
     line-height:2em;
     vertical-align:middle}
 
 .icon.icon-stack-1x,.icon.icon-stack-2x
 {
     position:absolute;
     left:0;
     width:100%;
     text-align:center}
 
 .icon.icon-stack-1x
 {
     line-height:inherit}
 
 .icon.icon-stack-2x
 {
     font-size:2em}
 
 .icon.icon-stack-inverse
 {
     color:#fff}
 
 .icon-color
 {
     color:rgba(55,71,79,.4)}
 
 .icon-color:focus,.icon-color:hover
 {
     color:rgba(55,71,79,.6)}
 
 .icon-color.active,.icon-color:active
 {
     color:#37474f}
 
 .icon-color-alt
 {
     color:rgba(55,71,79,.6)}
 
 .icon-color-alt:focus,.icon-color-alt:hover
 {
     color:rgba(55,71,79,.8)}
 
 .icon-color-alt.active,.icon-color-alt:active
 {
     color:#37474f}
 
 :root-flip-horizontal,:root-flip-vertical,:root-rotate-180,:root-rotate-270,:root-rotate-90
 {
     -webkit-filter:none;
     filter:none}
 
 @-webkit-keyframes icon-spin
 {
     0%
 {
     -webkit-transform:rotate(0);
     transform:rotate(0)}
 
 100%
 {
     -webkit-transform:rotate(359deg);
     transform:rotate(359deg)}
 
 }
 
 @-o-keyframes icon-spin
 {
     0%
 {
     -webkit-transform:rotate(0);
     -o-transform:rotate(0);
     transform:rotate(0)}
 
 100%
 {
     -webkit-transform:rotate(359deg);
     -o-transform:rotate(359deg);
     transform:rotate(359deg)}
 
 }
 
 @keyframes icon-spin
 {
     0%
 {
     -webkit-transform:rotate(0);
     -o-transform:rotate(0);
     transform:rotate(0)}
 
 100%
 {
     -webkit-transform:rotate(359deg);
     -o-transform:rotate(359deg);
     transform:rotate(359deg)}
 
 }
 
 @-webkit-keyframes icon-spin-reverse
 {
     0%
 {
     -webkit-transform:rotate(0);
     transform:rotate(0)}
 
 100%
 {
     -webkit-transform:rotate(-359deg);
     transform:rotate(-359deg)}
 
 }
 
 @-o-keyframes icon-spin-reverse
 {
     0%
 {
     -webkit-transform:rotate(0);
     -o-transform:rotate(0);
     transform:rotate(0)}
 
 100%
 {
     -webkit-transform:rotate(-359deg);
     -o-transform:rotate(-359deg);
     transform:rotate(-359deg)}
 
 }
 
 @keyframes icon-spin-reverse
 {
     0%
 {
     -webkit-transform:rotate(0);
     -o-transform:rotate(0);
     transform:rotate(0)}
 
 100%
 {
     -webkit-transform:rotate(-359deg);
     -o-transform:rotate(-359deg);
     transform:rotate(-359deg)}
 
 }
 
 .hamburger
 {
     vertical-align:middle;
     font-size:20px}
 
 .hamburger,.hamburger .hamburger-bar,.hamburger:after,.hamburger:before
 {
     -webkit-transition:-webkit-transform .2s ease-in-out;
     -o-transition:-o-transform .2s ease-in-out;
     transition:transform .2s ease-in-out}
 
 .hamburger:after,.hamburger:before
 {
     content:""}
 
 .hamburger .hamburger-bar,.hamburger:after,.hamburger:before
 {
     display:block;
     width:1em;
     height:.1em;
     margin:0;
     border-radius:1px;
     background:#76838f}
 
 .navbar-default .hamburger .hamburger-bar,.navbar-default .hamburger:after,.navbar-default .hamburger:before
 {
     background:#76838f}
 
 .navbar-inverse .hamburger .hamburger-bar,.navbar-inverse .hamburger:after,.navbar-inverse .hamburger:before
 {
     background:#fff}
 
 .hamburger .hamburger-bar
 {
     margin:.2em 0}
 
 .hamburger-close:before
 {
     -webkit-transform:rotate(45deg);
     -ms-transform:rotate(45deg);
     -o-transform:rotate(45deg);
     transform:rotate(45deg);
     -webkit-transform-origin:8%;
     -ms-transform-origin:8%;
     -o-transform-origin:8%;
     transform-origin:8%}
 
 .hamburger-close .hamburger-bar
 {
     opacity:0}
 
 .hamburger-close:after
 {
     -webkit-transform:rotate(-45deg);
     -ms-transform:rotate(-45deg);
     -o-transform:rotate(-45deg);
     transform:rotate(-45deg);
     -webkit-transform-origin:8%;
     -ms-transform-origin:8%;
     -o-transform-origin:8%;
     transform-origin:8%}
 
 .hamburger-close.collapsed:before,.hamburger-close.hided:before
 {
     -webkit-transform:rotate(0);
     -ms-transform:rotate(0);
     -o-transform:rotate(0);
     transform:rotate(0)}
 
 .hamburger-close.collapsed .hamburger-bar,.hamburger-close.hided .hamburger-bar
 {
     opacity:1}
 
 .hamburger-close.collapsed:after,.hamburger-close.hided:after
 {
     -webkit-transform:rotate(0);
     -ms-transform:rotate(0);
     -o-transform:rotate(0);
     transform:rotate(0)}
 
 .hamburger-arrow-left.collapsed
 {
     -webkit-transform:rotate(180deg);
     -ms-transform:rotate(180deg);
     -o-transform:rotate(180deg);
     transform:rotate(180deg)}
 
 .hamburger-arrow-left.collapsed:before
 {
     width:.6em;
     -webkit-transform:translate3d(.45em,.1em,0) rotate(45deg);
     transform:translate3d(.45em,.1em,0) rotate(45deg)}
 
 .hamburger-arrow-left.collapsed .hamburger-bar
 {
     border-radius:.2em}
 
 .hamburger-arrow-left.collapsed:after
 {
     width:.6em;
     -webkit-transform:translate3d(.45em,-.1em,0) rotate(-45deg);
     transform:translate3d(.45em,-.1em,0) rotate(-45deg)}
 
 .counter
 {
     text-align:center}
 
 .counter .counter-number-group,.counter>.counter-number
 {
     color:#37474f;
     font-size:20px}
 
 .counter-label
 {
     display:block}
 
 .counter-icon
 {
     font-size:20px}
 
 .counter-lg .counter-number-group,.counter-lg>.counter-number
 {
     font-size:40px}
 
 .counter-lg .counter-icon
 {
     font-size:40px}
 
 .counter-md .counter-number-group,.counter-md>.counter-number
 {
     font-size:30px}
 
 .counter-md .counter-icon
 {
     font-size:30px}
 
 .counter-sm .counter-number-group,.counter-sm>.counter-number
 {
     font-size:14px}
 
 .counter-sm .counter-icon
 {
     font-size:14px}
 
 .counter-sm .counter-number+.counter-number-related,.counter-sm .counter-number-related+.counter-number
 {
     margin-left:0}
 
 .counter-inverse
 {
     color:#fff}
 
 .counter-inverse .counter-number-group,.counter-inverse>.counter-number
 {
     color:#fff}
 
 .counter-inverse .counter-icon
 {
     color:#fff}
 
 .widget
 {
     background-color:#fff;
     margin-bottom:30px;
     position:relative}
 
 .widget .cover
 {
     width:100%}
 
 [class*=blocks-]>li>.widget
 {
     margin-bottom:0}
 
 .widget-shadow
 {
     -webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);
     box-shadow:0 1px 1px rgba(0,0,0,.05)}
 
 .widget
 {
     border-radius:3px}
 
 .widget .widget-header
 {
     border-radius:3px 3px 0 0}
 
 .widget .widget-header:last-child
 {
     border-radius:inherit}
 
 .widget .widget-body:last-child
 {
     border-radius:0 0 3px 3px}
 
 .widget .widget-body:last-child .widget-body-footer
 {
     border-radius:0 0 3px 3px}
 
 .widget .widget-footer
 {
     border-radius:0 0 3px 3px}
 
 .widget .widget-footer:first-child
 {
     border-radiu:inherit}
 
 .widget-body
 {
     position:relative;
     padding:30px 25px}
 
 .widget-body-footer
 {
     margin-top:30px}
 
 .widget-body-footer:after,.widget-body-footer:before
 {
     content:" ";
     display:table}
 
 .widget-body-footer:after
 {
     clear:both}
 
 .widget-content ul
 {
     margin:0;
     padding:0}
 
 .widget-content li
 {
     list-style:none}
 
 .widget-title
 {
     margin-top:0;
     color:#37474f;
     text-transform:capitalize}
 
 div.widget-title
 {
     font-size:22px}
 
 .overlay-panel .widget-title
 {
     color:#fff}
 
 .widget>.widget-title
 {
     padding:12px 20px}
 
 .widget-metas
 {
     color:#a3afb7;
     font-size:12px}
 
 .widget-metas.type-link>a
 {
     position:relative;
     display:inline-block;
     padding:3px 5px;
     color:#a3afb7}
 
 .widget-metas.type-link>a:first-child
 {
     padding-left:0}
 
 .widget-metas.type-link>a:hover
 {
     color:#ccd5db}
 
 .widget-metas.type-link>a+a:before
 {
     position:absolute;
     top:10px;
     left:-2px;
     content:'';
     width:3px;
     height:3px;
     background-color:#a3afb7;
     border-radius:50%}
 
 .overlay-background .widget-time
 {
     opacity:.8;
     color:#fff}
 
 .widget-category
 {
     font-size:16px}
 
 .widget-actions
 {
     margin-top:10px;
     text-align:right}
 
 .widget-actions a
 {
     display:inline-block;
     margin-right:10px;
     vertical-align:middle;
     color:#a3afb7}
 
 .widget-actions a .icon,.widget-actions a.icon
 {
     text-decoration:none}
 
 .widget-actions a .icon+span,.widget-actions a.icon+span
 {
     margin-left:2px}
 
 .widget-actions a.active,.widget-actions a:focus,.widget-actions a:hover
 {
     text-decoration:none;
     color:#ccd5db}
 
 .widget-actions a:last-child
 {
     margin-right:0}
 
 .widget-actions-sidebar
 {
     width:60px;
     position:absolute;
     top:20px;
     left:20px}
 
 .widget-actions-sidebar a
 {
     display:inline-block;
     width:100%;
     height:60px;
     text-align:center;
     border-right:1px solid #e4eaec;
     margin-right:0}
 
 .widget-actions-sidebar a:before
 {
     display:inline-block;
     content:'';
     height:100%;
     vertical-align:middle}
 
 .widget-actions-sidebar a+a
 {
     border-top:1px solid #e4eaec}
 
 .widget-actions-sidebar+.widget-content
 {
     margin-left:80px}
 
 .widget-watermark
 {
     position:absolute;
     opacity:.1;
     right:0;
     bottom:0;
     line-height:1}
 
 .widget-watermark.darker
 {
     color:#000}
 
 .widget-watermark.lighter
 {
     color:#fff}
 
 .widget-divider:after
 {
     width:20px;
     height:2px;
     content:"";
     display:block;
     margin:15px auto;
     background-color:#fff}
 
 .widget-left
 {
     position:absolute;
     width:40%;
     height:100%;
     top:0;
     left:0}
 
 .widget-left+.widget-body
 {
     margin-left:40%;
     width:60%}
 
 @media (max-width:767px)
 {
     .widget-left
 {
     position:relative;
     width:100%;
     height:320px}
 
 .widget-left+.widget-body
 {
     margin-left:0;
     width:100%}
 
 }
 
 .panel-group .panel
 {
     -webkit-box-shadow:none;
     box-shadow:none}
 
 .panel-group .panel-title
 {
     position:relative;
     padding:15px 30px;
     font-size:14px}
 
 .panel-group .panel-title:after,.panel-group .panel-title:before
 {
     position:absolute;
     top:15px;
     right:30px;
     font-family:"Web Icons";
     -webkit-transition:all .3s linear 0s;
     -o-transition:all .3s linear 0s;
     transition:all .3s linear 0s}
 
 .panel-group .panel-title:before
 {
     content:"\f197"}
 
 .panel-group .panel-title:after
 {
     content:"\f199"}
 
 .panel-group .panel-title[aria-expanded=false]:before
 {
     opacity:.4}
 
 .panel-group .panel-title[aria-expanded=false]:after
 {
     opacity:0;
     -ms-transform:rotate(-180deg);
     -webkit-transform:rotate(-180deg);
     -o-transform:rotate(-180deg);
     transform:rotate(-180deg)}
 
 .panel-group .panel-title[aria-expanded=true]:before
 {
     opacity:0;
     -ms-transform:rotate(180deg);
     -webkit-transform:rotate(180deg);
     -o-transform:rotate(180deg);
     transform:rotate(180deg)}
 
 .panel-group .panel-title[aria-expanded=true]:after
 {
     opacity:1}
 
 .panel-group .panel-title:focus,.panel-group .panel-title:hover
 {
     color:#76838f;
     text-decoration:none}
 
 .panel-group .panel-title:focus
 {
     outline:0}
 
 .panel-group .panel-heading+.panel-collapse
 {
     margin:0}
 
 .panel-group .panel-collapse .panel-body
 {
     padding:15px 30px}
 
 .panel-group .panel-heading+.panel-collapse .panel-body
 {
     border-top-color:transparent}
 
 .panel-group .panel+.panel
 {
     margin-top:10px}
 
 .panel-group-continuous .panel
 {
     border-radius:0}
 
 .panel-group-continuous .panel:first-child
 {
     border-radius:4px 4px 0 0}
 
 .panel-group-continuous .panel:last-child
 {
     border-radius:0 0 4px 4px}
 
 .panel-group-continuous .panel+.panel
 {
     margin-top:0;
     border-top:1px solid #e4eaec}
 
 .panel-group-simple .panel
 {
     background:0 0;
     -webkit-box-shadow:none;
     box-shadow:none}
 
 .panel-group-simple .panel-title
 {
     padding-left:0;
     padding-bottom:10px}
 
 .panel-group-simple .panel-title:after,.panel-group-simple .panel-title:before
 {
     right:5px}
 
 .panel-group-simple .panel-collapse .panel-body
 {
     padding-left:0;
     padding-right:0;
     padding-top:10px}
 
 .panel-group-simple .panel+.panel
 {
     margin-top:0}
 
 .cover
 {
     overflow:hidden}
 
 .cover-background
 {
     height:100%;
     background-repeat:no-repeat;
     background-position:center;
     -webkit-background-size:cover;
     background-size:cover}
 
 .cover-image
 {
     width:100%}
 
 .cover-quote
 {
     position:relative;
     margin-bottom:0;
     padding-left:35px;
     border-left:none}
 
 .cover-quote:after,.cover-quote:before
 {
     position:absolute;
     top:-20px;
     font-size:4em}
 
 .cover-quote:before
 {
     left:0;
     content:open-quote}
 
 .cover-quote:after
 {
     right:0;
     content:close-quote;
     visibility:hidden}
 
 .cover-quote.blockquote-reverse
 {
     padding-right:35px;
     padding-left:20px;
     border-right:none}
 
 .cover-quote.blockquote-reverse:before
 {
     right:0;
     left:auto;
     content:close-quote}
 
 .cover-gallery .carousel-inner img
 {
     width:100%}
 
 .cover-iframe
 {
     width:100%;
     border:0 none}
 
 .overlay
 {
     position:relative;
     display:inline-block;
     width:100%;
     max-width:100%;
     margin:0;
     overflow:hidden;
     vertical-align:middle;
     -webkit-transform:translateZ(0);
     transform:translateZ(0)}
 
 .overlay .overlay-figure,.overlay>:first-child
 {
     width:100%;
     max-width:100%;
     margin-bottom:0}
 
 .overlay-panel
 {
     position:absolute;
     top:0;
     right:0;
     bottom:0;
     left:0;
     padding:20px;
     color:#fff}
 
 .overlay-panel a:not([class])
 {
     color:inherit;
     text-decoration:underline}
 
 .overlay-panel>:last-child
 {
     margin-bottom:0}
 
 .overlay-panel h1,.overlay-panel h2,.overlay-panel h3,.overlay-panel h4,.overlay-panel h5,.overlay-panel h6
 {
     color:inherit}
 
 .overlay-hover:not(:hover) .overlay-panel:not(.overlay-background-fixed)
 {
     opacity:0}
 
 .overlay-background
 {
     background:rgba(0,0,0,.5)}
 
 .overlay-image
 {
     width:100%;
     max-width:100%;
     padding:0}
 
 .overlay-shade
 {
     background:rgba(0,0,0,0) -webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(255,255,255,0)),color-stop(90%,rgba(255,255,255,.87)),to(#fff)) repeat scroll 0 0;
     background:rgba(0,0,0,0) -webkit-linear-gradient(top,rgba(255,255,255,0) 50%,rgba(255,255,255,.87) 90%,#fff 100%) repeat scroll 0 0;
     background:rgba(0,0,0,0) -o-linear-gradient(top,rgba(255,255,255,0) 50%,rgba(255,255,255,.87) 90%,#fff 100%) repeat scroll 0 0;
     background:rgba(0,0,0,0) linear-gradient(to bottom,rgba(255,255,255,0) 50%,rgba(255,255,255,.87) 90%,#fff 100%) repeat scroll 0 0}
 
 .overlay-top
 {
     bottom:auto}
 
 .overlay-bottom
 {
     top:auto}
 
 .overlay-left
 {
     right:auto}
 
 .overlay-right
 {
     left:auto}
 
 .overlay-icon
 {
     font-size:0;
     text-align:center}
 
 .overlay-icon:before
 {
     display:inline-block;
     height:100%;
     vertical-align:middle;
     content:""}
 
 .overlay-icon .icon
 {
     display:inline-block;
     width:32px;
     height:32px;
     margin-right:10px;
     margin-left:10px;
     font-size:32px;
     line-height:1;
     color:#fff;
     text-decoration:none}
 
 .overlay-anchor
 {
     position:absolute;
     top:0;
     right:0;
     bottom:0;
     left:0}
 
 .overlay-blur,.overlay-fade,.overlay-grayscale,.overlay-scale,.overlay-spin,[class*=overlay-slide]
 {
     -webkit-transition-timing-function:ease-out;
     -o-transition-timing-function:ease-out;
     transition-timing-function:ease-out;
     -webkit-transition-duration:.3s;
     -o-transition-duration:.3s;
     transition-duration:.3s;
     -webkit-transition-property:opacity -webkit-transform -webkit-filter,opacity -webkit-transform filter;
     -o-transition-property:opacity -o-transform filter;
     transition-property:opacity transform filter}
 
 .overlay-fade
 {
     opacity:.7}
 
 .overlay-hover:hover .overlay-fade
 {
     opacity:1}
 
 .overlay-scale
 {
     -webkit-transform:scale(1);
     -ms-transform:scale(1);
     -o-transform:scale(1);
     transform:scale(1)}
 
 .overlay-hover:hover .overlay-scale
 {
     -webkit-transform:scale(1.1);
     -ms-transform:scale(1.1);
     -o-transform:scale(1.1);
     transform:scale(1.1)}
 
 .overlay-spin
 {
     -webkit-transform:scale(1) rotate(0);
     -ms-transform:scale(1) rotate(0);
     -o-transform:scale(1) rotate(0);
     transform:scale(1) rotate(0)}
 
 .overlay-hover:hover .overlay-spin
 {
     -webkit-transform:scale(1.1) rotate(3deg);
     -ms-transform:scale(1.1) rotate(3deg);
     -o-transform:scale(1.1) rotate(3deg);
     transform:scale(1.1) rotate(3deg)}
 
 .overlay-grayscale
 {
     filter:grayscale(100%);
     -webkit-filter:grayscale(100%)}
 
 .overlay-hover:hover .overlay-grayscale
 {
     filter:grayscale(0);
     -webkit-filter:grayscale(0)}
 
 [class*=overlay-slide]
 {
     opacity:0}
 
 .overlay-slide-top
 {
     -webkit-transform:translateY(-100%);
     -ms-transform:translateY(-100%);
     -o-transform:translateY(-100%);
     transform:translateY(-100%)}
 
 .overlay-slide-bottom
 {
     -webkit-transform:translateY(100%);
     -ms-transform:translateY(100%);
     -o-transform:translateY(100%);
     transform:translateY(100%)}
 
 .overlay-slide-left
 {
     -webkit-transform:translateX(-100%);
     -ms-transform:translateX(-100%);
     -o-transform:translateX(-100%);
     transform:translateX(-100%)}
 
 .overlay-slide-right
 {
     -webkit-transform:translateX(100%);
     -ms-transform:translateX(100%);
     -o-transform:translateX(100%);
     transform:translateX(100%)}
 
 .overlay-hover:hover [class*=overlay-slide]
 {
     opacity:1;
     -webkit-transform:translateX(0) translateY(0);
     -ms-transform:translateX(0) translateY(0);
     -o-transform:translateX(0) translateY(0);
     transform:translateX(0) translateY(0)}
 
 .comments
 {
     padding:0;
     margin:0}
 
 .comments .comment
 {
     border:none;
     border-bottom:1px solid #e4eaec}
 
 .comments .comment .comment:first-child
 {
     border-top:1px solid #e4eaec}
 
 .comments .comment .comment:last-child
 {
     border-bottom:none}
 
 .comment
 {
     padding:20px 0;
     margin:0}
 
 .comment .comment
 {
     margin-top:20px;
     padding-bottom:20px}
 
 .comment .comment:last-child
 {
     padding-bottom:0}
 
 .comment-author,.comment-author:focus,.comment-author:hover
 {
     color:#37474f}
 
 .comment-meta
 {
     margin-left:5px;
     display:inline-block;
     font-size:12px;
     color:#a3afb7}
 
 .comment-content
 {
     margin-top:5px}
 
 .comment-content p
 {
     margin-bottom:10px}
 
 .comment-actions
 {
     margin-top:10px;
     text-align:right}
 
 .comment-actions a
 {
     display:inline-block;
     margin-right:10px;
     vertical-align:middle}
 
 .comment-actions a.icon
 {
     text-decoration:none}
 
 .comment-actions a:last-child
 {
     margin-right:0}
 
 .comment-reply
 {
     margin:22px 0 10px}
 
 .comment-reply .form-group:last-child
 {
     margin-bottom:0}
 
 .chat-box
 {
     height:100%;
     width:100%;
     background-color:#fff;
     overflow:hidden}
 
 .chats
 {
     padding:30px 15px}
 
 .chat-avatar
 {
     float:right}
 
 .chat-avatar .avatar
 {
     width:30px}
 
 .chat-body
 {
     display:block;
     margin:10px 30px 0 0;
     overflow:hidden}
 
 .chat-body:first-child
 {
     margin-top:0}
 
 .chat-content
 {
     position:relative;
     display:block;
     float:right;
     padding:8px 15px;
     margin:0 20px 10px 0;
     clear:both;
     color:#fff;
     background-color:#3ba2a3;
     border-radius:4px}
 
 .chat-content:before
 {
     position:absolute;
     top:10px;
     right:-10px;
     width:0;
     height:0;
     content:'';
     border:5px solid transparent;
     border-left-color:#3ba2a3}
 
 .chat-content>p:last-child
 {
     margin-bottom:0}
 
 .chat-content+.chat-content:before
 {
     border-color:transparent}
 
 .chat-time
 {
     display:block;
     margin-top:8px;
     color:rgba(255,255,255,.6)}
 
 .chat-left .chat-avatar
 {
     float:left}
 
 .chat-left .chat-body
 {
     margin-right:0;
     margin-left:30px}
 
 .chat-left .chat-content
 {
     float:left;
     margin:0 0 10px 20px;
     color:#76838f;
     background-color:#dfe9ef}
 
 .chat-left .chat-content:before
 {
     right:auto;
     left:-10px;
     border-right-color:#dfe9ef;
     border-left-color:transparent}
 
 .chat-left .chat-content+.chat-content:before
 {
     border-color:transparent}
 
 .chat-left .chat-time
 {
     color:#a3afb7}
 
 .steps
 {
     margin-bottom:22px}
 
 .steps.row
 {
     margin-left:0;
     margin-right:0;
     display:block}
 
 .step
 {
     position:relative;
     padding:12px 20px;
     margin:0;
     color:#a3afb7;
     font-size:inherit;
     vertical-align:top;
     background-color:#f3f7f9;
     border-radius:0}
 
 .step-icon
 {
     float:left;
     font-size:20px;
     margin-right:.5em}
 
 .step-number
 {
     position:absolute;
     top:50%;
     -ms-transform:translateY(-50%);
     -webkit-transform:translateY(-50%);
     -o-transform:translateY(-50%);
     transform:translateY(-50%);
     left:20px;
     width:40px;
     height:40px;
     font-size:24px;
     line-height:40px;
     color:#fff;
     text-align:center;
     background:#e4eaec;
     border-radius:50%}
 
 .step-number~.step-desc
 {
     min-height:40px;
     margin-left:50px}
 
 .step-title
 {
     font-size:20px;
     color:#526069;
     margin-bottom:0}
 
 .step-desc
 {
     text-align:left}
 
 .step-desc p
 {
     margin-bottom:0}
 
 .steps-vertical .step
 {
     display:block;
     padding:18px 20px}
 
 .steps-vertical .step[class*=col-]
 {
     width:100%;
     float:none}
 
 .step.current
 {
     color:#fff;
     background-color:#3ba2a3}
 
 .step.current .step-title
 {
     color:#fff}
 
 .step.current .step-number
 {
     color:#3ba2a3;
     background-color:#fff}
 
 .step.disabled
 {
     color:#ccd5db;
     pointer-events:none;
     cursor:auto}
 
 .step.disabled .step-title
 {
     color:#ccd5db}
 
 .step.disabled .step-number
 {
     background-color:#ccd5db}
 
 .step.error
 {
     color:#fff;
     background-color:#f96868}
 
 .step.error .step-title
 {
     color:#fff}
 
 .step.error .step-number
 {
     color:#f96868;
     background-color:#fff}
 
 .step.done
 {
     color:#fff;
     background-color:#46be8a}
 
 .step.done .step-title
 {
     color:#fff}
 
 .step.done .step-number
 {
     color:#46be8a;
     background-color:#fff}
 
 .steps-lg .step
 {
     padding:20px 20px;
     font-size:16px}
 
 .steps-lg .step-icon
 {
     font-size:22px}
 
 .steps-lg .step-title
 {
     font-size:22px}
 
 .steps-lg .step-number
 {
     width:46px;
     height:46px;
     font-size:28px;
     line-height:46px}
 
 .steps-lg .step-number~.step-desc
 {
     min-height:46px;
     margin-left:56px}
 
 .steps-sm .step
 {
     font-size:12px}
 
 .steps-sm .step-icon
 {
     font-size:18px}
 
 .steps-sm .step-title
 {
     font-size:18px}
 
 .steps-sm .step-number
 {
     width:30px;
     height:30px;
     font-size:24px;
     line-height:30px}
 
 .steps-sm .step-number~.step-desc
 {
     min-height:30px;
     margin-left:40px}
 
 .steps-xs .step
 {
     font-size:10px}
 
 .steps-xs .step-icon
 {
     font-size:16px}
 
 .steps-xs .step-title
 {
     font-size:16px}
 
 .steps-xs .step-number
 {
     width:24px;
     height:24px;
     font-size:20px;
     line-height:24px}
 
 .steps-xs .step-number~.step-desc
 {
     min-height:24px;
     margin-left:34px}
 
 .pearls
 {
     margin-bottom:22px}
 
 .pearls.row
 {
     display:block}
 
 .pearl
 {
     position:relative;
     padding:0;
     margin:0;
     text-align:center}
 
 .pearl:after,.pearl:before
 {
     position:absolute;
     top:18px;
     z-index:0;
     width:50%;
     height:4px;
     content:"";
     background-color:#f3f7f9}
 
 .pearl:before
 {
     left:0}
 
 .pearl:after
 {
     right:0}
 
 .pearl:first-child:before,.pearl:last-child:after
 {
     display:none!important}
 
 .pearl-icon,.pearl-number
 {
     position:relative;
     z-index:1;
     display:inline-block;
     width:36px;
     height:36px;
     line-height:32px;
     color:#fff;
     text-align:center;
     background:#ccd5db;
     border-radius:50%;
     border:2px solid #ccd5db}
 
 .pearl-number
 {
     font-size:18px}
 
 .pearl-icon
 {
     font-size:18px}
 
 .pearl-title
 {
     margin-top:.5em;
     display:block;
     font-size:16px;
     color:#526069;
     margin-bottom:0;
     overflow:hidden;
     text-overflow:ellipsis;
     word-wrap:normal;
     white-space:nowrap}
 
 .pearl.current:after,.pearl.current:before
 {
     background-color:#3ba2a3}
 
 .pearl.current .pearl-icon,.pearl.current .pearl-number
 {
     color:#3ba2a3;
     background-color:#fff;
     border-color:#3ba2a3;
     -webkit-transform:scale(1.3);
     -ms-transform:scale(1.3);
     -o-transform:scale(1.3);
     transform:scale(1.3)}
 
 .pearl.disabled
 {
     pointer-events:none;
     cursor:auto}
 
 .pearl.disabled:after,.pearl.disabled:before
 {
     background-color:#f3f7f9}
 
 .pearl.disabled .pearl-icon,.pearl.disabled .pearl-number
 {
     color:#fff;
     background-color:#ccd5db;
     border-color:#ccd5db}
 
 .pearl.error:before
 {
     background-color:#3ba2a3}
 
 .pearl.error:after
 {
     background-color:#f3f7f9}
 
 .pearl.error .pearl-icon,.pearl.error .pearl-number
 {
     color:#f96868;
     background-color:#fff;
     border-color:#f96868}
 
 .pearl.done:after,.pearl.done:before
 {
     background-color:#3ba2a3}
 
 .pearl.done .pearl-icon,.pearl.done .pearl-number
 {
     color:#fff;
     background-color:#3ba2a3;
     border-color:#3ba2a3}
 
 .pearls-lg .pearl:after,.pearls-lg .pearl:before
 {
     top:20px}
 
 .pearls-lg .pearl-title
 {
     font-size:18px}
 
 .pearls-lg .pearl-icon,.pearls-lg .pearl-number
 {
     width:40px;
     height:40px;
     line-height:36px}
 
 .pearls-lg .pearl-icon
 {
     font-size:20px}
 
 .pearls-lg .pearl-number
 {
     font-size:20px}
 
 .pearls-sm .pearl:after,.pearls-sm .pearl:before
 {
     top:16px}
 
 .pearls-sm .pearl-title
 {
     font-size:14px}
 
 .pearls-sm .pearl-icon,.pearls-sm .pearl-number
 {
     width:32px;
     height:32px;
     line-height:28px}
 
 .pearls-sm .pearl-number
 {
     font-size:16px}
 
 .pearls-sm .pearl-icon
 {
     font-size:14px}
 
 .pearls-xs .pearl:after,.pearls-xs .pearl:before
 {
     top:12px;
     height:2px}
 
 .pearls-xs .pearl-title
 {
     font-size:12px}
 
 .pearls-xs .pearl-icon,.pearls-xs .pearl-number
 {
     width:24px;
     height:24px;
     line-height:20px}
 
 .pearls-xs .pearl-number
 {
     font-size:12px}
 
 .pearls-xs .pearl-icon
 {
     font-size:12px}
 
 .timeline
 {
     position:relative;
     padding:0;
     margin-bottom:22px;
     list-style:none;
     background:0 0}
 
 .timeline:before
 {
     position:absolute;
     top:0;
     bottom:0;
     left:50%;
     width:2px;
     margin-left:-1px;
     content:"";
     background-color:#e4eaec}
 
 .timeline:after
 {
     display:table;
     content:""}
 
 .timeline:after
 {
     clear:both}
 
 .timeline>li
 {
     position:relative;
     display:block;
     float:left;
     width:50%;
     padding-right:40px;
     margin-bottom:60px}
 
 .timeline>li:not(.timeline-period):after,.timeline>li:not(.timeline-period):before
 {
     content:" ";
     display:table}
 
 .timeline>li:not(.timeline-period):after
 {
     clear:both}
 
 .timeline>li.timeline-period
 {
     position:relative;
     z-index:6;
     display:block;
     float:none;
     width:200px;
     padding:25px 10px;
     margin:20px auto 30px;
     clear:both;
     font-size:26px;
     text-align:center;
     text-transform:uppercase;
     background:#f1f4f5}
 
 .timeline>li.timeline-reverse
 {
     float:right;
     padding-right:0;
     padding-left:40px}
 
 .timeline>li:last-child
 {
     margin-bottom:0}
 
 .timeline:not(.timeline-single)>li.timeline-period+.timeline-item+.timeline-item,.timeline:not(.timeline-single)>li:not(.timeline-period):first-child+.timeline-item
 {
     margin-top:90px}
 
 .timeline-content
 {
     float:left;
     width:100%;
     overflow:hidden;
     clear:left}
 
 .timeline-reverse .timeline-content
 {
     float:right;
     clear:right}
 
 .timeline-content>.widget
 {
     margin:0}
 
 .timeline-dot
 {
     position:absolute;
     right:0;
     z-index:11;
     color:#fff;
     text-align:center;
     cursor:pointer;
     background-color:#3ba2a3;
     border-radius:50%;
     top:7.5px}
 
 .timeline-reverse .timeline-dot
 {
     right:auto;
     left:0;
     margin-right:0}
 
 .timeline .timeline-dot
 {
     width:14px;
     height:14px;
     margin-right:-7px;
     line-height:14px}
 
 .timeline .timeline-reverse .timeline-dot
 {
     margin-left:-7px}
 
 .timeline.timeline-single
 {
     margin-left:7px}
 
 .timeline.timeline-single .timeline-dot
 {
     margin-left:-7px}
 
 @media screen and (max-width:767px)
 {
     .timeline
 {
     margin-left:7px}
 
 .timeline .timeline-dot
 {
     margin-left:-7px}
 
 }
 
 .timeline-info
 {
     float:right;
     padding:0 20px;
     margin-bottom:22px;
     line-height:28px;
     text-align:center;
     background:#e4eaec;
     border:1px solid #e4eaec;
     border-radius:20px}
 
 .timeline-reverse .timeline-info
 {
     float:left}
 
 .timeline-footer
 {
     position:absolute;
     right:0;
     bottom:-30px;
     margin-right:55px}
 
 .timeline-footer .icon
 {
     margin-right:.3em}
 
 .timeline-reverse .timeline-footer
 {
     right:auto;
     left:0;
     margin-right:0;
     margin-left:55px}
 
 .timeline-reverse+.timeline-reverse
 {
     margin-top:0}
 
 @media screen and (max-width:767px)
 {
     .timeline:before
 {
     left:0}
 
 .timeline li.timeline-reverse,.timeline>li
 {
     float:none;
     width:100%;
     padding-right:0;
     padding-left:40px;
     margin-top:0;
     margin-bottom:60px}
 
 .timeline-content
 {
     float:none}
 
 .timeline-dot
 {
     right:auto;
     left:0;
     margin-right:0;
     margin-left:-7px}
 
 .timeline-info
 {
     display:inline-block;
     float:none}
 
 .timeline-footer
 {
     right:auto;
     bottom:-26px;
     left:0;
     margin-right:0;
     margin-left:40px}
 
 }
 
 .timeline-single:before
 {
     left:0}
 
 .timeline-single>li
 {
     float:none;
     width:100%;
     padding-right:0;
     padding-left:40px;
     margin-bottom:60px}
 
 .timeline-single .timeline-content
 {
     float:none}
 
 .timeline-single .timeline-dot
 {
     right:auto;
     left:0;
     margin-right:0;
     margin-left:-7px}
 
 .timeline-single .timeline-info
 {
     float:left}
 
 .timeline-single .timeline-footer
 {
     right:auto;
     bottom:-26px;
     left:0;
     margin-right:0;
     margin-left:40px}
 
 .timeline-icon .timeline-dot
 {
     width:40px;
     height:40px;
     margin-right:-20px;
     line-height:40px}
 
 .timeline-icon .timeline-reverse .timeline-dot
 {
     margin-left:-20px}
 
 .timeline-icon.timeline-single
 {
     margin-left:20px}
 
 .timeline-icon.timeline-single .timeline-dot
 {
     margin-left:-20px}
 
 @media screen and (max-width:767px)
 {
     .timeline-icon
 {
     margin-left:20px}
 
 .timeline-icon .timeline-dot
 {
     margin-left:-20px}
 
 }
 
 .timeline-icon .timeline-dot
 {
     top:-5.5px}
 
 .timeline-avatar .timeline-dot
 {
     width:40px;
     height:40px;
     margin-right:-20px;
     line-height:40px}
 
 .timeline-avatar .timeline-reverse .timeline-dot
 {
     margin-left:-20px}
 
 .timeline-avatar.timeline-single
 {
     margin-left:20px}
 
 .timeline-avatar.timeline-single .timeline-dot
 {
     margin-left:-20px}
 
 @media screen and (max-width:767px)
 {
     .timeline-avatar
 {
     margin-left:20px}
 
 .timeline-avatar .timeline-dot
 {
     margin-left:-20px}
 
 }
 
 .timeline-avatar-sm .timeline-dot
 {
     width:30px;
     height:30px;
     margin-right:-15px;
     line-height:30px}
 
 .timeline-avatar-sm .timeline-reverse .timeline-dot
 {
     margin-left:-15px}
 
 .timeline-avatar-sm.timeline-single
 {
     margin-left:15px}
 
 .timeline-avatar-sm.timeline-single .timeline-dot
 {
     margin-left:-15px}
 
 @media screen and (max-width:767px)
 {
     .timeline-avatar-sm
 {
     margin-left:15px}
 
 .timeline-avatar-sm .timeline-dot
 {
     margin-left:-15px}
 
 }
 
 .timeline-avatar-lg .timeline-dot
 {
     width:50px;
     height:50px;
     margin-right:-25px;
     line-height:50px}
 
 .timeline-avatar-lg .timeline-reverse .timeline-dot
 {
     margin-left:-25px}
 
 .timeline-avatar-lg.timeline-single
 {
     margin-left:25px}
 
 .timeline-avatar-lg.timeline-single .timeline-dot
 {
     margin-left:-25px}
 
 @media screen and (max-width:767px)
 {
     .timeline-avatar-lg
 {
     margin-left:25px}
 
 .timeline-avatar-lg .timeline-dot
 {
     margin-left:-25px}
 
 }
 
 .timeline-simple .timeline-dot
 {
     top:0;
     margin-top:10px}
 
 .timeline-feed .timeline-dot
 {
     width:30px;
     height:30px;
     margin-right:-15px;
     line-height:30px}
 
 .timeline-feed .timeline-reverse .timeline-dot
 {
     margin-left:-15px}
 
 .timeline-feed.timeline-single
 {
     margin-left:15px}
 
 .timeline-feed.timeline-single .timeline-dot
 {
     margin-left:-15px}
 
 @media screen and (max-width:767px)
 {
     .timeline-feed
 {
     margin-left:15px}
 
 .timeline-feed .timeline-dot
 {
     margin-left:-15px}
 
 }
 
 .timeline-feed.timeline-simple .timeline-dot
 {
     margin-top:5px}
 
 .timeline-feed>li
 {
     padding-right:30px;
     margin-bottom:22px}
 
 .timeline-feed>li.timeline-reverse
 {
     padding-left:30px}
 
 .timeline-feed.timeline-single>li
 {
     padding-left:30px}
 
 @media screen and (max-width:767px)
 {
     .timeline-feed>li
 {
     padding-right:30px;
     margin-bottom:22px}
 
 }
 
 .testimonial
 {
     margin:3px 3px 22px}
 
 .testimonial-ul
 {
     padding:0;
     margin:0;
     list-style:none}
 
 .testimonial-item
 {
     float:left;
     padding:0 15px 30px;
     margin:0}
 
 .testimonial-content
 {
     position:relative;
     padding:15px 20px;
     margin-top:10px;
     margin-bottom:25px;
     background-color:#f3f7f9;
     border-radius:3px}
 
 .testimonial-content:before
 {
     position:absolute;
     bottom:-7px;
     left:33px;
     display:block;
     width:14px;
     height:14px;
     content:'';
     background-color:#f3f7f9;
     -webkit-transform:rotate(45deg);
     -ms-transform:rotate(45deg);
     -o-transform:rotate(45deg);
     transform:rotate(45deg)}
 
 .testimonial-content>p:last-child
 {
     margin-bottom:0}
 
 .testimonial-image
 {
     position:relative;
     float:left;
     margin-top:5px;
     margin-left:20px}
 
 .testimonial-author
 {
     display:block;
     margin-left:75px;
     font-size:18px}
 
 .testimonial-company
 {
     display:block;
     margin-left:75px;
     font-size:12px;
     opacity:.8}
 
 .testimonial-control a
 {
     color:#ccd5db}
 
 .testimonial-control a:hover
 {
     color:#89bceb;
     text-decoration:none}
 
 .testimonial-reverse .testimonial-content:before
 {
     right:33px;
     left:auto}
 
 .testimonial-reverse .testimonial-image
 {
     float:right;
     margin-right:20px;
     margin-left:0}
 
 .testimonial-reverse .testimonial-author,.testimonial-reverse .testimonial-company
 {
     margin-left:0;
     margin-right:75px;
     text-align:right}
 
 .testimonial-top .testimonial-item
 {
     padding:30px 15px 0}
 
 .testimonial-top .testimonial-content
 {
     margin-top:30px;
     margin-bottom:10px}
 
 .testimonial-top .testimonial-content:before
 {
     top:-7px;
     bottom:auto}
 
 .testimonial.carousel
 {
     position:relative;
     width:100%;
     overflow:hidden}
 
 .testimonial.carousel .testimonial-item
 {
     position:relative;
     display:none;
     width:100%;
     padding:10px;
     -webkit-transition:left .6s ease-in-out 0s;
     -o-transition:left .6s ease-in-out 0s;
     transition:left .6s ease-in-out 0s}
 
 .testimonial.carousel .testimonial-item.active,.testimonial.carousel .testimonial-item.next,.testimonial.carousel .testimonial-item.prev
 {
     display:block}
 
 .testimonial.carousel .testimonial-item.next,.testimonial.carousel .testimonial-item.prev
 {
     position:absolute;
     top:0;
     width:100%}
 
 .testimonial.carousel .testimonial-item.next
 {
     left:100%}
 
 .testimonial.carousel .testimonial-item.prev
 {
     left:-100%}
 
 .testimonial.carousel .testimonial-item.next.left,.testimonial.carousel .testimonial-item.prev.right
 {
     left:0}
 
 .testimonial.carousel .testimonial-item.active
 {
     left:0}
 
 .testimonial.carousel .testimonial-item.active.left
 {
     left:-100%}
 
 .testimonial.carousel .testimonial-item.active.right
 {
     left:100%}
 
 .testimonial.carousel .testimonial-content
 {
     padding:10px}
 
 .testimonial.carousel .testimonial-control
 {
     position:absolute;
     right:10px;
     bottom:20px}
 
 .testimonial.carousel .testimonial-control>*
 {
     margin-left:10px}
 
 .testimonial.carousel.testimonial-reverse .testimonial-control
 {
     right:auto;
     left:10px}
 
 .testimonial.carousel.testimonial-reverse .testimonial-control>*
 {
     margin-right:10px;
     margin-left:0}
 
 .testimonial.carousel.testimonial-top .testimonial-control
 {
     top:20px;
     bottom:auto}
 
 .pricing-list
 {
     margin-bottom:22px;
     text-align:center;
     border:1px solid #e4eaec;
     border-radius:3px}
 
 .pricing-list [class*=bg-],.pricing-list [class*=bg-] *,.pricing-list [class^=bg-],.pricing-list [class^=bg-] *
 {
     color:#fff}
 
 .pricing-list .pricing-header
 {
     border-bottom:1px solid #e4eaec;
     border-radius:3px 3px 0 0}
 
 .pricing-list .pricing-title
 {
     padding:15px 30px;
     font-size:14px;
     font-weight:500;
     text-transform:uppercase;
     letter-spacing:2px;
     border-radius:3px 3px 0 0}
 
 .pricing-list .pricing-price
 {
     padding:20px 30px;
     margin:0;
     font-size:54px;
     font-weight:500;
     color:#37474f}
 
 .pricing-list .pricing-period
 {
     font-size:14px;
     font-weight:300}
 
 .pricing-list .pricing-features
 {
     padding:0 18px;
     margin:0}
 
 .pricing-list .pricing-features li
 {
     display:block;
     padding:15px;
     list-style:none;
     border-top:1px dashed #e4eaec}
 
 .pricing-list .pricing-features li:first-child
 {
     border-top:none}
 
 .pricing-list .pricing-footer
 {
     padding:30px;
     border-radius:0 0 3px 3px}
 
 .pricing-table
 {
     padding-top:30px;
     text-align:center}
 
 .pricing-table:after,.pricing-table:before
 {
     content:" ";
     display:table}
 
 .pricing-table:after
 {
     clear:both}
 
 .pricing-table [class*=pricing-column]
 {
     float:left;
     width:100%;
     margin-bottom:30px;
     background-color:#f3f7f9;
     border:1px solid #e4eaec;
     border-right:none}
 
 .pricing-table [class*=pricing-column]:last-child
 {
     border-right:1px solid #e4eaec}
 
 .pricing-table [class*=pricing-column].featured
 {
     position:relative;
     margin-right:-1px;
     background-color:#fff;
     border-right:1px solid #e4eaec}
 
 .pricing-table .pricing-header
 {
     padding-bottom:24px;
     margin:30px 30px 25px;
     border-bottom:1px solid #e4eaec}
 
 .pricing-table .pricing-price
 {
     font-size:48px}
 
 .pricing-table .pricing-currency
 {
     display:inline-block;
     margin-top:10px;
     margin-right:-10px;
     font-size:20px;
     vertical-align:top}
 
 .pricing-table .pricing-period
 {
     font-size:16px}
 
 .pricing-table .pricing-title
 {
     font-size:20px;
     text-transform:uppercase;
     letter-spacing:2px}
 
 .pricing-table .pricing-features
 {
     padding:0;
     margin:0}
 
 .pricing-table .pricing-features li
 {
     display:block;
     margin-bottom:20px;
     font-size:14px;
     list-style:none}
 
 .pricing-table .pricing-footer
 {
     padding:20px 0;
     margin:25px 30px 30px}
 
 @media screen and (min-width:768px)
 {
     .pricing-table .pricing-column-three
 {
     width:33.33%}
 
 .pricing-table .pricing-column-three.featured
 {
     top:-30px;
     padding-top:30px;
     padding-bottom:30px;
     margin-bottom:-30px}
 
 .pricing-table .pricing-column-four
 {
     width:50%}
 
 .pricing-table .pricing-column-five
 {
     width:50%}
 
 }
 
 @media screen and (min-width:1200px)
 {
     .pricing-table .pricing-column-four
 {
     width:25%}
 
 .pricing-table .pricing-column-five
 {
     width:20%}
 
 .pricing-table .pricing-column-five.featured,.pricing-table .pricing-column-four.featured
 {
     top:-30px;
     padding-top:30px;
     padding-bottom:30px;
     margin-bottom:-30px}
 
 }
 
 .rating
 {
     display:inline-block;
     margin:0 .5rem 0 0;
     font-size:0;
     vertical-align:middle}
 
 .rating:before
 {
     display:block;
     height:0;
     clear:both;
     visibility:hidden;
     content:''}
 
 .rating.hover .icon.active
 {
     opacity:.5}
 
 .rating .icon
 {
     width:1em;
     height:auto;
     padding:0;
     margin:0 10px 0 0;
     font-size:14px;
     color:#ccd5db;
     vertical-align:middle;
     cursor:pointer}
 
 .rating .icon:before
 {
     -webkit-transition:color .3s ease,opacity .3s ease;
     -o-transition:color .3s ease,opacity .3s ease;
     transition:color .3s ease,opacity .3s ease}
 
 .rating .icon.active
 {
     color:#f2a654!important}
 
 .rating .icon.active.hover
 {
     color:#f2a654!important;
     opacity:1}
 
 .rating .icon.hover
 {
     color:#f2a654!important;
     opacity:1}
 
 .rating .icon:last-child
 {
     margin-right:0}
 
 .rating-disabled .icon
 {
     cursor:default}
 
 .rating-sm .icon
 {
     font-size:12px}
 
 .rating-lg .icon
 {
     font-size:18px}
 
 .ribbon
 {
     position:absolute;
     top:-3px;
     left:-3px;
     width:150px;
     height:150px;
     text-align:center;
     background-color:transparent}
 
 .ribbon-inner
 {
     position:absolute;
     top:16px;
     left:0;
     display:inline-block;
     height:30px;
     padding-right:20px;
     padding-left:20px;
     line-height:30px;
     color:#fff;
     white-space:nowrap;
     background-color:#526069}
 
 .ribbon-inner .icon
 {
     font-size:16px}
 
 .ribbon-lg .ribbon-inner
 {
     height:38px;
     font-size:18px;
     line-height:38px}
 
 .ribbon-sm .ribbon-inner
 {
     height:26px;
     font-size:12px;
     line-height:26px}
 
 .ribbon-xs .ribbon-inner
 {
     height:22px;
     font-size:12px;
     line-height:22px}
 
 .ribbon-vertical .ribbon-inner
 {
     top:0;
     left:16px;
     width:30px;
     height:60px;
     padding:15px 0}
 
 .ribbon-vertical.ribbon-xs .ribbon-inner
 {
     width:22px;
     height:50px}
 
 .ribbon-vertical.ribbon-sm .ribbon-inner
 {
     width:26px;
     height:55px}
 
 .ribbon-vertical.ribbon-lg .ribbon-inner
 {
     width:38px;
     height:70px}
 
 .ribbon-reverse
 {
     right:-3px;
     left:auto}
 
 .ribbon-reverse .ribbon-inner
 {
     right:0;
     left:auto}
 
 .ribbon-reverse.ribbon-vertical .ribbon-inner
 {
     right:16px}
 
 .ribbon-bookmark .ribbon-inner
 {
     -webkit-box-shadow:none;
     box-shadow:none}
 
 .ribbon-bookmark .ribbon-inner:before
 {
     position:absolute;
     top:0;
     left:100%;
     display:block;
     width:0;
     height:0;
     content:'';
     border:15px solid #526069;
     border-right:10px solid transparent}
 
 .ribbon-bookmark.ribbon-vertical .ribbon-inner:before
 {
     top:100%;
     left:0;
     margin-top:-15px;
     border-right:15px solid #526069;
     border-bottom:10px solid transparent}
 
 .ribbon-bookmark.ribbon-vertical.ribbon-xs .ribbon-inner:before
 {
     margin-top:-11px}
 
 .ribbon-bookmark.ribbon-vertical.ribbon-sm .ribbon-inner:before
 {
     margin-top:-13px}
 
 .ribbon-bookmark.ribbon-vertical.ribbon-lg .ribbon-inner:before
 {
     margin-top:-19px}
 
 .ribbon-bookmark.ribbon-reverse .ribbon-inner:before
 {
     right:100%;
     left:auto;
     border-right:15px solid #526069;
     border-left:10px solid transparent}
 
 .ribbon-bookmark.ribbon-reverse.ribbon-vertical .ribbon-inner:before
 {
     right:auto;
     left:0;
     border-right-color:#526069;
     border-bottom-color:transparent;
     border-left:15px solid #526069}
 
 .ribbon-bookmark.ribbon-xs .ribbon-inner:before
 {
     border-width:11px}
 
 .ribbon-bookmark.ribbon-sm .ribbon-inner:before
 {
     border-width:13px}
 
 .ribbon-bookmark.ribbon-lg .ribbon-inner:before
 {
     border-width:19px}
 
 .ribbon-badge
 {
     top:-2px;
     left:-2px;
     overflow:hidden}
 
 .ribbon-badge .ribbon-inner
 {
     left:-40px;
     width:100%;
     -webkit-transform:rotate(-45deg);
     -ms-transform:rotate(-45deg);
     -o-transform:rotate(-45deg);
     transform:rotate(-45deg)}
 
 .ribbon-badge.ribbon-reverse
 {
     right:-2px;
     left:auto}
 
 .ribbon-badge.ribbon-reverse .ribbon-inner
 {
     right:-40px;
     left:auto;
     -webkit-transform:rotate(45deg);
     -ms-transform:rotate(45deg);
     -o-transform:rotate(45deg);
     transform:rotate(45deg)}
 
 .ribbon-badge.ribbon-bottom
 {
     top:auto;
     bottom:-2px}
 
 .ribbon-badge.ribbon-bottom .ribbon-inner
 {
     top:auto;
     bottom:16px;
     -webkit-transform:rotate(45deg);
     -ms-transform:rotate(45deg);
     -o-transform:rotate(45deg);
     transform:rotate(45deg)}
 
 .ribbon-badge.ribbon-bottom.ribbon-reverse .ribbon-inner
 {
     -webkit-transform:rotate(-45deg);
     -ms-transform:rotate(-45deg);
     -o-transform:rotate(-45deg);
     transform:rotate(-45deg)}
 
 .ribbon-corner
 {
     top:0;
     left:0;
     overflow:hidden}
 
 .ribbon-corner .ribbon-inner
 {
     top:0;
     left:0;
     width:40px;
     height:35px;
     padding:0;
     line-height:35px;
     background-color:transparent}
 
 .ribbon-corner .ribbon-inner:before
 {
     position:absolute;
     top:0;
     left:0;
     width:0;
     height:0;
     content:'';
     border:30px solid transparent;
     border-top-color:#526069;
     border-left-color:#526069}
 
 .ribbon-corner.ribbon-reverse
 {
     right:0;
     left:auto}
 
 .ribbon-corner.ribbon-reverse .ribbon-inner
 {
     right:0;
     left:auto}
 
 .ribbon-corner.ribbon-reverse .ribbon-inner:before
 {
     right:0;
     left:auto;
     border-right-color:#526069;
     border-left-color:transparent}
 
 .ribbon-corner.ribbon-bottom
 {
     top:auto;
     bottom:0}
 
 .ribbon-corner.ribbon-bottom .ribbon-inner
 {
     top:auto;
     bottom:0}
 
 .ribbon-corner.ribbon-bottom .ribbon-inner:before
 {
     top:auto;
     bottom:0;
     border-top-color:transparent;
     border-bottom-color:#526069}
 
 .ribbon-corner.ribbon-xs .ribbon-inner
 {
     width:28px;
     height:26px;
     line-height:26px}
 
 .ribbon-corner.ribbon-xs .ribbon-inner:before
 {
     border-width:22px}
 
 .ribbon-corner.ribbon-xs .ribbon-inner>.icon
 {
     font-size:12px}
 
 .ribbon-corner.ribbon-sm .ribbon-inner
 {
     width:34px;
     height:32px;
     line-height:32px}
 
 .ribbon-corner.ribbon-sm .ribbon-inner:before
 {
     border-width:26px}
 
 .ribbon-corner.ribbon-sm .ribbon-inner>.icon
 {
     font-size:12px}
 
 .ribbon-corner.ribbon-lg .ribbon-inner
 {
     width:46px;
     height:44px;
     line-height:44px}
 
 .ribbon-corner.ribbon-lg .ribbon-inner:before
 {
     border-width:36px}
 
 .ribbon-corner.ribbon-lg .ribbon-inner>.icon
 {
     font-size:18px}
 
 .ribbon-clip
 {
     left:-14px}
 
 .ribbon-clip .ribbon-inner
 {
     padding-left:23px;
     border-radius:0 5px 5px 0}
 
 .ribbon-clip .ribbon-inner:after
 {
     position:absolute;
     bottom:-14px;
     left:0;
     width:0;
     height:0;
     content:'';
     border:7px solid transparent;
     border-top-color:#37474f;
     border-right-color:#37474f}
 
 .ribbon-clip.ribbon-reverse
 {
     right:-14px;
     left:auto}
 
 .ribbon-clip.ribbon-reverse .ribbon-inner
 {
     padding-right:23px;
     padding-left:15px;
     border-radius:5px 0 0 5px}
 
 .ribbon-clip.ribbon-reverse .ribbon-inner:after
 {
     right:0;
     left:auto;
     border-right-color:transparent;
     border-left-color:#37474f}
 
 .ribbon-clip.ribbon-bottom
 {
     top:auto;
     bottom:-3px}
 
 .ribbon-clip.ribbon-bottom .ribbon-inner
 {
     top:auto;
     bottom:16px}
 
 .ribbon-clip.ribbon-bottom .ribbon-inner:after
 {
     top:-14px;
     bottom:auto;
     border-top-color:transparent;
     border-bottom-color:#37474f}
 
 .ribbon-primary .ribbon-inner
 {
     background-color:#3ba2a3}
 
 .ribbon-primary.ribbon-bookmark .ribbon-inner:before
 {
     border-color:#3ba2a3;
     border-right-color:transparent}
 
 .ribbon-primary.ribbon-bookmark.ribbon-reverse .ribbon-inner:before
 {
     border-right-color:#3ba2a3;
     border-left-color:transparent}
 
 .ribbon-primary.ribbon-bookmark.ribbon-vertical .ribbon-inner:before
 {
     border-right-color:#3ba2a3;
     border-bottom-color:transparent}
 
 .ribbon-primary.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before
 {
     border-right-color:#3ba2a3;
     border-bottom-color:transparent;
     border-left-color:#3ba2a3}
 
 .ribbon-primary.ribbon-corner .ribbon-inner
 {
     background-color:transparent}
 
 .ribbon-primary.ribbon-corner .ribbon-inner:before
 {
     border-top-color:#3ba2a3;
     border-left-color:#3ba2a3}
 
 .ribbon-primary.ribbon-corner.ribbon-reverse .ribbon-inner:before
 {
     border-right-color:#3ba2a3;
     border-left-color:transparent}
 
 .ribbon-primary.ribbon-corner.ribbon-bottom .ribbon-inner:before
 {
     border-top-color:transparent;
     border-bottom-color:#3ba2a3}
 
 .ribbon-primary .ribbon-inner:after
 {
     border-top-color:#4e97d9;
     border-right-color:#4e97d9}
 
 .ribbon-primary.ribbon-reverse .ribbon-inner:after
 {
     border-right-color:transparent;
     border-left-color:#4e97d9}
 
 .ribbon-primary.ribbon-bottom .ribbon-inner:after
 {
     border-top-color:transparent;
     border-bottom-color:#4e97d9}
 
 .ribbon-success .ribbon-inner
 {
     background-color:#46be8a}
 
 .ribbon-success.ribbon-bookmark .ribbon-inner:before
 {
     border-color:#46be8a;
     border-right-color:transparent}
 
 .ribbon-success.ribbon-bookmark.ribbon-reverse .ribbon-inner:before
 {
     border-right-color:#46be8a;
     border-left-color:transparent}
 
 .ribbon-success.ribbon-bookmark.ribbon-vertical .ribbon-inner:before
 {
     border-right-color:#46be8a;
     border-bottom-color:transparent}
 
 .ribbon-success.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before
 {
     border-right-color:#46be8a;
     border-bottom-color:transparent;
     border-left-color:#46be8a}
 
 .ribbon-success.ribbon-corner .ribbon-inner
 {
     background-color:transparent}
 
 .ribbon-success.ribbon-corner .ribbon-inner:before
 {
     border-top-color:#46be8a;
     border-left-color:#46be8a}
 
 .ribbon-success.ribbon-corner.ribbon-reverse .ribbon-inner:before
 {
     border-right-color:#46be8a;
     border-left-color:transparent}
 
 .ribbon-success.ribbon-corner.ribbon-bottom .ribbon-inner:before
 {
     border-top-color:transparent;
     border-bottom-color:#46be8a}
 
 .ribbon-success .ribbon-inner:after
 {
     border-top-color:#36ab7a;
     border-right-color:#36ab7a}
 
 .ribbon-success.ribbon-reverse .ribbon-inner:after
 {
     border-right-color:transparent;
     border-left-color:#36ab7a}
 
 .ribbon-success.ribbon-bottom .ribbon-inner:after
 {
     border-top-color:transparent;
     border-bottom-color:#36ab7a}
 
 .ribbon-info .ribbon-inner
 {
     background-color:#57c7d4}
 
 .ribbon-info.ribbon-bookmark .ribbon-inner:before
 {
     border-color:#57c7d4;
     border-right-color:transparent}
 
 .ribbon-info.ribbon-bookmark.ribbon-reverse .ribbon-inner:before
 {
     border-right-color:#57c7d4;
     border-left-color:transparent}
 
 .ribbon-info.ribbon-bookmark.ribbon-vertical .ribbon-inner:before
 {
     border-right-color:#57c7d4;
     border-bottom-color:transparent}
 
 .ribbon-info.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before
 {
     border-right-color:#57c7d4;
     border-bottom-color:transparent;
     border-left-color:#57c7d4}
 
 .ribbon-info.ribbon-corner .ribbon-inner
 {
     background-color:transparent}
 
 .ribbon-info.ribbon-corner .ribbon-inner:before
 {
     border-top-color:#57c7d4;
     border-left-color:#57c7d4}
 
 .ribbon-info.ribbon-corner.ribbon-reverse .ribbon-inner:before
 {
     border-right-color:#57c7d4;
     border-left-color:transparent}
 
 .ribbon-info.ribbon-corner.ribbon-bottom .ribbon-inner:before
 {
     border-top-color:transparent;
     border-bottom-color:#57c7d4}
 
 .ribbon-info .ribbon-inner:after
 {
     border-top-color:#47b8c6;
     border-right-color:#47b8c6}
 
 .ribbon-info.ribbon-reverse .ribbon-inner:after
 {
     border-right-color:transparent;
     border-left-color:#47b8c6}
 
 .ribbon-info.ribbon-bottom .ribbon-inner:after
 {
     border-top-color:transparent;
     border-bottom-color:#47b8c6}
 
 .ribbon-warning .ribbon-inner
 {
     background-color:#f2a654}
 
 .ribbon-warning.ribbon-bookmark .ribbon-inner:before
 {
     border-color:#f2a654;
     border-right-color:transparent}
 
 .ribbon-warning.ribbon-bookmark.ribbon-reverse .ribbon-inner:before
 {
     border-right-color:#f2a654;
     border-left-color:transparent}
 
 .ribbon-warning.ribbon-bookmark.ribbon-vertical .ribbon-inner:before
 {
     border-right-color:#f2a654;
     border-bottom-color:transparent}
 
 .ribbon-warning.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before
 {
     border-right-color:#f2a654;
     border-bottom-color:transparent;
     border-left-color:#f2a654}
 
 .ribbon-warning.ribbon-corner .ribbon-inner
 {
     background-color:transparent}
 
 .ribbon-warning.ribbon-corner .ribbon-inner:before
 {
     border-top-color:#f2a654;
     border-left-color:#f2a654}
 
 .ribbon-warning.ribbon-corner.ribbon-reverse .ribbon-inner:before
 {
     border-right-color:#f2a654;
     border-left-color:transparent}
 
 .ribbon-warning.ribbon-corner.ribbon-bottom .ribbon-inner:before
 {
     border-top-color:transparent;
     border-bottom-color:#f2a654}
 
 .ribbon-warning .ribbon-inner:after
 {
     border-top-color:#ec9940;
     border-right-color:#ec9940}
 
 .ribbon-warning.ribbon-reverse .ribbon-inner:after
 {
     border-right-color:transparent;
     border-left-color:#ec9940}
 
 .ribbon-warning.ribbon-bottom .ribbon-inner:after
 {
     border-top-color:transparent;
     border-bottom-color:#ec9940}
 
 .ribbon-danger .ribbon-inner
 {
     background-color:#f96868}
 
 .ribbon-danger.ribbon-bookmark .ribbon-inner:before
 {
     border-color:#f96868;
     border-right-color:transparent}
 
 .ribbon-danger.ribbon-bookmark.ribbon-reverse .ribbon-inner:before
 {
     border-right-color:#f96868;
     border-left-color:transparent}
 
 .ribbon-danger.ribbon-bookmark.ribbon-vertical .ribbon-inner:before
 {
     border-right-color:#f96868;
     border-bottom-color:transparent}
 
 .ribbon-danger.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before
 {
     border-right-color:#f96868;
     border-bottom-color:transparent;
     border-left-color:#f96868}
 
 .ribbon-danger.ribbon-corner .ribbon-inner
 {
     background-color:transparent}
 
 .ribbon-danger.ribbon-corner .ribbon-inner:before
 {
     border-top-color:#f96868;
     border-left-color:#f96868}
 
 .ribbon-danger.ribbon-corner.ribbon-reverse .ribbon-inner:before
 {
     border-right-color:#f96868;
     border-left-color:transparent}
 
 .ribbon-danger.ribbon-corner.ribbon-bottom .ribbon-inner:before
 {
     border-top-color:transparent;
     border-bottom-color:#f96868}
 
 .ribbon-danger .ribbon-inner:after
 {
     border-top-color:#e9595b;
     border-right-color:#e9595b}
 
 .ribbon-danger.ribbon-reverse .ribbon-inner:after
 {
     border-right-color:transparent;
     border-left-color:#e9595b}
 
 .ribbon-danger.ribbon-bottom .ribbon-inner:after
 {
     border-top-color:transparent;
     border-bottom-color:#e9595b}
 
 .dotnav
 {
     padding:0;
     margin:0;
     text-align:center;
     list-style:none}
 
 .dotnav>li
 {
     position:relative;
     display:inline-block;
     width:16px;
     height:16px;
     margin:0 16px;
     vertical-align:top;
     list-style:none}
 
 .dotnav>li>a
 {
     display:inline-block;
     width:100%;
     height:100%;
     overflow:hidden;
     text-indent:100%;
     white-space:nowrap;
     cursor:pointer;
     background-color:rgba(255,255,255,.3);
     border-radius:50%}
 
 .dotnav>li>a:focus
 {
     outline:0}
 
 .dotnav>li.active>a,.dotnav>li:focus>a,.dotnav>li:hover>a
 {
     background-color:#fff}
 
 .dotnav-scaleup>li>a
 {
     -webkit-transition:-webkit-transform .3s ease 0s,background-color .3s ease 0s;
     -o-transition:-o-transform .3s ease 0s,background-color .3s ease 0s;
     transition:transform .3s ease 0s,background-color .3s ease 0s}
 
 .dotnav-scaleup>li.active>a
 {
     -webkit-transform:scale(1.5);
     -ms-transform:scale(1.5);
     -o-transform:scale(1.5);
     transform:scale(1.5)}
 
 .dotnav-stroke>li>a
 {
     border:2px solid transparent;
     -webkit-transition:border .3s ease 0s,background-color .3s ease 0s;
     -o-transition:border .3s ease 0s,background-color .3s ease 0s;
     transition:border .3s ease 0s,background-color .3s ease 0s}
 
 .dotnav-stroke>li.active>a
 {
     background-color:transparent;
     border-color:#fff;
     -webkit-transform:scale(1.3);
     -ms-transform:scale(1.3);
     -o-transform:scale(1.3);
     transform:scale(1.3)}
 
 .dotnav-fillin>li>a
 {
     background-color:transparent;
     -webkit-box-shadow:0 0 0 2px #fff inset;
     box-shadow:0 0 0 2px #fff inset;
     -webkit-transition:-webkit-box-shadow .3s ease 0s;
     -o-transition:box-shadow .3s ease 0s;
     transition:box-shadow .3s ease 0s}
 
 .dotnav-fillin>li:focus>a,.dotnav-fillin>li:hover>a
 {
     background-color:transparent;
     -webkit-box-shadow:0 0 0 2px rgba(255,255,255,.6) inset;
     box-shadow:0 0 0 2px rgba(255,255,255,.6) inset}
 
 .dotnav-fillin>li.active>a
 {
     -webkit-box-shadow:0 0 0 8px #fff inset;
     box-shadow:0 0 0 8px #fff inset}
 
 .dotnav-dotstroke>li>a
 {
     -webkit-box-shadow:0 0 0 8px rgba(255,255,255,.5) inset;
     box-shadow:0 0 0 8px rgba(255,255,255,.5) inset;
     -webkit-transition:-webkit-box-shadow .3s ease 0s;
     -o-transition:box-shadow .3s ease 0s;
     transition:box-shadow .3s ease 0s}
 
 .dotnav-dotstroke>li.active>a
 {
     background-color:rgba(255,255,255,.3);
     -webkit-box-shadow:0 0 0 2px #fff inset;
     box-shadow:0 0 0 2px #fff inset}
 
 .dotnav-fall>li:after
 {
     top:0;
     left:0;
     width:100%;
     height:100%;
     visibility:hidden;
     content:'';
     background-color:rgba(0,0,0,.3);
     border-radius:50%;
     opacity:0;
     position:absolute;
     -webkit-transform:translate(0,-200%);
     -ms-transform:translate(0,-200%);
     -o-transform:translate(0,-200%);
     transform:translate(0,-200%);
     -webkit-transition:-webkit-transform .3s ease 0s,opacity .3s ease 0s,visibility 0s ease .3s;
     -o-transition:-o-transform .3s ease 0s,opacity .3s ease 0s,visibility 0s ease .3s;
     transition:transform .3s ease 0s,opacity .3s ease 0s,visibility 0s ease .3s}
 
 .dotnav-fall>li>a
 {
     -webkit-transition:-webkit-transform .3s ease 0s,opacity .3s ease 0s,background-color .3s ease 0s;
     -o-transition:-o-transform .3s ease 0s,opacity .3s ease 0s,background-color .3s ease 0s;
     transition:transform .3s ease 0s,opacity .3s ease 0s,background-color .3s ease 0s}
 
 .dotnav-fall>li.active:after
 {
     visibility:visible;
     opacity:1;
     -webkit-transform:translate(0,0);
     -ms-transform:translate(0,0);
     -o-transform:translate(0,0);
     transform:translate(0,0);
     -webkit-transition:-webkit-transform .3s ease 0s,opacity .3s ease 0s;
     -o-transition:-o-transform .3s ease 0s,opacity .3s ease 0s;
     transition:transform .3s ease 0s,opacity .3s ease 0s}
 
 .dotnav-fall>li.active>a
 {
     opacity:0;
     -webkit-transform:translate(0,200%);
     -ms-transform:translate(0,200%);
     -o-transform:translate(0,200%);
     transform:translate(0,200%)}
 
 .color-selector
 {
     padding:0;
     margin:0;
     list-style:none}
 
 .color-selector>li
 {
     position:relative;
     display:inline-block;
     width:30px;
     height:30px;
     margin:0 8px 8px 0;
     background-color:#3ba2a3;
     border-radius:100%}
 
 .color-selector>li:hover
 {
     opacity:.8}
 
 .color-selector>li:before
 {
     position:absolute;
     top:0;
     left:0;
     display:inline-block;
     width:inherit;
     height:inherit;
     content:"";
     background:inherit;
     border:1px solid rgba(0,0,0,.1);
     border-radius:inherit}
 
 .color-selector>li input[type=radio]
 {
     position:absolute;
     top:0;
     left:0;
     z-index:1;
     width:inherit;
     height:inherit;
     cursor:pointer;
     border-radius:inherit;
     opacity:0}
 
 .color-selector>li input[type=radio]:disabled
 {
     cursor:not-allowed}
 
 .color-selector>li label
 {
     position:relative;
     font-family:"Web Icons";
     font-style:normal;
     font-weight:400;
     font-variant:normal;
     text-transform:none}
 
 .color-selector>li input[type=radio]:checked+label:after
 {
     position:absolute;
     top:0;
     left:8px;
     display:inline-block;
     margin-top:-2px;
     font-size:16px;
     line-height:1;
     color:#fff;
     content:"\f192"}
 
 .color-selector>li.color-selector-disabled
 {
     background-color:#ccd5db!important}
 
 .color-selector>li.color-selector-disabled input[type=radio]:disabled
 {
     cursor:not-allowed}
 
 .width-50
 {
     width:50px}
 
 .width-100
 {
     width:100px}
 
 .width-150
 {
     width:150px}
 
 .width-200
 {
     width:200px}
 
 .width-250
 {
     width:250px}
 
 .width-300
 {
     width:300px}
 
 .width-350
 {
     width:350px}
 
 .width-400
 {
     width:400px}
 
 .width-450
 {
     width:450px}
 
 .width-500
 {
     width:500px}
 
 .width-full
 {
     width:100%!important}
 
 @media (max-width:767px)
 {
     .width-xs-50
 {
     width:50px}
 
 .width-xs-100
 {
     width:100px}
 
 .width-xs-150
 {
     width:150px}
 
 .width-xs-200
 {
     width:200px}
 
 .width-xs-250
 {
     width:250px}
 
 .width-xs-300
 {
     width:300px}
 
 .width-xs-350
 {
     width:350px}
 
 .width-xs-400
 {
     width:400px}
 
 .width-xs-450
 {
     width:450px}
 
 .width-xs-500
 {
     width:500px}
 
 .width-xs-100pc
 {
     width:100%}
 
 }
 
 @media (min-width:768px) and (max-width:991px)
 {
     .width-sm-50
 {
     width:50px}
 
 .width-sm-100
 {
     width:100px}
 
 .width-sm-150
 {
     width:150px}
 
 .width-sm-200
 {
     width:200px}
 
 .width-sm-250
 {
     width:250px}
 
 .width-sm-300
 {
     width:300px}
 
 .width-sm-350
 {
     width:350px}
 
 .width-sm-400
 {
     width:400px}
 
 .width-sm-450
 {
     width:450px}
 
 .width-sm-500
 {
     width:500px}
 
 .width-sm-100pc
 {
     width:100%}
 
 }
 
 @media (min-width:992px) and (max-width:1199px)
 {
     .width-md-50
 {
     width:50px}
 
 .width-md-100
 {
     width:100px}
 
 .width-md-150
 {
     width:150px}
 
 .width-md-200
 {
     width:200px}
 
 .width-md-250
 {
     width:250px}
 
 .width-md-300
 {
     width:300px}
 
 .width-md-350
 {
     width:350px}
 
 .width-md-400
 {
     width:400px}
 
 .width-md-450
 {
     width:450px}
 
 .width-md-500
 {
     width:500px}
 
 }
 
 @media (min-width:1200px)
 {
     .width-lg-50
 {
     width:50px}
 
 .width-lg-100
 {
     width:100px}
 
 .width-lg-150
 {
     width:150px}
 
 .width-lg-200
 {
     width:200px}
 
 .width-lg-250
 {
     width:250px}
 
 .width-lg-300
 {
     width:300px}
 
 .width-lg-350
 {
     width:350px}
 
 .width-lg-400
 {
     width:400px}
 
 .width-lg-450
 {
     width:450px}
 
 .width-lg-500
 {
     width:500px}
 
 }
 
 .height-50
 {
     height:50px}
 
 .height-100
 {
     height:100px}
 
 .height-120
 {
     height:120px}
 
 .height-150
 {
     height:150px}
 
 .height-200
 {
     height:200px}
 
 .height-250
 {
     height:250px}
 
 .height-300
 {
     height:300px}
 
 .height-350
 {
     height:350px}
 
 .height-400
 {
     height:400px}
 
 .height-450
 {
     height:450px}
 
 .height-500
 {
     height:500px}
 
 .height-full
 {
     height:100%!important}
 
 @media (max-width:767px)
 {
     .height-xs-50
 {
     height:50px}
 
 .height-xs-100
 {
     height:100px}
 
 .height-xs-120
 {
     height:120px}
 
 .height-xs-150
 {
     height:150px}
 
 .height-xs-200
 {
     height:200px}
 
 .height-xs-250
 {
     height:250px}
 
 .height-xs-300
 {
     height:300px}
 
 .height-xs-350
 {
     height:350px}
 
 .height-xs-400
 {
     height:400px}
 
 .height-xs-450
 {
     height:450px}
 
 .height-xs-500
 {
     height:500px}
 
 }
 
 @media (min-width:768px) and (max-width:991px)
 {
     .height-sm-50
 {
     height:50px}
 
 .height-sm-100
 {
     height:100px}
 
 .height-sm-120
 {
     height:120px}
 
 .height-sm-150
 {
     height:150px}
 
 .height-sm-200
 {
     height:200px}
 
 .height-sm-250
 {
     height:250px}
 
 .height-sm-300
 {
     height:300px}
 
 .height-sm-350
 {
     height:350px}
 
 .height-sm-400
 {
     height:400px}
 
 .height-sm-450
 {
     height:450px}
 
 .height-sm-500
 {
     height:500px}
 
 }
 
 @media (min-width:992px) and (max-width:1199px)
 {
     .height-md-50
 {
     height:50px}
 
 .height-md-100
 {
     height:100px}
 
 .height-md-120
 {
     height:120px}
 
 .height-md-150
 {
     height:150px}
 
 .height-md-200
 {
     height:200px}
 
 .height-md-250
 {
     height:250px}
 
 .height-md-300
 {
     height:300px}
 
 .height-md-350
 {
     height:350px}
 
 .height-md-400
 {
     height:400px}
 
 .height-md-450
 {
     height:450px}
 
 .height-md-500
 {
     height:500px}
 
 }
 
 @media (min-width:1200px)
 {
     .height-lg-50
 {
     height:50px}
 
 .height-lg-100
 {
     height:100px}
 
 .height-lg-120
 {
     height:120px}
 
 .height-lg-150
 {
     height:150px}
 
 .height-lg-200
 {
     height:200px}
 
 .height-lg-250
 {
     height:250px}
 
 .height-lg-300
 {
     height:300px}
 
 .height-lg-350
 {
     height:350px}
 
 .height-lg-400
 {
     height:400px}
 
 .height-lg-450
 {
     height:450px}
 
 .height-lg-500
 {
     height:500px}
 
 }
 
 .margin-0
 {
     margin:0!important}
 
 .margin-3
 {
     margin:3px!important}
 
 .margin-5
 {
     margin:5px!important}
 
 .margin-10
 {
     margin:10px!important}
 
 .margin-15
 {
     margin:15px!important}
 
 .margin-20
 {
     margin:20px!important}
 
 .margin-25
 {
     margin:25px!important}
 
 .margin-30
 {
     margin:30px!important}
 
 .margin-35
 {
     margin:35px!important}
 
 .margin-40
 {
     margin:40px!important}
 
 .margin-45
 {
     margin:45px!important}
 
 .margin-50
 {
     margin:50px!important}
 
 .margin-60
 {
     margin:60px!important}
 
 .margin-70
 {
     margin:70px!important}
 
 .margin-80
 {
     margin:80px!important}
 
 .margin-vertical-0
 {
     margin-top:0!important;
     margin-bottom:0!important}
 
 .margin-vertical-3
 {
     margin-top:3px!important;
     margin-bottom:3px!important}
 
 .margin-vertical-5
 {
     margin-top:5px!important;
     margin-bottom:5px!important}
 
 .margin-vertical-10
 {
     margin-top:10px!important;
     margin-bottom:10px!important}
 
 .margin-vertical-15
 {
     margin-top:15px!important;
     margin-bottom:15px!important}
 
 .margin-vertical-20
 {
     margin-top:20px!important;
     margin-bottom:20px!important}
 
 .margin-vertical-25
 {
     margin-top:25px!important;
     margin-bottom:25px!important}
 
 .margin-vertical-30
 {
     margin-top:30px!important;
     margin-bottom:30px!important}
 
 .margin-vertical-35
 {
     margin-top:35px!important;
     margin-bottom:35px!important}
 
 .margin-vertical-40
 {
     margin-top:40px!important;
     margin-bottom:40px!important}
 
 .margin-vertical-45
 {
     margin-top:45px!important;
     margin-bottom:45px!important}
 
 .margin-vertical-50
 {
     margin-top:50px!important;
     margin-bottom:50px!important}
 
 .margin-vertical-60
 {
     margin-top:60px!important;
     margin-bottom:60px!important}
 
 .margin-vertical-70
 {
     margin-top:70px!important;
     margin-bottom:70px!important}
 
 .margin-vertical-80
 {
     margin-top:80px!important;
     margin-bottom:80px!important}
 
 .margin-horizontal-0
 {
     margin-right:0!important;
     margin-left:0!important}
 
 .margin-horizontal-3
 {
     margin-right:3px!important;
     margin-left:3px!important}
 
 .margin-horizontal-5
 {
     margin-right:5px!important;
     margin-left:5px!important}
 
 .margin-horizontal-10
 {
     margin-right:10px!important;
     margin-left:10px!important}
 
 .margin-horizontal-15
 {
     margin-right:15px!important;
     margin-left:15px!important}
 
 .margin-horizontal-20
 {
     margin-right:20px!important;
     margin-left:20px!important}
 
 .margin-horizontal-25
 {
     margin-right:25px!important;
     margin-left:25px!important}
 
 .margin-horizontal-30
 {
     margin-right:30px!important;
     margin-left:30px!important}
 
 .margin-horizontal-35
 {
     margin-right:35px!important;
     margin-left:35px!important}
 
 .margin-horizontal-40
 {
     margin-right:40px!important;
     margin-left:40px!important}
 
 .margin-horizontal-45
 {
     margin-right:45px!important;
     margin-left:45px!important}
 
 .margin-horizontal-50
 {
     margin-right:50px!important;
     margin-left:50px!important}
 
 .margin-horizontal-60
 {
     margin-right:60px!important;
     margin-left:60px!important}
 
 .margin-horizontal-70
 {
     margin-right:70px!important;
     margin-left:70px!important}
 
 .margin-horizontal-80
 {
     margin-right:80px!important;
     margin-left:80px!important}
 
 .margin-top-0
 {
     margin-top:0!important}
 
 .margin-top-3
 {
     margin-top:3px!important}
 
 .margin-top-5
 {
     margin-top:5px!important}
 
 .margin-top-10
 {
     margin-top:10px!important}
 
 .margin-top-15
 {
     margin-top:15px!important}
 
 .margin-top-20
 {
     margin-top:20px!important}
 
 .margin-top-25
 {
     margin-top:25px!important}
 
 .margin-top-30
 {
     margin-top:30px!important}
 
 .margin-top-35
 {
     margin-top:35px!important}
 
 .margin-top-40
 {
     margin-top:40px!important}
 
 .margin-top-45
 {
     margin-top:45px!important}
 
 .margin-top-50
 {
     margin-top:50px!important}
 
 .margin-top-60
 {
     margin-top:60px!important}
 
 .margin-top-70
 {
     margin-top:70px!important}
 
 .margin-top-80
 {
     margin-top:80px!important}
 
 .margin-bottom-0
 {
     margin-bottom:0!important}
 
 .margin-bottom-3
 {
     margin-bottom:3px!important}
 
 .margin-bottom-5
 {
     margin-bottom:5px!important}
 
 .margin-bottom-10
 {
     margin-bottom:10px!important}
 
 .margin-bottom-15
 {
     margin-bottom:15px!important}
 
 .margin-bottom-20
 {
     margin-bottom:20px!important}
 
 .margin-bottom-25
 {
     margin-bottom:25px!important}
 
 .margin-bottom-30
 {
     margin-bottom:30px!important}
 
 .margin-bottom-35
 {
     margin-bottom:35px!important}
 
 .margin-bottom-40
 {
     margin-bottom:40px!important}
 
 .margin-bottom-45
 {
     margin-bottom:45px!important}
 
 .margin-bottom-50
 {
     margin-bottom:50px!important}
 
 .margin-bottom-60
 {
     margin-bottom:60px!important}
 
 .margin-bottom-70
 {
     margin-bottom:70px!important}
 
 .margin-bottom-80
 {
     margin-bottom:80px!important}
 
 .margin-left-0
 {
     margin-left:0!important}
 
 .margin-left-3
 {
     margin-left:3px!important}
 
 .margin-left-5
 {
     margin-left:5px!important}
 
 .margin-left-10
 {
     margin-left:10px!important}
 
 .margin-left-15
 {
     margin-left:15px!important}
 
 .margin-left-20
 {
     margin-left:20px!important}
 
 .margin-left-25
 {
     margin-left:25px!important}
 
 .margin-left-30
 {
     margin-left:30px!important}
 
 .margin-left-35
 {
     margin-left:35px!important}
 
 .margin-left-40
 {
     margin-left:40px!important}
 
 .margin-left-45
 {
     margin-left:45px!important}
 
 .margin-left-50
 {
     margin-left:50px!important}
 
 .margin-left-60
 {
     margin-left:60px!important}
 
 .margin-left-70
 {
     margin-left:70px!important}
 
 .margin-left-80
 {
     margin-left:80px!important}
 
 .margin-right-0
 {
     margin-right:0!important}
 
 .margin-right-3
 {
     margin-right:3px!important}
 
 .margin-right-5
 {
     margin-right:5px!important}
 
 .margin-right-10
 {
     margin-right:10px!important}
 
 .margin-right-15
 {
     margin-right:15px!important}
 
 .margin-right-20
 {
     margin-right:20px!important}
 
 .margin-right-25
 {
     margin-right:25px!important}
 
 .margin-right-30
 {
     margin-right:30px!important}
 
 .margin-right-35
 {
     margin-right:35px!important}
 
 .margin-right-40
 {
     margin-right:40px!important}
 
 .margin-right-45
 {
     margin-right:45px!important}
 
 .margin-right-50
 {
     margin-right:50px!important}
 
 .margin-right-60
 {
     margin-right:60px!important}
 
 .margin-right-70
 {
     margin-right:70px!important}
 
 .margin-right-80
 {
     margin-right:80px!important}
 
 @media (max-width:767px)
 {
     .margin-xs-0
 {
     margin:0!important}
 
 }
 
 @media (min-width:768px)
 {
     .margin-sm-0
 {
     margin:0!important}
 
 }
 
 @media (min-width:992px)
 {
     .margin-md-0
 {
     margin:0!important}
 
 }
 
 @media (min-width:1200px)
 {
     .margin-lg-0
 {
     margin:0!important}
 
 }
 
 .padding-0
 {
     padding:0!important}
 
 .padding-3
 {
     padding:3px!important}
 
 .padding-5
 {
     padding:5px!important}
 
 .padding-10
 {
     padding:10px!important}
 
 .padding-15
 {
     padding:15px!important}
 
 .padding-20
 {
     padding:20px!important}
 
 .padding-25
 {
     padding:25px!important}
 
 .padding-30
 {
     padding:30px!important}
 
 .padding-35
 {
     padding:35px!important}
 
 .padding-40
 {
     padding:40px!important}
 
 .padding-45
 {
     padding:45px!important}
 
 .padding-50
 {
     padding:50px!important}
 
 .padding-60
 {
     padding:60px!important}
 
 .padding-70
 {
     padding:70px!important}
 
 .padding-80
 {
     padding:80px!important}
 
 .padding-vertical-0
 {
     padding-top:0!important;
     padding-bottom:0!important}
 
 .padding-vertical-3
 {
     padding-top:3px!important;
     padding-bottom:3px!important}
 
 .padding-vertical-5
 {
     padding-top:5px!important;
     padding-bottom:5px!important}
 
 .padding-vertical-10
 {
     padding-top:10px!important;
     padding-bottom:10px!important}
 
 .padding-vertical-15
 {
     padding-top:15px!important;
     padding-bottom:15px!important}
 
 .padding-vertical-20
 {
     padding-top:20px!important;
     padding-bottom:20px!important}
 
 .padding-vertical-25
 {
     padding-top:25px!important;
     padding-bottom:25px!important}
 
 .padding-vertical-30
 {
     padding-top:30px!important;
     padding-bottom:30px!important}
 
 .padding-vertical-35
 {
     padding-top:35px!important;
     padding-bottom:35px!important}
 
 .padding-vertical-40
 {
     padding-top:40px!important;
     padding-bottom:40px!important}
 
 .padding-vertical-45
 {
     padding-top:45px!important;
     padding-bottom:45px!important}
 
 .padding-vertical-50
 {
     padding-top:50px!important;
     padding-bottom:50px!important}
 
 .padding-vertical-60
 {
     padding-top:60px!important;
     padding-bottom:60px!important}
 
 .padding-vertical-70
 {
     padding-top:70px!important;
     padding-bottom:70px!important}
 
 .padding-vertical-80
 {
     padding-top:80px!important;
     padding-bottom:80px!important}
 
 .padding-horizontal-0
 {
     padding-right:0!important;
     padding-left:0!important}
 
 .padding-horizontal-3
 {
     padding-right:3px!important;
     padding-left:3px!important}
 
 .padding-horizontal-5
 {
     padding-right:5px!important;
     padding-left:5px!important}
 
 .padding-horizontal-10
 {
     padding-right:10px!important;
     padding-left:10px!important}
 
 .padding-horizontal-15
 {
     padding-right:15px!important;
     padding-left:15px!important}
 
 .padding-horizontal-20
 {
     padding-right:20px!important;
     padding-left:20px!important}
 
 .padding-horizontal-25
 {
     padding-right:25px!important;
     padding-left:25px!important}
 
 .padding-horizontal-30
 {
     padding-right:30px!important;
     padding-left:30px!important}
 
 .padding-horizontal-35
 {
     padding-right:35px!important;
     padding-left:35px!important}
 
 .padding-horizontal-40
 {
     padding-right:40px!important;
     padding-left:40px!important}
 
 .padding-horizontal-45
 {
     padding-right:45px!important;
     padding-left:45px!important}
 
 .padding-horizontal-50
 {
     padding-right:50px!important;
     padding-left:50px!important}
 
 .padding-horizontal-60
 {
     padding-right:60px!important;
     padding-left:60px!important}
 
 .padding-horizontal-70
 {
     padding-right:70px!important;
     padding-left:70px!important}
 
 .padding-horizontal-80
 {
     padding-right:80px!important;
     padding-left:80px!important}
 
 .padding-top-0
 {
     padding-top:0!important}
 
 .padding-top-3
 {
     padding-top:3px!important}
 
 .padding-top-5
 {
     padding-top:5px!important}
 
 .padding-top-10
 {
     padding-top:10px!important}
 
 .padding-top-15
 {
     padding-top:15px!important}
 
 .padding-top-20
 {
     padding-top:20px!important}
 
 .padding-top-25
 {
     padding-top:25px!important}
 
 .padding-top-30
 {
     padding-top:30px!important}
 
 .padding-top-35
 {
     padding-top:35px!important}
 
 .padding-top-40
 {
     padding-top:40px!important}
 
 .padding-top-45
 {
     padding-top:45px!important}
 
 .padding-top-50
 {
     padding-top:50px!important}
 
 .padding-top-60
 {
     padding-top:60px!important}
 
 .padding-top-70
 {
     padding-top:70px!important}
 
 .padding-top-80
 {
     padding-top:80px!important}

     .padding-top-90
     {
         padding-top:90px!important}
 
 .padding-bottom-0
 {
     padding-bottom:0!important}
 
 .padding-bottom-3
 {
     padding-bottom:3px!important}
 
 .padding-bottom-5
 {
     padding-bottom:5px!important}
 
 .padding-bottom-10
 {
     padding-bottom:10px!important}
 
 .padding-bottom-15
 {
     padding-bottom:15px!important}
 
 .padding-bottom-20
 {
     padding-bottom:20px!important}
 
 .padding-bottom-25
 {
     padding-bottom:25px!important}
 
 .padding-bottom-30
 {
     padding-bottom:30px!important}
 
 .padding-bottom-35
 {
     padding-bottom:35px!important}
 
 .padding-bottom-40
 {
     padding-bottom:40px!important}
 
 .padding-bottom-45
 {
     padding-bottom:45px!important}
 
 .padding-bottom-50
 {
     padding-bottom:50px!important}
 
 .padding-bottom-60
 {
     padding-bottom:60px!important}
 
 .padding-bottom-70
 {
     padding-bottom:70px!important}
 
 .padding-bottom-80
 {
     padding-bottom:80px!important}
 
 .padding-left-0
 {
     padding-left:0!important}
 
 .padding-left-3
 {
     padding-left:3px!important}
 
 .padding-left-5
 {
     padding-left:5px!important}
 
 .padding-left-10
 {
     padding-left:10px!important}
 
 .padding-left-15
 {
     padding-left:15px!important}
 
 .padding-left-20
 {
     padding-left:20px!important}
 
 .padding-left-25
 {
     padding-left:25px!important}
 
 .padding-left-30
 {
     padding-left:30px!important}
 
 .padding-left-35
 {
     padding-left:35px!important}
 
 .padding-left-40
 {
     padding-left:40px!important}
 
 .padding-left-45
 {
     padding-left:45px!important}
 
 .padding-left-50
 {
     padding-left:50px!important}
 
 .padding-left-60
 {
     padding-left:60px!important}
 
 .padding-left-70
 {
     padding-left:70px!important}
 
 .padding-left-80
 {
     padding-left:80px!important}
 
 .padding-right-0
 {
     padding-right:0!important}
 
 .padding-right-3
 {
     padding-right:3px!important}
 
 .padding-right-5
 {
     padding-right:5px!important}
 
 .padding-right-10
 {
     padding-right:10px!important}
 
 .padding-right-15
 {
     padding-right:15px!important}
 
 .padding-right-20
 {
     padding-right:20px!important}
 
 .padding-right-25
 {
     padding-right:25px!important}
 
 .padding-right-30
 {
     padding-right:30px!important}
 
 .padding-right-35
 {
     padding-right:35px!important}
 
 .padding-right-40
 {
     padding-right:40px!important}
 
 .padding-right-45
 {
     padding-right:45px!important}
 
 .padding-right-50
 {
     padding-right:50px!important}
 
 .padding-right-60
 {
     padding-right:60px!important}
 
 .padding-right-70
 {
     padding-right:70px!important}
 
 .padding-right-80
 {
     padding-right:80px!important}
 
 @media (max-width:767px)
 {
     .padding-xs-0
 {
     padding:0!important}
 
 }
 
 @media (min-width:768px)
 {
     .padding-sm-0
 {
     padding:0!important}
 
 }
 
 @media (min-width:992px)
 {
     .padding-md-0
 {
     padding:0!important}
 
 }
 
 @media (min-width:1200px)
 {
     .padding-lg-0
 {
     padding:0!important}
 
 }
 
 .example-wrap
 {
     margin-bottom:80px}
 
 .example-wrap .example-wrap
 {
     margin-bottom:0}
 
 .example
 {
     margin-top:20px;
     margin-bottom:20px}
 
 .example:after,.example:before
 {
     content:" ";
     display:table}
 
 .example:after
 {
     clear:both}
 
 .example-title
 {
     text-transform:uppercase}
 
 .example-title,h4.example-title
 {
     font-size:14px}
 
 .panel-body>.example-wrap:last-child
 {
     margin-bottom:0}
 
 .panel-body>.row:last-child>[class*=col-]:last-child .example-wrap:last-child
 {
     margin-bottom:0}
 
 .example-well
 {
     position:relative;
     margin-bottom:30px;
     background-color:#f3f7f9}
 
 .example-well .center
 {
     position:absolute;
     display:inline-block;
     top:50%;
     left:50%;
     max-width:100%;
     max-height:100%;
     -ms-transform:translate(-50%,-50%);
     -webkit-transform:translate(-50%,-50%);
     -o-transform:translate(-50%,-50%);
     transform:translate(-50%,-50%)}
 
 .example-dropdown .dropdown:after,.example-dropdown .dropdown:before,.example-dropdown .dropup:after,.example-dropdown .dropup:before
 {
     content:" ";
     display:table}
 
 .example-dropdown .dropdown:after,.example-dropdown .dropup:after
 {
     clear:both}
 
 .example-dropdown .dropdown>.dropdown-toggle,.example-dropdown .dropup>.dropdown-toggle
 {
     float:left}
 
 .example-dropdown .dropdown>.dropdown-menu,.example-dropdown .dropup>.dropdown-menu
 {
     position:static;
     display:block;
     clear:left}
 
 .example-dropdown .dropdown>.dropdown-menu-right,.example-dropdown .dropup>.dropdown-menu-right
 {
     float:right;
     clear:right}
 
 .example-tooltip
 {
     position:relative;
     display:inline-block;
     z-index:1}
 
 .example-tooltip .tooltip
 {
     position:relative;
     margin-right:25px;
     opacity:1}
 
 .example-blocks .example-col,.example-grid .example-col
 {
     min-height:0;
     padding:10px 15px 12px;
     background-color:#f3f7f9;
     border-radius:0}
 
 .example-grid .example-col
 {
     margin-bottom:20px}
 
 .example-grid .example-col .example-col
 {
     margin-top:20px;
     margin-bottom:0;
     background-color:#e2ecf1}
 
 .example-popover
 {
     position:relative;
     display:inline-block;
     z-index:1}
 
 .example-popover .popover
 {
     position:relative;
     display:block;
     margin-right:25px}
 
 .example-buttons .btn,.example-buttons .btn-group,.example-buttons .btn-group-vertical
 {
     margin-right:15px;
     margin-bottom:20px}
 
 .example-buttons .btn-group .btn,.example-buttons .btn-group-vertical .btn
 {
     margin-right:0;
     margin-bottom:0}
 
 .example-box
 {
     position:relative;
     margin-left:0;
     margin-right:0;
     padding:45px 15px 15px;
     border:1px solid #e4eaec}
 
 .example-box:after
 {
     position:absolute;
     top:15px;
     left:15px;
     content:"Example";
     color:#959595;
     font-size:12px;
     letter-spacing:1px;
     text-transform:uppercase}
 
 .example-avatars .avatar
 {
     margin-right:20px;
     margin-bottom:20px}
 
 .example-avatars .avatar:last-child
 {
     margin-right:20px}
 
 .example-typography
 {
     position:relative;
     padding-left:25%}
 
 .example-typography .heading-note,.example-typography .text-note
 {
     position:absolute;
     bottom:2px;
     left:0;
     display:block;
     width:260px;
     font-size:13px;
     font-weight:300;
     line-height:13px;
     color:#aab2bd}
 
 .example-typography .text-note
 {
     top:10px;
     bottom:auto}
 
 .example-responsive
 {
     overflow-x:auto;
     min-height:.01%}
 
 @media screen and (max-width:767px)
 {
     .example-responsive
 {
     width:100%;
     overflow-y:hidden;
     -ms-overflow-style:-ms-autohiding-scrollbar}
 
 }