@import 'https://fonts.googleapis.com/css?family=Roboto|Ubuntu';
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}
body {
    font-family: 'Ubuntu', 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-weight: 300
}
main>.container {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}
a {
    color: #ff8f2b;
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s
}
a:hover {
    color: #de6800;
    text-decoration: none
}
a:focus,
a:active {
    outline: none
}
a i {
    position: relative;
    top: -1px
}
img {
    vertical-align: middle;
    display: block;
    max-width: 100%;
    height: auto
}
.img-rounded {
    border-radius: 6px
}
.img-circle {
    border-radius: 50%
}
hr {
    margin-top: 24px;
    margin-bottom: 24px;
    border: 0;
    border-top: 1px solid #d9d9d9
}
hr.light {
    border-color: #fff
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}
::selection {
    color: #fff;
    background: #333
}
::-moz-selection {
    color: #fff;
    background: #333
}
kbd {
    background-color: #333;
    border-radius: 0
}
.va-middle {
    vertical-align: middle
}
.va-top {
    vertical-align: top
}
.va-bottom {
    vertical-align: bottom
}
.space-top {
    margin-top: 24px !important
}
.space-top-2x {
    margin-top: 48px !important
}
.space-top-3x {
    margin-top: 72px !important
}
.space-bottom {
    margin-bottom: 24px !important
}
.space-bottom-2x {
    margin-bottom: 48px !important
}
.space-bottom-3x {
    margin-bottom: 72px !important
}
.padding-top {
    padding-top: 24px !important
}
.padding-top-2x {
    padding-top: 48px !important
}
.padding-top-3x {
    padding-top: 72px !important
}
.padding-bottom {
    padding-bottom: 24px !important
}
.padding-bottom-2x {
    padding-bottom: 48px !important
}
.padding-bottom-3x {
    padding-bottom: 72px !important
}
@media screen and (max-width: 768px) {
    .space-top {
        margin-top: 16px !important
    }
    .space-top-2x {
        margin-top: 36px !important
    }
    .space-top-3x {
        margin-top: 48px !important
    }
    .space-bottom {
        margin-bottom: 16px !important
    }
    .space-bottom-2x {
        margin-bottom: 36px !important
    }
    .space-bottom-3x {
        margin-bottom: 48px !important
    }
    .padding-top {
        padding-top: 16px !important
    }
    .padding-top-2x {
        padding-top: 36px !important
    }
    .padding-top-3x {
        padding-top: 48px !important
    }
    .padding-bottom {
        padding-bottom: 16px !important
    }
    .padding-bottom-2x {
        padding-bottom: 36px !important
    }
    .padding-bottom-3x {
        padding-bottom: 48px !important
    }
}
.space-top-none {
    margin-top: 0 !important
}
.space-bottom-none {
    margin-bottom: 0 !important
}
.padding-top-none {
    padding-top: 0 !important
}
.padding-bottom-none {
    padding-bottom: 0 !important
}
.page-edit .edit-link {
    display: inline-block;
    margin-top: 24px
}
.text-center {
    text-align: center
}
.text-right {
    text-align: right
}
.no-border {
    border: none
}
.inline-block {
    display: inline-block !important
}
.block-center {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.inline {
    margin-left: 20px !important;
    margin-right: 20px !important
}
@media screen and (max-width: 991px) {
    .tablet-center {
        text-align: center !important
    }
}
@media screen and (max-width: 768px) {
    .mobile-center {
        text-align: center !important
    }
}
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}
.box-shadow {
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.25);
    padding-left: 50px;
    padding-right: 50px
}
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.3;
    color: #333;
    text-transform: uppercase;
    margin-top: 0
}
h1 {
    line-height: 1.1
}
h1,
h2 {
    margin-bottom: 36px
}
h3,
h4 {
    margin-bottom: 24px
}
h5,
h6 {
    margin-bottom: 16px
}
h1 {
    font-size: 60px;
    font-weight: 600;
    font-style: normal;
    text-transform: none
}
h2 {
    font-size: 48px;
    font-weight: 600;
    font-style: normal;
    text-transform: none
}
h3 {
    font-size: 36px;
    font-weight: 600;
    font-style: normal;
    text-transform: none
}
h4 {
    font-size: 24px;
    font-weight: 600;
    font-style: normal;
    text-transform: none
}
h5 {
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    text-transform: none
}
h6 {
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    text-transform: none
}
@media screen and (max-width: 1200px) {
    h1 {
        font-size: 57px
    }
}
@media screen and (max-width: 991px) {
    h1 {
        font-size: 54px
    }
    h2 {
        font-size: 43px
    }
}
@media screen and (max-width: 768px) {
    h1 {
        font-size: 51px
    }
    h2 {
        font-size: 40px
    }
}
p {
    margin: 0 0 24px
}
.lead {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 24px
}
.text-lg {
    font-size: 18px
}
.text-sm {
    font-size: 14px
}
.text-xs {
    font-size: 12px
}
.text-huge {
    font-size: 96px;
    line-height: 1
}
@media screen and (max-width: 991px) {
    .text-huge {
        font-size: 77px
    }
}
@media screen and (max-width: 768px) {
    .text-huge {
        font-size: 60px
    }
}
@media screen and (max-width: 480px) {
    .text-huge {
        font-size: 50px
    }
}
@media screen and (max-width: 480px) {
    .text-huge {
        font-size: 28px
    }
}
small,
.small {
    font-size: 90%
}
.text-left {
    text-align: left
}
.text-right {
    text-align: right
}
.text-center {
    text-align: center
}
.text-justify {
    text-align: justify
}
.text-nowrap {
    white-space: nowrap
}
.text-lowercase {
    text-transform: lowercase
}
.text-uppercase,
.initialism {
    text-transform: uppercase
}
.text-capitalize {
    text-transform: capitalize
}
.text-notransform {
    text-transform: none
}
.text-semibold {
    font-weight: 600
}
.text-bold {
    font-weight: bold
}
.text-normal {
    font-weight: normal
}
.text-thin {
    font-weight: 300
}
.text-italic {
    font-style: italic
}
.text-normal {
    font-style: normal
}
.text-gray {
    color: #4d4d4d !important
}
.text-muted {
    color: #808080 !important
}
.text-gray-light {
    color: #c5c5c5
}
.text-light,
.text-white {
    color: #fff !important
}
.text-light h1,
.text-light h2,
.text-light h3,
.text-light h4,
.text-light h5,
.text-light h6,
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6 {
    color: #fff !important
}
.text-default {
    color: #4d4d4d !important
}
.text-primary {
    color: #ff8f2b
}
a.text-primary:hover {
    color: #f77500
}
.text-success {
    color: #00c96d
}
a.text-success:hover {
    color: #009651
}
.text-info {
    color: #988ae8
}
a.text-info:hover {
    color: #725fe0
}
.text-warning {
    color: #ffc12b
}
a.text-warning:hover {
    color: #f7af00
}
.text-danger {
    color: #ff2b2b
}
a.text-danger:hover {
    color: #f70000
}
.bg-default,
.bg-primary,
.bg-success,
.bg-info,
.bg-warning,
.bg-danger {
    color: #fff
}
.bg-default {
    background-color: #4d4d4d
}
a.bg-default:hover {
    background-color: #343434
}
.bg-primary {
    background-color: #ff8f2b
}
a.bg-primary:hover {
    background-color: #f77500
}
.bg-success {
    background-color: #00c96d
}
a.bg-success:hover {
    background-color: #009651
}
.bg-info {
    background-color: #988ae8
}
a.bg-info:hover {
    background-color: #725fe0
}
.bg-warning {
    background-color: #ffc12b
}
a.bg-warning:hover {
    background-color: #f7af00
}
.bg-danger {
    background-color: #ff2b2b
}
a.bg-danger:hover {
    background-color: #f70000
}
ul,
ol {
    padding-left: 18px;
    margin-top: 0;
    margin-bottom: 24px;
    line-height: 1.8
}
ul ul,
ul ol,
ol ul,
ol ol {
    margin-bottom: 0
}
ul li,
ol li {
    margin-bottom: 4px
}
ol {
    padding-left: 22px
}
.list-unstyled {
    padding-left: 0;
    list-style: none
}
.list-featured {
    padding-left: 0;
    list-style: none
}
.list-featured li {
    position: relative;
    padding-left: 33px;
    font-weight: 600;
    padding-bottom: 10px
}
.list-featured li:before {
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f005";
    left: 0;
    top: 1px;
    color: #ff8f2b
}
.list-featured.text-light li {
    color: #fff
}
.list-featured.text-light li:before {
    color: #fff
}
.list-icons {
    padding-left: 0;
    list-style: none;
    max-width: 400px
}
.list-icons li {
    position: relative;
    padding-left: 33px;
    font-weight: 600
}
.list-icons li i:first-child {
    position: absolute;
    left: 0;
    top: 7px
}
.list-icons li .list-info {
    font-weight: 300;
    display: block;
    padding-top: 10px
}
.list-icons.text-light li {
    color: #fff
}
.text-light .featured-list li {
    color: #fff
}
.text-light .featured-list li:before {
    background-color: #fff
}
.list-inline {
    padding-left: 0;
    list-style: none;
    margin: 0 0 0 -5px
}
.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}
dl {
    margin-top: 0;
    margin-bottom: 24px
}
dt,
dd {
    line-height: 1.5
}
dt {
    color: #333;
    font-weight: bold
}
dd {
    margin-left: 0;
    margin-bottom: 15px
}
.dl-horizontal dd:before,
.dl-horizontal dd:after {
    content: " ";
    display: table
}
.dl-horizontal dd:after {
    clear: both
}
@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .dl-horizontal dd {
        margin-left: 180px
    }
}
abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777
}
.initialism {
    font-size: 90%
}
blockquote {
    position: relative;
    z-index: 10;
    padding: 0 0 0 75px;
    margin: 0;
    margin-bottom: 24px;
    text-transform: none;
    font-style: italic;
    color: #000;
    font-weight: 600
}
blockquote cite {
    display: block;
    font-size: 14px;
    color: #808080;
    font-style: normal;
    margin-top: 16px;
    margin-left: -10px
}
blockquote p {
    display: inline;
    font-size: 24px;
    background-color: #ff8f2b;
    margin-bottom: 16px;
    padding: 3px;
    padding-left: 0;
    padding-right: 0;
    line-height: 1.75;
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    box-shadow: 10px 0 0 #ff8f2b, -10px 0 0 #ff8f2b
}
blockquote:before {
    position: absolute;
    display: block;
    content: "\201C";
    color: #4d4d4d;
    font-size: 120px;
    line-height: 1;
    margin-top: -15px;
    left: 0
}
@media screen and (max-width: 480px) {
    blockquote {
        padding: 0 0 0 70px
    }
    blockquote:before {
        font-size: 100px
    }
}
blockquote.quote-shareable {
    cursor: pointer
}
blockquote.quote-shareable .share-btn {
    position: absolute;
    z-index: 15;
    width: 48px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background-color: #55acee;
    color: #fff;
    font-size: 24px;
    cursor: default;
    left: 48%;
    margin: -60px 0 -24px;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
blockquote.quote-shareable .share-btn:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(85, 172, 238, 0);
    border-top-color: #55acee;
    border-width: 6px;
    margin-left: -6px
}
blockquote.quote-shareable:hover .share-btn {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}
blockquote.light-skin cite {
    color: #fff;
    opacity: .9
}
address {
    margin-bottom: 24px;
    font-style: normal;
    line-height: 1.5
}
.fa-ul>li {
    margin-bottom: 5px
}
.fa-li {
    top: 0.44444em !important
}
/*.form-control,*/
/*textarea,*/
/*select,*/
/*input[type=text],*/
/*input[type=email],*/
/*input[type=password],*/
/*input[type=number],*/
/*input[type=url],*/
/*input[type=time],*/
/*input[type=tel],*/
/*input[type=search] {*/
    /*display: block;*/
    /*width: 100%;*/
    /*line-height: 1.5;*/
    /*height: 48px;*/
    /*font-size: 16px;*/
    /*color: #333;*/
    /*text-transform: none;*/
    /*border: 1px solid #fff;*/
    /*background-color: #f2f2f2;*/
    /*padding: 0 20px;*/
    /*margin-bottom: 24px;*/
    /*-webkit-appearance: none;*/
    /*-webkit-transition: all 0.3s;*/
    /*-o-transition: all 0.3s;*/
    /*transition: all 0.3s*/
/*}*/
/*.form-control:focus,*/
/*textarea:focus,*/
/*select:focus,*/
/*input[type=text]:focus,*/
/*input[type=email]:focus,*/
/*input[type=password]:focus,*/
/*input[type=number]:focus,*/
/*input[type=url]:focus,*/
/*input[type=time]:focus,*/
/*input[type=tel]:focus,*/
/*input[type=search]:focus {*/
    /*background-color: #fff;*/
    /*outline: none;*/
    /*box-shadow: 0 2px 28px 1px rgba(0, 0, 0, 0.4)*/
/*}*/
.form-control::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=time]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=search]::-moz-placeholder {
    color: #4d4d4d;
    opacity: 1
}
.form-control:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=time]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder {
    color: #4d4d4d
}
.form-control::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=time]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder {
    color: #4d4d4d
}
.form-control.placeholder,
textarea.placeholder,
select.placeholder,
input[type=text].placeholder,
input[type=email].placeholder,
input[type=password].placeholder,
input[type=number].placeholder,
input[type=url].placeholder,
input[type=time].placeholder,
input[type=tel].placeholder,
input[type=search].placeholder {
    color: #4d4d4d
}
.form-control.input-sm,
textarea.input-sm,
select.input-sm,
input[type=text].input-sm,
input[type=email].input-sm,
input[type=password].input-sm,
input[type=number].input-sm,
input[type=url].input-sm,
input[type=time].input-sm,
input[type=tel].input-sm,
input[type=search].input-sm {
    height: 38px;
    font-size: 14px
}
textarea {
    height: auto !important;
    padding: 15px 20px !important
}
.form-group {
    margin-bottom: 24px
}
.form-group .form-control,
.form-group textarea,
.form-group input[type=text],
.form-group input[type=email],
.form-group input[type=password],
.form-group input[type=number],
.form-group input[type=url],
.form-group input[type=time],
.form-group input[type=tel],
.form-group input[type=search] {
    margin-bottom: 0
}
label {
    display: block;
    color: #333;
    font-size: 14px;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-weight: bold
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 0
}
select::-ms-expand {
    display: none
}
select option.placeholder {
    color: #4d4d4d
}
select option {
    color: #333
}
.form-control.error {
    border: 2px solid #ff2b2b
}
.form-control.error::-moz-placeholder {
    color: #ff2b2b
}
.form-control.error:-ms-input-placeholder {
    color: #ff2b2b
}
.form-control.error::-webkit-input-placeholder {
    color: #ff2b2b
}
.form-control.valid {
    border: 2px solid #00c96d
}
.form-control.valid::-moz-placeholder {
    color: #00c96d
}
.form-control.valid:-ms-input-placeholder {
    color: #00c96d
}
.form-control.valid::-webkit-input-placeholder {
    color: #00c96d
}
.response-holder {
    text-align: center;
    visibility: hidden;
    opacity: 0;
    padding: 12px 0;
    font-size: 14px;
    line-height: 1.8;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}
