@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,600&subset=latin,latin-ext);
body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300
}

p {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px
}

body {
    padding-top: 0;
    color: #4c4c4c
}

strong {
    font-weight: 600
}

section {
    overflow: hidden
}

a,
a:active,
a:focus {
    outline: 0
}

a:focus,
a:hover {
    text-decoration: none
}

.padding-top-bottom {
    padding: 60px 0
}

h3.center {
    margin: 25px 0 20px 0
}

.iconBig {
    font-size: 50px;
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto 0 auto
}

.iconBig:before {
    line-height: 100px
}

.gray-bg {
    background-color: #f2f2f2
}

.color-bg {
    background-color: #23A657
}

.dark-bg {
    background-color: #323A42
}

.welcome-content h2 {
    font-size: 80px;
    font-weight: 200
}

.welcome-content {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -10em;
    z-index: 12
}

.hero-image-bg {
    overflow: hidden;
    background-size: cover;
    background-image: url(../img/01.jpg);
    background-position: center 16%;
    position: relative;
    padding: 180px 0 120px 0
}

#hero h2 {
    font-size: 62px;
    font-weight: 600
}

#hero .btn-store {
    margin: 0
}

#hero img {
    margin: 0 auto 0 auto;
    max-width: 300px;
    margin-bottom: 15px
}

.section-header h2 {
    margin-top: 0;
    margin-bottom: 3px;
    font-weight: 600
}

.section-header h4 {
    margin-top: 0
}

.image-bg {
    overflow: hidden;
    background-size: cover;
    background-image: url(../img/12.jpg);
    background-position: center 16%;
    position: relative
}

.overlay-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background-color: #000
}

.dark-bg a {
    color: #23A657
}

.light-typo {
    color: #fff
}

.section-header {
    margin-bottom: 40px
}

footer {
    padding-left: 15px;
    padding-right: 15px
}

.img-center {
    margin: 0 auto
}

.navbar {
    background-color: #242424;
    border: 0
}

.navbar-header i {
    float: left;
    margin-right: 10px;
    font-size: 21px;
    color: #23A657;
    margin-top: 3px
}

.navbar-brand {
    padding: 7px 0 0 15px
}

.navbar-nav {
    text-transform: uppercase;
    font-size: 14px
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav>li>a {
    color: #FFF;
    line-height: 30px
}

.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
    color: #23A657;
    background-color: transparent
}

.media>.pull-left {
    margin-right: 15px
}

.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>li>a.active {
    color: #23A657;
    background-color: transparent
}

.navbar-btn {
    background-color: #23A657;
    border: 0;
    color: #FFF;
    font-weight: 300
}

.dropdown {
    padding-top: 13px
}

.dropdown-toggle {
    background-color: #23A657;
    color: #FFF;
    border: 0;
    font-weight: 300
}

.dropdown-toggle:active,
.dropdown-toggle:focus,
.dropdown-toggle:hover,
.open .dropdown-toggle.btn-default {
    background-color: #000;
    color: #FFF
}

.dropdown-menu {
    min-width: 120px;
    background-color: #000;
    border: 0;
    color: #FFF
}

.dropdown-menu>li>a {
    color: #FFF;
    font-weight: 300
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    background-color: #23A657;
    color: #FFF
}

