/* Style */
/*-----------------------------------*/

@font-face {
    font-family: 'ThemeFuse';
    src:url("../fonts/ThemeFuse.eot-yne95k");
    src:url("../fonts/ThemeFuse.svg-yne95k#ThemeFuse") format('svg'),
    url("../fonts/ThemeFuse.eot-#iefixyne95k") format('embedded-opentype'),
    url("../fonts/ThemeFuse.woff-yne95k") format('woff'),
    url("../fonts/ThemeFuse.ttf-yne95k") format('truetype');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'ThemeFuse';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 1px;
}

.icon-facebook:before {content: "\e600";}
.icon-register:before {content: "\e601";}
.icon-login:before {content: "\e602";}
.icon-cards:before {content: "\e603";}
.icon-browsing:before {content: "\e604";}
.icon-notebook:before {content: "\e605";}
.icon-sheets:before {content: "\e606";}
.icon-light:before {content: "\e607";}
.icon-chevron-right:before {content: "\e608";}
.icon-chevron-left:before {content: "\e609";}
.icon-close:before {content: "\e60a";}
.icon-approving:before {content: "\e60b";}
.icon-accept:before {content: "\e60c";}
.icon-decline:before {content: "\e60d";}
.icon-question:before {content: "\e60e";}
.icon-plus:before {content: "\e60f";}
.icon-search:before {content: "\e610";}
.icon-vimeo:before {content: "\e611";}
.icon-deviantart:before {content: "\e612";}
.icon-dribble:before {content: "\e613";}
.icon-twitter:before {content: "\e614";}
.icon-chevron-right-thin:before {content: "\e616";}
.icon-chevron-left-thin:before {content: "\e617";}
.icon-friends:before {content: "\e618";}
.icon-rss:before {content: "\e619";}
.icon-coding:before {content: "\e61a";}
.icon-folders:before {content: "\e61b";}
.icon-comment:before {content: "\e61c";}
.icon-box:before {content: "\e61d";}
.icon-cart:before {content: "\e61e";}
.icon-trashcan:before {content: "\e61f";}
.icon-location:before {content: "\e620";}
.icon-twitter2:before {content: "\e621";}
.icon-redo:before {content: "\e622";}
.icon-network:before {content: "\e623";}
.icon-skype:before {content: "\e624";}
.icon-facebook2:before {content: "\e625";}
.icon-chat:before {content: "\e626";}
.icon-arrow-right:before {content: "\e627";}
.icon-arrow-left:before {content: "\e628";}
.icon-arrow-down:before {content: "\e629";}
.icon-arrow-up:before {content: "\e62a";}
.icon-arrow-up2:before {content: "\e62b";}
.icon-gift:before {content: "\e62c";}
.icon-case:before {content: "\e62d";}
.icon-open-album:before {content: "\e62e";}
.icon-truck:before {content: "\e62f";}
.icon-camera:before {content: "\e630";}
.icon-drawer:before {content: "\e631";}
.icon-matrix:before {content: "\e632";}
.icon-wallet:before {content: "\e633";}
.icon-earth:before {content: "\e634";}
.icon-female:before {content: "\e635";}
.icon-gift2:before {content: "\e636";}
.icon-sheets2:before {content: "\e637";}
.icon-help:before {content: "\e638";}
.icon-cart2:before {content: "\e639";}
.icon-add-contact:before {content: "\e63a";}
.icon-sheets3:before {content: "\e63b";}
.icon-calendar:before {content: "\e63c";}
.icon-speedometer:before {content: "\e63d";}
.icon-email:before {content: "\e63e";}
.icon-chevron-down:before {content: "\e63f";}
.icon-chevron-up:before {content: "\e640";}
.icon-chevron-down-thin:before {content: "\e641";}
.icon-chevron-up-thin:before {content: "\e642";}
.icon-dots:before {content: "\e643";}
.icon-lens:before {content: "\e644";}
.icon-quote-begin:before {content: "\e645";}
.icon-quote-end:before {content: "\e646";}
.icon-envelope:before {content: "\e647";}
.icon-roll:before {content: "\e648";}
.icon-network2:before {content: "\e649";}
.icon-mail:before {content: "\e64a";}
.icon-close-thin:before {content: "\e64b";}
.icon-spinner:before {content: "\e64c";}
.icon-spinner2:before {content: "\e64d";}
.icon-spinner3:before {content: "\e64e";}
.icon-spinner4:before {content: "\e64f";}
.icon-spinner5:before {content: "\e650";}
.icon-facebook3:before {content: "\e651";}
.icon-facebook4:before {content: "\e615";}
.icon-subscribe:before {content: "\e652";}
.icon-support-1:before {content: "\e653";}
.icon-support-2:before {content: "\e654";}
.icon-info:before {content: "\e655";}
.icon-access-denied:before {content: "\e656";}
.icon-error:before {content: "\e657";}
.icon-hat:before {content: "\e658";}
.icon-commerce:before {content: "\e659";}
.icon-ball:before {content: "\e65a";}
.icon-home:before {content: "\e65b";}
.icon-heart:before {content: "\e65c";}
.icon-chicken:before {content: "\e65d";}
.icon-church:before {content: "\e65e";}
.icon-friends2:before {content: "\e65f";}
.icon-bookmark:before {content: "\e660";}
.icon-non-profit:before {content: "\e661";}
.icon-hat2:before {content: "\e662";}
.icon-tools:before {content: "\e663";}
.icon-smartphone:before {content: "\e664";}
.icon-plug:before {content: "\e665";}
.icon-network3:before {content: "\e666";}
.icon-exchange:before {content: "\e667";}
.icon-clip:before {content: "\e668";}
.icon-gear:before {content: "\e669";}
.icon-male:before {content: "\e66a";}
.icon-post:before {content: "\e66b";}
.icon-compass:before {content: "\e66c";}
.icon-download:before {content: "\e66d";}
.icon-book:before {content: "\e66e";}
.icon-headphones:before {content: "\e66f";}
.icon-euro:before {content: "\e670";}
.icon-info2:before {content: "\e671";}
.icon-bell:before {content: "\e672";}
.icon-alert:before {content: "\e673";}
.icon-thumbs-up:before {content: "\e674";}
.icon-thumbs-down:before {content: "\e675";}
.icon-desktop:before {content: "\e676";}
.icon-ipad-landscape:before {content: "\e677";}
.icon-iphone:before {content: "\e678";}
.icon-ipad:before {content: "\e679";}
.icon-iphone-landscape:before {content: "\e67a";}
.icon-arrow-up3:before {content: "\e67b";}