.response-holder.error,
.response-holder.success {
    visibility: visible;
    opacity: 1
}
.response-holder.error {
    color: #ff2b2b
}
.response-holder.success {
    color: #00c96d
}
.form-group+.checkbox,
.form-group+.checkbox-inline,
.form-group+.radio,
.form-group+.radio-inline,
.form-input+.checkbox,
.form-input+.checkbox-inline,
.form-input+.radio,
.form-input+.radio-inline {
    margin-top: 20px
}
.checkbox,
.radio,
.checkbox-inline,
.radio-inline {
    position: relative;
    display: table;
    width: auto;
    font-size: 16px;
    color: #333;
    cursor: default;
    text-transform: none;
    font-weight: normal;
    padding-left: 35px;
    margin-bottom: 12px;
    margin-left: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.checkbox.disabled,
.radio.disabled,
.checkbox-inline.disabled,
.radio-inline.disabled {
    color: silver;
    cursor: not-allowed
}
.text-light.checkbox,
.text-light.radio,
.text-light.checkbox-inline,
.text-light.radio-inline,
.text-light .checkbox,
.text-light .radio,
.text-light .checkbox-inline,
.text-light .radio-inline {
    color: #fff
}
label.hover {
    cursor: pointer
}
.checkbox-inline,
.radio-inline {
    display: inline-block;
    margin-right: 18px
}
.text-right .checkbox-inline,
.text-right .radio-inline {
    margin-left: 15px;
    margin-right: 0
}
.text-center .checkbox-inline,
.text-center .radio-inline {
    margin-left: 10px;
    margin-right: 10px
}
.icheckbox,
.iradio {
    position: absolute;
    z-index: 0;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    left: 0;
    top: 1px;
    border: 1px solid #ff8f2b;
    background-clip: padding-box;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.icheckbox.disabled,
.iradio.disabled {
    border-color: silver;
    cursor: not-allowed
}
.text-light .icheckbox,
.text-light .iradio {
    border: 1px solid #fff
}
.icheckbox:before {
    position: absolute;
    top: 2px;
    left: 5px;
    font-family: "FontAwesome";
    display: block;
    content: "\f00c";
    color: #4d4d4d;
    opacity: 0;
    font-size: 12px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}
.iradio,
.iradio:before {
    border-radius: 50%;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease
}
.iradio:before {
    position: absolute;
    display: block;
    content: "";
    width: 12px;
    height: 12px;
    background-color: #4d4d4d;
    opacity: 0;
    top: 5px;
    left: 5px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}
.iradio.checked,
.icheckbox.checked {
    border-color: #ff8f2b
}
.iradio.checked.disabled,
.icheckbox.checked.disabled {
    border-color: silver;
    cursor: not-allowed
}
.iradio.checked.disabled:before,
.icheckbox.checked.disabled:before {
    color: silver
}
.iradio.checked.disabled:before {
    background-color: silver
}
.text-light .iradio:before {
    background-color: #fff
}
.text-light .iradio.checked {
    border-color: #fff
}
.iradio.checked:before,
.icheckbox.checked:before {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}
.text-right .checkbox-inline,
.text-right .radio-inline {
    margin-left: 25px;
    margin-right: 0
}
.domain-search,
.help-search {
    position: relative;
    margin-top: 12px
}
.domain-search button[type=submit],
.help-search button[type=submit] {
    position: absolute;
    display: block;
    width: 36px;
    height: 36px;
    line-height: 33px;
    color: #fff;
    text-align: center;
    border: none;
    background-color: #ff8f2b;
    top: 6px;
    right: 6px
}
.domain-search button[type=submit]:active,
.domain-search button[type=submit]:focus,
.help-search button[type=submit]:active,
.help-search button[type=submit]:focus {
    outline: none
}
.domain-search .form-control,
.help-search .form-control {
    margin-bottom: 12px
}
.domain-search .domain-dropdown,
.help-search .domain-dropdown {
    position: absolute;
    top: 6px;
    right: 48px
}
.domain-search .domain-dropdown>span,
.help-search .domain-dropdown>span {
    position: relative;
    display: block;
    height: 36px;
    line-height: 33px;
    color: #000;
    background-color: rgba(255, 143, 43, 0.25);
    white-space: nowrap;
    padding: 0 40px 0 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s
}
.domain-search .domain-dropdown>span:before,
.help-search .domain-dropdown>span:before {
    display: block;
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f107";
    color: #000;
    right: 15px;
    margin-top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.domain-search .domain-dropdown>span:hover,
.help-search .domain-dropdown>span:hover {
    background-color: #ff8f2b
}
.domain-search .domain-dropdown.active>span,
.help-search .domain-dropdown.active>span {
    background-color: #ff8f2b
}
.domain-search .domain-dropdown.active>span:before,
.help-search .domain-dropdown.active>span:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}
.domain-search .domain-dropdown>.dropdown,
.help-search .domain-dropdown>.dropdown {
    position: absolute;
    width: 175px;
    padding: 15px 15px 10px 15px;
    border: 1px solid #fff;
    background-color: #f2f2f2;
    top: 100%;
    right: 0;
    margin-top: 5px;
    display: none;
    -webkit-backface-visibility: hidden !important;
    -moz-backface-visibility: hidden !important;
    backface-visibility: hidden !important
}
.domain-search .domain-dropdown>.dropdown>div,
.help-search .domain-dropdown>.dropdown>div {
    white-space: nowrap
}
.domain-search .domain-dropdown>.dropdown .icheckbox,
.domain-search .domain-dropdown>.dropdown .iradio,
.help-search .domain-dropdown>.dropdown .icheckbox,
.help-search .domain-dropdown>.dropdown .iradio {
    top: 9px
}
.domain-search .domain-dropdown.active>.dropdown,
.help-search .domain-dropdown.active>.dropdown {
    display: block;
    -webkit-backface-visibility: visible !important;
    -moz-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation: flipIn 0.5s;
    -o-animation: flipIn 0.5s;
    animation: flipIn 0.5s
}
@media screen and (max-width: 450px) {
    .domain-search .domain-dropdown>span,
    .help-search .domain-dropdown>span {
        width: 40px;
        padding-left: 0;
        color: transparent
    }
}
.help-search {
    margin-top: 0
}
@-webkit-keyframes flipIn {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px)
    }
}
@-moz-keyframes flipIn {
    from {
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    40% {
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -moz-transform: perspective(400px)
    }
}
@keyframes flipIn {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        -ms-transform: perspective(400px);
        -o-transform: perspective(400px);
        transform: perspective(400px)
    }
}
.get-app-form {
    position: relative
}
.get-app-form .btn {
    position: absolute;
    right: 6px;
    top: 6px;
    margin: 0
}
.get-app-form .form-control {
    padding-right: 135px
}
.masonry-grid {
    position: relative;
    overflow: hidden
}
.masonry-grid:after {
    content: '';
    display: block;
    clear: both
}
.masonry-grid .grid-item {
    float: left;
    margin-bottom: 2.3%
}
@media screen and (max-width: 768px) {
    .masonry-grid .grid-sizer,
    .masonry-grid .grid-item {
        margin-bottom: 3%
    }
    .masonry-grid .gutter-sizer {
        width: 3%
    }
}
@media screen and (max-width: 500px) {
    .masonry-grid .grid-sizer,
    .masonry-grid .grid-item {
        width: 100%;
        margin-bottom: 5%
    }
    .masonry-grid .gutter-sizer {
        width: 0px
    }
}
.masonry-grid.grid-col-2 .grid-sizer,
.masonry-grid.grid-col-2 .grid-item {
    width: 49%
}
.masonry-grid.grid-col-2 .gutter-sizer {
    width: 2%
}
@media screen and (max-width: 768px) {
    .masonry-grid.grid-col-2 .grid-sizer,
    .masonry-grid.grid-col-2 .grid-item {
        width: 98%
    }
}
.masonry-grid.grid-col-3 .grid-sizer,
.masonry-grid.grid-col-3 .grid-item {
    width: 31.8%
}
.masonry-grid.grid-col-3 .gutter-sizer {
    width: 2.3%
}
@media screen and (max-width: 991px) {
    .masonry-grid.grid-col-3 .grid-sizer,
    .masonry-grid.grid-col-3 .grid-item {
        width: 49%
    }
    .masonry-grid.grid-col-3 .gutter-sizer {
        width: 2%
    }
}
@media screen and (max-width: 480px) {
    .masonry-grid.grid-col-3 .grid-sizer,
    .masonry-grid.grid-col-3 .grid-item {
        width: 99%
    }
    .masonry-grid.grid-col-3 .gutter-sizer {
        width: 1
    }
}
.masonry-grid.grid-col-4 .grid-sizer,
.masonry-grid.grid-col-4 .grid-item {
    width: 23.5%
}
.masonry-grid.grid-col-4 .gutter-sizer {
    width: 1.9%
}
@media screen and (max-width: 991px) {
    .masonry-grid.grid-col-4 .grid-sizer,
    .masonry-grid.grid-col-4 .grid-item {
        width: 49%
    }
    .masonry-grid.grid-col-4 .gutter-sizer {
        width: 2%
    }
}
@media screen and (max-width: 991px) {
    .masonry-grid.grid-col-4 .grid-sizer,
    .masonry-grid.grid-col-4 .grid-item {
        width: 49%
    }
    .masonry-grid.grid-col-4 .gutter-sizer {
        width: 2%
    }
}
@media screen and (max-width: 480px) {
    .masonry-grid.grid-col-4 .grid-sizer,
    .masonry-grid.grid-col-4 .grid-item {
        width: 99%
    }
    .masonry-grid.grid-col-4 .gutter-sizer {
        width: 1
    }
}
caption {
    padding-top: 14px 15px;
    padding-bottom: 14px 15px;
    color: #4d4d4d;
    text-align: left
}
th {
    text-align: left
}
table {
    width: 100%;
    max-width: 100%;
    border: 1px solid #d9d9d9;
    margin-bottom: 24px
}
table>thead>tr>th,
table>thead>tr>td,
table>tbody>tr>th,
table>tbody>tr>td,
table>tfoot>tr>th,
table>tfoot>tr>td {
    padding: 6px 7px;
    line-height: 1.5;
    vertical-align: top;
    border-bottom: 1px solid #d9d9d9
}
table>thead>tr>th,
table>thead>tr>td {
    border-bottom-width: 1px !important
}
table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 1px solid #d9d9d9
}
table>caption+thead>tr:first-child>th,
table>caption+thead>tr:first-child>td,
table>colgroup+thead>tr:first-child>th,
table>colgroup+thead>tr:first-child>td,
table>thead:first-child>tr:first-child>th,
table>thead:first-child>tr:first-child>td {
    border-top: 0
}
table>tbody+tbody {
    border-top: 2px solid #d9d9d9
}
.table-responsive {
    overflow-x: auto;
    min-height: 0.01%
}
@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 18px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
    .table-responsive>table {
        margin-bottom: 0
    }
    .table-responsive>table>thead>tr>th,
    .table-responsive>table>thead>tr>td,
    .table-responsive>table>tbody>tr>th,
    .table-responsive>table>tbody>tr>td,
    .table-responsive>table>tfoot>tr>th,
    .table-responsive>table>tfoot>tr>td {
        white-space: nowrap
    }
    .table-responsive>table {
        border: 0
    }
    .table-responsive>table>thead>tr>th:first-child,
    .table-responsive>table>thead>tr>td:first-child,
    .table-responsive>table>tbody>tr>th:first-child,
    .table-responsive>table>tbody>tr>td:first-child,
    .table-responsive>table>tfoot>tr>th:first-child,
    .table-responsive>table>tfoot>tr>td:first-child {
        border-left: 0
    }
    .table-responsive>table>thead>tr>th:last-child,
    .table-responsive>table>thead>tr>td:last-child,
    .table-responsive>table>tbody>tr>th:last-child,
    .table-responsive>table>tbody>tr>td:last-child,
    .table-responsive>table>tfoot>tr>th:last-child,
    .table-responsive>table>tfoot>tr>td:last-child {
        border-right: 0
    }
    .table-responsive>table>tbody>tr:last-child>th,
    .table-responsive>table>tbody>tr:last-child>td,
    .table-responsive>table>tfoot>tr:last-child>th,
    .table-responsive>table>tfoot>tr:last-child>td {
        border-bottom: 0
    }
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f6f6f6
}
.time-table {
    table-layout: fixed;
    border: 3px solid #ff8f2b
}
.time-table th {
    color: #808080
}
.time-table td,
.time-table th {
    border: 2px solid #d9d9d9
}
.time-table .row-title {
    font-size: 24px
}
.time-table .time-row {
    font-weight: 600
}
.time-table .name {
    font-weight: 600;
    width: 100%;
    display: block;
    margin-bottom: 15px
}
.time-table .author-ava {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 15px;
    overflow: hidden;
    float: left
}
.time-table .author-ava>img {
    border-radius: 50%
}
.time-table.time-table-dark {
    border-color: #fff
}
.time-table.time-table-dark td,
.time-table.time-table-dark th {
    background-color: #4d4d4d;
    border-color: #fff;
    color: #fff
}
.btn {
    display: inline-block;
    height: 48px;
    line-height: 45px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    border: 1px solid transparent;
    padding: 0 24px;
    margin: 0 0 20px;
    margin-right: 10px;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    background-color: #4d4d4d
}
.btn:hover {
    background-color: #343434
}
.btn:hover {
    color: #fff;
    text-decoration: none;
    outline: none
}
.btn:focus {
    outline: none;
    text-decoration: none
}
.btn:active,
.btn.active {
    outline: 0;
    background-image: none;
    text-decoration: none
}
.btn.disabled,
.btn[disabled] {
    cursor: not-allowed;
    background-color: #808080 !important
}
.btn.disabled:hover,
.btn[disabled]:hover {
    background-color: #808080 !important
}
.btn i,
.btn i:before {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    margin-top: -2px;
    font-size: 14px
}
.btn.btn-pill {
    border-radius: 24px
}
.btn.btn-rounded {
    border-radius: 6px
}
.btn.btn-divided i {
    display: inline-block;
    height: 100%;
    text-align: center;
    padding: 0 17px;
    vertical-align: middle;
    margin-top: -2px
}
.btn.btn-divided i:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em
}
.btn.btn-divided.btn-icon-right {
    padding-right: 0
}
.btn.btn-divided.btn-icon-right i {
    border-left: 1px solid;
    margin-left: 24px
}
.btn.btn-divided.btn-icon-left {
    padding-left: 0
}
.btn.btn-divided.btn-icon-left i {
    border-right: 1px solid;
    margin-right: 24px
}
.btn.btn-circle {
    padding: 70px;
    border-radius: 50%;
    position: relative;
    background: transparent !important;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, #ffffff 100%, #000000 100%);
    mask-image: -webkit-radial-gradient(circle, #ffffff 100%, #000000 100%)
}
.btn.btn-circle:hover i {
    box-shadow: 0px 12px 36px -6px rgba(0, 0, 0, 0.75)
}
.btn.btn-circle:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: .15
}
.btn.btn-circle i {
    position: absolute;
    padding: 17px;
    width: 75px;
    height: 75px;
    top: 50%;
    left: 50%;
    margin-top: 0 !important;
    z-index: 5;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.btn.btn-circle i:before {
    line-height: 1;
    font-size: 36px;
    margin-top: 3px
}
.btn.btn-circle i[class*="fe-icon-"]:before {
    margin-top: -3px !important
}
.btn.btn-circle i:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}
.btn.btn-circle.btn-light i {
    background-color: #fff;
    box-shadow: 0px 5px 23px -6px rgba(0, 0, 0, 0.75);
    color: #ff8f2b
}
.btn.btn-circle.btn-light:after {
    background-color: rgba(255, 255, 255, 0.9)
}
.btn.btn-circle.btn-light:hover i {
    box-shadow: 0px 12px 36px -6px rgba(0, 0, 0, 0.75)
}
.btn.btn-circle.gray-circle:after {
    background-color: rgba(80, 80, 80, 0.6)
}
a.btn.disabled,
fieldset[disabled] a.btn {
    opacity: .5;
    pointer-events: none;
    pointer: not-allowed
}
.btn-default,
.btn-default:hover,
.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-success,
.btn-success:hover,
.btn-success:active,
.btn-success:focus,
.btn-info,
.btn-info:hover,
.btn-info:active,
.btn-info:focus,
.btn-warning,
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus,
.btn-danger,
.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus {
    color: #fff
}
.btn-default {
    background-color: #4d4d4d
}
.btn-default:hover {
    background-color: #343434
}
.btn-primary {
    background-color: #ff8f2b
}
.btn-primary:hover {
    background-color: #f77500
}
.btn-success {
    background-color: #00c96d
}
.btn-success:hover {
    background-color: #009651
}
.btn-info {
    background-color: #988ae8
}
.btn-info:hover {
    background-color: #725fe0
}
.btn-warning {
    background-color: #ffc12b
}
.btn-warning:hover {
    background-color: #f7af00
}
.btn-danger {
    background-color: #ff2b2b
}
.btn-danger:hover {
    background-color: #f70000
}
.btn-light {
    background-color: #fff;
    color: #000
}
.btn-light:hover {
    color: #000;
    background-color: #fff
}
.btn-light.btn-default,
.btn-light.btn-default:hover {
    color: #4d4d4d
}
.btn-light.btn-primary,
.btn-light.btn-primary:hover {
    color: #ff8f2b
}
.btn-light.btn-info,
.btn-light.btn-info:hover {
    color: #988ae8
}
.btn-light.btn-successt,
.btn-light.btn-success:hover {
    color: #00c96d
}
.btn-light.btn-warning,
.btn-light.btn-warning:hover {
    color: #ffc12b
}
.btn-light.btn-danger,
.btn-light.btn-danger:hover {
    color: #ff2b2b
}
.btn-ghost {
    background-color: transparent;
    color: #4d4d4d;
    border-color: #4d4d4d
}
.btn-ghost i {
    border-color: #4d4d4d
}
.btn-ghost:hover {
    color: #fff;
    background-color: #4d4d4d
}
.btn-ghost:hover i {
    color: #fff;
    border-color: #fff
}
.btn-ghost.btn-default {
    background-color: transparent;
    color: #4d4d4d;
    border-color: #4d4d4d
}
.btn-ghost.btn-default i {
    border-color: #4d4d4d
}
.btn-ghost.btn-default:hover {
    color: #fff;
    background-color: #4d4d4d
}
.btn-ghost.btn-default:hover i {
    color: #fff;
    border-color: #fff
}
.btn-ghost.btn-primary {
    background-color: transparent;
    color: #ff8f2b;
    border-color: #ff8f2b
}
.btn-ghost.btn-primary i {
    border-color: #ff8f2b
}
.btn-ghost.btn-primary:hover {
    color: #fff;
    background-color: #ff8f2b
}
.btn-ghost.btn-primary:hover i {
    color: #fff;
    border-color: #fff
}
.btn-ghost.btn-success {
    background-color: transparent;
    color: #00c96d;
    border-color: #00c96d
}
.btn-ghost.btn-success i {
    border-color: #00c96d
}
.btn-ghost.btn-success:hover {
    color: #fff;
    background-color: #00c96d
}
.btn-ghost.btn-success:hover i {
    color: #fff;
    border-color: #fff
}
.btn-ghost.btn-info {
    background-color: transparent;
    color: #988ae8;
    border-color: #988ae8
}
.btn-ghost.btn-info i {
    border-color: #988ae8
}
.btn-ghost.btn-info:hover {
    color: #fff;
    background-color: #988ae8
}
.btn-ghost.btn-info:hover i {
    color: #fff;
    border-color: #fff
}
.btn-ghost.btn-warning {
    background-color: transparent;
    color: #ffc12b;
    border-color: #ffc12b
}
.btn-ghost.btn-warning i {
    border-color: #ffc12b
}
.btn-ghost.btn-warning:hover {
    color: #fff;
    background-color: #ffc12b
}
.btn-ghost.btn-warning:hover i {
    color: #fff;
    border-color: #fff
}
.btn-ghost.btn-danger {
    background-color: transparent;
    color: #ff2b2b;
    border-color: #ff2b2b
}
.btn-ghost.btn-danger i {
    border-color: #ff2b2b
}
.btn-ghost.btn-danger:hover {
    color: #fff;
    background-color: #ff2b2b
}
.btn-ghost.btn-danger:hover i {
    color: #fff;
    border-color: #fff
}
.btn-ghost.btn-light {
    background-color: transparent;
    color: #fff;
    border-color: #fff
}
.btn-ghost.btn-light i {
    border-color: #fff
}
.btn-ghost.btn-light:hover {
    color: #fff;
    background-color: #fff
}
.btn-ghost.btn-light:hover i {
    color: #fff;
    border-color: #fff
}
.btn-ghost.btn-light:hover {
    color: #000
}
.btn-circle:after,
.btn-circle i {
    background-color: #4d4d4d
}
.btn-circle.btn-default:after,
.btn-circle.btn-default i {
    background-color: #4d4d4d
}
.btn-circle.btn-primary:after,
.btn-circle.btn-primary i {
    background-color: #ff8f2b
}
.btn-circle.btn-success:after,
.btn-circle.btn-success i {
    background-color: #00c96d
}
.btn-circle.btn-info:after,
.btn-circle.btn-info i {
    background-color: #988ae8
}
.btn-circle.btn-warning:after,
.btn-circle.btn-warning i {
    background-color: #ffc12b
}
.btn-circle.btn-danger:after,
.btn-circle.btn-danger i {
    background-color: #ff2b2b
}
.btn-circle.btn-light:after,
.btn-circle.btn-light i {
    background-color: #fff
}
.btn-circle.btn-light:hover {
    color: #000
}
.btn-sm {
    height: 36px;
    font-size: 12px;
    line-height: 33px;
    padding: 0 20px
}
.btn-alt {
    border-radius: 4px
}
.btn-inline {
    margin-top: 0;
    margin-bottom: 0
}
.btn i,
.btn i:before {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px
}
.btn-icon-left {
    padding-left: 21px
}
.btn-icon-left i {
    margin-right: 7px
}
.btn-icon-left.btn-sm {
    padding-left: 16px
}
.btn-icon-right {
    padding-right: 21px
}
.btn-icon-right i {
    margin-left: 7px;
    margin-top: -4px
}
.btn-icon-right.btn-sm {
    padding-right: 16px
}
.btn-icon-right:hover i,
.btn-icon-left:hover i {
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.btn-block {
    display: block;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 0
}
.btn-block+.btn-block {
    margin-top: 20px
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%
}
.text-center .btn {
    margin-left: 5px;
    margin-right: 5px
}
.text-center .btn.btn-block {
    margin-left: 0;
    margin-right: 0
}
.text-right .btn {
    margin-left: 10px;
    margin-right: 0
}
.text-right .btn.btn-block {
    margin-left: 0
}
.scroll-to-top-btn {
    display: block;
    position: fixed;
    width: 48px;
    height: 48px;
    line-height: 46px;
    text-align: center;
    text-decoration: none;
    z-index: 1700;
    right: 16px;
    bottom: -96px;
    font-size: 24px;
    background-color: #fff;
    border: none;
    padding-left: 1px;
    opacity: 0;
    -webkit-box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.28);
    box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.28);
    -webkit-transition: bottom 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: bottom 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: bottom 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}