.navbar-toggle {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-toggle.second {
    padding: 6px 10px 6px 10px
}

.paymentMethodImg img {
    margin-left: 5px
}

.btn-store {
    border: none;
    font-family: inherit;
    font-size: 14px;
    cursor: pointer;
    padding: 12px 23px;
    display: inline-block;
    margin: 0 10px 10px 0;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    font-weight: 300;
    outline: 0;
    position: relative;
    background: #23A657;
    color: #fff;
    border-radius: 5px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.btn-store:active,
.btn-store:focus,
.btn-store:hover {
    color: #fff;
    top: 0;
    text-decoration: none;
    background-color: #15C56A;
    box-shadow: none
}

.btn-store.outline {
    background: 0 0;
    border: 2px solid #23A657;
    box-shadow: none;
    color: #23A657;
    text-decoration: none;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    font-weight: 600
}

.btn-store.color {
    box-shadow: none;
    text-decoration: none;
    background-color: #F77F00
}

.btn-error {
    background-color: #F05557!important
}

.btn-store.dark {
    box-shadow: none;
    text-decoration: none;
    background-color: #313a43
}

.btn-store.dark:active,
.btn-store.dark:focus,
.btn-store.dark:hover {
    top: 0;
    background-color: #1A1F23;
    text-decoration: none
}

.btn-store.color:active,
.btn-store.color:focus,
.btn-store.color:hover {
    background: #fff;
    background-color: #f75b00;
    top: 0;
    text-decoration: none
}

.btn-store.outline:active,
.btn-store.outline:focus,
.btn-store.outline:hover {
    background: #23A657;
    color: #FFF;
    top: 0;
    text-decoration: none
}

.btn-store.icon-left [class*=in] {
    margin-right: 10px
}

.btn-store.icon-right [class*=in] {
    margin-left: 10px
}

.navbar-inverse .navbar-toggle {
    border: none
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: #23A657
}

.ico {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.btn-store [class*=ico] {
    margin-right: 10px
}

.btn-right {
    float: right;
    margin-right: 0
}

.cta {
    padding: 50px 0 30px
}

.cta .cta-message p {
    padding: 15px 0 20px;
    font-size: 22px;
    line-height: 32px
}

.cta .cta-message strong {
    font-size: 24px;
    letter-spacing: .02em
}

.cta-button {
    margin: 15px 0 15px 0
}

table {
    font-size: 18px
}

#clients a {
    display: block;
    text-align: center;
    margin-bottom: 30px
}

#testimonial {
    text-align: center
}

.carousel,
.testimonial {
    z-index: 20
}

.carousel-indicators {
    position: absolute;
    bottom: -15px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none
}

.carousel-indicators li {
    width: 13px;
    height: 13px;
    margin: 0 5px;
    text-indent: -999px;
    cursor: pointer;
    border: 0;
    border-radius: 20px;
    background-color: #FFF;
    opacity: .7
}

.carousel-indicators li.active {
    width: 13px;
    height: 13px;
    margin: 0 5px;
    background-color: #23A657;
    opacity: 1
}

.project-price {
    position: relative;
    float: right;
    font-weight: 600;
    font-size: 21px;
    margin: 0
}

.project-oldprice {
    position: relative;
    float: right;
    margin: 0;
    font-size: 16px;
    text-decoration: line-through;
    color: #999;
    padding: 1px 8px 0 0;
    display: inline
}

.product {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    display: block
}

.img-box:hover .hover-mask2 {
    opacity: .5;
    cursor: pointer;
    -o-transition: .1s;
    -ms-transition: .1s;
    -moz-transition: .1s;
    -webkit-transition: .1s;
    transition: .1s
}

.but {
    position: absolute;
    width: 100%;
    top: 45%
}

.product-icon:before {
    position: absolute;
    text-align: center;
    opacity: 0;
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 30px;
    margin: -15px 0 0 -15px;
    -moz-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out
}

.img-box:hover .product-icon:before {
    opacity: 1;
    font-size: 50px;
    margin: -25px 0 0 -25px
}

.product-info {
    display: block;
    border: 0;
    width: 100%;
    opacity: 1;
    padding: 10px 5px 0 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.product-info div h4 {
    font-weight: 400;
    margin: 0;
    color: #23A657;
    line-height: 24px
}

.product-info div p {
    margin: 0;
    color: #000;
    font-size: 14px
}

.img-box {
    overflow: hidden;
    position: relative;
    border-radius: 5px
}

.hover-mask2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #23A657;
    opacity: 0;
    display: block;
    -o-transition: 1s;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s
}

.modal {
    overflow: auto
}

.modal-open,
.modal-open .navbar-fixed-top {
    margin-right: auto!important;
    overflow: hidden
}

.text-modal h2 {
    margin-bottom: 20px
}

.text-modal p {
    text-align: justify
}

.text-modal .close {
    margin-top: 25px;
    text-shadow: none
}

.fade.modal {
    overflow-x: hidden
}

.modal.fade .modal-dialog {
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .5s
}

.modal.in .modal-dialog {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.modal-backdrop {
    background-color: #1D2026
}

.modal-backdrop.in {
    opacity: 1;
    filter: alpha(opacity=100)
}

.modal-dialog {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0
}

.modal-content {
    width: 100%;
    min-height: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background-color: #fff
}

.modal-header {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #242424;
    color: #fff;
    border: none;
    text-align: center;
    height: 600px;
    position: relative
}

.modal-header .col-sm-12 {
    padding: 0
}

#hdr-title {
    margin-bottom: 20px
}

#project-modal .close {
    float: right;
    font-size: 21px;
    line-height: 21px;
    font-weight: 300;
    margin-top: 6px;
    margin-right: 6px;
    opacity: 1;
    color: inherit;
    text-shadow: none;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    position: absolute;
    z-index: 100002;
    right: 0;
    padding: 15px
}