/*Loading Spinner*/
.spinner {
    width: 32px;
    height:32px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    margin-top: -16px;
    margin-left: -16px;
}
.spinner .wBall {
    position: absolute;
    width: 30px;
    height: 30px;
    opacity: 0;
    -moz-transform: rotate(225deg);
    -moz-animation: orbit 4.4s infinite;
    -webkit-transform: rotate(225deg);
    -webkit-animation: orbit 4.4s infinite;
    -ms-transform: rotate(225deg);
    -ms-animation: orbit 4.4s infinite;
    -o-transform: rotate(225deg);
    -o-animation: orbit 4.4s infinite;
    transform: rotate(225deg);
    animation: orbit 4.4s infinite;
}
.spinner .wBall .wInnerBall{
    position: absolute;
    width: 4px;
    height: 4px;
    background: #b6bcbf;
    left:0px;
    top:0px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.spinner #wBall_1 {
    -moz-animation-delay: 0.96s;
    -webkit-animation-delay: 0.96s;
    -ms-animation-delay: 0.96s;
    -o-animation-delay: 0.96s;
    animation-delay: 0.96s;
}
.spinner #wBall_2 {
    -moz-animation-delay: 0.19s;
    -webkit-animation-delay: 0.19s;
    -ms-animation-delay: 0.19s;
    -o-animation-delay: 0.19s;
    animation-delay: 0.19s;
}
.spinner #wBall_3 {
    -moz-animation-delay: 0.38s;
    -webkit-animation-delay: 0.38s;
    -ms-animation-delay: 0.38s;
    -o-animation-delay: 0.38s;
    animation-delay: 0.38s;
}
.spinner #wBall_4 {
    -moz-animation-delay: 0.58s;
    -webkit-animation-delay: 0.58s;
    -ms-animation-delay: 0.58s;
    -o-animation-delay: 0.58s;
    animation-delay: 0.58s;
}
.spinner #wBall_5 {
    -moz-animation-delay: 0.77s;
    -webkit-animation-delay: 0.77s;
    -ms-animation-delay: 0.77s;
    -o-animation-delay: 0.77s;
    animation-delay: 0.77s;
}

@-moz-keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        -moz-transform: rotate(180deg);
        -moz-animation-timing-function: ease-out;
    }
    7% {
        opacity: 1;
        -moz-transform: rotate(300deg);
        -moz-animation-timing-function: linear;
        -moz-origin:0%;
    }
    30% {
        opacity: 1;
        -moz-transform:rotate(410deg);
        -moz-animation-timing-function: ease-in-out;
        -moz-origin:7%;
    }
    39% {
        opacity: 1;
        -moz-transform: rotate(645deg);
        -moz-animation-timing-function: linear;
        -moz-origin:30%;
    }
    70% {
        opacity: 1;
        -moz-transform: rotate(770deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin:39%;
    }
    75% {
        opacity: 1;
        -moz-transform: rotate(900deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin:70%;
    }
    76% {
        opacity: 0;
        -moz-transform:rotate(900deg);
    }
    100% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }
}