.scroll-to-top-btn i {
    color: #ff8f2b;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s
}
.scroll-to-top-btn:hover {
    background-color: #fff;
    border-color: #fff
}
.scroll-to-top-btn:hover i {
    color: #ff8f2b;
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px)
}
.scroll-to-top-btn.visible {
    bottom: 14px;
    opacity: 1
}
.btn-3d {
    text-transform: uppercase;
    border-radius: 6px;
    font-weight: bold;
    font-size: 12px;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s
}
.btn-3d.btn-default {
    -webkit-box-shadow: 0px 4px 0px #292929;
    box-shadow: 0px 4px 0px #292929
}
.btn-3d.btn-default:hover {
    background-color: #404040
}
.btn-3d.btn-default:active {
    -webkit-box-shadow: 0px 0px 0px #292929;
    box-shadow: 0px 0px 0px #292929
}
.btn-3d.btn-primary {
    -webkit-box-shadow: 0px 4px 0px #e36b00;
    box-shadow: 0px 4px 0px #e36b00
}
.btn-3d.btn-primary:hover {
    background-color: #ff8212
}
.btn-3d.btn-primary:active {
    -webkit-box-shadow: 0px 0px 0px #e36b00;
    box-shadow: 0px 0px 0px #e36b00
}
.btn-3d.btn-info {
    -webkit-box-shadow: 0px 4px 0px #634edc;
    box-shadow: 0px 4px 0px #634edc
}
.btn-3d.btn-info:hover {
    background-color: #8575e4
}
.btn-3d.btn-info:active {
    -webkit-box-shadow: 0px 0px 0px #634edc;
    box-shadow: 0px 0px 0px #634edc
}
.btn-3d.btn-success {
    -webkit-box-shadow: 0px 4px 0px #008246;
    box-shadow: 0px 4px 0px #008246
}
.btn-3d.btn-success:hover {
    background-color: #00b05f
}
.btn-3d.btn-success:active {
    -webkit-box-shadow: 0px 0px 0px #008246;
    box-shadow: 0px 0px 0px #008246
}
.btn-3d.btn-warning {
    -webkit-box-shadow: 0px 4px 0px #e3a000;
    box-shadow: 0px 4px 0px #e3a000
}
.btn-3d.btn-warning:hover {
    background-color: #ffba12
}
.btn-3d.btn-warning:active {
    -webkit-box-shadow: 0px 0px 0px #e3a000;
    box-shadow: 0px 0px 0px #e3a000
}
.btn-3d.btn-danger {
    -webkit-box-shadow: 0px 4px 0px #e30000;
    box-shadow: 0px 4px 0px #e30000
}
.btn-3d.btn-danger:hover {
    background-color: #ff1212
}
.btn-3d.btn-danger:active {
    -webkit-box-shadow: 0px 0px 0px #e30000;
    box-shadow: 0px 0px 0px #e30000
}
.btn-3d:active {
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    -ms-transform: translateY(4px);
    -o-transform: translateY(4px);
    transform: translateY(4px)
}
.close-btn {
    font-size: 24px;
    background: none;
    border: none;
    color: #ff2b2b;
    padding-left: 0;
    padding-right: 0
}
.close-btn:focus {
    outline: none
}
.login-btn,
.google-login,
.twitter-login,
.facebook-login {
    position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    margin: 0;
    margin-bottom: 12px;
    padding: 0 45px 0 25px
}
.login-btn>i,
.google-login>i,
.twitter-login>i,
.facebook-login>i {
    position: absolute;
    top: 50%;
    right: 25px;
    margin-top: -7px
}
.login-btn>i:before,
.google-login>i:before,
.twitter-login>i:before,
.facebook-login>i:before {
    font-size: 14px
}
.google-login {
    background-color: #f4b400
}
.google-login:hover {
    background-color: #c18e00
}
.twitter-login {
    background-color: #55acee
}
.twitter-login:hover {
    background-color: #2795e9
}
.facebook-login {
    background-color: #3b5998
}
.facebook-login:hover {
    background-color: #2d4373
}
.btn-app-store,
.btn-google-play,
.btn-windows,
.btn-amazon {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    border: none;
    margin: 10px 10px 10px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}
.btn-app-store,
.btn-windows,
.btn-amazon {
    width: 216px;
    height: 72px
}
.btn-google-play {
    width: 228px;
    height: 88px;
    margin-top: 15px
}
.btn-app-store {
    background-image: url(../img/store-apple.png)
}
.btn-google-play {
    background-image: url(../img/store-google-play.png);
    margin-top: 5px
}
.btn-amazon {
    background-image: url(../img/store-amazon.png)
}
.btn-windows {
    background-image: url(../img/store-windows.png)
}
.btn-kickstarter {
    background-color: #2bde73
}
.btn-kickstarter:hover {
    background-color: #1db95c
}
.btn-indie {
    background-color: #eb1478
}
.btn-indie:hover {
    background-color: #bc1060
}
.btn-group-container {
    display: inline-block
}
.btn-group-container:before,
.btn-group-container:after {
    content: " ";
    display: table
}
.btn-group-container:after {
    clear: both
}
.btn-group-container .btn {
    float: left;
    margin: 0 0 14px
}
/*!
 * Waves v0.6.0
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */

.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}
.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    z-index: 10;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    background: -webkit-radial-gradient(rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.4) 60%, rgba(255, 255, 255, 0) 70%);
    background: -o-radial-gradient(rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.4) 60%, rgba(255, 255, 255, 0) 70%);
    background: -moz-radial-gradient(rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.4) 60%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.4) 60%, rgba(255, 255, 255, 0) 70%);
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    pointer-events: none
}
.waves-effect.waves-light .waves-ripple {
    background: rgba(255, 255, 255, 0.5);
    background: -webkit-radial-gradient(rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0.4) 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0) 70%);
    background: -o-radial-gradient(rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0.4) 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0) 70%);
    background: -moz-radial-gradient(rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0.4) 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0.4) 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0) 70%)
}
.waves-effect.waves-classic .waves-ripple {
    background: rgba(0, 0, 0, 0.2)
}
.waves-effect.waves-classic.waves-light .waves-ripple {
    background: rgba(255, 255, 255, 0.5)
}
.owl-height {
    -webkit-transition: height 400ms;
    -o-transition: height 400ms;
    transition: height 400ms
}
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px)
}
.owl-carousel .owl-controls {
    text-align: center
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.owl-carousel .owl-controls .owl-nav {
    margin-right: 1px
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next {
    position: absolute;
    display: block;
    bottom: 1px;
    margin-top: -18px;
    width: 36px;
    height: 36px;
    background-color: #ff8f2b;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    opacity: .5;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out
}
.owl-carousel .owl-controls .owl-nav .owl-prev:before,
.owl-carousel .owl-controls .owl-nav .owl-next:before {
    font-family: "feather"
}
.owl-carousel .owl-controls .owl-nav .owl-prev:hover,
.owl-carousel .owl-controls .owl-nav .owl-next:hover {
    opacity: 1
}
.owl-carousel .owl-controls .owl-nav .owl-prev {
    right: 36px
}
.owl-carousel .owl-controls .owl-nav .owl-next {
    right: 0px
}
.owl-carousel .owl-controls .owl-nav .owl-prev:before,
.owl-carousel .owl-controls .owl-nav .owl-next:before {
    display: block;
    line-height: 36px
}
.owl-carousel .owl-controls .owl-nav .owl-prev:before {
    content: "\e094"
}
.owl-carousel .owl-controls .owl-nav .owl-next:before {
    content: "\e095"
}
.owl-carousel .owl-controls .owl-dots {
    position: absolute;
    top: -30px;
    width: 100%;
    text-align: center;
    z-index: 10
}
.owl-carousel .owl-controls .owl-dots .owl-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #4d4d4d;
    opacity: 0.3;
    margin: 0 4px 7px 4px;
    -webkit-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    transition: opacity 0.25s
}
.owl-carousel .owl-controls .owl-dots .owl-dot.active {
    opacity: 1
}
.owl-carousel.owl-loaded {
    display: block
}
.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}
.owl-carousel.owl-hidden {
    opacity: 0
}
.owl-carousel .owl-refresh .owl-item {
    display: none
}
.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.owl-carousel .owl-item img {
    display: block;
    margin: 0 auto;
    -webkit-transform-style: preserve-3d
}
.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}
.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}
.owl-carousel.owl-rtl {
    direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
    float: right
}
.light-skin .owl-dot {
    background-color: #fff !important
}
.no-js .owl-carousel {
    display: block
}
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms;
    -o-transition: opacity 400ms;
    transition: opacity 400ms
}
.owl-carousel .owl-item img {
    transform-style: preserve-3d
}
.logo-carousel .owl-carousel .owl-stage {
    padding: 10px 0
}
.logo-carousel .owl-carousel .owl-controls .owl-nav .owl-prev {
    right: auto
}
.logo-carousel .owl-carousel .owl-controls .owl-nav .owl-prev,
.logo-carousel .owl-carousel .owl-controls .owl-nav .owl-next {
    bottom: -4px;
    color: #fff
}
.comments-carousel .owl-carousel .owl-stage {
    padding: 10px 0
}
.comments-carousel .owl-carousel .owl-controls .owl-nav .owl-prev {
    right: auto
}
.comments-carousel .owl-carousel .owl-controls .owl-nav .owl-prev,
.comments-carousel .owl-carousel .owl-controls .owl-nav .owl-next {
    bottom: -7px;
    color: #fff
}
.square-bullets .tp-bullet {
    width: 48px;
    height: 8px;
    background-color: transparent
}
.square-bullets .tp-bullet span {
    height: 1px;
    background: rgba(255, 255, 255, 0.3);
    display: block;
    margin-top: 2px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s
}
.square-bullets .tp-bullet.selected span,
.square-bullets .tp-bullet:hover span {
    height: 4px;
    background: #fff
}
.tparrows {
    background-color: #ff8f2b;
    -webkit-transition: all, 0.2s;
    -o-transition: all, 0.2s;
    transition: all, 0.2s
}
.tparrows:hover {
    background-color: #f77500
}
.social-bar .title {
    color: #808080;
    display: inline-block;
    margin-right: 24px;
    font-style: italic
}
.social-bar a {
    display: inline-block;
    height: 36px;
    width: 36px;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0;
    margin-right: 2px;
    margin-bottom: 6px;
    border: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.social-bar.text-center a {
    margin-left: 1px;
    margin-right: 1px
}
.social-bar.text-right a {
    margin-left: 2px;
    margin-right: 0
}
.social-bar.bar-fixed-right,
.social-bar.bar-fixed-left {
    position: fixed;
    z-index: 1750;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    top: 50%;
    padding: 5px;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}
.social-bar.bar-fixed-right a,
.social-bar.bar-fixed-left a {
    display: block;
    margin-right: 0
}
.social-bar.bar-fixed-right a:last-child,
.social-bar.bar-fixed-left a:last-child {
    margin-bottom: 0
}
@media screen and (max-width: 991px) {
    .social-bar.bar-fixed-right,
    .social-bar.bar-fixed-left {
        display: none
    }
}
.social-bar.bar-fixed-left {
    right: auto;
    left: 16px
}
.text-center .social-bar a {
    margin-left: 1px;
    margin-right: 1px
}
.text-right .social-bar a {
    margin-left: 2px;
    margin-right: 0
}
.sb-email {
    color: #4d4d4d;
    background-color: rgba(77, 77, 77, 0.1)
}
.sb-email:hover {
    color: #fff;
    background-color: #4d4d4d
}
.sb-behance {
    color: #1769ff;
    background-color: rgba(23, 105, 255, 0.1)
}
.sb-behance:hover {
    color: #fff;
    background-color: #1769ff
}
.sb-bitbucket {
    color: #205081;
    background-color: rgba(32, 80, 129, 0.1)
}
.sb-bitbucket:hover,
.sb-bitbucket:focus {
    color: #fff;
    background-color: #205081
}
.sb-codepen {
    color: #76daff;
    background-color: rgba(118, 218, 255, 0.1)
}
.sb-codepen:hover,
.sb-codepen:focus {
    color: #fff;
    background-color: #76daff
}
.sb-deviantart {
    color: #4e6252;
    background-color: rgba(78, 98, 82, 0.1)
}
.sb-deviantart:hover,
.sb-deviantart:focus {
    color: #fff;
    background-color: #4e6252
}
.sb-digg {
    color: #000;
    background-color: rgba(0, 0, 0, 0.1)
}
.sb-digg:hover,
.sb-digg:focus {
    color: #fff;
    background-color: #000
}
.sb-dribbble {
    color: #ea4c89;
    background-color: rgba(234, 76, 137, 0.1)
}
.sb-dribbble:hover,
.sb-dribbble:focus {
    color: #fff;
    background-color: #ea4c89
}
.sb-dropbox {
    color: #007ee5;
    background-color: rgba(0, 126, 229, 0.1)
}
.sb-dropbox:hover,
.sb-dropbox:focus {
    color: #fff;
    background-color: #007ee5
}
.sb-facebook {
    color: #3b5998;
    background-color: rgba(59, 89, 152, 0.1)
}
.sb-facebook:hover,
.sb-facebook:focus {
    color: #fff;
    background-color: #3b5998
}
.sb-flickr {
    color: #0063dc;
    background-color: rgba(0, 99, 220, 0.1)
}
.sb-flickr:hover,
.sb-flickr:focus {
    color: #fff;
    background-color: #0063dc
}
.sb-foursquare {
    color: #ef4b78;
    background-color: rgba(239, 75, 120, 0.1)
}
.sb-foursquare:hover,
.sb-foursquare:focus {
    color: #fff;
    background-color: #ef4b78
}
.sb-github {
    color: #4183c4;
    background-color: rgba(65, 131, 196, 0.1)
}
.sb-github:hover,
.sb-github:focus {
    color: #fff;
    background-color: #4183c4
}
.sb-google-plus {
    color: #dd4b39;
    background-color: rgba(221, 75, 57, 0.1)
}
.sb-google-plus:hover,
.sb-google-plus:focus {
    color: #fff;
    background-color: #dd4b39
}
.sb-instagram {
    color: #3f729b;
    background-color: rgba(63, 114, 155, 0.1)
}
.sb-instagram:hover,
.sb-instagram:focus {
    color: #fff;
    background-color: #3f729b
}
.sb-jsfiddle {
    color: #4679bd;
    background-color: rgba(70, 121, 189, 0.1)
}
.sb-jsfiddle:hover,
.sb-jsfiddle:focus {
    color: #fff;
    background-color: #4679bd
}
.sb-lastfm {
    color: #e31b23;
    background-color: rgba(227, 27, 35, 0.1)
}
.sb-lastfm:hover,
.sb-lastfm:focus {
    color: #fff;
    background-color: #e31b23
}
.sb-linkedin {
    color: #0976b4;
    background-color: rgba(9, 118, 180, 0.1)
}
.sb-linkedin:hover,
.sb-linkedin:focus {
    color: #fff;
    background-color: #0976b4
}
.sb-paypal {
    color: #253b80;
    background-color: rgba(37, 59, 128, 0.1)
}
.sb-paypal:hover,
.sb-paypal:focus {
    color: #fff;
    background-color: #253b80
}
.sb-pinterest {
    color: #cc2127;
    background-color: rgba(204, 33, 39, 0.1)
}
.sb-pinterest:hover,
.sb-pinterest:focus {
    color: #fff;
    background-color: #cc2127
}
.sb-reddit {
    color: #ff4500;
    background-color: rgba(255, 69, 0, 0.1)
}
.sb-reddit:hover,
.sb-reddit:focus {
    color: #fff;
    background-color: #ff4500
}
.sb-skype {
    color: #00aff0;
    background-color: rgba(0, 175, 240, 0.1)
}
.sb-skype:hover,
.sb-skype:focus {
    color: #fff;
    background-color: #00aff0
}
.sb-soundcloud {
    color: #f80;
    background-color: rgba(255, 136, 0, 0.1)
}
.sb-soundcloud:hover,
.sb-soundcloud:focus {
    color: #fff;
    background-color: #f80
}
.sb-stackoverflow {
    color: #fe7a15;
    background-color: rgba(254, 122, 21, 0.1)
}
.sb-stackoverflow:hover,
.sb-stackoverflow:focus {
    color: #fff;
    background-color: #fe7a15
}
.sb-steam {
    color: #7da10e;
    background-color: rgba(125, 161, 14, 0.1)
}
.sb-steam:hover,
.sb-steam:focus {
    color: #fff;
    background-color: #7da10e
}
.sb-stumbleupon {
    color: #eb4924;
    background-color: rgba(235, 73, 36, 0.1)
}
.sb-stumbleupon:hover,
.sb-stumbleupon:focus {
    color: #fff;
    background-color: #eb4924
}
.sb-trello {
    color: #256a92;
    background-color: rgba(37, 106, 146, 0.1)
}
.sb-trello:hover,
.sb-trello:focus {
    color: #fff;
    background-color: #256a92
}
.sb-tumblr {
    color: #35465c;
    background-color: rgba(53, 70, 92, 0.1)
}
.sb-tumblr:hover,
.sb-tumblr:focus {
    color: #fff;
    background-color: #35465c
}
.sb-twitch {
    color: #6441a5;
    background-color: rgba(100, 65, 165, 0.1)
}
.sb-twitch:hover,
.sb-twitch:focus {
    color: #fff;
    background-color: #6441a5
}
.sb-twitter {
    color: #55acee;
    background-color: rgba(85, 172, 238, 0.1)
}
.sb-twitter:hover,
.sb-twitter:focus {
    color: #fff;
    background-color: #55acee
}
.sb-vimeo {
    color: #1ab7ea;
    background-color: rgba(26, 183, 234, 0.1)
}
.sb-vimeo:hover,
.sb-vimeo:focus {
    color: #fff;
    background-color: #1ab7ea
}
.sb-vine {
    color: #00b488;
    background-color: rgba(0, 180, 136, 0.1)
}
.sb-vine:hover,
.sb-vine:focus {
    color: #fff;
    background-color: #00b488
}
.sb-vk {
    color: #45668e;
    background-color: rgba(69, 102, 142, 0.1)
}
.sb-vk:hover,
.sb-vk:focus {
    color: #fff;
    background-color: #45668e
}
.sb-wechat {
    color: #98d11c;
    background-color: rgba(152, 209, 28, 0.1)
}
.sb-wechat:hover,
.sb-wechat:focus {
    color: #fff;
    background-color: #98d11c
}
.sb-wordpress {
    color: #21759b;
    background-color: rgba(33, 117, 155, 0.1)
}
.sb-wordpress:hover,
.sb-wordpress:focus {
    color: #fff;
    background-color: #21759b
}
.sb-xing {
    color: #026466;
    background-color: rgba(2, 100, 102, 0.1)
}
.sb-xing:hover,
.sb-xing:focus {
    color: #fff;
    background-color: #026466
}
.sb-yahoo {
    color: #400191;
    background-color: rgba(64, 1, 145, 0.1)
}
.sb-yahoo:hover,
.sb-yahoo:focus {
    color: #fff;
    background-color: #400191
}
.sb-yelp {
    color: #af0606;
    background-color: rgba(175, 6, 6, 0.1)
}
.sb-yelp:hover,
.sb-yelp:focus {
    color: #fff;
    background-color: #af0606
}
.sb-youtube {
    color: #e52d27;
    background-color: rgba(229, 45, 39, 0.1)
}
.sb-youtube:hover,
.sb-youtube:focus {
    color: #fff;
    background-color: #e52d27
}
.page-title {
    width: 100%;
    padding: 9px;
    background-color: #f3f3f3;
    background-size: cover;
    background-position: center
}
.page-title .inner {
    display: table;
    width: 100%
}
.page-title .column {
    display: table-cell;
    vertical-align: middle;
    width: 50%
}
.page-title .column:last-child {
    text-align: right
}
.page-title .title {
    display: inline-block;
    position: relative;
    padding: 0;
    background-color: #f3f3f3;
    overflow: hidden
}
.page-title .title h1 {
    font-size: 24px;
    font-weight: normal;
    color: #4d4d4d;
    margin: 0
}
.page-title .breadcrumbs {
    display: inline-block;
    padding: 9px 24px 11px 24px
}
.page-title .breadcrumbs>* {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 300
}
.page-title .breadcrumbs>*:last-child {
    margin-right: 0
}
.page-title .breadcrumbs a {
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    border: none
}
.page-title .breadcrumbs a:hover {
    color: #de6800
}
@media screen and (max-width: 480px) {
    .page-title .breadcrumbs {
        padding-left: 0
    }
}
.page-title.pt-fullwidth>.container {
    width: 100%
}
.page-title.pt-mega {
    position: relative;
    text-align: center;
    margin-bottom: 0
}
.page-title.pt-mega .title {
    background: transparent;
    position: relative;
    z-index: 10;
    padding: 67.2px 0 60px
}
.page-title.pt-mega .title h1 {
    font-size: 60px;
    padding-bottom: 24px
}
.page-title.pt-mega .title p {
    max-width: 500px
}
.page-title.pt-mega .overlay {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5
}
@media screen and (max-width: 480px) {
    .page-title .inner,
    .page-title .column {
        display: block;
        width: 100%
    }
    .page-title .inner:last-child,
    .page-title .column:last-child {
        text-align: left;
        padding-top: 15px
    }
}
.navbar {
    position: relative;
    z-index: 1700;
    width: 100%;
    top: 0;
    left: 0
}
.navbar .nav-bar-inner {
    width: 100%
}
.navbar .nav-bar-inner .container {
    position: relative;
    display: table
}
.navbar .nav-bar-inner .container>* {
    display: table-cell;
    vertical-align: middle;
    height: 100%
}
.navbar .nav-bar-inner .btn:not(.btn-ghost) {
    margin: 0 auto;
    padding: 8px 10px;
    height: auto;
    line-height: 1
}
.navbar .nav-bar-inner.light-skin a,
.navbar .nav-bar-inner.light-skin i,
.navbar .nav-bar-inner.light-skin .search-btn i {
    color: #fff
}
.navbar .nav-bar-inner .has-mega-menu>ul {
    margin-top: -27px !important;
    padding-top: 27px
}
@media screen and (max-width: 991px) {
    .navbar .nav-bar-inner .has-mega-menu>ul {
        margin-top: 0 !important;
        padding-top: 24px
    }
}
.navbar .nav-bar-inner .stuck .has-mega-menu ul {
    margin-top: 0 !important;
    padding-top: 24px
}
.navbar .topbar {
    position: relative;
    padding: 8px 0;
    background-color: transparent;
    overflow: hidden
}
@media screen and (max-width: 991px) {
    .navbar .topbar {
        display: none
    }
}
.navbar .topbar .container {
    padding: 0
}
.navbar .topbar .container>* {
    float: left;
    margin: 0
}
.navbar .topbar .text {
    line-height: 24px;
    padding: 4px 10px
}
.navbar .topbar .btn {
    margin: 0 auto;
    padding: 4px 10px;
    height: auto;
    line-height: 24px
}
.navbar .toolbar {
    text-align: right
}
.navbar .toolbar>* {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px
}
.navbar .toolbar>*:first-child {
    margin-right: 22px
}
.navbar .toolbar>*:last-child {
    margin-right: 0
}
.navbar .toolbar a:not(.btn-ghost) {
    padding-bottom: 2px;
    color: #4d4d4d
}
.navbar .toolbar a:not(.btn-ghost):hover {
    color: #ff8f2b
}
.navbar .toolbar a:not(.btn-ghost):focus {
    outline: none
}
.navbar .toolbar a:not(.btn-ghost) i {
    padding-right: 8px
}
.navbar .toolbar .search-btn>i {
    width: 36px;
    height: 36px;
    color: #4d4d4d;
    text-align: center;
    line-height: 31px;
    padding-bottom: 0;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.navbar .toolbar .search-btn>i:hover {
    color: #ff8f2b
}
.navbar .toolbar .search-btn {
    position: relative
}
.navbar .toolbar .search-btn .search-box {
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    width: 0px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s
}
.navbar .toolbar .search-btn .search-box input[type="text"] {
    padding-left: 40px
}
.navbar .toolbar .search-btn .search-box button[type="submit"] {
    position: absolute;
    width: 32px;
    height: 32px;
    line-height: 0.9;
    padding: 0;
    top: 2px;
    left: 2px;
    color: #4d4d4d;
    text-align: center;
    border: none;
    background-color: transparent;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.navbar .toolbar .search-btn .search-box button[type="submit"]:focus {
    outline: 0
}
.navbar .toolbar .search-btn .search-box button[type="submit"]:hover {
    color: #ff8f2b
}
.navbar .toolbar .search-btn .search-box.open {
    visibility: visible;
    overflow: visible;
    opacity: 1;
    width: 560px
}
.navbar .toolbar .header-meta span {
    font-size: 24px;
    font-weight: 600
}
.navbar .toolbar .header-meta .bottom {
    font-size: 12px;
    font-weight: 600
}
@media screen and (max-width: 991px) {
    .navbar .toolbar .header-meta {
        display: none
    }
}
.navbar .mobile-socials {
    display: none
}
.site-logo {
    display: block;
    width: 147px;
    text-decoration: none;
    border: none;
    left: 15px;
    float: left;
    padding: 10px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
@media screen and (max-width: 360px) {
    .site-logo {
        width: 117px
    }
}
.main-navigation {
    width: auto;
    -webkit-transition: box-shadow 0.25s;
    -o-transition: box-shadow 0.25s;
    transition: box-shadow 0.25s
}
.main-navigation .container {
    position: relative
}
.main-navigation .container:before,
.main-navigation .container:after {
    content: " ";
    display: table
}
.main-navigation .container:after {
    clear: both
}
@media screen and (max-width: 991px) {
    .main-navigation .container {
        padding-left: 0;
        padding-right: 0
    }
}
.main-navigation .menu {
    display: block;
    list-style: none;
    padding: 0;
    margin: -1px auto
}
.main-navigation .menu:before,
.main-navigation .menu:after {
    content: " ";
    display: table
}
.main-navigation .menu:after {
    clear: both
}
.main-navigation .menu li>a {
    display: block;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.main-navigation .menu>li {
    position: relative;
    display: inline-block;
    margin: 0
}
.main-navigation .menu>li.has-mega-menu {
    position: static
}
.main-navigation .menu>li.has-mega-menu>ul {
    width: 100%;
    display: table;
    table-layout: fixed
}
.main-navigation .menu>li.has-mega-menu>ul>* {
    display: table-cell !important;
    vertical-align: top;
    text-align: left;
    padding: 0
}
.main-navigation .menu>li.has-mega-menu>ul>* img {
    display: inline-block
}
.main-navigation .menu>li.has-mega-menu>ul ul li {
    display: block;
    margin-bottom: 12px
}
.main-navigation .menu>li.has-mega-menu>ul ul li:last-child {
    margin-bottom: 0
}
.main-navigation .menu>li.has-mega-menu>ul ul li>a {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #4d4d4d;
    font-weight: 600;
    letter-spacing: normal;
    padding: 0 12px;
    border: 1px solid transparent
}
.main-navigation .menu>li.has-mega-menu>ul ul li>a:hover {
    color: #ff8f2b
}
.main-navigation .menu>li.has-mega-menu>ul ul li.current-menu-item>a,
.main-navigation .menu>li.has-mega-menu>ul ul li.current_page_item>a {
    color: #ff8f2b
}
.main-navigation .menu>li.has-mega-menu:hover>ul,
.main-navigation .menu>li.has-mega-menu .active>ul {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}
.main-navigation .menu>li>a {
    position: relative;
    display: block;
    padding-bottom: 0;
    border: none;
    padding: 14px 25px 1px;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    color: #000
}
.main-navigation .menu>li>a:after {
    display: block;
    visibility: hidden;
    opacity: 0;
    content: "";
    margin-top: 9px;
    width: 100%;
    height: 3px;
    border-bottom: 4px solid #ff8f2b;
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    -ms-transform: translateY(4px);
    -o-transform: translateY(4px);
    transform: translateY(4px);
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s
}
.main-navigation .menu>li.current-page-ancestor>a:after,
.main-navigation .menu>li.current-menu-ancestor>a:after,
.main-navigation .menu>li.current-menu-parent>a:after,
.main-navigation .menu>li.current-page-parent>a:after,
.main-navigation .menu>li.current_page_parent>a:after,
.main-navigation .menu>li.current_page_ancest>a:after,
.main-navigation .menu>li.current-menu-item>a:after,
.main-navigation .menu>li.current_page_item>a:after {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s
}
.main-navigation .menu>li:hover>a:after {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s
}
.main-navigation .menu>li .sub-menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    list-style: none;
    width: 265px;
    padding: 24px;
    background-color: #fff;
    box-shadow: 0 3px 37.9px -4.9px rgba(0, 0, 0, 0.25);
    text-align: left;
    right: 0;
    top: 100%;
    margin-top: -1px;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s
}
.main-navigation .menu>li .sub-menu>li {
    display: block;
    margin-bottom: 12px
}
.main-navigation .menu>li .sub-menu>li:last-child {
    margin-bottom: 0
}
.main-navigation .menu>li .sub-menu>li a {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #4d4d4d;
    font-weight: 600;
    letter-spacing: normal;
    padding: 0 12px;
    border: 1px solid transparent
}
.main-navigation .menu>li .sub-menu>li a:hover,
.main-navigation .menu>li .sub-menu>li a.active {
    color: #ff8f2b
}
.main-navigation .menu>li .sub-menu>li.current-menu-item>a,
.main-navigation .menu>li .sub-menu>li.current_page_item>a,
.main-navigation .menu>li .sub-menu>li.active a {
    color: #ff8f2b
}
.main-navigation .menu>li:hover .sub-menu,
.main-navigation .menu>li.active .sub-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}
.main-navigation.menu-right-align .menu {
    text-align: right
}
.main-navigation.menu-right-align .menu>li:last-child a {
    padding-right: 0
}
.main-navigation.menu-left-align .menu {
    text-align: left
}
.main-navigation.menu-left-align .menu>li:first-child a {
    padding-left: 0
}
.main-navigation.menu-center-align .menu {
    text-align: center
}
.main-navigation.light-skin .menu>li a {
    color: #fff
}
.main-navigation.light-skin .menu>li a:after {
    border-color: #fff
}
.main-navigation.stuck {
    position: fixed;
    top: 0;
    left: 0;
    border-left: 0;
    border-right: 0;
    width: 100%;
    box-shadow: 0 1px 17.9px -1.9px rgba(0, 0, 0, 0.25);
    -webkit-transform: translateY(-110%);
    -moz-transform: translateY(-110%);
    -ms-transform: translateY(-110%);
    -o-transform: translateY(-110%);
    transform: translateY(-110%)
}
@media screen and (max-width: 991px) {
    .main-navigation.stuck {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}
.main-navigation.stuck .stuck-container {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}
.main-navigation.stuck .stuck-container:before,
.main-navigation.stuck .stuck-container:after {
    content: " ";
    display: table
}
.main-navigation.stuck .stuck-container:after {
    clear: both
}
@media (min-width: 768px) {
    .main-navigation.stuck .stuck-container {
        width: 750px
    }
}
@media (min-width: 992px) {
    .main-navigation.stuck .stuck-container {
        width: 970px
    }
}
@media (min-width: 1200px) {
    .main-navigation.stuck .stuck-container {
        width: 1170px
    }
}
.main-navigation.stuck .sub-menu {
    margin-top: 0 !important
}
.main-navigation.stuck-animation {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: transform 0.7s;
    -o-transition: transform 0.7s;
    transition: transform 0.7s
}
.main-navigation .menu-search {
    display: block
}
@media screen and (max-width: 991px) {
    .main-navigation .menu-search {
        display: none !important
    }
}
.menu-search {
    display: block;
    overflow: hidden;
    position: absolute;
    right: 0;
    height: 100%;
    width: 252px
}
.menu-search .menu-search-inner {
    display: block;
    height: 100%;
    position: relative;
    -webkit-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    float: right;
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -ms-transform: translateX(200px);
    -o-transform: translateX(200px);
    transform: translateX(200px)
}
.menu-search .menu-search-inner .submit-cell {
    display: inline-block;
    position: relative;
    padding: 0;
    background-color: #ff8f2b;
    margin-right: -3px
}
.menu-search .menu-search-inner .submit-cell .label {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    line-height: 3;
    font-size: 16px;
    cursor: pointer;
    opacity: 1;
    visibility: visible;
    background-color: #ff8f2b
}
.menu-search .menu-search-inner .submit-cell button {
    height: 48px;
    width: 47px;
    display: inline-block;
    margin: 0;
    padding: 0 16px;
    border: none;
    background-color: transparent;
    outline: none
}
.menu-search .menu-search-inner .input-cell {
    display: inline-block;
    width: 199px
}
.menu-search .menu-search-inner .input-cell .form-control {
    margin: 0;
    height: 47px;
    border: none;
    position: relative;
    top: -2px
}
.menu-search.active .menu-search-inner {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}
.menu-search.active .menu-search-inner .submit-cell .label {
    opacity: 0;
    visibility: hidden
}
.safari .menu-search.active {
    margin-right: 0px
}
.firefox .menu-search .menu-search-inner .submit-cell {
    top: -18px
}
.firefox .menu-search .menu-search-inner .input-cell .form-control {
    top: 0
}
.nav-toggle {
    display: none !important;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    width: 36px;
    height: 47px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.nav-toggle span {
    position: absolute;
    width: 36px;
    height: 2px;
    top: 50%;
    margin-top: -3px;
    background-color: #4d4d4d
}
.nav-toggle span:before,
.nav-toggle span:after {
    position: absolute;
    content: "";
    width: 36px;
    height: 2px;
    left: 0;
    background-color: inherit;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out
}
.nav-toggle span:before {
    top: -5px
}
.nav-toggle span:after {
    bottom: -5px
}
.nav-toggle.active span {
    width: 0px
}
.nav-toggle.active span:before {
    top: 0;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}
.nav-toggle.active span:after {
    bottom: 0;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg)
}
.navbar-fullwidth .nav-bar-inner {
    padding-left: 15px;
    padding-right: 15px
}
.navbar-fullwidth .nav-bar-inner>.container {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}
.navbar.navbar-ghost {
    position: absolute
}
.navbar.navbar-ghost .menu li>a {
    color: #fff
}
@media screen and (max-width: 991px) {
    .navbar.navbar-ghost .menu {
        background-color: #fff
    }
    .navbar.navbar-ghost .menu li a {
        color: #000
    }
    .navbar.navbar-ghost .menu li a:hover {
        color: #ff8f2b
    }
}
.navbar.navbar-ghost .toolbar a {
    color: #fff
}
.navbar.navbar-ghost .toolbar a:hover {
    color: #808080
}
.navbar.navbar-ghost .toolbar .search-btn i {
    color: #fff
}
.navbar.navbar-ghost .toolbar .search-btn i:hover {
    color: #808080
}
.navbar.navbar-ghost .toolbar .search-box.open i {
    color: #4d4d4d
}
.navbar.navbar-ghost .nav-toggle span {
    background-color: #fff
}
.navbar.navbar-ghost .nav-toggle span:before,
.navbar.navbar-ghost .nav-toggle span:after {
    background-color: inherit
}
.navbar.navbar-ghost .stuck.main-navigation {
    background-color: #1a1a1a
}
@media screen and (max-width: 991px) {
    .navbar {
        background-color: transparent
    }
    .navbar .topbar {
        padding-bottom: 18px
    }
    .navbar .nav-toggle {
        display: table-cell !important;
        visibility: visible;
        opacity: 1
    }
    .navbar .toolbar {
        position: relative;
        top: auto;
        right: auto;
        text-align: center;
        margin-top: 0;
        max-height: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s
    }
    .navbar .toolbar .search-btn .search-box.open {
        width: 280px
    }
}
@media screen and (max-width: 991px) and (max-width: 360px) {
    .navbar .toolbar .search-btn .search-box.open {
        width: 205px
    }
}
@media screen and (max-width: 991px) and (max-width: 480px) {
    .navbar .toolbar .search-btn .search-box.open {
        width: 270px
    }
}
@media screen and (max-width: 991px) {
    .navbar .toolbar.expanded {
        margin-top: 15px;
        max-height: 120px
    }
    .navbar .mobile-socials {
        display: block;
        width: 100%;
        padding: 0 15px;
        text-align: center;
        overflow: hidden;
        max-height: 0;
        -webkit-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s
    }
    .navbar .mobile-socials.expanded {
        padding-top: 24px;
        max-height: 80px
    }
    .navbar .main-navigation {
        position: relative;
        overflow: hidden;
        max-height: 0;
        border-color: transparent !important;
        top: auto;
        -webkit-transition: all 0.45s;
        -o-transition: all 0.45s;
        transition: all 0.45s
    }
    .navbar .main-navigation.expanded {
        max-height: 1500px;
        -webkit-box-shadow: 0px 4px 13px -3px rgba(0, 0, 0, 0.45);
        box-shadow: 0px 4px 13px -3px rgba(0, 0, 0, 0.45)
    }
    .navbar .main-navigation .menu {
        display: block;
        width: 100%;
        padding-bottom: 6px
    }
    .navbar .main-navigation .menu>li {
        position: static;
        width: 100%;
        margin-bottom: 5px
    }
    .navbar .main-navigation .menu>li.current-page-ancestor>a,
    .navbar .main-navigation .menu>li.current-menu-ancestor>a,
    .navbar .main-navigation .menu>li.current-menu-parent>a,
    .navbar .main-navigation .menu>li.current-page-parent>a,
    .navbar .main-navigation .menu>li.current_page_parent>a,
    .navbar .main-navigation .menu>li.current_page_ancest>a,
    .navbar .main-navigation .menu>li.current-menu-item>a,
    .navbar .main-navigation .menu>li.current_page_item>a {
        color: #ff8f2b
    }
    .navbar .main-navigation .menu>li a:after {
        display: none !important
    }
    .navbar .main-navigation .menu>li a {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        font-size: 13.8px
    }
    .navbar .main-navigation .menu>li .sub-menu {
        display: block;
        position: relative;
        visibility: hidden;
        text-align: center;
        width: 100%;
        overflow: hidden;
        padding-top: 0;
        padding-bottom: 0;
        max-height: 0;
        background: rgba(0, 0, 0, 0.1);
        box-shadow: none
    }
    .navbar .main-navigation .menu>li .sub-menu.expanded {
        max-height: 1000px;
        visibility: visible;
        padding-top: 24px;
        padding-bottom: 24px;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s
    }
    .navbar .main-navigation .menu>li.has-mega-menu>ul>* {
        display: block !important;
        text-align: center
    }
    .navbar .main-navigation .menu>li.has-mega-menu .sub-menu {
        margin-top: 0
    }
    .navbar .main-navigation .menu>li.active .sub-menu,
    .navbar .main-navigation .menu>li:hover .sub-menu {
        -webkit-animation: none;
        -o-animation: none;
        animation: none
    }
    .navbar .main-navigation .menu>li.active>a {
        color: #ff8f2b;
        background-color: transparent;
        margin-bottom: 15px
    }
    .navbar .main-navigation .menu>li.active>a>i {
        color: #ff8f2b
    }
    .navbar .main-navigation.stuck {
        position: relative;
        top: auto;
        left: auto
    }
    .navbar .main-navigation.stuck .menu>li>a>i {
        font-size: 47px;
        margin-top: 7px;
        margin-bottom: 12px
    }
    .navbar .nav-bar-inner .main-navigation {
        position: absolute;
        left: 0;
        width: 100%;
        display: block;
        top: 100%
    }
    .navbar-fullwidth>.container {
        padding-left: 15px;
        padding-right: 15px
    }
    .navbar-fullwidth .main-navigation {
        padding-left: 0;
        padding-right: 0;
        border: 1px solid #d9d9d9
    }
}
@media screen and (max-width: 768px) {
    .navbar .container {
        width: 100%
    }
}
@media screen and (max-width: 480px) {
    .toolbar a {
        font-size: 0
    }
    .toolbar a i {
        font-size: 14px
    }
}
@media screen and (max-width: 991px) {
    .sticky-wrap {
        height: auto !important
    }
}
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-weight: 400;
    white-space: nowrap;
    font-size: 12px;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
    opacity: 0;
    filter: alpha(opacity=0)
}
.tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100)
}
.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}
.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}
.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}
.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}
.tooltip-inner {
    max-width: 200px;
    padding: 3px 10px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}