#project-modal .close:hover {
    opacity: 1;
    color: #23A657
}

.modal-body {
    margin: 0;
    padding: 20px 0 80px 0
}

.modal-body .project-descr {
    margin: 0 0 24px
}

.modal-header .loader {
    position: absolute;
    left: 50%;
    top: 28%;
    margin-left: -8px;
    width: 35px;
    height: 35px;
    background: url(data:image/gif;base64,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)no-repeat 50% 50%;
    z-index: 1
}

.modal-header .image-wrapper {
    position: relative;
    overflow: hidden;
    height: auto
}

.modal-header .screen {
    box-sizing: padding-box;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all .5s ease-out .7s;
    transition: all .5s ease-out .7s
}

.modal-header .screen.done {
    opacity: 1
}

body.modal-open {
    margin: 0
}

#project-sidebar {
    margin-bottom: 20px
}

#project-sidebar p {
    margin-bottom: 10px
}

#project-content {
    text-align: justify
}

#project-content .btn-store {
    margin-right: 0
}

#sdbr-price {
    font-weight: 600;
    font-size: 23px;
    width: auto;
    display: inline
}

#sdbr-oldprice {
    text-decoration: line-through;
    color: #999;
    padding: 8px 0 0 8px;
    display: inline
}

#sdbr-title {
    margin-top: 0;
    color: #23A657;
    margin-bottom: 0
}

.contact-info h2 {
    margin-top: 0
}

address {
    font-size: 18px
}

.colorWhite,
.colorWhite i {
    color: #fff!important
}

.contact-item h2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px
}

.contact-item .icon {
    display: block;
    font-size: 48px;
    color: #5cc9df;
    text-shadow: -2px 2px 0 rgba(0, 0, 0, .1);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.contact-item .icon:hover {
    color: #5cc9df;
    -webkit-transform: scale(1.3) translateY(-10px);
    transform: scale(1.3) translateY(-10px)
}

.bl_form {
    margin: 30px 0 0
}

.bl_form input {
    padding-top: 15px;
    background: rgba(255, 255, 255, .1);
    box-shadow: 0 4px 0 rgba(0, 0, 0, .2);
    border: none;
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 16px;
    outline: 0
}

.lb_wrap .lb_label.bottom,
.lb_wrap .lb_label.top {
    left: 66px!important
}

.lb_wrap .lb_label.left {
    left: 0
}

.lb_label {
    font-size: 17px;
    line-height: 32px;
    font-weight: 400;
    color: #ccc
}

.no-placeholder .lb_label {
    display: none
}

.lb_label.active {
    color: #aaa
}

#contact-form .form-group label,
#order-form .form-group label {
    display: none;
    font-size: 18px;
    line-height: 24px;
    font-weight: 100;
    text-align: center
}

#contact-form .no-placeholder .form-group label,
#order-form .no-placeholder .form-group label {
    display: block
}

#contact-form.no-placeholder .controls,
#order-form.no-placeholder .controls {
    margin-top: 0
}

#contact-form .form-control,
#order-form .form-control,
.input-group .form-control {
    display: inline;
    background: #fff;
    border: none;
    outline: 0;
    height: 44px;
    font-size: 18px;
    line-height: 32px;
    color: #aaa;
    font-weight: 400;
    vertical-align: top;
    border: 2px solid #FFF;
    box-shadow: none
}

.special {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

#order-form.form-group.half-width {
    width: 40%;
    float: left
}

#order-form.btn-store {
    margin: 0
}

#order-form.form-group [class*=fa] {
    display: block;
    width: 64px;
    position: absolute;
    top: 0;
    left: 5px;
    color: #eee;
    font-size: 24px;
    line-height: 52px;
    text-align: center;
    font-weight: 300;
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out
}