@-webkit-keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        -webkit-transform: rotate(180deg);
        -webkit-animation-timing-function: ease-out;
    }
    7% {
        opacity: 1;
        -webkit-transform: rotate(300deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin:0%;
    }
    30% {
        opacity: 1;
        -webkit-transform:rotate(410deg);
        -webkit-animation-timing-function: ease-in-out;
        -webkit-origin:7%;
    }
    39% {
        opacity: 1;
        -webkit-transform: rotate(645deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin:30%;
    }
    70% {
        opacity: 1;
        -webkit-transform: rotate(770deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin:39%;
    }
    75% {
        opacity: 1;
        -webkit-transform: rotate(900deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin:70%;
    }
    76% {
        opacity: 0;
        -webkit-transform:rotate(900deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }
}

@-ms-keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        -ms-transform: rotate(180deg);
        -ms-animation-timing-function: ease-out;
    }
    7% {
        opacity: 1;
        -ms-transform: rotate(300deg);
        -ms-animation-timing-function: linear;
        -ms-origin:0%;
    }
    30% {
        opacity: 1;
        -ms-transform:rotate(410deg);
        -ms-animation-timing-function: ease-in-out;
        -ms-origin:7%;
    }
    39% {
        opacity: 1;
        -ms-transform: rotate(645deg);
        -ms-animation-timing-function: linear;
        -ms-origin:30%;
    }
    70% {
        opacity: 1;
        -ms-transform: rotate(770deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin:39%;
    }
    75% {
        opacity: 1;
        -ms-transform: rotate(900deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin:70%;
    }
    76% {
        opacity: 0;
        -ms-transform:rotate(900deg);
    }
    100% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }
}

@-o-keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        -o-transform: rotate(180deg);
        -o-animation-timing-function: ease-out;
    }
    7% {
        opacity: 1;
        -o-transform: rotate(300deg);
        -o-animation-timing-function: linear;
        -o-origin:0%;
    }
    30% {
        opacity: 1;
        -o-transform:rotate(410deg);
        -o-animation-timing-function: ease-in-out;
        -o-origin:7%;
    }
    39% {
        opacity: 1;
        -o-transform: rotate(645deg);
        -o-animation-timing-function: linear;
        -o-origin:30%;
    }
    70% {
        opacity: 1;
        -o-transform: rotate(770deg);
        -o-animation-timing-function: ease-out;
        -o-origin:39%;
    }
    75% {
        opacity: 1;
        -o-transform: rotate(900deg);
        -o-animation-timing-function: ease-out;
        -o-origin:70%;
    }
    76% {
        opacity: 0;
        -o-transform:rotate(900deg);
    }
    100% {
        opacity: 0;
        -o-transform: rotate(900deg);
    }
}

@keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        transform: rotate(180deg);
        animation-timing-function: ease-out;
    }
    7% {
        opacity: 1;
        transform: rotate(300deg);
        animation-timing-function: linear;
        origin:0%;
    }
    30% {
        opacity: 1;
        transform:rotate(410deg);
        animation-timing-function: ease-in-out;
        origin:7%;
    }
    39% {
        opacity: 1;
        transform: rotate(645deg);
        animation-timing-function: linear;
        origin:30%;
    }
    70% {
        opacity: 1;
        transform: rotate(770deg);
        animation-timing-function: ease-out;
        origin:39%;
    }
    75% {
        opacity: 1;
        transform: rotate(900deg);
        animation-timing-function: ease-out;
        origin:70%;
    }
    76% {
        opacity: 0;
        transform:rotate(900deg);
    }
    100% {
        opacity: 0;
        transform: rotate(900deg);
    }
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: subpixel-antialiased;}

/*.site-main {overflow: hidden;}*/
.site {position: relative;}