.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}
.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}
.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}
.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}
.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}
.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}
.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}
.google-map {
    width: 100%
}
.google-map-container {
    position: relative;
    overflow: hidden
}
@media screen and (max-width: 768px) {
    .google-map-container .container {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%
    }
}
@media screen and (max-width: 680px) {
    .google-map-container .container {
        position: relative
    }
}
.map-info-box {
    max-width: 400px;
    position: absolute;
    z-index: 5;
    top: 24px;
    right: 24px;
    padding: 36px 24px 24px 24px;
    visibility: visible;
    opacity: 1;
    background-color: #fff;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s
}
.map-info-box .map-info-box-logo {
    max-width: 100px
}
@media screen and (max-width: 991px) {
    .map-info-box {
        top: 0;
        right: 0;
        min-height: 100%
    }
}
@media screen and (max-width: 680px) {
    .map-info-box {
        position: relative;
        padding-top: 0
    }
}
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9990;
    overflow: hidden;
    position: fixed;
    background: #000;
    opacity: 0.8
}
.mfp-fade ~ .page-wrapper .main-navigation,
.mfp-fade ~ .page-wrapper .main-navigation.stuck {
    padding-right: 17px
}
.mfp-zoom-out-cur .navbar .main-navigation,
.mfp-zoom-out-cur .navbar .main-navigation.stuck {
    padding-right: 32px
}
.mfp-zoom-out-cur .scroll-to-top-btn,
.mfp-fade ~ .page-wrapper .scroll-to-top-btn,
.mfp-zoom-out-cur .social-bar.bar-fixed-right,
.mfp-fade ~ .page-wrapper .social-bar.bar-fixed-right,
.modal-open .page-wrapper .social-bar.bar-fixed-right {
    right: 33px
}
.mac,
.touch,
.ie10,
.ie11 {
    margin-right: 0 !important
}
.mac .mfp-zoom-out-cur .navbar .main-navigation,
.mac .mfp-zoom-out-cur .navbar .main-navigation.stuck,
.mac .mfp-fade ~ .page-wrapper .main-navigation,
.mac .mfp-fade ~ .page-wrapper .main-navigation.stuck,
.touch .mfp-zoom-out-cur .navbar .main-navigation,
.touch .mfp-zoom-out-cur .navbar .main-navigation.stuck,
.touch .mfp-fade ~ .page-wrapper .main-navigation,
.touch .mfp-fade ~ .page-wrapper .main-navigation.stuck,
.ie10 .mfp-zoom-out-cur .navbar .main-navigation,
.ie10 .mfp-zoom-out-cur .navbar .main-navigation.stuck,
.ie10 .mfp-fade ~ .page-wrapper .main-navigation,
.ie10 .mfp-fade ~ .page-wrapper .main-navigation.stuck,
.ie11 .mfp-zoom-out-cur .navbar .main-navigation,
.ie11 .mfp-zoom-out-cur .navbar .main-navigation.stuck,
.ie11 .mfp-fade ~ .page-wrapper .main-navigation,
.ie11 .mfp-fade ~ .page-wrapper .main-navigation.stuck {
    padding-right: 15px !important
}
.mac .mfp-zoom-out-cur .scroll-to-top-btn,
.mac .mfp-fade ~ .page-wrapper .scroll-to-top-btn,
.mac .mfp-zoom-out-cur .social-bar.bar-fixed-right,
.mac .mfp-fade ~ .page-wrapper .social-bar.bar-fixed-right,
.mac .modal-open .page-wrapper .social-bar.bar-fixed-right,
.touch .mfp-zoom-out-cur .scroll-to-top-btn,
.touch .mfp-fade ~ .page-wrapper .scroll-to-top-btn,
.touch .mfp-zoom-out-cur .social-bar.bar-fixed-right,
.touch .mfp-fade ~ .page-wrapper .social-bar.bar-fixed-right,
.touch .modal-open .page-wrapper .social-bar.bar-fixed-right,
.ie10 .mfp-zoom-out-cur .scroll-to-top-btn,
.ie10 .mfp-fade ~ .page-wrapper .scroll-to-top-btn,
.ie10 .mfp-zoom-out-cur .social-bar.bar-fixed-right,
.ie10 .mfp-fade ~ .page-wrapper .social-bar.bar-fixed-right,
.ie10 .modal-open .page-wrapper .social-bar.bar-fixed-right,
.ie11 .mfp-zoom-out-cur .scroll-to-top-btn,
.ie11 .mfp-fade ~ .page-wrapper .scroll-to-top-btn,
.ie11 .mfp-zoom-out-cur .social-bar.bar-fixed-right,
.ie11 .mfp-fade ~ .page-wrapper .social-bar.bar-fixed-right,
.ie11 .modal-open .page-wrapper .social-bar.bar-fixed-right {
    right: 16px !important
}
.mac .mfp-fade ~ .page-wrapper .main-navigation,
.mac .mfp-fade ~ .page-wrapper .main-navigation.stuck {
    padding-right: 0 !important
}
.mac .mfp-zoom-out-cur .navbar .main-navigation,
.mac .mfp-zoom-out-cur .navbar .main-navigation.stuck {
    padding-right: 15px !important
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}
.mfp-align-top .mfp-container:before {
    display: none
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}
.mfp-ajax-cur {
    cursor: progress
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
    cursor: auto
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}
.mfp-loading.mfp-figure {
    display: none
}
.mfp-hide {
    display: none !important
}
.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}
.mfp-preloader a {
    color: #ccc
}
.mfp-preloader a:hover {
    color: #ccc
}
.mfp-s-ready .mfp-preloader {
    display: none
}
.mfp-s-error .mfp-content {
    display: none
}
button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none
}
button::-moz-focus-inner {
    padding: 0;
    border: 0
}
.mfp-close {
    width: 44px;
    height: 48px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: -5px;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-weight: 300;
    font-size: 36px;
    -webkit-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out
}
.mfp-close:hover,
.mfp-close:focus {
    opacity: 1
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    line-height: 18px;
    white-space: nowrap
}
.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out
}
.mfp-arrow:hover {
    opacity: 1
}
.mfp-arrow:before {
    font-family: FontAwesome;
    font-size: 40px;
    color: #fff;
    line-height: 110px
}
.mfp-arrow-left {
    left: 0
}
.mfp-arrow-left:before {
    content: '\f104'
}
.mfp-arrow-right {
    right: 0
}
.mfp-arrow-right:before {
    content: '\f105'
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}
.mfp-iframe-holder .mfp-close {
    top: -40px
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000
}
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 27px;
    margin: 0 auto
}
.mfp-figure {
    line-height: 0
}
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444
}
.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}
.mfp-figure figure {
    margin: 0
}
.mfp-bottom-bar {
    font-size: 14px;
    margin-top: -20px;
    padding-bottom: 10px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
    opacity: .9
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #fff;
    word-wrap: break-word;
    padding-right: 36px
}
.mfp-image-holder .mfp-content {
    max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}
@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}
@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        -moz-transform: scale(0.75);
        -ms-transform: scale(0.75);
        -o-transform: scale(0.75);
        transform: scale(0.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8
}
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7)
}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}
.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8
}
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0
}
.ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    width: 36px;
    height: 36px;
    background-color: #ff8f2b;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out
}
.ms-skin-default .ms-nav-next:before,
.ms-skin-default .ms-nav-prev:before {
    font-family: "feather"
}
.ms-skin-default .ms-nav-next:hover,
.ms-skin-default .ms-nav-prev:hover {
    background-color: #f77500
}
.ms-skin-default .ms-nav-prev {
    left: 20px
}
.ms-skin-default .ms-nav-next {
    right: 20px
}
.ms-skin-default .ms-nav-prev:before,
.ms-skin-default .ms-nav-next:before {
    display: block;
    line-height: 36px
}
.ms-skin-default .ms-nav-prev:before {
    content: "\e094"
}
.ms-skin-default .ms-nav-next:before {
    content: "\e095"
}
.ms-skin-default .ms-bullet {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #4d4d4d;
    opacity: 0.3;
    margin: 0 4px 7px 4px;
    -webkit-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    transition: opacity 0.25s
}
.ms-skin-default .ms-bullet-selected {
    opacity: 1
}
.ms-skin-default .btn {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.ms-slide {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}
.fw-slider .ms-nav-next,
.fw-slider .ms-nav-prev {
    margin-top: -33px;
    width: 66px;
    height: 66px;
    font-size: 21px;
    background-color: rgba(255, 143, 43, 0.5)
}
.fw-slider .ms-nav-next:hover,
.fw-slider .ms-nav-prev:hover {
    background-color: #ff8f2b
}
.fw-slider .ms-nav-prev:before,
.fw-slider .ms-nav-next:before {
    line-height: 66px
}
.fw-slider .ms-nav-prev {
    left: 0
}
.fw-slider .ms-nav-next {
    right: 0
}
.content-slider img {
    max-width: 100% !important
}
.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}
.pace-inactive {
    display: none
}
.pace .pace-progress {
    background: #000000;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 3px
}
.preloader-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 1999;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s
}
.pace-done .preloader-overlay {
    visibility: hidden;
    opacity: 0
}
.pres-preview {
    padding-bottom: 24px;
    display: inline-block
}
.pres-preview .thumb {
    display: block;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}
.pres-preview .thumb:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    border-color: transparent;
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px)
}
.pres-preview .thumb img {
    width: 100%
}
.pres-preview .title {
    padding-top: 16.8px;
    display: inline-block
}
.pres-preview .title * {
    color: #000;
    font-weight: 400
}
.pres-preview .title:hover * {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: #ff8f2b
}
.panel {
    margin-bottom: 12px;
    background-color: #fff;
    border: none;
    border-radius: 0
}
.panel>.panel-heading {
    background: none
}
.panel-body {
    padding: 20px 24px 25px 24px;
    border: 1px solid #d9d9d9;
    border-top: none
}
.panel-body:before,
.panel-body:after {
    content: " ";
    display: table
}
.panel-body:after {
    clear: both
}
.panel-heading {
    border-bottom: 0;
    border-radius: 0;
    padding: 0;
    border: 1px solid #d9d9d9;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s
}
.panel-heading .panel-title {
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 15px 24px;
    border-radius: 0;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s
}
.panel-heading .panel-title:not(a) {
    padding: 15px 24px;
    color: #000 !important;
    background-color: transparent !important
}
.panel-heading>a {
    position: relative;
    color: #000;
    padding: 14px 30px 14px 0;
    text-decoration: none;
    border: none
}
.panel-heading>a:before {
    position: absolute;
    display: block;
    font-family: "FontAwesome";
    content: "\f0d7";
    top: 50%;
    right: 24px;
    margin-top: -12px;
    font-weight: normal;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s
}
.panel-heading>a.collapsed:before {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg)
}
.panel-heading>a:hover {
    background-color: #ff8f2b;
    color: #fff
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
    border-top: 0;
    border-bottom: 0
}
.panel-group .panel+.panel {
    margin-top: 0
}
.panel-group .panel+.panel .panel-heading {
    border-top: none
}
.panel-group .panel .panel-collapse {
    padding: 0
}
.panel-group .panel .panel-body {
    padding: 12px 24px 30px
}
.panel-group .panel-heading {
    border-bottom: 0
}
.panel-group .panel-heading>.panel-title {
    border-bottom: 1px solid #d9d9d9
}
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 0;
    border-bottom: 1px solid #d9d9d9
}
.collapse {
    display: none
}
.collapse.in {
    display: block
}
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease, visibility 0.35s ease;
    -o-transition: height 0.35s ease, visibility 0.35s ease;
    transition: height 0.35s ease, visibility 0.35s ease
}
.panel.panel-default .panel-heading:hover {
    border-color: #4d4d4d
}
.panel-shown {
    background-color: #4d4d4d !important;
    border-color: #4d4d4d;
    color: white !important;
}
.panel.panel-default .panel-heading:hover a:hover {
    background-color: #4d4d4d;
    border-color: #4d4d4d
}
.panel.panel-primary .panel-heading:hover {
    border-color: #ff8f2b
}
.panel.panel-primary .panel-heading:hover a:hover {
    background-color: #ff8f2b;
    border-color: #ff8f2b
}
.panel.panel-success .panel-heading:hover {
    border-color: #00c96d
}
.panel.panel-success .panel-heading:hover a:hover {
    background-color: #00c96d;
    border-color: #00c96d
}
.panel.panel-info .panel-heading:hover {
    border-color: #988ae8
}
.panel.panel-info .panel-heading:hover a:hover {
    background-color: #988ae8;
    border-color: #988ae8
}
.panel.panel-warning .panel-heading:hover {
    border-color: #ffc12b
}
.panel.panel-warning .panel-heading:hover a:hover {
    background-color: #ffc12b;
    border-color: #ffc12b
}
.panel.panel-danger .panel-heading:hover {
    border-color: #ff2b2b
}
.panel.panel-danger .panel-heading:hover a:hover {
    background-color: #ff2b2b;
    border-color: #ff2b2b
}
.nav-tabs,
.nav-filters {
    display: inline-block;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    border: none
}
.nav-tabs:before,
.nav-tabs:after,
.nav-filters:before,
.nav-filters:after {
    content: " ";
    display: table
}
.nav-tabs:after,
.nav-filters:after {
    clear: both
}
.nav-tabs>li,
.nav-filters>li {
    position: relative;
    display: block;
    z-index: 1;
    float: left;
    background-color: transparent;
    padding: 0 6px;
    margin-bottom: 10px
}
.nav-tabs>li>a,
.nav-filters>li>a {
    position: relative;
    z-index: 0;
    display: block;
    color: #ff8f2b;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-decoration: none;
    font-weight: bold;
    padding: 5px 18px;
    line-height: 1.5;
    border: none;
    border-radius: 0;
    margin-right: -1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus,
.nav-filters>li>a:hover,
.nav-filters>li>a:focus {
    text-decoration: none;
    outline: none
}
.nav-tabs>li>a:after,
.nav-filters>li>a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #ff8f2b;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.nav-tabs>li>a:hover,
.nav-filters>li>a:hover {
    color: #ff8f2b
}
.nav-tabs>li>a:hover:after,
.nav-filters>li>a:hover:after {
    height: 4px;
    bottom: -4px
}
.nav-tabs>li>a i,
.nav-filters>li>a i {
    display: block;
    font-size: 36px;
    margin-bottom: 10px
}
.nav-tabs>li.active,
.nav-filters>li.active {
    z-index: 5
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-filters>li.active>a,
.nav-filters>li.active>a:hover {
    color: #ff8f2b;
    border: none;
    cursor: default
}
.nav-tabs>li.active>a:after,
.nav-tabs>li.active>a:hover:after,
.nav-filters>li.active>a:after,
.nav-filters>li.active>a:hover:after {
    height: 4px;
    bottom: -4px
}
.nav-tabs.vertical li,
.nav-filters.vertical li {
    display: block;
    float: none;
    text-align: center;
    margin: 13px auto
}
.nav-tabs.tabs-default .panel-heading:hover,
.nav-filters.tabs-default .panel-heading:hover {
    border-color: #4d4d4d
}
.nav-tabs.tabs-default .panel-heading:hover a:hover,
.nav-filters.tabs-default .panel-heading:hover a:hover {
    background-color: #4d4d4d;
    border-color: #4d4d4d
}
.nav-tabs.tabs-primary .panel-heading:hover,
.nav-filters.tabs-primary .panel-heading:hover {
    border-color: #ff8f2b
}
.nav-tabs.tabs-primary .panel-heading:hover a:hover,
.nav-filters.tabs-primary .panel-heading:hover a:hover {
    background-color: #ff8f2b;
    border-color: #ff8f2b
}
.nav-tabs.tabs-success .panel-heading:hover,
.nav-filters.tabs-success .panel-heading:hover {
    border-color: #00c96d
}
.nav-tabs.tabs-success .panel-heading:hover a:hover,
.nav-filters.tabs-success .panel-heading:hover a:hover {
    background-color: #00c96d;
    border-color: #00c96d
}
.nav-tabs.tabs-info .panel-heading:hover,
.nav-filters.tabs-info .panel-heading:hover {
    border-color: #988ae8
}
.nav-tabs.tabs-info .panel-heading:hover a:hover,
.nav-filters.tabs-info .panel-heading:hover a:hover {
    background-color: #988ae8;
    border-color: #988ae8
}
.nav-tabs.tabs-warning .panel-heading:hover,
.nav-filters.tabs-warning .panel-heading:hover {
    border-color: #ffc12b
}
.nav-tabs.tabs-warning .panel-heading:hover a:hover,
.nav-filters.tabs-warning .panel-heading:hover a:hover {
    background-color: #ffc12b;
    border-color: #ffc12b
}
.nav-tabs.tabs-danger .panel-heading:hover,
.nav-filters.tabs-danger .panel-heading:hover {
    border-color: #ff2b2b
}
.nav-tabs.tabs-danger .panel-heading:hover a:hover,
.nav-filters.tabs-danger .panel-heading:hover a:hover {
    background-color: #ff2b2b;
    border-color: #ff2b2b
}
.tab-content {
    padding-top: 16px
}
.tab-content>.tab-pane {
    display: none
}
.tab-content>.active {
    display: block
}
.transition.fade {
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}
.transition.fade.in {
    opacity: 1
}
.transition.scale.fade {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9)
}
.transition.scaledown.fade {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}
.transition.scale.fade.in,
.transition.scaledown.fade.in {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}
.transition.left.fade {
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    -o-transform: translateX(40px);
    transform: translateX(40px)
}
.transition.right.fade {
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px)
}
.transition.left.fade.in,
.transition.right.fade.in {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px)
}
.transition.top.fade {
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px)
}
.transition.bottom.fade {
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px)
}
.transition.top.fade.in,
.transition.bottom.fade.in {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px)
}
.transition.flip.fade {
    -webkit-transform: rotateY(-90deg) scale(1.1);
    -moz-transform: rotateY(-90deg) scale(1.1);
    -ms-transform: rotateY(-90deg) scale(1.1);
    -o-transform: rotateY(-90deg) scale(1.1);
    transform: rotateY(-90deg) scale(1.1);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}
.transition.flip.fade.in {
    -webkit-transform: rotateY(0deg) scale(1);
    -moz-transform: rotateY(0deg) scale(1);
    -ms-transform: rotateY(0deg) scale(1);
    -o-transform: rotateY(0deg) scale(1);
    transform: rotateY(0deg) scale(1);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}
.modal-open {
    overflow: hidden
}
.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1800;
    -webkit-overflow-scrolling: touch;
    outline: 0
}
.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -40%);
    -ms-transform: translate(0, -40%);
    -o-transform: translate(0, -40%);
    transform: translate(0, -40%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}