#order-form.form-group [class*=fa].active {
    color: #ccc
}

#order-form.no-placeholder .form-group [class*=fa] {
    top: 30px
}

#contact-form textarea.form-control,
#order-form textarea.form-control {
    height: auto;
    max-width: 100%;
    min-width: 100%;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    padding-top: 14px;
    vertical-align: top;
    border: 2px solid #FFF
}

#contact-form .form-control:focus,
#order-form .form-control:focus,
.input-group .form-control:focus {
    outline: 0;
    border: 2px solid #23a657
}

#newsletter-form .inputError,
#order-form .inputError,
#order-form textarea.form-control.inputError {
    outline: 0;
    border: 2px solid #F05557
}

#order-form.error-message {
    position: absolute;
    top: 15px;
    right: 12px;
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    color: #F05557;
    z-index: 10
}

#order-form.no-placeholder .error-message {
    top: 0
}

.input-group-btn .btn-king {
    margin: 0
}

#main-footer,
#social {
    padding: 40px 0 20px
}

.checkbox,
.radio {
    margin-bottom: 12px;
    padding-left: 32px;
    position: relative;
    -webkit-transition: color .25s linear;
    transition: color .25s linear;
    font-size: 14px;
    line-height: 1.5
}

label.show {
    display: block;
    text-decoration: none
}

input[type=checkbox],
input[type=radio] {
    margin: 4px 7px 0 0;
    line-height: normal;
    font-size: 21px;
    text-align: center
}

form p {
    margin-top: 16px
}

#total {
    font-weight: 600
}

.input-group .input-group-btn .btn {
    margin: 0
}

.form-control-inline {
    min-width: 0;
    width: auto!important;
    display: inline!important
}

.table tbody>tr>td.vert-align {
    vertical-align: middle
}

#order-form table td:first-child,
#order-form table th:first-child {
    padding-left: 0
}

#order-form table td:last-child,
#order-form table th:last-child {
    padding-right: 0
}

.social-links,
.social-profiles {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 29px
}