body {
    font-family: "proxima-nova", sans-serif;
    font-size: 15px;
    color: #595959;
    background-color: #fff;
    position: relative;
    overflow-x: hidden;
}
.ie7 body {background: none; filter:none; font-size:20px; color: #333; text-align: center; padding-top: 200px;}
.ie7 .site {display: none;}

::-moz-selection {
    background: #23484E;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #23484E;
    color: #fff;
    text-shadow: none;
}
a, a span {
    color: #1f1f1f;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -ms-transition: color 0.2s ease;
    transition: color 0.2s ease;
}
a:hover, a:focus {color: #ff7105; text-decoration: none; outline: none;}
a:active {background-color: transparent;}

.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {background-color: transparent; outline: none;}
.btn.active, .btn:active {-webkit-box-shadow: none; box-shadow: none;}
.btn:focus, .btn:active:focus, .btn.active:focus {outline: none;}

.btn {
    position: relative;
    display: inline-block;
    padding: 0;
    border: none;
    background: none;
}
.btn-full {display: block; width: 100%;}
.btn:active, .btn.active {top: 2px;}

.btn span,
.btn input {
    display:block;
    width: 100%;
    padding: 0 50px;
    height: 52px;
    line-height: 48px;
    outline: none;
    font-family: "brandon-grotesque", sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    border: 2px solid #00b295;
    border-radius: 3px;
    background-color: #00b295;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
.btn-small span,
.btn-small input {
    padding: 0 24px;
    height: 41px;
    line-height: 39px;
    font-size: 13px;
}
.btn-full span,
.btn-full input {
    padding: 0 5px;
}
.btn.btn-transparent span,
.btn.btn-transparent input {
    color: #00b295;
}
.btn:hover span,
.btn:hover input,
.btn:active span,
.btn:active input,
.btn.hover span,
.btn.hover input,
.btn.active span,
.btn.active input{
    background-color: #008c75;
    border-color: #008c75;
    /*opacity: 0.8;*/
    color: #fff;
}
.btn-orange span,
.btn-orange input {
    background-color: #ff7105;
    border-color: #ff7105;
}
.btn-orange.btn-transparent span,
.btn-orange.btn-transparent input {
    color: #ff7105;
}
.btn-orange:hover span,
.btn-orange:hover input,
.btn-orange:active span,
.btn-orange:active input,
.btn-orange.hover span,
.btn-orange.hover input,
.btn-orange.active span,
.btn-orange.active input {
    background-color: #f25d00;
    border-color: #f25d00;
    color: #fff;
}
.btn em {
    display: inline-block;
    line-height: 1.2;
    font-style: normal;
    color: #004035;
    padding-left: 9px;
    margin-left: 9px;
    border-left: 1px solid #068a73;
    border-left: 1px solid rgba(7,85,71,0.4);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
.btn-orange em {
    color: #5e1f00;
    border-left-color: #d15a03;
    border-left-color: rgba(140,56,0,0.4);
}
.btn strong {
    display: inline-block;
    font-size: 22px;
    line-height: 22px;
    font-weight: 400;
}

/* Form Elements */
/*-----------------------------------*/

input,
textarea,
input[type="submit"]:focus,
button:focus {
    outline: none;
}
select.select-styled {visibility: hidden;}

label, input, button, select, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    vertical-align: top;
    margin: 0;
    font-size: inherit;
    line-height: normal;
}

/* cuSel */
/*-----------------------------------*/

.cusel,
#cuselBox .cusel-scroll-wrap,
#cuselBox .jScrollPaneContainer,
#cuselBox .cusel-scroll-pane {
    width: 100% !important;
}
.cusel {
    display: inline-block;
    position: relative;
    z-index: 2;
    outline: none;
    padding-top: 3px;
    margin-top: -3px;
}
.cuselOpen {z-index: 999;}

.cuselText label::selection {background-color: transparent;}

/* Right Arrow */
.cuselFrameRight {
    position: absolute;
    top: 3px;
    right: 0;
    bottom: 0;
    width: 58px;
    cursor: pointer;
    text-align: center;
    line-height: 50px;
}
.cuselFrameRight:before {
    content: '\e63f';
    font-family: 'ThemeFuse';
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    font-size: 8px;
    color: #999fa2;
}
.cuselOpen .cuselFrameRight:before {content: '\e640';}

/* Selected Item */
.cuselText {cursor: pointer;} /* Needed for iPad */
.cuselText i {display: none !important;}

.cuselText label {
    width: 100%;
    height: 50px;
    line-height: 52px;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: uppercase;
    text-align: left;
    padding: 0 50px 0 22px;
    background-color: #303d47;
}
.cuselOpen .cuselText label {color: #06dcaf; background-color: #09131a;}
.cuselText em {display: none;}

/* Select List */
#cuselBox {
    position: fixed;
    z-index: 100000;
    background: #09131a;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    padding: 5px 0;
    text-align: left;
    top: 50px !important;
}
#cuselBox .jScrollPaneContainer {
    position: relative;
    overflow: hidden;
}
#cuselBox .cusel-scroll-pane {padding-right: 0 !important;}

#cuselBox span {
    display: block;
    position: relative;
    cursor: pointer;    /* Needed for iPad */
    padding: 0 16px;
}
#cuselBox span label {
    display: block;
    cursor: pointer;
    padding: 19px 20px 19px 6px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    line-height: 15px;
    border-top: 1px solid #3c4348;
    border-bottom: 1px solid #0e1214;
    -webkit-touch-callout: none;
}
#cuselBox span label em {font-style: normal; color: #a6a6a6; text-transform: none;}

#cuselBox span:first-child label {border-top: none;}
#cuselBox span:last-child label {border-bottom: none;}

#cuselBox span:hover label,
#cuselBox span.cuselOptHover label,
#cuselBox span.cuselActive label,
#cuselBox span:hover label em,
#cuselBox span.cuselOptHover label em,
#cuselBox span.cuselActive label em {
    color: #06dcaf;
}

/*Colors*/
#cuselBox span i {
    position: absolute;
    top: 17px;
    right: 16px;
    z-index: -1;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    background-color: #fff;
}