.modal-dialog {
    position: relative;
    width: auto;
    width: 100%;
    max-width: 410px;
    margin: 100px auto 50px auto
}
.modal-dialog .close-btn {
    font-size: 36px;
    font-weight: 300;
    position: absolute;
    top: -10px;
    right: 10px;
    color: #4d4d4d;
    z-index: 100
}
.modal-content {
    position: relative;
    width: 100%;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    padding: 36px
}
.modal-content .form-control {
    margin-bottom: 16px
}
.modal-content form a {
    border-bottom-style: dotted
}
.modal-content form .btn {
    margin: 0
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1700;
    background-color: #4d4d4d;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s
}
.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}
.modal-backdrop.in {
    opacity: 0.9;
    filter: alpha(opacity=90)
}
.modal .close {
    margin-top: -2px
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}
.block-title {
    margin-bottom: 48px
}
.block-title small {
    display: block;
    font-size: 16px;
    color: #ff8f2b;
    line-height: 1.5;
    font-style: italic;
    max-width: 585px;
    margin-top: 5px
}
.text-center .block-title small,
.text-center.block-title small {
    margin: 5px auto 0
}
.text-right .block-title small,
.text-right.block-title small {
    margin: 5px 0 0 auto
}
.text-light .block-title small,
.text-light.block-title small {
    color: #fff;
    font-weight: 600
}
.switch-wrap .label {
    display: inline-block;
    vertical-align: middle;
    color: #4d4d4d
}
.switch-wrap .switch-inner {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap
}
.switch-wrap .switch-inner>img,
.switch-wrap .switch-inner .switch {
    display: inline-block;
    vertical-align: middle
}
.switch-wrap .switch {
    width: 72px;
    height: 48px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.switch-wrap .switch div {
    position: relative;
    width: 145px;
    height: 48px;
    background-color: #fff;
    border: 1px solid #ff8f2b;
    overflow: hidden
}
.switch-wrap .switch div .knob {
    display: block;
    position: absolute;
    height: 100%;
    width: 50%;
    background-color: #ff8f2b;
    left: 0;
    top: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.switch-wrap .switch div .state {
    width: 50%;
    position: relative;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 100%;
    color: #ff8f2b;
    font-size: 12px;
    font-weight: 600;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.switch-wrap .switch div .state:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}
.switch-wrap .switch div .state.string1 {
    color: #fff
}
.switch-wrap .switch.switch-rounded div {
    border-radius: 6px
}
.switch-wrap .switch.on div .knob {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}
.switch-wrap .switch.on div .knob:before {
    opacity: 1
}
.switch-wrap .switch.on .string1 {
    color: #ff8f2b !important
}
.switch-wrap .switch.on .string2 {
    color: #fff !important
}
.box-with-icon {
    display: block;
    width: 100%;
    max-width: 380px;
    margin: 0 auto 20px auto;
    cursor: default
}
.box-with-icon .bwi-inner {
    width: 100%;
    padding: 15px 24px 25px 24px;
    background-color: transparent
}
.box-with-icon .bwi-icon {
    display: inline-block;
    margin-bottom: 21px
}
.box-with-icon .bwi-icon>i {
    font-size: 4.5em;
    line-height: 60px
}
.box-with-icon .bwi-title {
    font-size: 24px;
    font-weight: 600;
    margin: 21px auto 21px
}
.box-with-icon .bwi-text {
    color: #4d4d4d;
    font-weight: normal;
    margin-bottom: 0
}
.box-with-icon .bwi-link {
    text-transform: uppercase;
    font-size: 12px;
    display: inline-block;
    margin-top: 24px
}
.box-with-icon.text-light.bwi-text,
.box-with-icon.text-light .bwi-text,
.box-with-icon.text-light.bwi-link,
.box-with-icon.text-light .bwi-link {
    color: #fff
}
.box-with-icon.text-light.bwi-link:hover,
.box-with-icon.text-light .bwi-link:hover {
    color: #808080
}
.box-with-icon .hexagon-img {
    display: block;
    width: 100%;
    max-width: 400px;
    position: relative
}
.box-with-icon .hexagon-img .hexa-link {
    cursor: pointer;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}
.box-with-icon .hexagon-img .button-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}
.box-with-icon .hexagon-img .button-overlay .bwi-btn {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}
.box-with-icon:hover .hexa-link {
    opacity: .5
}
.box-with-icon:hover .button-overlay {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1
}
.box-with-icon.bwi-tile {
    display: table;
    width: 100%;
    max-width: 100%;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.box-with-icon.bwi-tile .bwi-link:hover {
    color: #d9d9d9
}
.box-with-icon.bwi-tile .bwi-icon {
    float: left;
    font-size: .8em
}
.box-with-icon.bwi-tile .bwi-title {
    margin-top: 0
}
.box-with-icon.bwi-tile .bwi-title,
.box-with-icon.bwi-tile .bwi-text,
.box-with-icon.bwi-tile .bwi-link {
    padding-left: 90px
}
.box-with-icon.bwi-tile .bwi-inner {
    padding: 48px
}
.box-with-icon.bwi-tile .bwi-inner .bwi-icon,
.box-with-icon.bwi-tile .bwi-inner .bwi-title,
.box-with-icon.bwi-tile .bwi-inner .bwi-text,
.box-with-icon.bwi-tile .bwi-inner .bwi-link {
    color: #000
}
.box-with-icon.bwi-tile .bwi-inner>* {
    z-index: 5;
    position: relative
}
.box-with-icon.bwi-tile .bwi-inner.text-light .bwi-icon,
.box-with-icon.bwi-tile .bwi-inner.text-light .bwi-title,
.box-with-icon.bwi-tile .bwi-inner.text-light .bwi-text,
.box-with-icon.bwi-tile .bwi-inner.text-light .bwi-link {
    color: #fff
}
.box-with-icon.bwi-tile:hover {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.25);
    z-index: 10
}
.box-with-icon.tile-default .bwi-inner {
    background-color: #4d4d4d
}
.box-with-icon.tile-primary .bwi-inner {
    background-color: #ff8f2b
}
.box-with-icon.tile-info .bwi-inner {
    background-color: #988ae8
}
.box-with-icon.tile-success .bwi-inner {
    background-color: #00c96d
}
.box-with-icon.tile-warning .bwi-inner {
    background-color: #ffc12b
}
.box-with-icon.tile-danger .bwi-inner {
    background-color: #ff2b2b
}
.box-with-icon.tile-dark .bwi-inner {
    background-color: #4d4d4d
}
.box-with-icon.bwi-imaged {
    background-position: center;
    display: block;
    position: relative
}
.box-with-icon.bwi-imaged .bwi-inner {
    background: none;
    position: relative;
    text-align: center;
    padding: 0
}
.box-with-icon.bwi-imaged .bwi-inner .bwi-overlay {
    opacity: .75;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s
}
.box-with-icon.bwi-imaged .bwi-inner .bwi-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: inline-block
}
.box-with-icon.bwi-imaged .bwi-inner .bwi-content:before {
    content: "";
    display: inline-block;
    height: 100%;
    width: 1%;
    vertical-align: middle
}
.box-with-icon.bwi-imaged .bwi-inner .bwi-content .vertical-aligner {
    display: inline-block;
    vertical-align: middle;
    max-width: 90%
}
.box-with-icon.bwi-imaged .bwi-inner .bwi-content .vertical-aligner>* {
    padding-left: 0;
    max-width: 500px
}
.box-with-icon.bwi-imaged .tile-counter {
    padding: 19px;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.4);
    z-index: 100;
    color: #fff
}
@media screen and (max-width: 360px) {
    .box-with-icon.bwi-imaged p {
        display: none
    }
}
@media screen and (max-width: 991px) {
    .box-with-icon.bwi-imaged {
        display: inline-block !important
    }
}
.testimonial {
    width: 100%;
    max-width: 700px;
    padding: 12px;
    text-align: center;
    background-color: transparent;
    overflow: hidden;
    text-align: left;
    margin-bottom: 24px
}
.testimonial .author-ava {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-right: 15px;
    overflow: hidden;
    float: left
}
.testimonial .author-ava>img {
    border-radius: 50%
}
.testimonial .author-info {
    float: left;
    font-size: 14px;
    color: #808080
}
.testimonial .author-name {
    font-weight: 400;
    margin-bottom: 3px;
    font-size: 14px;
    line-height: 24px;
    color: #808080
}
.testimonial .author-name a {
    font-weight: 600
}
.testimonial .author-company a {
    font-weight: 600
}
.testimonial .text {
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
    width: 100%;
    margin-bottom: 24px
}
.testimonial.testimonial-boxed {
    background-color: #ededed;
    position: relative;
    padding: 48px
}
.testimonial.testimonial-boxed:after {
    display: block;
    position: absolute;
    bottom: 0;
    right: 15%;
    content: "\201D";
    font-size: 3.5em
}
.testimonial.testimonial-boxed:before {
    display: block;
    position: absolute;
    top: 20px;
    left: 15%;
    content: "\201c";
    font-size: 3.5em
}
.testimonial.testimonial-boxed .author-ava {
    float: none;
    margin: 0 auto 20px
}
.testimonial.testimonial-boxed .author-info {
    float: none;
    text-align: center
}
.testimonial.testimonial-boxed .text {
    text-align: center
}
.testimonial.testimonial-bubble {
    padding: 0 0 48px 0
}
.testimonial.testimonial-bubble .text {
    background-color: #ededed;
    padding: 24px 48px;
    border-radius: 25px;
    position: relative
}
.testimonial.testimonial-bubble .text:after {
    display: block;
    content: "";
    position: absolute;
    bottom: -8px;
    left: 38px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #ededed transparent transparent transparent
}
.testimonial.testimonial-bubble .author-ava {
    margin-left: 24px
}
.text-light .testimonial a {
    color: #fff !important
}
.text-light .testimonial a:hover {
    color: #808080
}
.testimonial .text-light a {
    color: #fff !important
}
.testimonial .text-light a:hover {
    color: #d9d9d9 !important
}
.testimonial-horizontal {
    display: table;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 20px 0;
    -webkit-transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    z-index: 1
}
.testimonial-horizontal:hover {
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px);
    box-shadow: 0 7px 30px rgba(0, 0, 0, 0.25);
    z-index: 10
}
.testimonial-horizontal>* {
    display: table-cell;
    vertical-align: middle
}
@media screen and (max-width: 768px) {
    .testimonial-horizontal>* {
        display: block;
        width: 100% !important
    }
    .testimonial-horizontal>*.logo-thumb {
        text-align: center
    }
    .testimonial-horizontal>*.testimonial {
        padding: 24px 48px
    }
}
.testimonial-horizontal .logo-thumb {
    text-align: center;
    width: 35%
}
.testimonial-horizontal .logo-thumb img {
    display: inline-block;
    max-width: 200px
}
.testimonial-horizontal .testimonial {
    width: 65%;
    padding-left: 30px
}
.owl-carousel .testimonial {
    margin-bottom: 0
}
.fw-section {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}
.fw-section>* {
    position: relative;
    z-index: 3
}
.fw-section>.overlay {
    position: absolute;
    z-index: 2 !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #333
}
.fw-section>.overlay.overlay-light {
    background-color: #fff
}
.fw-section.border-top {
    border-top: 1px solid #d9d9d9
}
.fw-section.border-bottom {
    border-bottom: 1px solid #d9d9d9
}
.fw-section.bg-default {
    background-color: #e7f3fd
}
.fw-section.bg-primary {
    background-color: #ff8f2b
}
.fw-section.bg-gray {
    background-color: #f6f6f6
}
.fw-section.no-cover {
    background-size: initial;
    background-position: center top
}
.bg-parallax {
    background-attachment: fixed;
    background-position: center top;
    background-size: cover
}
@media screen and (max-width: 991px) {
    .bg-parallax {
        background-attachment: scroll
    }
}
.next-to-footer {
    margin-bottom: -84px
}
@media screen and (max-width: 991px) {
    .next-to-footer {
        margin-bottom: -72px
    }
}
@media screen and (max-width: 480px) {
    .next-to-footer {
        margin-bottom: -60px
    }
}
.pricing-table {
    display: table;
    width: 100%;
    table-layout: fixed
}
@media screen and (max-width: 991px) {
    .pricing-table {
        min-width: 992px
    }
}
.pricing-table .pricing-plan {
    display: table-cell;
    max-width: 400px;
    text-align: center;
    padding: 50px 24px;
    border-left: 1px solid #e8e8e8;
    margin: 0 auto 30px auto
}
@media screen and (max-width: 1200px) {
    .pricing-table .pricing-plan {
        padding: 24px 12px
    }
}
.pricing-table .pricing-plan:first-child {
    border: none
}
.pricing-table .pricing-plan .pricing-header {
    padding: 0 15px
}
@media screen and (max-width: 991px) {
    .pricing-table .pricing-plan .pricing-header h3 {
        font-size: 19.8px
    }
}
.pricing-table .pricing-plan .pricing-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 24px
}
.pricing-table .pricing-plan p {
    color: #4d4d4d;
    margin-bottom: 24px
}
.pricing-table .pricing-plan .cost {
    font-size: 24px;
    font-weight: 600;
    margin-right: 5px
}
.pricing-table .pricing-plan .btn {
    letter-spacing: 0.2em
}
.pricing-table .pricing-plan ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.pricing-table .pricing-plan ul>li {
    display: block;
    font-weight: 400;
    color: #000;
    padding: 10px 15px;
    font-style: italic;
    border-top: 1px solid #d9d9d9
}
.pricing-table .pricing-plan ul>li:first-child {
    border: none
}
.pricing-table .pricing-plan.pricing-default {
    border: none;
    background-color: #4d4d4d
}
.pricing-table .pricing-plan.pricing-default+.pricing-plan {
    border: none
}
.pricing-table .pricing-plan.pricing-default .pricing-title,
.pricing-table .pricing-plan.pricing-default p,
.pricing-table .pricing-plan.pricing-default .cost,
.pricing-table .pricing-plan.pricing-default li {
    color: #fff
}
.pricing-table .pricing-plan.pricing-default li {
    border-color: #fff
}
.pricing-table .pricing-plan.pricing-default .btn-ghost:hover {
    color: #4d4d4d
}
.pricing-table .pricing-plan.pricing-primary {
    border: none;
    background-color: #ff8f2b
}
.pricing-table .pricing-plan.pricing-primary+.pricing-plan {
    border: none
}
.pricing-table .pricing-plan.pricing-primary .pricing-title,
.pricing-table .pricing-plan.pricing-primary p,
.pricing-table .pricing-plan.pricing-primary .cost,
.pricing-table .pricing-plan.pricing-primary li {
    color: #fff
}
.pricing-table .pricing-plan.pricing-primary li {
    border-color: #fff
}
.pricing-table .pricing-plan.pricing-primary .btn-ghost:hover {
    color: #ff8f2b
}
.pricing-table .pricing-plan.pricing-info {
    border: none;
    background-color: #988ae8
}
.pricing-table .pricing-plan.pricing-info+.pricing-plan {
    border: none
}
.pricing-table .pricing-plan.pricing-info .pricing-title,
.pricing-table .pricing-plan.pricing-info p,
.pricing-table .pricing-plan.pricing-info .cost,
.pricing-table .pricing-plan.pricing-info li {
    color: #fff
}
.pricing-table .pricing-plan.pricing-info li {
    border-color: #fff
}
.pricing-table .pricing-plan.pricing-info .btn-ghost:hover {
    color: #988ae8
}
.pricing-table .pricing-plan.pricing-success {
    border: none;
    background-color: #00c96d
}
.pricing-table .pricing-plan.pricing-success+.pricing-plan {
    border: none
}
.pricing-table .pricing-plan.pricing-success .pricing-title,
.pricing-table .pricing-plan.pricing-success p,
.pricing-table .pricing-plan.pricing-success .cost,
.pricing-table .pricing-plan.pricing-success li {
    color: #fff
}
.pricing-table .pricing-plan.pricing-success li {
    border-color: #fff
}
.pricing-table .pricing-plan.pricing-success .btn-ghost:hover {
    color: #00c96d
}
.pricing-table .pricing-plan.pricing-warning {
    border: none;
    background-color: #ffc12b
}
.pricing-table .pricing-plan.pricing-warning+.pricing-plan {
    border: none
}
.pricing-table .pricing-plan.pricing-warning .pricing-title,
.pricing-table .pricing-plan.pricing-warning p,
.pricing-table .pricing-plan.pricing-warning .cost,
.pricing-table .pricing-plan.pricing-warning li {
    color: #fff
}
.pricing-table .pricing-plan.pricing-warning li {
    border-color: #fff
}
.pricing-table .pricing-plan.pricing-warning .btn-ghost:hover {
    color: #ffc12b
}
.pricing-table .pricing-plan.pricing-danger {
    border: none;
    background-color: #ff2b2b
}
.pricing-table .pricing-plan.pricing-danger+.pricing-plan {
    border: none
}
.pricing-table .pricing-plan.pricing-danger .pricing-title,
.pricing-table .pricing-plan.pricing-danger p,
.pricing-table .pricing-plan.pricing-danger .cost,
.pricing-table .pricing-plan.pricing-danger li {
    color: #fff
}
.pricing-table .pricing-plan.pricing-danger li {
    border-color: #fff
}
.pricing-table .pricing-plan.pricing-danger .btn-ghost:hover {
    color: #ff2b2b
}
.pricing-container {
    overflow: hidden;
    overflow-x: auto
}
.pricing-plans {
    position: relative;
    width: 100%;
    max-width: 400px;
    text-align: center;
    padding-top: 10px;
    border: 2px solid #e8e8e8;
    margin: 0 auto 30px auto
}
.pricing-plans .pricing-header {
    padding: 0 24px
}
.pricing-plans .pricing-title {
    font-size: 24px;
    font-weight: bold;
    margin-top: 38.4px;
    margin-bottom: 0
}
.pricing-plans .cost {
    font-size: 48px
}
.pricing-plans .cost sup {
    font-size: 24px
}
.pricing-plans p {
    color: #808080;
    margin-bottom: 31.2px
}
.pricing-plans .btn {
    margin: 24px 0 0
}
.pricing-plans ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.pricing-plans ul>li {
    display: block;
    color: #4d4d4d;
    padding: 10px 15px;
    border-top: 1px solid #d9d9d9;
    font-style: italic
}
.pricing-plans ul>li strong {
    color: #000
}
.pricing-plans .btn-block-split {
    overflow: hidden
}
.pricing-plans .btn-block-split .btn {
    width: 50%;
    float: left
}
.pricing-plans .pricing-cta {
    position: absolute;
    color: #fff;
    top: 0;
    left: -2px;
    width: 100%;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .1em;
    font-size: 12px;
    padding: 3px 2px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}