.social-links li,
.social-profiles li {
    display: inline-block;
    margin: 9px 9px 0 9px;
    border-radius: 3px;
    box-shadow: 0 4px 0 transparent;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.social-links li a {
    background: 0 0;
    border: 2px solid #fff;
    display: block;
    color: #FFF;
    font-size: 18px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.social-links li a:hover {
    color: #FFF;
    background: #23A657;
    text-decoration: none;
    border-color: #23A657
}

@media (max-width:480px) {
    .copyright {
        width: 100%;
        text-align: center
    }
    h2 {
        font-size: 26px
    }
}

@media (max-width:768px) {
    .cta-message,
    .text-col,
    .text-col2 {
        text-align: center
    }
    .hero-slider,
    .hero-sloder h2 {
        text-align: center!important
    }
    .modal-header .loader {
        top: 15%
    }
    .modal-header {
        height: 350px
    }
    .welcome-content {
        top: 43%
    }
    .welcome-content img {
        padding: 0 15px
    }
    .padding-top-bottom {
        padding: 30px 0
    }
    h1 {
        font-size: 28px
    }
    .news {
        padding-bottom: 40px
    }
}

@media (max-width:992px) {
    .cta-message {
        text-align: center
    }
    .text-col {
        margin-top: 0
    }
}

@media (min-width:1200px) {
    .modal-header {
        height: 650px
    }
}

.slider {
    background-color: #95a5a6;
    height: 400px;
    padding: 0
}

.landing {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10001;
    width: 100%;
    height: 100%
}

.landing .spinner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto auto;
    width: 5em;
    height: 2em;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.slider .item {
    position: absolute;
    width: inherit;
    height: inherit;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat
}

.owl-item {
    height: 500px;
    overflow: hidden
}

.owl-carousel,
.owl-item,
.owl-stage,
.owl-stage-outer {
    height: inherit
}

.owl-theme .owl-controls {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav [class*=owl-] {
    background: 0 0;
    display: inline-block;
    color: #FFF;
    font-size: 25px;
    width: 50px;
    height: 50px;
    line-height: 52px;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    position: absolute;
    cursor: pointer
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: #23A657;
    text-decoration: none
}

.owl-nav .fa {
    font-size: 33px;
    line-height: 48px
}

.owl-nav .owl-next {
    top: 45%;
    right: 20px
}

.owl-nav .owl-prev {
    top: 45%;
    left: 20px
}

.owl-nav.disabled {
    display: none;
    cursor: default
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    width: 100%
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    cursor: pointer
}

.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    background: #FFF;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    opacity: .5;
    filter: alpha(opacity=50)
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #FFF;
    opacity: 1;
    filter: alpha(opacity=100)
}

.m-center {
    display: table;
    width: 100%
}

.m-center .center-box {
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    float: none;
    z-index: 60
}

.m-center>div>div {
    position: relative
}

.m-center {
    display: table;
    width: 100%
}

.m-center .center-box {
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    float: none;
    z-index: 60
}

.m-center>div>div {
    position: relative
}

#hero {
    height: 700px;
    position: relative
}

.hero-unit {
    text-align: center;
    padding: 0;
    margin: 0;
    background-color: transparent
}

.hero-start-link,
.hero-start-link:focus {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -19px;
    margin-bottom: 15px!important;
    display: block;
    width: 40px;
    height: 40px;
    border: 2px solid #FFF;
    border-radius: 50%;
    line-height: 36px;
    text-align: center;
    font-size: 28px;
    color: #FFF
}

.hero-start-link:hover {
    background: #FFF;
    border-color: #FFF;
    color: #383838;
    text-decoration: none
}

.hero-slider {
    background-color: #242424
}

.hero-slider .landing {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10001;
    width: 100%;
    height: 100%
}

.landing .spinner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto auto;
    width: 5em;
    height: 2em;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.hero-slider .item {
    position: absolute;
    width: inherit;
    height: inherit;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat
}

.spinner {
    margin: 0 auto;
    width: 70px;
    text-align: center
}

.spinner>div {
    width: 18px;
    height: 18px;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.spinner .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.spinner .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes bouncedelay {
    0%,
    100%,
    80% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes bouncedelay {
    0%,
    100%,
    80% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    40% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

#project-slider {
    background-color: #242424
}

#project-slider .landing {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10001;
    width: 100%;
    height: 100%
}

.landing .spinner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto auto;
    width: 5em;
    height: 2em;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

#project-slider .item {
    position: absolute;
    width: inherit;
    height: inherit;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat
}

.spinner {
    margin: 0 auto;
    width: 70px;
    text-align: center
}

.spinner>div {
    width: 18px;
    height: 18px;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.spinner .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.spinner .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes bouncedelay {
    0%,
    100%,
    80% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes bouncedelay {
    0%,
    100%,
    80% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    40% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

#style-switcher {
    background-color: #fff;
    width: 162px;
    position: fixed;
    top: 222px;
    z-index: 99999;
    border-radius: 0 0 3px 0;
    left: -163px;
    border: 1px solid #e4e4e4;
    border-left: 0;
    border-top: 0;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .08);
    outline: 0;
    overflow: visible;
    padding-bottom: 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#style-switcher.open {
    left: -1px
}

#style-switcher div {
    padding: 3px 18px 5px 18px
}

#style-switcher h2 {
    background-color: #F5F5F5;
    color: #23A657;
    outline: 0;
    font-weight: 700;
    font-size: 16px;
    padding: 0 0 0 13px;
    margin: 0;
    line-height: 43px
}

#style-switcher h2 a {
    background-color: #F5F5F5;
    display: block;
    outline: 0;
    height: 43px;
    position: absolute;
    right: -43px;
    font-size: 18px;
    text-align: center;
    color: #23A657;
    top: 0;
    width: 43px;
    text-decoration: none;
    border-radius: 0 3px 3px 0;
    line-height: 46px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .08)
}

#style-switcher ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 10px
}

#style-switcher ul li {
    display: block;
    width: 40px;
    height: 40px;
    margin: 10px 10px 0 0;
    float: left;
    border-radius: 5px;
    cursor: pointer
}

#style-switcher ul li#green {
    background: #23A657
}

#style-switcher ul li#blue {
    background: #2DAFF0
}

#style-switcher ul li#orange {
    background: orange
}
.loading {
		width:35px;max-height:40px;
	}
	.posloading {
		width:200px;max-height:100px;
	}