/* Scrolling */
#cuselBox .jScrollPaneTrack {
    width: 6px !important;
    position: absolute;
    top: 0;
    right: 5px;
    bottom: 0;

}
#cuselBox .jScrollPaneDrag {
    position: absolute;
    cursor: pointer;
    width: 100% !important;
    background: #000;
    border-radius: 3px;
}

/* The Core Demo List Panel */
.demo-panel-select .demo-list-button-wrap {
    margin: 0 1px 0 0;
    float: left;
    position: relative;
}
.demo-panel-select .demo-list-button-wrap {
    height: 50px;
}
.demo-panel-select .demo-list-button-wrap .demo-list-button {
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    font-size: 13px;
    font-weight: 600;
    line-height: 53px;
    display: block;
    width: 260px;
    height: 100%;
    background-color: #303d47;
    padding: 0 46px 0 30px;
    border: none;
}
.demo-panel-select .demo-list-button-wrap .demo-list-button.demo-button-open {
    background-color: #09131a;
    color: #06dcaf;
}
.demo-panel-select .demo-list-button-wrap .demo-list-button i {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 46px;
    cursor: pointer;
    text-align: center;
    line-height: 50px;
    font-size: 8px;
    color: #999fa2;
}
.wrap-demo-list {
    display: none;
    position: absolute;
    width: 1140px;
    height: auto;
    bottom: -624px;
    background-color: #09131a;
    padding: 50px 0;
    overflow: hidden;
}
.wrap-demo-list.close-list {
    display: none;
}
.wrap-demo-list.open-list {
    display: block;
}
.wrap-demo-list .demo-list-description {
    font-size: 16px;
    color: #9aa0a3;
    margin-bottom: 36px;
    padding-left: 60px;
}
.wrap-demo-list .demo-list {
    overflow-y: scroll;
    height: 472px;
    width: 100%;
    padding: 0 55px;
}
.wrap-demo-list .demo-list .demo-list-item-wrap {
    width: 196px;
    display: block;
    float: left;
    margin: 0 5px 30px;
    text-align: center;
}
.wrap-demo-list .demo-list .demo-list-item-wrap .demo-list-item-image {
    height: 196px;
    display: block;
    padding: 5px;
    border: 3px solid transparent;
    transition: all 0.2s ease;
    position: relative;
}
.wrap-demo-list .demo-list .demo-list-item-wrap.current-demo .demo-list-item-image,
.wrap-demo-list .demo-list .demo-list-item-wrap.current-demo .demo-list-item-image:hover {
    border-color: #06dcaf;
}
.wrap-demo-list .demo-list .demo-list-item-wrap.current-demo .demo-list-title {
    color: #06dcaf;
}
.wrap-demo-list .demo-list .demo-list-item-wrap .demo-list-item-image:hover {
    border-color: rgba(112, 130, 143, 0.4);
}
.wrap-demo-list .demo-list .demo-list-item-wrap img {
    max-width: 100%;
    height: 100%;
    display: block;
}
.wrap-demo-list .demo-list .demo-list-item-wrap.new-demo .demo-list-item-image:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 2;
    width: 64px;
    height: 64px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAA5WGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMjEgNzkuMTU0OTExLCAyMDEzLzEwLzI5LTExOjQ3OjE2ICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgICAgICAgICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgICAgICAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgICAgICAgICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCk8L3htcDpDcmVhdG9yVG9vbD4KICAgICAgICAgPHhtcDpDcmVhdGVEYXRlPjIwMTYtMDItMTdUMTI6MDY6MzkrMDI6MDA8L3htcDpDcmVhdGVEYXRlPgogICAgICAgICA8eG1wOk1vZGlmeURhdGU+MjAxNi0wMi0xN1QxMjoxMjozNyswMjowMDwveG1wOk1vZGlmeURhdGU+CiAgICAgICAgIDx4bXA6TWV0YWRhdGFEYXRlPjIwMTYtMDItMTdUMTI6MTI6MzcrMDI6MDA8L3htcDpNZXRhZGF0YURhdGU+CiAgICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2UvcG5nPC9kYzpmb3JtYXQ+CiAgICAgICAgIDxwaG90b3Nob3A6Q29sb3JNb2RlPjM8L3Bob3Rvc2hvcDpDb2xvck1vZGU+CiAgICAgICAgIDxwaG90b3Nob3A6VGV4dExheWVycz4KICAgICAgICAgICAgPHJkZjpCYWc+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8cGhvdG9zaG9wOkxheWVyTmFtZT5ORVc8L3Bob3Rvc2hvcDpMYXllck5hbWU+CiAgICAgICAgICAgICAgICAgIDxwaG90b3Nob3A6TGF5ZXJUZXh0Pk5FVzwvcGhvdG9zaG9wOkxheWVyVGV4dD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgIDwvcmRmOkJhZz4KICAgICAgICAgPC9waG90b3Nob3A6VGV4dExheWVycz4KICAgICAgICAgPHhtcE1NOkluc3RhbmNlSUQ+eG1wLmlpZDpkNzVhMThkMy0xMjljLTQ0NzctOTQ1OS1mOWZhMzVmMDYzYmI8L3htcE1NOkluc3RhbmNlSUQ+CiAgICAgICAgIDx4bXBNTTpEb2N1bWVudElEPnhtcC5kaWQ6ZDc1YTE4ZDMtMTI5Yy00NDc3LTk0NTktZjlmYTM1ZjA2M2JiPC94bXBNTTpEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06T3JpZ2luYWxEb2N1bWVudElEPnhtcC5kaWQ6ZDc1YTE4ZDMtMTI5Yy00NDc3LTk0NTktZjlmYTM1ZjA2M2JiPC94bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+CiAgICAgICAgIDx4bXBNTTpIaXN0b3J5PgogICAgICAgICAgICA8cmRmOlNlcT4KICAgICAgICAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+Y3JlYXRlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6aW5zdGFuY2VJRD54bXAuaWlkOmQ3NWExOGQzLTEyOWMtNDQ3Ny05NDU5LWY5ZmEzNWYwNjNiYjwvc3RFdnQ6aW5zdGFuY2VJRD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAxNi0wMi0xN1QxMjowNjozOSswMjowMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnNvZnR3YXJlQWdlbnQ+QWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpPC9zdEV2dDpzb2Z0d2FyZUFnZW50PgogICAgICAgICAgICAgICA8L3JkZjpsaT4KICAgICAgICAgICAgPC9yZGY6U2VxPgogICAgICAgICA8L3htcE1NOkhpc3Rvcnk+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgICAgIDx0aWZmOlhSZXNvbHV0aW9uPjcyMDAwMC8xMDAwMDwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6WVJlc29sdXRpb24+NzIwMDAwLzEwMDAwPC90aWZmOllSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpSZXNvbHV0aW9uVW5pdD4yPC90aWZmOlJlc29sdXRpb25Vbml0PgogICAgICAgICA8ZXhpZjpDb2xvclNwYWNlPjY1NTM1PC9leGlmOkNvbG9yU3BhY2U+CiAgICAgICAgIDxleGlmOlBpeGVsWERpbWVuc2lvbj42NDwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj42NDwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8++8XHiAAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAADY0lEQVR42uTbPUgbYRzH8d8l0ctdPN8GB1sQWqJQiKUdWsRNKkmXDCltU2m7GKhLFwMpglJDB0G4QjuVEheHklpxsINK0UmRDi1Vh4LSgpQOdZBoejnjS54OIYc28SXJ3fnc3a26fL73/O95HkFm8w4IrPlE68bJoM2qeACDAGCzMt6KAY7grRYgD2+lAAXxVglwLF6XAExtM+yeIJV4XQII0SnwXX1U4nUJsPf9CxzuVrABkTq8ZgHsniBsTR0AgJ14P4gswel7CKa2mSq8dgEa3agRZyEMLaGy4wl2PsVhq28A649QhQcARqu7QM3bP7DVNwAAiCyB4VwgsoStp9dBEqtU4OvGiXorgKlthjC0BOfjGAAgPf8RACBPjmBvdSn7O5wLXPdrKvCqj4DjSifsFy+D83ej+tUPkL9bWTRfDelFOxKhFsiTI6houab2t6BkvGojwPWMYXdhAplfX8H6I3B2BsFwLmX5Jx5VUTPzqo8AH56G89ZdVLYHQBKr2BkNYbvfj/TijLLsK70D1OFVGQE+PA22zYv04gzkN/eUrS+zPoeU6MN29AH215ZRccNHJb6sAFzPGNg2L/bXlpESfWADImrE2SNv+2AljmTfVcijA1TiywqwuzABIktwuFvBh6fBd/Xi4PdP7H1+n3f+z6zPUYkvOkBuq7N7gtm3OxwCkSWwbV5kNjeQfH5bOf8LkZgyErTiiw5QcfM+HO5WCJFYXoTcSU+ITsF+4RJ2v81T/eZL3gbZgAi+qxdElpAcDuFgJQ67JwghElO2vvTiDFKij3p8SdtgeiKM1LuXYDhXwZVgFLxygDtt5quefSj4s9z5XojEkBzOfvG3+zcMseyLGoHckj/p0eCSowu+bpycvAJySx5A3tzTdKXVfBcoNPdmwBe1DeoQQXd80eeAwxHsjW7D40u+DtuaOgz3tVf1OmwGvOp/ETIi/jwDUIE/rwDU4M8jAFV4vQNQh9czAJV4vQJQi9cjANV4rQNQj9cygCHwWgUwDF6LAIbCqx3AcHg1AxgSr1YAw+LVCGBofLkBDI8vJ4Ap8KUGMA2+lACmwhcbwHT4YgKYEn/WAKbFnyWAqfGnBTA9/qQAlsAfF8Ay+EIBLIX/P4Dl8IcDWBKfC2BZPAAwhFj1v+ezz78BAP8UVQ7FqhHAAAAAAElFTkSuQmCC');
}
.wrap-demo-list .demo-list-item-wrap .demo-list-item-description {
    display: block;
    margin-top: 10px;
}
.wrap-demo-list .demo-list-item-wrap .demo-list-item-description .demo-list-title,
.wrap-demo-list .demo-list-item-wrap .demo-list-item-description .demo-list-categories {
    padding: 0 8px;
    font-size: 13px;
    font-weight: 400;
}
.wrap-demo-list .demo-list-item-wrap .demo-list-item-description .demo-list-title {
    text-transform: uppercase;
    color: #ffffff;
    position: relative;
}
.wrap-demo-list .demo-list-item-wrap .demo-list-item-description .demo-list-title:after {
    content: '';
    background-color: #9aa0a3;
    position: absolute;
    right: -4px;
    top: 8px;
    width: 4px;
    height: 1px;
}
.wrap-demo-list .demo-list-item-wrap .demo-list-item-description .demo-list-categories {
    color: #9aa0a3;
}
.overlay-page {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9000;
}