.pricing-plans.pricing-animated {
    background-color: #988ae8;
    position: relative;
    z-index: 10;
    margin: 0;
    border: none
}
.pricing-plans.pricing-animated .pricing-header {
    color: #fff
}
.pricing-plans.pricing-animated .pricing-header .pricing-title,
.pricing-plans.pricing-animated .pricing-header p {
    color: #fff;
    margin-top: 24px
}
.pricing-plans.pricing-animated ul {
    background-color: #f3f3f3;
    padding: 19.2px 0 24px
}
.pricing-plans.pricing-animated ul li {
    border: none;
    margin: 0
}
.pricing-plans.pricing-animated ul li .btn {
    margin-top: 0
}
.pricing-plans.pricing-animated .svg-pricing {
    margin-bottom: -7px
}
.pricing-plans.pricing-animated .svg-pricing path {
    fill: #f3f3f3;
    -webkit-transition: all, 1.5s;
    -o-transition: all, 1.5s;
    transition: all, 1.5s
}
.pricing-plans.pricing-animated .svg-pricing .layer_01 {
    -webkit-transform: translate(-20px, 0px);
    -moz-transform: translate(-20px, 0px);
    -ms-transform: translate(-20px, 0px);
    -o-transform: translate(-20px, 0px);
    transform: translate(-20px, 0px)
}
.pricing-plans.pricing-animated .svg-pricing .layer_02 {
    -webkit-transform: translate(-139px, 14px);
    -moz-transform: translate(-139px, 14px);
    -ms-transform: translate(-139px, 14px);
    -o-transform: translate(-139px, 14px);
    transform: translate(-139px, 14px)
}
.pricing-plans.pricing-animated .svg-pricing .layer_03 {
    -webkit-transform: translate(-6px, 12px);
    -moz-transform: translate(-6px, 12px);
    -ms-transform: translate(-6px, 12px);
    -o-transform: translate(-6px, 12px);
    transform: translate(-6px, 12px)
}
.pricing-plans.pricing-animated:hover .layer_01 {
    -webkit-transform: translate(-67px, 0px);
    -moz-transform: translate(-67px, 0px);
    -ms-transform: translate(-67px, 0px);
    -o-transform: translate(-67px, 0px);
    transform: translate(-67px, 0px)
}
.pricing-plans.pricing-animated:hover .layer_02 {
    -webkit-transform: translate(-101px, 14px);
    -moz-transform: translate(-101px, 14px);
    -ms-transform: translate(-101px, 14px);
    -o-transform: translate(-101px, 14px);
    transform: translate(-101px, 14px)
}
.pricing-plans.pricing-animated:hover .layer_03 {
    -webkit-transform: translate(-48px, 12px);
    -moz-transform: translate(-48px, 12px);
    -ms-transform: translate(-48px, 12px);
    -o-transform: translate(-48px, 12px);
    transform: translate(-48px, 12px)
}
@media screen and (max-width: 768px) {
    .pricing-plans.pricing-animated {
        margin: 0 auto 30px
    }
}
.pricing-plans.pricing-highlighted {
    box-shadow: 0 3px 26.9px 5.1px rgba(0, 0, 0, 0.25);
    z-index: 100;
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -ms-transform: scale(1.07);
    -o-transform: scale(1.07);
    transform: scale(1.07);
    margin-bottom: 30px
}
@media screen and (max-width: 768px) {
    .pricing-plans.pricing-highlighted {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}
.ie9 .svg-pricing,
.ie10 .svg-pricing {
    display: none
}
.safari .pricing-plans {
    overflow: hidden
}
.pricing-animated-stack-container {
    display: table;
    width: 100%;
    table-layout: fixed
}
.pricing-animated-stack-container>* {
    display: table-cell;
    width: auto
}
@media screen and (max-width: 768px) {
    .pricing-animated-stack-container>* {
        display: block
    }
}
.video-popup-btn .play-btn,
.video-popup-tile .play-btn {
    display: inline-block;
    width: 150px;
    height: 150px;
    line-height: 146px
}
.video-popup-btn .play-btn>i,
.video-popup-tile .play-btn>i {
    font-size: 2.5em
}
.video-popup-btn .play-btn:hover,
.video-popup-tile .play-btn:hover {
    background-color: #343434
}
.video-popup-btn.small-btn .play-btn,
.video-popup-tile.small-btn .play-btn {
    width: 84px;
    height: 84px;
    line-height: 80px
}
.video-popup-btn.small-btn .play-btn>i,
.video-popup-tile.small-btn .play-btn>i {
    font-size: 2.3em
}
.video-popup-btn .video-info,
.video-popup-tile .video-info {
    font-weight: 400;
    font-style: italic
}
.video-popup-tile {
    max-width: 300px;
    text-align: center;
    margin: 0 auto
}
.video-popup-tile .thumb {
    position: relative;
    border: 1px solid #d9d9d9;
    margin: 0 auto 24px auto
}
.video-popup-tile .inner {
    position: absolute;
    z-index: 5;
    width: 100%;
    text-align: center;
    top: 50%;
    left: 0;
    margin-top: -60px
}
.video-popup-tile .play-btn {
    width: 120px;
    height: 120px;
    line-height: 124px;
    border: none;
    background-color: rgba(77, 77, 77, 0.6);
    -webkit-transition: background-color 0.4s;
    -o-transition: background-color 0.4s;
    transition: background-color 0.4s
}
.video-popup-tile .play-btn:hover {
    background-color: #4d4d4d
}
.video-popup-tile .video-popup-tile-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px
}
.video-popup-tile p {
    color: #4d4d4d
}
.teammate {
    max-width: 460px;
    margin: 0 auto
}
.teammate .thumbnail {
    margin-bottom: 30px
}
.teammate .thumbnail img {
    display: inline-block;
    border-radius: 50%
}
.teammate .teammate-name {
    font-size: 18px;
    margin-bottom: 5px
}
.teammate .teammate-job {
    font-size: 12px;
    color: #808080;
    font-weight: 400
}
.teammate.text-light .teammate-job {
    color: #fff
}
.teammate.teammate-alt {
    padding-bottom: 20px;
    width: auto;
    max-width: 270px
}
.teammate.teammate-alt .thumbnail {
    margin: 0 0 -70px
}
.teammate.teammate-alt .thumbnail img {
    display: block;
    border-radius: 0
}
.progress {
    position: relative;
    width: 100%;
    height: 24px;
    overflow: hidden
}
.progress.progress-bar-default {
    background-color: #4d4d4d
}
.progress.progress-bar-primary {
    background-color: #ff8f2b
}
.progress.progress-bar-success {
    background-color: #00c96d
}
.progress.progress-bar-info {
    background-color: #988ae8
}
.progress.progress-bar-warning {
    background-color: #ffc12b
}
.progress.progress-bar-danger {
    background-color: #ff2b2b
}
.progress .progress-bar {
    width: 100%;
    height: 24px;
    float: right;
    position: relative;
    -webkit-transition: width 1.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: width 1.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: width 1.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    background-color: #d9d9d9
}
.progress .progress-bar .units {
    color: #fff;
    font-weight: bold;
    line-height: 24px;
    position: absolute;
    left: -40px;
    margin-top: -2px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}
.progress-container {
    display: table;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px
}
.progress-container .progress-cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 24px;
    border: 1px solid #d9d9d9
}
@media screen and (max-width: 480px) {
    .progress-container .progress-cell {
        padding: 8px 6px
    }
}
.progress-container .progress-cell:first-child {
    width: 1%;
    white-space: nowrap;
    background-color: #f8f8f8
}
.progress-container .progress-cell .label {
    height: 24px;
    padding: 0 15px;
    text-align: left
}
.progress-container .progress-cell .label span {
    padding: 0 6px
}
.progress-container .progress-cell .label i {
    margin: 0
}
.progress-container.progress-dark .progress-cell {
    color: #fff;
    background-color: #f8f8f8
}
.progress-container.progress-dark .progress-cell:first-child {
    background-color: #4d4d4d
}
.progress-container.progress-dark .progress-bar {
    background-color: #fff
}
.progress-container.progress-thin {
    display: block
}
.progress-container.progress-thin .progress-cell {
    display: block;
    padding: 0;
    border: none;
    background: transparent;
    border: 1px solid #d9d9d9
}
.progress-container.progress-thin .progress-cell:first-child {
    border: none;
    width: auto;
    overflow: hidden
}
.progress-container.progress-thin .progress-cell .label {
    padding: 0;
    margin-bottom: 15px;
    display: block;
    float: left;
    font-weight: 600
}
.progress-container.progress-thin .progress-cell .label span {
    padding-left: 0px
}
.progress-container.progress-thin .progress-cell .label i {
    padding-right: 6px
}
.progress-container.progress-thin .progress-cell .units {
    float: right;
    font-weight: 600
}
.progress-container.progress-thin .progress-cell .progress {
    height: 12px;
    position: relative
}
.progress-container.progress-thin .progress-cell .progress .progress-bar {
    height: 12px
}
.progress-container.progress-thin .progress-cell .progress .progress-dividers-cont {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 12px;
    z-index: 10
}
.progress-container.progress-thin .progress-cell .progress .progress-dividers-cont .sections {
    display: block;
    width: 20%;
    border-right: 2px solid #fff;
    border-left: 1px solid #fff;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    float: left;
    padding: 4px 0
}
.progress-container.progress-thin .progress-cell .progress .progress-dividers-cont .sections:first-child {
    border-left: 2px solid #fff
}
.counter {
    max-width: 400px;
    text-align: center;
    padding-top: 15px;
    margin: 0 auto 30px auto;
    cursor: default;
    overflow: hidden;
    display: inline-block
}
.counter>* {
    display: table-cell;
    vertical-align: middle
}
.counter .counter-icon {
    width: 60px
}
.counter .counter-icon>i {
    font-size: 2.8em;
    line-height: 1.6;
    color: #4d4d4d;
    margin-bottom: -5px
}
.counter .counter-icon p {
    margin-bottom: -4px
}
.counter .digits {
    font-size: 64px;
    color: #ff8f2b;
    line-height: 1.3;
    font-weight: 600;
    padding: 0 12px
}
.counter .counter-footer {
    color: #4d4d4d;
    max-width: 20%;
    font-size: 18px
}
.counter .counter-footer p {
    margin-bottom: -4px
}
.counter.vertical>* {
    display: block;
    text-align: center;
    width: 100%;
    max-width: 100%
}
.text-light .counter .counter-icon i,
.text-light.counter .counter-icon i {
    color: #fff
}
.text-light .counter .counter-footer,
.text-light.counter .counter-footer {
    color: #fff
}
.countdown {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 100px 0
}
.countdown .count-item {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 72px;
    line-height: 1;
    font-weight: 600;
    position: relative
}
.countdown .count-item:after {
    content: "";
    display: block;
    position: absolute;
    top: 38px;
    left: -20px;
    width: 30px;
    height: 6px;
    background-color: rgba(255, 255, 255, 0.4)
}
.countdown .count-item:first-child:after {
    display: none
}
.countdown .count-item>div {
    font-size: 14px;
    padding-top: 10px
}
@media screen and (max-width: 768px) {
    .countdown {
        padding: 50px 0
    }
    .countdown .count-item {
        font-size: 24px
    }
    .countdown .count-item:after {
        display: none
    }
}
.gallery-grid {
    width: 100%
}
.gallery-grid:before,
.gallery-grid:after {
    content: " ";
    display: table
}
.gallery-grid:after {
    clear: both
}
.gallery-grid .gallery-item {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    text-decoration: none;
    text-align: center;
    color: #fff;
    border: none;
    overflow: hidden;
    background-color: #ff8f2b
}
.gallery-grid .gallery-item img {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}
.gallery-grid .gallery-item a {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: .0
}
.gallery-grid .gallery-item a i {
    margin-top: -37px !important;
    margin-left: -37px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}
.gallery-grid .gallery-item:hover img {
    opacity: 0.5
}
.gallery-grid .gallery-item:hover a {
    opacity: 1
}
.gallery-grid .gallery-item:hover a i {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}
.social li {
    display: inline-block;
    margin: 2px
}
.social li a {
    font-size: 14px
}
.social li a i {
    margin: 5px;
    position: relative;
    display: inline-block;
    top: 0px
}
.split-section {
    display: table;
    width: 100%
}
.split-section .column {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 20px
}
.split-section .column img {
    display: inline-block
}
.split-section .column .video-popup-btn {
    position: relative
}
.split-section .column .video-popup-btn .play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}
.split-section .column .text-inner {
    max-width: 400px
}
.split-section .column .text-inner .split-section-icon {
    font-size: 30px;
    margin: 0 5px
}
.split-section .column.text-side {
    width: 30%
}
.split-section .column.img-side {
    width: 70%
}
.split-section .column .divider-line {
    width: 100%;
    height: 2px;
    background-color: #988ae8;
    position: relative
}
.split-section .column .divider-line:before {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    content: "";
    position: absolute;
    left: -2px;
    top: -4px;
    background-color: #988ae8
}
.split-section .column .divider-line.right:before {
    left: auto;
    right: -2px
}
@media screen and (max-width: 991px) {
    .split-section .column {
        display: block;
        width: 100% !important
    }
    .split-section .column .text-inner {
        margin: 20px auto;
        text-align: center
    }
}
.box-split-section {
    display: table;
    width: 100%;
    text-align: center;
    table-layout: fixed
}
.box-split-section>* {
    display: table-cell;
    vertical-align: middle;
    width: auto !important
}
.box-split-section .box-with-icon.bwi-imaged {
    display: table-cell
}
@media screen and (max-width: 991px) {
    .box-split-section {
        display: block
    }
    .box-split-section>* {
        display: block
    }
}
.flat-hovered-logotype {
    border: 1px solid #f3f3f3;
    border-radius: 24px;
    display: inline-block;
    margin: 14px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}