/*=> Animating button */
.demo-panel-select .demo-list-button-wrap .demo-list-button.animate-button span {
    display: block;
    animation-name: fadeColor;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes fadeColor {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg);
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes fadeColor {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg);
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

/*----> Responsive <---- */
/* Screen 1400px */
@media(max-width:1400px){
    .wrap-demo-list {
        bottom: -572px;
    }
    .wrap-demo-list .demo-list {
        height: 420px;
    }
}
/* Screen 1024px */
@media(max-width:1199px){
    .demo-panel-select,
    .demo-panel-responsive {
        display: none;
    }
}

/* ColorPicker */
/*-----------------------------------*/

.colorpicker-wheel {
    position: absolute;
    right: -173px;
    bottom: 53px;
    background-color: #09131a;
}
#picker {
    cursor: crosshair;
    margin: 10px;
    border: 0;
}
.colorpicker-preview {
    border-radius: 2px;
    cursor: pointer;
    height: 100%;
    width: 100%;
}

/* Animate */
/*-----------------------------------*/

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

/* Demo Control Panel */
/*-----------------------------------*/

body {
    position: static;
    background-attachment: fixed;
    /*background-color: #010e0f;*/
    background-repeat: no-repeat;
    overflow-x: auto;
}
.demo-panel {
    background-color: #212d36;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9001;
    -webkit-transition: top .1s;
    -moz-transition: top .1s;
    -ms-transition: top .1s;
    transition: top .1s;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow:    0 1px 4px 0 rgba(0, 0, 0, 0.3);
    box-shadow:         0 1px 4px 0 rgba(0, 0, 0, 0.3);
}
.demo-panel.closed {top: -50px;}

/*Logo*/
.demo-panel-logo,
.demo-panel-close {
    float: left;
    width: 90px;
    height: 50px;
    text-align: center;
    line-height: 50px;
}
.demo-panel-logo{
    position: relative;
}
.demo-panel-logo a {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.demo-panel-logo img {
    display: block;
    max-width: 100%;
    width: 24px;
    margin: 0 auto;
    top: 50%;
    margin-top: -12.5px;
    position: relative;
}

/*Select*/
.demo-panel-select {float: left;}
.demo-panel-select .field-select {
    width: 240px;
    margin: 0 1px 0 0;
    float: left;
    position: relative;
}

/*Responsive Buttons*/
.demo-panel-responsive {
    position: absolute;
    top: 0;
    left: 50%;
    width: 184px;
    margin-left: -92px;
}
.demo-panel-responsive ul {border-right: 1px solid #444d54;}
.demo-panel-responsive li {
    float: left;
    position: relative;
    border-left: 1px solid #444d54;
}
.demo-panel-responsive a {
    display: block;
    width: 60px;
    height: 50px;
    line-height: 48px;
    text-align: center;
    font-size: 40px;
    color: #fff;
    background-color: #212d36;
}
.demo-panel-responsive a:hover,
.demo-panel-responsive a.active {
    color: #06dcaf;
    background-color: #09131a;
}
.demo-panel-responsive a i {vertical-align: middle;}

.demo-panel-responsive a.inactive {
    position: absolute;
    bottom: -50px;
    left: -1px;
    width: 62px;
    display: none;
}
.demo-panel-responsive li:hover a.inactive  {display: block;}

/*Buttons*/
.demo-panel-buttons {
    float: right;
}
.demo-panel-buttons .btn {
    float: left;
    width: 240px;
    margin-left: 1px;
}
.demo-panel-buttons .btn:active, .demo-panel-buttons .btn.active {top: 0;}
.demo-panel-buttons .btn span {
    padding: 0 10px;
    height: 50px;
    line-height: 47px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 0;
}
.demo-panel-buttons em,
.demo-panel-buttons .btn-orange em {
    color: #fff;
    border-left-color: #fff;
    border-left-color: rgba(255,255,255,0.6);
    padding-left: 12px;
}
/*Close Button*/
.demo-panel-close {float: right;}
.demo-panel-close a {
    display: block;
    height: 100%;
    line-height: 54px;
    font-size: 16px;
    color: #8c9194;
}
.demo-panel-close a:hover {color: #ff7105;}

/* Demo Iframe */
/*-----------------------------------*/

#demo-iframe-holder {
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -ms-transition: all .1s;
    transition: all .1s;
    position: relative;
    top: 50px;
}
body.panel-is-close #demo-iframe-holder {
    top: 0;
}
body.panel-is-open #demo-iframe-holder {
}
#demo-iframe-holder.ipad-portrait {
    /*width: 964px !important;*/
    width: 964px !important;
    height: 1335px !important;
    padding: 174px 92px 137px 104px;
    margin-bottom: 60px;
    background: url("../images/ipad.png") no-repeat;
}
#demo-iframe-holder.ipad-landscape {
    width: 1335px !important;
    height: 964px !important;
    padding: 92px 137px 104px 174px;
    margin-bottom: 40px;
    background: url("../images/ipad-landscape.png") no-repeat;
}
#demo-iframe-holder.iphone-portrait {
    /*width: 394px !important;*/
    width: 398px !important;
    height: 815px !important;
    padding: 127px 40px 120px 34px;
    margin-bottom: 60px;
    background: url("../images/iphone.png") no-repeat;
}
#demo-iframe-holder.iphone-landscape {
    width: 815px !important;
    height: 394px !important;
    padding: 40px 120px 34px 127px;
    margin-bottom: 60px;
    background: url("../images/iphone-landscape.png") no-repeat;
}
#demo-iframe-holder .inner {
    width: 100%;
    height: 100%;
    /*background-color: #010e0f;*/
    position: relative;
}
#demo-iframe-holder iframe {
    display: block;
    overflow-x: hidden;
}