.flat-hovered-logotype:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    border-color: transparent;
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px)
}
.owl-carousel .flat-hovered-logotype {
    margin: 0;
    border-radius: 0
}
.timeline ul {
    text-align: center;
    margin: 0
}
.timeline ul li {
    list-style-type: none;
    position: relative;
    width: 2px;
    margin: 0 auto;
    background: #988ae8
}
.timeline ul li::after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -5px;
    top: 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid #988ae8;
    transform: scale(0)
}
.timeline ul li:first-child {
    padding-bottom: 80px
}
.timeline ul li:first-child::after {
    top: 40px
}
.timeline ul li>div {
    position: relative;
    bottom: 0;
    width: 400px;
    text-align: left
}
.timeline ul li.left>.timeline-inner {
    left: 45px
}
.timeline ul li.right>.timeline-inner {
    left: -439px;
    text-align: right
}
.timeline ul li.date-title {
    text-align: center;
    padding: 40px 0
}
.timeline ul li.date-title::after {
    display: none
}
.timeline ul li.date-title span {
    display: inline-block;
    width: auto;
    position: absolute;
    top: 0;
    left: 50%;
    white-space: nowrap;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: inherit;
    padding: 9px 46px;
    font-size: 12px;
    color: #fff;
    font-weight: 600
}
.timeline ul li::after {
    transition: transform 0.7s
}
.timeline ul li.in-view::after {
    transform: scale(1)
}
.timeline ul li>.timeline-inner {
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s ease-in-out
}
.timeline ul li.right>.timeline-inner {
    transform: translate3d(-60px, 0, 0)
}
.timeline ul li.left>.timeline-inner {
    transform: translate3d(60px, 0, 0)
}
.timeline ul li.in-view>.timeline-inner {
    transform: none;
    visibility: visible;
    opacity: 1
}
.timeline-inner {
    padding-bottom: 50px
}
.timeline-inner .time {
    font-weight: 700
}
.timeline-inner .title {
    font-weight: 700;
    font-size: 24px
}
.timeline-inner .ava {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 15px;
    margin-top: 5px
}
.timeline-inner .name {
    font-weight: 700;
    line-height: 1.2
}
.timeline-inner .text {
    margin: 0;
    line-height: 1
}
.right .timeline-inner .ava {
    float: right;
    margin-right: 0;
    margin-left: 15px
}
@media screen and (max-width: 900px) {
    .timeline ul li .timeline-inner {
        width: 250px
    }
    .timeline ul li.right>.timeline-inner {
        left: -289px
    }
}
@media screen and (max-width: 600px) {
    .timeline ul li {
        margin-left: 20px
    }
    .timeline ul li div {
        width: calc(100vw - 91px)
    }
    .timeline ul li.right>.timeline-inner {
        left: 45px;
        text-align: left
    }
    .timeline ul li.right>.timeline-inner .ava {
        float: left;
        margin-right: 15px;
        margin-left: 0
    }
    .timeline ul li.date-title span {
        -webkit-transform: translateX(45px);
        -moz-transform: translateX(45px);
        -ms-transform: translateX(45px);
        -o-transform: translateX(45px);
        transform: translateX(45px)
    }
}
.comments-area .comments-count {
    margin-bottom: 33px !important
}
.comments-area .comments-count span {
    color: #ff8f2b
}
.comment {
    margin-bottom: 36px;
    padding-left: 90px;
    position: relative;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 12px
}
.comment.depth-2 {
    margin-top: 28px;
    padding-left: 180px
}
.comment.depth-2 .author-ava {
    left: 90px
}
.comment .author-ava {
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden
}
.comment .comment-body {
    padding-top: 12px
}
.comment .comment-autor,
.comment .comment-date,
.comment .comment-reply {
    display: inline-block;
    font-size: 14px;
    margin-right: 18px
}
.comment .comment-autor>i,
.comment .comment-date>i,
.comment .comment-reply>i {
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    color: #de6800;
    margin-top: -5px;
    margin-right: 4px
}
.comment .comment-autor>i.icon-reply,
.comment .comment-date>i.icon-reply,
.comment .comment-reply>i.icon-reply {
    font-size: 13px
}
.comment .comment-reply {
    text-transform: uppercase
}
.comment .comment-autor {
    font-size: 18px;
    font-weight: 600
}
.comment .comment-autor a {
    color: #4d4d4d
}
.comment .comment-autor a:hover {
    color: #ff8f2b
}
.comment .comment-date {
    margin-right: 0
}
@media screen and (max-width: 600px) {
    .comment {
        padding-left: 0
    }
    .comment .author-ava {
        position: relative;
        margin-bottom: 12px
    }
    .comment.depth-2 {
        padding-left: 24px
    }
    .comment.depth-2 .author-ava {
        left: auto
    }
}
.comment-respond {
    margin-top: 60px
}
.comment-respond .logged-in-as {
    font-size: 12px;
    padding-bottom: 10px
}
.comment-respond .form-submit {
    margin-bottom: 0
}
.comment-respond .form-submit>.btn {
    margin-bottom: 0
}
.comment-reply-title small {
    font-size: 12px;
    font-style: normal
}
.comment-navigation a,
.comment-navigation span {
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    margin-right: 8px
}
.comment-navigation span {
    color: #de6800;
    font-weight: bold
}
.sidebar,
.wpb_widgetised_column {
    width: 100%;
    max-width: 300px !important;
    padding-left: 30px;
    border-left: 1px solid #d9d9d9
}
.sidebar section:nth-child(0n+1),
.wpb_widgetised_column section:nth-child(0n+1) {
    padding-top: 0
}
.sidebar .widget,
.wpb_widgetised_column .widget {
    padding-left: 0;
    padding-right: 0
}
@media screen and (max-width: 1200px) {
    .sidebar,
    .wpb_widgetised_column {
        margin-left: 0;
        padding-left: 0;
        border: none
    }
}
[class*=pull] .sidebar,
[class*=pull] .wpb_widgetised_column {
    margin-left: 0;
    padding-left: 0;
    padding-right: 30px;
    border-right: 1px solid #d9d9d9;
    border-left: none
}
.widget-title {
    font-size: 16px;
    color: #808080;
    font-weight: normal;
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #d9d9d9
}
.widget-title>i {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #4d4d4d;
    margin-top: -3px;
    margin-right: 1px
}
.widget {
    padding: 18px 24px 24px 24px;
    border: none;
    word-wrap: break-word;
    overflow-wrap: break-word
}
.widget_archive ul,
.widget_categories ul,
.widget_pages ul {
    list-style: none
}
.widget_archive>ul,
.widget_categories>ul,
.widget_pages>ul {
    font-size: 14px;
    list-style: none;
    padding: 0;
    margin: 0
}
.widget_archive>ul li,
.widget_categories>ul li,
.widget_pages>ul li {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #d9d9d9
}
.widget_archive>ul li:last-child,
.widget_categories>ul li:last-child,
.widget_pages>ul li:last-child {
    margin-bottom: 0
}
.widget_archive>ul li>a,
.widget_categories>ul li>a,
.widget_pages>ul li>a {
    position: relative;
    display: block;
    color: #000;
    padding: 0 28px 0 12px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.widget_archive>ul li>a:hover,
.widget_categories>ul li>a:hover,
.widget_pages>ul li>a:hover {
    color: #ff8f2b
}
.widget_archive>ul li>a:hover>span,
.widget_categories>ul li>a:hover>span,
.widget_pages>ul li>a:hover>span {
    color: #ff8f2b
}
.widget_archive>ul li>a>span,
.widget_categories>ul li>a>span,
.widget_pages>ul li>a>span {
    display: block;
    position: absolute;
    right: 10px;
    top: 0;
    color: #808080;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s
}
.widget_archive>ul li.active a,
.widget_archive>ul li.current-cat a,
.widget_categories>ul li.active a,
.widget_categories>ul li.current-cat a,
.widget_pages>ul li.active a,
.widget_pages>ul li.current-cat a {
    color: #ff8f2b;
    background-color: #ff8f2b
}
.widget_archive>ul li.active a>span,
.widget_archive>ul li.current-cat a>span,
.widget_categories>ul li.active a>span,
.widget_categories>ul li.current-cat a>span,
.widget_pages>ul li.active a>span,
.widget_pages>ul li.current-cat a>span {
    color: #ff8f2b
}
.widget_categories ul>li a {
    position: relative
}
.widget_categories ul>li a:before {
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'FontAwesome';
    content: "\f105"
}
.widget_categories ul>li a:hover {
    color: #ff8f2b
}
.widget_search .search-box {
    position: relative;
    display: block;
    width: 100%
}
.widget_search .search-box .form-control {
    font-size: 16px;
    height: 35px;
    padding-left: 50px;
    margin-bottom: 0;
    border: 1px solid #d9d9d9;
    background-color: #fff
}
.widget_search .search-box button[type="submit"] {
    position: absolute;
    left: 15px;
    background: none;
    border: none;
    font-size: 17px;
    color: #4d4d4d;
    padding: 0;
    margin-top: -1px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}
.widget_search .search-box button[type="submit"]:focus {
    outline: none
}
.widget_recent_posts .item {
    display: table;
    width: 100%;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #d9d9d9
}
.widget_recent_posts .item:last-child {
    margin-bottom: 0
}
.widget_recent_posts .item .thumb,
.widget_recent_posts .item .info {
    display: table-cell;
    vertical-align: top
}
.widget_recent_posts .item .thumb {
    width: 60px
}
.widget_recent_posts .item .thumb a {
    display: block;
    padding: 0;
    border: none
}
.widget_recent_posts .item .thumb img {
    width: 100%
}
.widget_recent_posts .item .info {
    padding-left: 12px
}
.widget_recent_posts .item .info h4 {
    font-size: 14px;
    margin-bottom: 0
}
.widget_recent_posts .item .info h4 a {
    color: #333;
    text-decoration: none;
    padding: 0;
    border: none;
    line-height: 1.7
}
.widget_recent_posts .item .info h4 a:hover {
    color: #de6800
}
.widget_recent_posts .item .meta {
    padding-left: 12px;
    display: block;
    width: 100%;
    float: none
}
.widget_recent_posts .item .meta a {
    color: #333;
    text-decoration: none;
    padding: 0;
    border: none;
    line-height: 1.7;
    font-size: 12px
}
.widget_recent_posts .item .meta a:hover {
    color: #de6800
}
.widget_recent_news .item,
.widget_recent_comments .item {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #d9d9d9
}
.widget_recent_news .item:last-child,
.widget_recent_comments .item:last-child {
    margin-bottom: 0
}
.widget_recent_news .item .info h4,
.widget_recent_comments .item .info h4 {
    font-size: 14px;
    margin-bottom: 0
}
.widget_recent_news .item .info h4 a,
.widget_recent_comments .item .info h4 a {
    color: #333;
    text-decoration: none;
    padding: 0;
    border: none;
    line-height: 1.7
}
.widget_recent_news .item .info h4 a:hover,
.widget_recent_comments .item .info h4 a:hover {
    color: #de6800
}
.widget_recent_news .item .meta,
.widget_recent_comments .item .meta {
    display: block;
    width: 100%;
    float: none
}
.widget_recent_news .item .meta a,
.widget_recent_comments .item .meta a {
    color: #333;
    position: relative;
    text-decoration: none;
    padding: 0 0 0 20px;
    border: none;
    line-height: 1.7;
    font-size: 12px
}
.widget_recent_news .item .meta a i,
.widget_recent_comments .item .meta a i {
    margin-right: 4px;
    position: absolute;
    left: 0;
    top: 2px
}
.widget_recent_news .item .meta a:hover,
.widget_recent_comments .item .meta a:hover {
    color: #de6800
}
.widget_recent_comments .item .meta a {
    padding-left: 0
}
.widget_recent_comments .item .meta a i {
    position: relative;
    top: 0
}
.widget_tag_cloud a,
.tags-links a {
    position: relative;
    display: inline-block;
    font-size: 12px;
    height: 24px;
    color: #fff;
    font-weight: normal;
    line-height: 24px;
    text-decoration: none;
    padding: 0 6px;
    background-color: #ff8f2b;
    margin: 5px 6px 5px 0;
    white-space: nowrap;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s
}
.widget_tag_cloud a:hover,
.tags-links a:hover {
    background-color: #f77500
}
.widget_tag_cloud a:hover:before,
.tags-links a:hover:before {
    border-left-color: #f77500
}
.widget_contact-adress {
    padding: 0
}
.widget_contact-adress .widget-title {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    border-bottom: 6px solid #ff8f2b;
    padding-bottom: 17px
}
.date {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 90px;
    color: #fff
}
.date span {
    background-color: #ff8f2b;
    display: inline-block;
    width: 100%;
    padding: 7px 15px;
    text-align: center
}
.date span:first-child {
    background-color: #ffaa5e;
    margin-bottom: 1px
}
.date span:last-child {
    font-size: 36px
}
@media screen and (max-width: 768px) {
    .date {
        z-index: 100;
        max-width: none
    }
    .date span {
        width: auto;
        float: right;
        font-size: 16px !important;
        margin-right: 5px
    }
}
.post-meta {
    padding-top: 24px
}
.post-meta span,
.post-meta a,
.post-meta li {
    font-size: 14px;
    font-weight: normal;
    text-align: left
}
.post-meta span {
    color: #fff;
    margin-right: 2px;
    margin-bottom: 6px
}
.post-meta span.post-comments a {
    border-bottom: 0
}
.post-meta .meta-info>* {
    display: inline-block;
    margin-right: 12px
}
.post-meta .tag-meta {
    margin-top: 20px;
    margin-bottom: 0
}
.post-meta .tag-meta li {
    display: inline-block
}
.post-meta .tag-meta li a {
    color: #fff;
    display: inline-block;
    max-width: 100%;
    background-color: #ff8f2b;
    padding: 0px 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.masonry-grid .post-meta,
.post-compact .post-meta {
    padding-top: 12px
}
.masonry-grid .post-meta .tag-meta,
.post-compact .post-meta .tag-meta {
    margin-top: 5px
}
.masonry-grid .post-meta .tag-meta li,
.post-compact .post-meta .tag-meta li {
    margin-bottom: 0
}
.masonry-grid .post-meta .tag-meta li a,
.post-compact .post-meta .tag-meta li a {
    background: transparent;
    overflow: auto;
    display: inline;
    color: #808080;
    padding: 0 10px 0 0
}
.masonry-grid .post-meta .tag-meta li a:hover,
.post-compact .post-meta .tag-meta li a:hover {
    color: #000
}
.masonry-grid .post-meta .tag-meta li a:before,
.post-compact .post-meta .tag-meta li a:before {
    font-family: "FontAwesome";
    content: "\f111";
    font-size: 10px;
    margin-right: 5px;
    position: relative;
    top: -1px;
    color: #988ae8
}
.post-item {
    display: block;
    width: 100%;
    background-color: #fff;
    border: none;
    margin-bottom: 30px;
    position: relative;
    padding-left: 114px
}
@media screen and (max-width: 768px) {
    .post-item {
        padding-left: 0
    }
}
.post-item .post-thumb {
    display: block;
    margin-bottom: 24px;
    border: none
}
.post-item .post-body {
    padding: 0 0 24px
}
.post-item .post-body p {
    color: #4d4d4d;
    margin-bottom: 12px
}
.post-item .post-body .post-link {
    text-transform: uppercase;
    font-size: 12px
}
.post-item .post-meta {
    padding-bottom: 9px;
    border-bottom: none
}
.post-item .post-title {
    display: block;
    color: #333;
    padding-bottom: 0;
    border: none;
    padding-top: 0;
    margin-bottom: 24px
}
.post-item .post-title>h3 {
    font-size: 36px;
    margin-bottom: 0;
    line-height: 1;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s
}
.post-item .post-title:hover>h2,
.post-item .post-title:hover>h3,
.post-item .post-title:hover>h4,
.post-item .post-title:hover>h4 {
    color: #de6800
}
.masonry-grid .post-item,
.post-compact .post-item {
    margin-bottom: 0;
    padding-left: 0
}
.masonry-grid .post-item .date,
.post-compact .post-item .date {
    z-index: 100;
    max-width: none
}
.masonry-grid .post-item .date span,
.post-compact .post-item .date span {
    width: auto;
    float: right;
    font-size: 16px !important;
    margin-right: 1px
}
.masonry-grid .post-item .date+.post-body,
.post-compact .post-item .date+.post-body {
    padding-top: 60px
}
.masonry-grid .post-item .tag-meta,
.post-compact .post-item .tag-meta {
    margin-bottom: 0
}
.masonry-grid .post-item .post-title *,
.post-compact .post-item .post-title * {
    font-size: 24px
}
.sticky {
    border-color: #ff8f2b
}
.sticky .post-meta .post-format,
.format-image .post-meta .post-format,
.format-gallery .post-meta .post-format,
.format-video .post-meta .post-format,
.format-audio .post-meta .post-format,
.format-quote .post-meta .post-format,
.format-link .post-meta .post-format,
.format-chat .post-meta .post-format {
    display: inline-block;
    vertical-align: middle;
    font-family: "feather";
    font-size: 24px;
    color: #de6800;
    margin-top: 2px;
    margin-right: 7px;
    line-height: 1
}
.format-standard .post-meta .post-format {
    display: none
}
.format-standard.sticky .post-meta .post-format {
    display: inline-block
}
.sticky .post-meta .post-format:before {
    content: "\e007"
}
.format-image .post-meta .post-format:before {
    content: "\e010"
}
.format-gallery .post-meta .post-format:before {
    content: "\e033"
}
.format-video .post-meta .post-format:before {
    content: "\e018"
}
.format-audio .post-meta .post-format:before {
    content: "\e098"
}
.format-quote .post-meta .post-format:before {
    content: "\e025"
}
.format-link .post-meta .post-format:before {
    content: "\e005"
}
.format-chat .post-meta .post-format:before {
    content: "\e076"
}
.post-tools {
    display: table;
    width: 100%;
    padding-top: 20px;
    border-top: 1px solid #d9d9d9
}
.post-tools .column {
    display: table-cell;
    vertical-align: middle
}
.post-tools .column:first-child {
    width: 60%
}
.post-tools .column:last-child {
    width: 40%;
    text-align: right
}
@media screen and (max-width: 768px) {
    .post-tools {
        display: block
    }
    .post-tools .column {
        display: block;
        width: 100% !important;
        margin-bottom: 24px
    }
    .post-tools .column:last-child {
        text-align: left;
        margin-bottom: 0
    }
}
.pagination {
    padding-top: 6px;
    border-top: 1px solid #d9d9d9;
    margin-top: 28px;
    padding-left: 0
}
.pagination .nav-links a,
.pagination .nav-links span {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    background-color: #ff8f2b;
    font-weight: 600;
    text-decoration: none;
    border: none;
    padding: 8px 15px 8px 15px;
    word-wrap: no-wrap;
    overflow-wrap: no-wrap;
    margin: 0 2px 10px 0;
    opacity: .5
}
.pagination .nav-links a.current,
.pagination .nav-links span.current {
    color: #fff;
    opacity: 1
}
.pagination .nav-links span {
    cursor: default
}
.pagination .nav-links a {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.pagination .nav-links a:hover {
    opacity: 1
}
.portfolio-item {
    margin-bottom: 24px
}
.portfolio-item .port-thumb {
    position: relative;
}
.portfolio-item .port-thumb:hover {
    background-color: #ff8f2b;
}
.portfolio-item .port-thumb .overlay-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}
.portfolio-item .port-thumb .overlay-inner>* {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}
.portfolio-item .port-thumb img {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity, 0.6s;
    -o-transition: opacity, 0.6s;
    transition: opacity, 0.6s
}
.portfolio-item .port-thumb:hover .overlay-inner {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1
}
.portfolio-item .port-thumb:hover img {
    opacity: .7
}
.portfolio-item .port-title>* {
    font-size: 18px;
    padding-top: 24px;
    margin-bottom: 6px;
    -webkit-transition: all, 0.2s;
    -o-transition: all, 0.2s;
    transition: all, 0.2s
}
.portfolio-item .port-title:hover>* {
    color: #ff8f2b
}
.portfolio-item .by-name>* {
    font-size: 14px
}
@media screen and (max-width: 480px) {
    .portfolio-item.col-xs-6 {
        width: 100%
    }
}
.portfolio-item .box-with-icon {
    margin-bottom: 0
}
.portfolio-item .box-with-icon .bwi-inner {
    padding-bottom: 0
}
.portfolio-single .testimonial {
    max-width: none
}
.portfolio-bar .port-meta span {
    font-weight: 600
}
.footer {
    width: 100%;
    background-color: transparent;
    margin-top: 84px;
    background-size: cover;
    background-position: center
}
.footer .top-footer {
    padding-top: 36px
}
.footer .bottom-footer {
    overflow: hidden;
    border-top: 1px solid #d9d9d9;
    margin: 24px auto;
    padding-top: 10px
}
.footer .bottom-footer .column {
    width: 50%;
    float: left
}
.footer .bottom-footer a {
    color: #fff;
    font-size: 14px
}
.footer .bottom-footer a:hover {
    color: #ff8f2b
}
.footer .widget {
    border: none;
    padding-left: 0;
    padding-right: 0
}
.footer .widget.widget_text {
    padding-left: 0
}
.footer .site-logo {
    margin-bottom: 24px;
    float: none;
    margin-bottom: 0
}
.footer .copyright {
    display: table;
    width: 100%;
    font-size: 14px;
    padding-bottom: 16px
}
.footer .copyright .column {
    display: table-cell;
    vertical-align: middle;
    width: 50%
}
.footer .copyright p {
    font-weight: 600;
    margin-bottom: 0
}
.footer .copyright p>a {
    padding: 0;
    border: none
}
.footer .copyright .cards {
    display: inline-block;
    width: 187px
}
.footer .copyright .cards>img {
    width: 100%
}
@media screen and (max-width: 1200px) {
    .footer .widget {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0
    }
    .footer .copyright {
        padding-top: 16px
    }
}
@media screen and (max-width: 991px) {
    .footer {
        margin-top: 72px
    }
}
@media screen and (max-width: 480px) {
    .footer {
        margin-top: 60px
    }
}
@media screen and (max-width: 360px) {
    .footer .list-inline li {
        display: block
    }
}
.footer.dark-skin {
    color: #fff
}
.footer.dark-skin .bottom-footer {
    border-color: rgba(217, 217, 217, 0.25)
}
.footer.dark-skin .widget {
    color: #fff
}
.footer.dark-skin .widget .widget-title {
    color: #fff;
    border-color: rgba(217, 217, 217, 0.25)
}
.footer.dark-skin .widget .widget-title i {
    color: #fff
}
.footer.dark-skin .widget .item {
    border-color: rgba(217, 217, 217, 0.25)
}
.footer.dark-skin .widget_categories ul>li {
    border-color: rgba(217, 217, 217, 0.25)
}
.footer.dark-skin .widget_categories ul>li a {
    color: #fff
}
.footer.dark-skin .widget_categories ul>li a:hover {
    color: #ff8f2b
}
.footer.dark-skin .widget_recent_news .item .info h4 a,
.footer.dark-skin .widget_recent_comments .item .info h4 a {
    color: #fff
}
.footer.dark-skin .widget_recent_news .item .info h4 a:hover,
.footer.dark-skin .widget_recent_comments .item .info h4 a:hover {
    color: #ff8f2b
}
.footer.dark-skin .widget_recent_news .item .meta a,
.footer.dark-skin .widget_recent_comments .item .meta a {
    color: #fff
}
.footer.dark-skin .widget_recent_news .item .meta a:hover,
.footer.dark-skin .widget_recent_comments .item .meta a:hover {
    color: #ff8f2b
}
.footer.dark-skin .copyright a {
    color: #fff
}
.footer.dark-skin .copyright a:hover {
    color: #ff8f2b
}
.template-settings {
    position: fixed;
    left: 0;
    top: 50%;
    z-index: 9999;
    width: 370px;
    background-color: #262626;
    -webkit-transform: translate(-100%, -50%);
    -moz-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    -o-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    -webkit-transition: transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s
}
.template-settings.active {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}
.template-settings .settings-inner {
    padding: 24px
}
.template-settings .title {
    color: #fff
}
.template-settings .settings-select {
    position: relative
}
.template-settings .settings-select select {
    cursor: pointer
}
.template-settings .settings-select:after {
    font-family: 'FontAwesome';
    content: "\f0d7";
    position: absolute;
    right: 14px;
    top: 50%;
    color: #ff8f2b;
    font-size: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}
.template-settings .settings-carousel {
    margin-top: 10px;
    margin-bottom: 22px
}
.template-settings .owl-carousel .owl-controls .owl-nav .owl-next,
.template-settings .owl-carousel .owl-controls .owl-nav .owl-prev {
    bottom: auto;
    top: -28px
}
.template-settings .preview-page {
    width: 50%;
    float: left;
    padding-right: 6px;
    padding-left: 0;
    position: relative;
    padding-bottom: 12px
}
.template-settings .preview-page:nth-child(even) {
    padding-left: 6px;
    padding-right: 0
}
.template-settings .preview-page:nth-child(even) .page-name {
    left: 12px
}
.template-settings .preview-page .page-name {
    position: absolute;
    bottom: 18px;
    left: 6px;
    font-size: 12px;
    padding: 10px 22px;
    color: #fff;
    background-color: black
}
.template-settings .settings-toggle {
    position: absolute;
    top: 50%;
    right: 0;
    background-color: #ff8f2b;
    padding: 12px 17px;
    color: #fff;
    cursor: pointer;
    -webkit-transform: translate(100%, -50%);
    -moz-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    -o-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}
.template-settings .settings-toggle i.fa {
    width: 13px;
    text-align: center
}
.template-settings .settings-toggle i.fa:after {
    content: "\f013"
}
.template-settings.active .settings-toggle i.fa:after {
    content: "\f104"
}
@media screen and (max-width: 768px) {
    .template-settings {
        display: none
    }
}
/*# sourceMappingURL=theme.min.css.map */