/*ScrollBar*/
#demo-iframe-holder:not(.desktop) iframe::-webkit-scrollbar {width: 4px; height: 0;}
#demo-iframe-holder:not(.desktop) iframe::-webkit-scrollbar-track {background-color: #ccc;}
#demo-iframe-holder:not(.desktop) iframe::-webkit-scrollbar-thumb {background-color: #000;}

/* Back To Top Button */
/*-----------------------------------*/

#panelBack {
    position: fixed;
    right: 0;
    top: 0;
    width: 90px;
    height: 50px;
    font-size: 18px;
    color: #8c9194;
    line-height: 54px;
    text-decoration: none;
    text-align: center;
    background-color: #212d36;
    -webkit-transition: top .1s;
    -moz-transition: top .1s;
    -ms-transition: top .1s;
    transition: top .1s;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow:    0 1px 4px 0 rgba(0, 0, 0, 0.3);
    box-shadow:         0 1px 4px 0 rgba(0, 0, 0, 0.3);
}
#panelBack:hover {color: #ff7105;}
#panelBack.closed {top: -50px;}

/* Responsive */
/*-----------------------------------*/
/* Screen 1400px */
@media(max-width:1400px){
    .demo-panel-responsive {
        margin-left: -215px;
    }
}
@media (max-width: 1199px) {
    .demo-panel-logo,
    .demo-panel-close,
    #panelBack {
        width: 60px;
    }
    .demo-panel-select .field-select,
    .demo-panel-buttons .btn {
        width: 180px;
    }
}
@media (max-width: 991px) {
    .demo-panel-select .field-select,
    .demo-panel-buttons .btn {
        width: 160px;
    }
    .demo-panel-buttons .btn span {font-size: 14px;}
    .demo-panel-responsive li {display: none;}
    .demo-panel-responsive li:last-child {display: block;}
    .demo-panel-responsive {width: 62px; margin-left: -31px;display: none;}
    #cuselBox .jScrollPaneContainer{
        overflow-y: auto;
        z-index: 999999;
    }
}
@media (max-width: 479px) {
    .demo-panel-logo {
        display: none;
    }
    .demo-panel-buttons .btn {
        width: 50%;
        display: inline-block;
        box-sizing: border-box;
        margin-left: 0;
    }
    .demo-panel-buttons .btn:first-child {
        padding-right: 1px;
    }
    .demo-panel-buttons,
    .demo-panel-close {
        display: inline-block;
    }
    .demo-panel-close,
    #panelBack {
        width: 15%;
    }
    .demo-panel-buttons {
        width: 85%;
    }
    .demo-panel-buttons .btn span {
        font-size: 12px;
    }
}
.paymant-google-iframe {
    display: none;
}
.body_wrap{
    background-size: cover;
}
.body_wrap iframe.invisible{
    visibility: visible !important;
    opacity: 0 !important;
}
.desktop#demo-iframe-holder .inner {
    background-color: #fff;
}
