/* Table of content */


/* // 页面主题色 */

:root {
    --cus-main-color: #E60012;
    /* // 主题色
    // var( --cus-main-color) */
}


/*
1. FONTS
2. TYPOGRAPHY
3. BUTTONS
4. NAVBAR
5. FORMS
6. ELEMENTS
7. SECTIONS
8. PARALLAX
9. ICON BOX
10. PERSON BOX
11. TIMER COUNTER
12. TIMELINE
13. ACCORDION
14. PROGRESS BAR
15. PORTFOLIO
16. BLOG
17. FLICKR
18. BREADCRUMB
19. FOOTER
20. GOOGLE MAP
21. DESCRIPTION LIST
22. MEDIA OBJECT
23. TABS
24. PRICEBOX
25. TABLE
26. LIST STYLED
27. 404 PAGE
28. PLUGINS
29. ANIMATE.CSS
30. FLEXSLIDER
31. MAGNIFIC POPUP
32. ISOTOPE
*/

img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

ul,
ol {
    padding: 0;
}


/* ==================== */


/* ====== FONTS ======= */

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Regular-webfont.eot');
    src: url('/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-Regular-webfont.woff') format('woff'), url('/fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('/fonts/OpenSans-Regular-webfont.svg') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Semibold-webfont.eot');
    src: url('/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('/fonts/OpenSans-Semibold-webfont.svg') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Bold-webfont.eot');
    src: url('/fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-Bold-webfont.woff') format('woff'), url('/fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('/fonts/OpenSans-Bold-webfont.svg') format('svg');
    font-weight: 700;
    font-style: normal;
}

/* 楷体 弹窗展示 */
@font-face {
    font-family: 'kaiti';
    src: url('/fonts/kaiti.ttf');
    /* src: url('/fonts/kaiti.woff'); */
}


/* 数字定制字体 */

@font-face {
    font-family: 'din';
    /* src: url('/fonts/DIN-Bold.otf') format("opentype"); */
    /* 免费字体 */
    src: url('/fonts/D-DIN-PRO-500-Medium.ttf');
    font-style: normal;
}
.kaiti{
    font-family: 'kaiti' !important;

}
.numFont {
    font-family: 'din' !important;
    /* font-weight: normal; */
    font-weight: bold;
}

html {
    overflow-y: -moz-scrollbars-vertical;
    overflow-y: scroll;
    -ms-overflow-y: scroll;
}

a {
    color: inherit;
}

a:hover {
    text-decoration: none;
}

a:hover,
a:focus {
    color: var(--cus-main-color);
    outline: none;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #666;
    background: #fff;
    font-size: 14px;
    line-height: 22px;
}

p {
    color: #666;
    margin: 0 0 15px 0;
}

p.larger {
    color: #666;
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 25px 0;
}

p.darker {
    color: #555258;
}

a.larger {
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 12px;
}

.readMore,
a[href^="mailto"] {
    color: var(--cus-main-color);
}

.readMore:hover,
a[href^="mailto"]:hover {
    color: inherit;
}


/* ================== */


/* === TYPOGRAPHY === */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #333;
    margin: 0 0 20px 0;
}

h2 {
    font-weight: 400;
    font-size: 32px;
}

h3 {
    font-size: 24px;
    line-height: 28px;
}

h4 {
    font-size: 18px;
    line-height: 24px;
}

h4 span {
    display: block;
    color: #999;
    font-weight: 400;
    font-size: 13px;
    line-height: 14px;
    padding-top: 5px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

h5 {
    font-size: 18px;
    line-height: 21px;
    margin: 15px 0 12px 0;
}

h5+p {
    margin-bottom: 40px;
}

.widget-title {
    font-size: 13px;
    line-height: 16px;
    color: #999999;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 0 0 20px 0;
}

.page-header {
    border: 0;
    margin: 0;
    padding: 0;
}

.page-header h2 {
    margin-bottom: 40px;
}

.page-header h2+.larger {
    position: relative;
    margin-top: -24px;
    margin-bottom: 40px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.page-header h2+p {
    margin-top: -20px;
}

.page-header p {
    color: #666;
}

.page-header .btn {
    margin-top: 8px;
}

.page-header h2+.btn {
    margin-top: -12px;
}

.page-header+.larger {
    margin-top: -10px;
}

.page-header .larger+.btn {
    margin-top: -15px;
}

.page-title {
    font-size: 13px;
    line-height: 16px;
    color: #999999;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 0 0 25px 0;
    font-weight: 400;
}

.main-header {
    background: #453951;
    padding: 26px 0;
}

.main-header .page-title {
    color: #fff;
    font-size: 32px;
    line-height: 33px;
    text-transform: none;
    font-weight: 400;
    margin: 0;
    padding: 9px 0;
    letter-spacing: normal;
}

hr {
    background: none;
    border-top: 1px solid #e5e5e5;
}

blockquote {
    padding: 0;
    margin: 0 0 20px 0;
    border: 0;
    font-size: inherit;
    line-height: inherit;
}

blockquote p {
    font-size: inherit;
    line-height: inherit;
    font-weight: 400;
}

blockquote .inner {
    padding: 0 0 22px 25px;
}

blockquote .inner:before {
    height: 0;
    float: left;
    position: relative;
    top: 14px;
    left: -30px;
    content: "“";
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 50px;
    color: #999;
}

blockquote .media.author {
    margin-top: 0;
}

blockquote .media>.pull-left {
    display: block;
    margin-right: 20px;
}

blockquote .media>.pull-left img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

blockquote .media-heading {
    padding-top: 19px;
    font-size: 13px;
    line-height: 13px;
    font-weight: 600;
}

blockquote .media-heading span {
    padding-top: 6px;
    display: block;
    font-size: 13px;
    line-height: 13px;
    font-weight: 400;
    color: #999;
    text-transform: none;
    letter-spacing: normal;
}

blockquote.intext {
    margin: 40px 0;
    font-size: 20px;
    line-height: 30px;
    color: #666;
}

blockquote.intext p {
    font-size: 20px;
    line-height: 30px;
    color: #666;
}

.innerMargin blockquote.intext {
    margin-left: -100px;
    margin-right: -100px;
}

blockquote.huge {
    font-size: 32px;
    line-height: 45px;
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 0 75px 0;
}

blockquote.huge p {
    font-size: 32px;
    line-height: 45px;
}

blockquote.huge .author {
    display: block;
    font-size: 13px;
    line-height: 15px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.thumbnails {
    margin-top: -20px;
}

.thumbnails>li {
    margin-top: 20px;
}

.table-content {
    display: table;
    width: 100%;
    margin: 0;
}

.table-row {
    display: table-row;
}

.table-cell {
    display: table-cell;
    vertical-align: middle;
}

.table-cell * {
    margin: 0;
}


/* =============== */


/* === BUTTONS === */

.btn {
    font-weight: 400;
    border: 2px solid transparent;
    padding: 11px 17px;
    font-size: 13px;
    line-height: 13px;
    background: transparent;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease ease-in-out 0.2s;
    -moz-transition: all 0.1s ease ease-in-out 0.2s;
    -o-transition: all 0.1s ease ease-in-out 0.2s;
    transition: all 0.1s ease ease-in-out 0.2s;
    color: #333;
}

.btn:hover,
.btn:focus {
    color: var(--cus-main-color);
    border-color: var(--cus-main-color);
    text-decoration: none;
    outline: none;
}

.btn:active,
.btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    filter: alpha(opacity=65);
    filter: alpha(opacity=@opacity * 100);
    -moz-opacity: 0.65;
    -khtml-opacity: 0.65;
    opacity: 0.65;
    -webkit-box-shadow: none;
    box-shadow: none;
}

input::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin-top: -3px;
    margin-bottom: -3px;
}

.btn-default {
    background: transparent;
    border-color: #ccc;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
    background: transparent;
}

.btn-primary {
    background: var(--cus-main-color);
    border-color: var(--cus-main-color);
    color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background: #2a272e;
    border-color: #2a272e;
    color: #fff;
}

.btn-lg {
    padding: 16px 27px;
}

.btn-sm {
    font-weight: 400;
    padding: 6px 11px;
    font-size: 11px;
    line-height: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.btn.with-icon {
    margin: 4px;
    padding-left: 10px;
    padding-right: 10px;
    width: 39px;
}

.btn.disabled,
.btn[disabled] {
    background: #666 !important;
    border-color: #666 !important;
}

.btn.closeAjaxPortfolio {
    margin-left: 25px;
}


/* ===================== */


/* ====== NAVBAR ======= */

.navbar-default {
    min-height: 89px;
    background-color: #fff;
    border: 0;
    margin: 0;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
}

.navbar-default .nav>li {
    padding: 28px 16px;
}

.navbar-default .nav>li.dropdown {}

.navbar-default .nav>li.dropdown>a:after {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0d7";
    color: #999;
    font-weight: 400;
    margin-left: 4px;
    font-size: 12px;
    position: absolute;
}

.navbar-default .nav>li>a {
    font-size: 13px;
    line-height: 15px;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    padding: 8px 0;
    border-bottom: 2px solid transparent;
}

.navbar-default .navbar-nav>li:hover>a,
.navbar-default .navbar-nav>li:focus>a {
    color: #333;
    background: transparent;
    border-bottom: 2px solid var(--cus-main-color);
}

.navbar-default .navbar-nav>.active>a {
    color: #333;
    background: transparent;
    border-bottom: 2px solid var(--cus-main-color);
}

.navbar-default .navbar-nav>.active:hover>a,
.navbar-default .navbar-nav>.active:focus>a {
    background: transparent;
    border-color: var(--cus-main-color);
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    background: transparent;
}

.navbar-default .navbar-brand {
    margin-top: 4px;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background: none;
}

.navbar-toggle {
    margin-top: 34px;
}


/* menu on hover */


/* 这个动画在手机端会导致点击bug  手机端不需要这个动效PC端使用即可 */

@media (min-width: 1200px) {
    @keyframes cusfadeIn {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    li.dropdown:hover .dropdown-menu {
        display: block;
        animation-duration: 1s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-direction: normal;
        animation-fill-mode: forwards;
        animation-play-state: running;
        animation-name: cusfadeIn;
    }
}

.dropdown-menu {
    overflow: hidden;
    list-style: circle outside none;
}

.dropdown-menu {
    min-width: 100%;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25) !important;
}

.dropdown-menu>li>a {
    /* background: #2a272e;
    border-top: 1px solid #353239; */
    display: block;
    padding: 17px 20px !important;
    color: #fff;
    font-size: 14px;
    line-height: 15px;
    text-align: center;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    color: var(--cus-main-color);
    /* background: #2a272e; */
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: auto;
        left: 0;
    }
}

.navbar-default {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease ease-in-out 0.2s;
    -moz-transition: all 0.5s ease ease-in-out 0.2s;
    -o-transition: all 0.5s ease ease-in-out 0.2s;
    transition: all 0.5s ease ease-in-out 0.2s;
}

.navbar-transparent {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-transparent .nav>li>a {
    color: #fff !important;
}

.navbar-transparent .navbar-nav>.active>a {
    border-color: #fff;
}

.navbar-transparent .navbar-nav>.active:hover>a,
.navbar-transparent .navbar-nav>.active:focus>a {
    border-color: #fff;
}

.navbar-fixed-top .navbar-nav>li:hover>a,
.navbar-fixed-top .navbar-nav>li:focus>a {
    border-color: transparent;
}

#showHeaderSearch {
    float: right;
    padding: 22px 0 22px 22px;
    margin: 11px 0 10px 10px;
    color: #666;
}

#showHeaderSearch:hover {
    color: #333;
}

#showHeaderSearch i {
    width: 15px;
}

.header-search {
    position: absolute;
    height: 106px;
    left: 0;
    right: 0;
    bottom: -106px;
    background: var(--cus-main-color);
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25) inset, 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25) inset, 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
}

.header-search .container {
    position: relative;
    margin-top: 26px;
}

.header-search input[type="text"] {
    border: 0;
    width: 100%;
    color: #fff;
    color: rgba(255, 255, 255, 0.85);
    height: 52px;
    padding: 5px 60px 5px 0;
    font-size: 32px;
    line-height: 40px;
}

.header-search input[type="text"]:-moz-placeholder {
    color: #fff;
    color: rgba(255, 255, 255, 0.4);
}

.header-search input[type="text"]::-moz-placeholder {
    color: #fff;
    color: rgba(255, 255, 255, 0.4);
    opacity: 1;
}

.header-search input[type="text"]:-ms-input-placeholder {
    color: #fff;
    color: rgba(255, 255, 255, 0.4);
}

.header-search input[type="text"]::-webkit-input-placeholder {
    color: #fff;
    color: rgba(255, 255, 255, 0.4);
}

.header-search button[type="submit"] {
    border: 0;
    padding: 0;
    margin: 0;
    color: #fff;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease ease-in-out 0.2s;
    -moz-transition: all 0.2s ease ease-in-out 0.2s;
    -o-transition: all 0.2s ease ease-in-out 0.2s;
    transition: all 0.2s ease ease-in-out 0.2s;
    background: #777;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    right: 0;
    top: 1px;
}

.header-search button[type="submit"]:hover {
    background: #2a272e;
}

.header-search button[type="submit"] i {
    margin-right: -1px;
}


/* ==================== */


/* ====== FORMS ======= */

.form-group {
    margin-bottom: 10px;
}

.form-control {
    display: block;
    width: 100%;
    height: 39px;
    padding: 9px;
    font-size: 13px;
    line-height: 17px;
    color: #333;
    background-color: transparent;
    background-image: none;
    border: 2px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
    -webkit-transition: none ease-in-out 0.2s;
    -moz-transition: none ease-in-out 0.2s;
    -o-transition: none ease-in-out 0.2s;
    transition: none ease-in-out 0.2s;
}

.form-control:focus {
    border-color: #999;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control:-moz-placeholder {
    color: #333;
}

.form-control::-moz-placeholder {
    color: #333;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #333;
}

.form-control::-webkit-input-placeholder {
    color: #333;
}

.form-control textarea {
    height: auto;
    min-height: 210px;
    resize: none;
}

.control-label {
    display: block;
    font-size: 13px;
    line-height: 15px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 0 0 7px 0;
}

.control-label span {
    color: #999;
}

.form-group {
    margin-bottom: 25px;
}

.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
    color: inherit;
}

.has-error .help-block {
    color: #bc3d3d;
}

.has-error .form-control:focus {
    border-color: #bc3d3d;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-error .form-control {
    border-color: #bc3d3d;
}

.has-error .help-block {
    font-size: 11px;
    line-height: 11px;
    margin: 0;
    position: relative;
    top: 7px;
    height: 0;
}


/* ======================= */


/* ====== ELEMENTS ======= */

.socialIcons {
    *zoom: 1;
    display: block;
    margin: 0 0 0 -10px;
    list-style: none;
}

.socialIcons:before,
.socialIcons:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.socialIcons:after {
    clear: both;
}

.socialIcons:before,
.socialIcons:after {
    content: " ";
    display: table;
}

.socialIcons:after {
    clear: both;
}

.socialIcons.pull-right {
    margin: 0 -10px 0 0;
}

.socialIcons>li {
    float: left;
    margin: 0 10px;
}

.socialIcons>li>a {
    display: block;
    font-size: 18px;
    color: #7f7d82;
    color: rgba(255, 255, 255, 0.4);
}

.socialIcons>li>a:hover {
    color: var(--cus-main-color);
}

.socialIcons>li i {
    display: block;
}

.socialIcons.bigIcons {
    margin-left: -7px;
}

.socialIcons.bigIcons>li {
    margin: 0 7px;
}

.socialIcons.bigIcons>li>a {
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
    -webkit-transition: background 0.2s ease ease-in-out 0.2s;
    -moz-transition: background 0.2s ease ease-in-out 0.2s;
    -o-transition: background 0.2s ease ease-in-out 0.2s;
    transition: background 0.2s ease ease-in-out 0.2s;
    text-align: center;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding-top: 16px;
    padding-right: 1px;
    background: #bbb;
    color: #fff;
}

.socialIcons.bigIcons>li>a:hover {
    background: var(--cus-main-color);
}

.socialIcons.bigIcons.type2 {
    margin-left: -5px;
}

.socialIcons.bigIcons.type2>li {
    margin: 0 5px;
}

.socialIcons.bigIcons.type2>li>a {
    width: 36px;
    height: 36px;
    padding-top: 10px;
    background: var(--cus-main-color);
}

.socialIcons.bigIcons.type2>li>a:hover {
    background: #2a272e;
}

.tooltip.in {
    filter: alpha(opacity=100);
    filter: alpha(opacity=@opacity * 100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.tooltip-inner {
    background-color: #2a272e;
    border-radius: 0;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #2a272e;
}

.tooltip.top-left .tooltip-arrow {
    border-top-color: #2a272e;
}

.tooltip.top-right .tooltip-arrow {
    border-top-color: #2a272e;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #2a272e;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #2a272e;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #2a272e;
}

.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #2a272e;
}

.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #2a272e;
}


/* back to top link */

#toTop {
    position: fixed;
    z-index: 350;
    bottom: 40px;
    right: 35px;
    display: none;
    width: 70px;
    height: 70px;
    background: var(--cus-main-color);
    filter: alpha(opacity=70);
    filter: alpha(opacity=@opacity * 100);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    padding-top: 15px;
}

#toTop:hover {
    filter: alpha(opacity=100);
    filter: alpha(opacity=@opacity * 100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

#toTop i {
    color: #fff;
    font-size: 36px;
}


/* ======================= */


/* ====== SECTIONS ======= */

html {
    height: 100%;
    min-height: 100%;
    width: 100%;
}

body {
    min-height: 100%;
}

.content-area {
    padding: 45px 0 60px 0;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #fff;
}

.content-area.bg2 {
    background: #f5f5f5;
}

.brightText {
    background-color: #453951;
    color: #fff;
}

.brightText h1,
.brightText h2,
.brightText h3,
.brightText h4,
.brightText h5,
.brightText h6 {
    color: #fff;
}

.brightText p {
    color: #fff;
}

.brightText .page-title {
    color: #999;
}

.brightText blockquote .inner:before {
    color: rgba(255, 255, 255, 0.4);
}

.brightText blockquote .media-heading span {
    color: rgba(255, 255, 255, 0.4);
}

.brightText .control-label span {
    color: #fff;
    color: rgba(255, 255, 255, 0.4);
}

.brightText .form-control {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.4);
}

.brightText .form-control:focus {
    border-color: #fff;
}

.brightText .form-control:-moz-placeholder {
    color: #fff;
}

.brightText .form-control::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.brightText .form-control:-ms-input-placeholder {
    color: #fff;
}

.brightText .form-control::-webkit-input-placeholder {
    color: #fff;
}

.brightText blockquote.huge .author {
    color: #fff;
    color: rgba(255, 255, 255, 0.4);
}


/* ======================= */


/* ======================= */


/* ====== ICON BOX ======= */

.iconBox {
    color: #666;
}

.iconBox p {
    color: #666;
}

.iconBox .media>.pull-left {
    margin-right: 20px;
}

.iconBox .media>.pull-left i {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease ease-in-out 0.2s;
    -moz-transition: all 0.3s ease ease-in-out 0.2s;
    -o-transition: all 0.3s ease ease-in-out 0.2s;
    transition: all 0.3s ease ease-in-out 0.2s;
    font-size: 21px;
    margin-top: 24px;
    margin-left: 0;
    position: relative;
    color: var(--cus-main-color);
}

.iconBox .media>.pull-left:hover i {
    color: #fff;
}

.iconBox .media-heading {
    margin: 5px 0 13px;
}

.iconBox.type2 {
    text-align: center;
}

.iconBox.type2 .media>.pull-left {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease ease-in-out 0.2s;
    -moz-transition: all 0.2s ease ease-in-out 0.2s;
    -o-transition: all 0.2s ease ease-in-out 0.2s;
    transition: all 0.2s ease ease-in-out 0.2s;
    display: block;
    float: none !important;
    width: 70px;
    height: 70px;
    border: 2px solid #e5e5e5;
    margin: 0 auto 11px auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.iconBox.type2 .media>.pull-left i {
    margin-top: 22px;
}

.iconBox.type2 .media>.pull-left:hover {
    border-color: var(--cus-main-color);
    background: var(--cus-main-color);
}

.iconBox.type3 {
    margin-top: 5px;
}

.iconBox.type3 p {
    margin: 0;
}

.iconBox.type3 p+p {
    margin-top: 15px;
}

.iconBox.type3+.iconBox {
    margin-top: 40px;
}

.iconBox.type3 .media-heading {
    margin: -2px 0 7px;
}

.iconBox.type3 .media>.pull-left {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease ease-in-out 0.2s;
    -moz-transition: all 0.2s ease ease-in-out 0.2s;
    -o-transition: all 0.2s ease ease-in-out 0.2s;
    transition: all 0.2s ease ease-in-out 0.2s;
    display: block;
    width: 36px;
    height: 36px;
    background: var(--cus-main-color);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
}

.iconBox.type3 .media>.pull-left i {
    color: #fff;
    margin-top: 9px;
    font-size: 19px;
}

.iconBox.type3 .media>.pull-left:hover {
    background: #333;
}

.iconBox.type4 {
    padding: 0 25px 25px 25px;
    margin-top: 20px;
    text-align: center;
    background: #fff;
}

.iconBox.type4 .media>.pull-left {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease ease-in-out 0.2s;
    -moz-transition: all 0.3s ease ease-in-out 0.2s;
    -o-transition: all 0.3s ease ease-in-out 0.2s;
    transition: all 0.3s ease ease-in-out 0.2s;
    display: block;
    float: none !important;
    width: 70px;
    height: 70px;
    background: var(--cus-main-color);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin: 0 auto;
    position: relative;
    top: -20px;
}

.iconBox.type4 .media>.pull-left i {
    color: #fff;
    font-size: 18px;
    margin-top: 26px;
}

.iconBox.type4 .media>.pull-left:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    background: #333;
}

.iconBox.type4 .media,
.iconBox.type4 .media-body {
    overflow: visible;
}

.iconBox.type4 .media-heading {
    margin: -5px 0 8px 0;
}

.octagon {
    position: relative;
    text-align: center;
    display: block;
    width: 70px;
    height: 70px;
}

.octagon .octbg {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease ease-in-out 0.2s;
    -moz-transition: all 0.2s ease ease-in-out 0.2s;
    -o-transition: all 0.2s ease ease-in-out 0.2s;
    transition: all 0.2s ease ease-in-out 0.2s;
    fill: #fff;
}

.octagon .octcol {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease ease-in-out 0.2s;
    -moz-transition: all 0.3s ease ease-in-out 0.2s;
    -o-transition: all 0.3s ease ease-in-out 0.2s;
    transition: all 0.3s ease ease-in-out 0.2s;
    fill: #e5e5e5;
}

.octagon:hover .octbg {
    fill: var(--cus-main-color);
}

.octagon:hover .octcol {
    fill: var(--cus-main-color);
}

.octagon .svg-load {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}

.promoBox .inner {
    padding: 65px 0;
}

.tweet_list>li {
    margin-top: 25px;
}

.tweet_list>li:first-child {
    margin-top: 0;
}

.tweet_list a:hover {
    color: #ccc;
}

.tweet_list .tweet_time {
    display: block;
    font-size: 11px;
    line-height: 11px;
    padding: 0 0 5px 0;
    color: #545158;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.tweet_list .tweet_time a {
    color: #545158;
}


/* ================== */


/* === PERSON BOX === */

.personBox h4 {
    margin-top: 12px;
}

.personBox h4 a {
    color: var(--cus-main-color);
}

.personBox h4 a:hover {
    color: #333;
}

.personBox hr {
    margin: 16px 0 13px 0;
}

.socialNormal {
    font-size: 18px;
    color: #999;
}

.socialNormal>li:first-child {
    padding-left: 0;
}

.socialNormal>li {
    padding-left: 7px;
    padding-right: 7px;
}

.socialNormal a:hover {
    color: #333;
}

.buttonBox p {
    font-size: 20px;
    line-height: 23px;
    margin: 0;
}


/* ================= */


/* ==================== */


/* === PROGRESS BAR === */

.progress {
    display: inline-block;
    width: 100%;
    overflow: visible;
    height: 2px;
    margin: 35px 0 15px 0;
    background-color: #ccc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 13px;
}

.progress .pro-skill {
    height: 0;
    margin-top: -32px;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.progress .pro-level {
    display: none;
    height: 0;
    margin-top: -32px;
    color: #666;
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
    background-color: #453951;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
    -webkit-transition: none ease-in-out 0.2s;
    -moz-transition: none ease-in-out 0.2s;
    -o-transition: none ease-in-out 0.2s;
    transition: none ease-in-out 0.2s;
}

.progress-bar.animating {
    -webkit-transition: width 1.3s ease-in-out;
    transition: width 1.3s ease-in-out;
    -webkit-transition: width 1.3s ease-in-out ease-in-out 0.2s;
    -moz-transition: width 1.3s ease-in-out ease-in-out 0.2s;
    -o-transition: width 1.3s ease-in-out ease-in-out 0.2s;
    transition: width 1.3s ease-in-out ease-in-out 0.2s;
}


/* ================= */


/* === PORTFOLIO === */

.portfolio-item .cat-links {
    color: #999;
    letter-spacing: 0.1em;
}

.portfolio-item .cat-links a {
    text-transform: uppercase;
    font-size: 11px;
    line-height: 12px;
}

.portfolio-item .entry-title {
    font-weight: 400;
    margin-top: 4px;
}

.portfolio-item .portfolio-thumbnail {
    margin: 0 0 12px 0;
    position: relative;
}

.portfolio-item .portfolio-thumbnail:hover .overlay-img {
    filter: alpha(opacity=70);
    filter: alpha(opacity=@opacity * 100);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.portfolio-item .portfolio-thumbnail:hover .overlay-img .overlay-ico {
    top: 50%;
}

.portfolio-item .overlay-img {
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease ease-in-out 0.2s;
    -moz-transition: all 0.25s ease ease-in-out 0.2s;
    -o-transition: all 0.25s ease ease-in-out 0.2s;
    transition: all 0.25s ease ease-in-out 0.2s;
    filter: alpha(opacity=0);
    filter: alpha(opacity=@opacity * 100);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.portfolio-item .overlay-img .overlay-ico {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease ease-in-out 0.2s;
    -moz-transition: all 0.2s ease ease-in-out 0.2s;
    -o-transition: all 0.2s ease ease-in-out 0.2s;
    transition: all 0.2s ease ease-in-out 0.2s;
    display: block;
    position: absolute;
    top: 35%;
    left: 50%;
    margin-top: -35px;
    margin-left: -35px;
    background: var(--cus-main-color);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    line-height: 75px;
    text-align: center;
}

.portfolio-item .overlay-img .overlay-ico i {
    margin-top: 26px;
    color: #000;
    font-size: 20px;
}

.portfolio-thumbnail-big {
    margin: 50px 0 28px 0;
}

.portfolioNav .btn-default {
    margin-right: 6px;
}


/* ============= */


/* === BLOG === */

.entry-meta {
    margin: 6px 0 1px 0;
    font-size: 11px;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-align: center;
    font-size: 24px;
}

.entry-meta>span {
    display: inline-block;
    margin-right: 15px;
}

.entry-meta .entry-reply a {
    color: var(--cus-main-color);
}

.entry-meta .entry-reply a:hover {
    color: inherit;
}

.blog-item {
    float: left;
    clear: both;
}

.blog-item p a {}

.blog-item p a:hover {
    color: var(--cus-main-color);
}

.blog-item .blog-thumbnail {
    margin-bottom: 13px;
}

.blog-item .entry-title {
    margin-bottom: 6px;
}

.blog-item.format-link .entry-title a {
    color: var(--cus-main-color);
}

.blog-item.format-link .entry-title a:hover {
    color: inherit;
}

.blog-item.format-video .blog-thumbnail {
    position: relative;
}

.blog-item.format-video .blog-thumbnail a {
    position: relative;
}

.blog-item.format-video .blog-thumbnail a:before {
    content: " ";
    width: 70px;
    height: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    background: rgba(255, 255, 255, 0.6);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -35px;
}

.blog-item.format-video .blog-thumbnail a:after {
    font-size: 20px;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f04b";
    color: var(--cus-main-color);
    filter: alpha(opacity=90);
    filter: alpha(opacity=@opacity * 100);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -5px;
}

.blog-item.item-bigger {
    float: none;
    padding-bottom: 45px;
    margin-bottom: 45px;
    border-bottom: 1px solid #e5e5e5;
}

.blog-item.item-bigger .blog-thumbnail {
    margin-bottom: 25px;
}

.blog-item.item-bigger .entry-title {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 20px;
    text-align: left;
}


/* 文章详情特殊处理 */

.blog-item.item-bigger.detailsContent .entry-title {
    font-size: 36px;
    line-height: 29px;
    margin-bottom: 10px;
    text-align: center;
}

.blog-item.item-bigger .entry-title blockquote {
    color: #666666;
    line-height: 35px;
    font-weight: 400;
}

.blog-item.item-bigger .entry-title blockquote .author {
    display: block;
    font-size: 14px;
    line-height: 16px;
    padding-top: 10px;
}

.blog-item.item-bigger .entry-meta {
    margin-bottom: 8px;
}

.commentListOuter {
    margin: 65px 0;
    border-top: 1px solid #e5e5e5;
    padding-top: 45px;
}

.commentList {
    margin: 0 0 50px 0;
}

.commentList>li {
    margin-left: 0;
}

.commentList li li {
    margin-left: 90px;
}

.commentList .oneComment {
    margin-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e5e5e5;
}

.commentList .oneComment .entry-meta {
    margin: -5px 0 0 0;
}

.commentList .oneComment h5+p {
    margin-bottom: 12px;
}

.navigation-blog-outer {
    padding-bottom: 10px;
    margin-top: -5px;
}

.navigation-blog {
    display: inline-block;
    height: 40px;
    color: var(--cus-main-color);
    margin: 8px 0 0 0;
}

.navigation-blog:hover {
    color: inherit;
}

.pagination {
    *zoom: 1;
    display: block;
    padding: 0;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.pagination:before,
.pagination:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.pagination:after {
    clear: both;
}

.pagination:before,
.pagination:after {
    content: " ";
    display: table;
}

.pagination:after {
    clear: both;
}

.pagination>li {
    display: inline-block;
    margin: 0 3px;
}

.pagination>li>a,
.pagination>li>span {
    display: block;
    position: relative;
    float: left;
    padding: 8px 0 0 0;
    line-height: 22px;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-decoration: none;
    background-color: transparent;
    border: 0;
    margin: 0;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    background: transparent;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    background-color: var(--cus-main-color);
    border: 0;
    cursor: default;
}

#blog-sidebar {
    padding-left: 20px;
}

#blog-sidebar .widget {
    *zoom: 1;
    margin: 0 0 60px 0;
}

#blog-sidebar .widget:before,
#blog-sidebar .widget:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

#blog-sidebar .widget:after {
    clear: both;
}

#blog-sidebar .widget:before,
#blog-sidebar .widget:after {
    content: " ";
    display: table;
}

#blog-sidebar .widget:after {
    clear: both;
}

#blog-sidebar .entry-title {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
}

#blog-sidebar .blog-item {
    float: none;
}

#blog-sidebar .blog-item+.blog-item {
    border-top: 1px solid #e5e5e5;
    margin-top: 15px;
    padding: 9px 0 0 0;
}

.widget .btn.btn-default.btn-sm {
    margin: 0 3px 7px 0;
}

.widget .btn.btn-default.btn-sm:focus,
.widget .btn.btn-default.btn-sm:hover {
    background: var(--cus-main-color);
    color: #fff;
}

.categories-widget ul {
    margin: -10px 0 0 0;
}

.categories-widget ul li {
    margin: 0;
    padding: 15px 0;
    *zoom: 1;
    border-top: 1px solid #e5e5e5;
}

.categories-widget ul li:before,
.categories-widget ul li:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.categories-widget ul li:after {
    clear: both;
}

.categories-widget ul li:before,
.categories-widget ul li:after {
    content: " ";
    display: table;
}

.categories-widget ul li:after {
    clear: both;
}

.categories-widget ul li:first-child {
    border-top: 0;
}

.categories-widget a {
    float: left;
}

.categories-widget span {
    float: right;
    color: #999;
}

.search-form {
    margin: 0;
    padding: 0;
    position: relative;
}

.search-form:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f002";
    color: #999;
    position: absolute;
    right: 14px;
    top: 8px;
    z-index: 1;
}

.search-form input[type="search"] {
    padding-right: 40px;
}

.search-form input[type="search"]:-moz-placeholder {
    color: #999;
}

.search-form input[type="search"]::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.search-form input[type="search"]:-ms-input-placeholder {
    color: #999;
}

.search-form input[type="search"]::-webkit-input-placeholder {
    color: #999;
}

.search-form input[type="submit"] {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    width: 40px;
    background: transparent;
    border: 0;
    font-size: 0;
    color: transparent;
    z-index: 2;
    outline: none;
}


/* ====== FLICKR ======= */

.flickr_badge {
    *zoom: 1;
    margin: 3px 0 0 -15px;
}

.flickr_badge:before,
.flickr_badge:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.flickr_badge:after {
    clear: both;
}

.flickr_badge:before,
.flickr_badge:after {
    content: " ";
    display: table;
}

.flickr_badge:after {
    clear: both;
}

.flickr_badge .flickr_badge_image {
    float: left;
    margin: 0 0 15px 15px;
}

.flickr_badge .flickr_badge_image a {
    display: block;
    position: relative;
}

.flickr_badge .flickr_badge_image a:hover:before {
    filter: alpha(opacity=70);
    filter: alpha(opacity=@opacity * 100);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.flickr_badge .flickr_badge_image a:before {
    content: " ";
    position: absolute;
    background: var(--cus-main-color);
    filter: alpha(opacity=0);
    filter: alpha(opacity=@opacity * 100);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease ease-in-out 0.2s;
    -moz-transition: all 0.2s ease ease-in-out 0.2s;
    -o-transition: all 0.2s ease ease-in-out 0.2s;
    transition: all 0.2s ease ease-in-out 0.2s;
    width: 100%;
    height: 100%;
}


/* ================== */


/* === BREADCRUMB === */

.breadcrumb {
    *zoom: 1;
    padding: 20px 0;
    margin: 0;
    list-style: none;
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.breadcrumb:before,
.breadcrumb:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.breadcrumb:after {
    clear: both;
}

.breadcrumb:before,
.breadcrumb:after {
    content: " ";
    display: table;
}

.breadcrumb:after {
    clear: both;
}

.breadcrumb>li>a:hover {
    color: #fff;
}

.breadcrumb>li {
    display: block;
    float: left;
    font-size: 13px;
    line-height: 14px;
    color: #8f8897;
    color: rgba(255, 255, 255, 0.4);
    letter-spacing: normal;
}

.breadcrumb>li+li:before {
    content: "/";
    padding: 0 5px;
    color: #8f8897;
    color: rgba(255, 255, 255, 0.4);
}

.breadcrumb>.active {
    color: #8f8897;
    color: rgba(255, 255, 255, 0.4);
}


/* ===================== */


/* ====== FOOTER ======= */

footer {
    padding: 50px 0 0 0;
    color: #ccc;
    background: #2a272e;
}

footer .page-title {
    color: rgba(255, 255, 255, 0.4);
}

footer .widget-title {
    margin-bottom: 22px;
}

footer p {
    color: #ccc;
}

footer a {
    color: var(--cus-main-color);
}

footer .mainfooter {
    padding-bottom: 40px;
}

footer .postfooter {
    padding-top: 10px;
    padding-bottom: 30px;
    color: #555258;
}

footer .postfooter p {
    margin: 0;
    color: #555258;
}

footer .blog-item {
    float: none;
    margin: 0 !important;
}

footer .blog-item .entry-date {
    color: #545158;
}

footer .blog-item .entry-comments a {
    color: #545158;
}

footer .blog-item .entry-title a {
    color: #fff;
}

footer .blog-item a:hover {
    color: var(--cus-main-color);
}

footer .btn-primary:hover,
footer .btn-primary:focus,
footer .btn-primary:active,
footer .btn-primary.active {
    background: #ccc;
    border-color: #ccc;
    color: #333;
}

footer form,
.prefooter form {
    margin-top: 5px;
}

footer .form-control,
.prefooter .form-control {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
    border: 2px solid #ccc;
    border-color: rgba(255, 255, 255, 0.4);
}

footer .form-control:focus,
.prefooter .form-control:focus {
    border-color: #fff;
    color: #fff;
}

footer .form-control:-moz-placeholder,
.prefooter .form-control:-moz-placeholder {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
}

footer .form-control::-moz-placeholder,
.prefooter .form-control::-moz-placeholder {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
    opacity: 1;
}

footer .form-control:-ms-input-placeholder,
.prefooter .form-control:-ms-input-placeholder {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
}

footer .form-control::-webkit-input-placeholder,
.prefooter .form-control::-webkit-input-placeholder {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
}

footer .form-group,
.prefooter .form-group {
    margin-bottom: 10px;
}

footer .widget-title,
.prefooter .widget-title {
    color: rgba(255, 255, 255, 0.4);
}

footer .socialIcons.bigIcons>li>a,
.prefooter .socialIcons.bigIcons>li>a {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
}

footer .socialIcons.bigIcons>li>a:hover,
.prefooter .socialIcons.bigIcons>li>a:hover {
    background: var(--cus-main-color);
}

footer hr,
.prefooter hr {
    border-color: #403d43;
    border-color: rgba(255, 255, 255, 0.1);
}

.prefooter {
    padding: 20px 0;
    background: #453951;
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
}

.prefooter input[type="submit"] {
    margin-left: 10px;
}

.prefooter .widget-title {
    margin-bottom: 0;
}

.prefooter .table-cell input[type="email"] {
    width: 258px;
    margin-left: 26px;
}

.prefooter .row>div:first-child .table-row>div:first-child {
    width: 113px;
}


/* ================== */


/* ========================= */


/* === DESCRIPTION LIST === */

dl {
    margin-top: 0;
    margin-bottom: 35px;
}

dt,
dd {
    line-height: 22px;
}

dt {
    font-weight: 400;
    color: #999999;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 13px;
    padding: 16px 0 7px 0;
    margin: 12px 0 0 0;
    border-top: 1px solid #e5e5e5;
}

dl dt:first-child {
    padding-top: 0;
    border-top: 0;
    margin-top: 0;
}

dd {
    margin-left: 0;
}


/* ==================== */


/* === TABS === */

.nav-pills>li {
    float: left;
}

.nav-pills>li>a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-top: 1px solid #e5e5e5;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    padding: 18px 22px;
}

.nav-pills>li>a:hover,
.nav-pills>li>a:focus {
    background: transparent;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    background-color: #453951;
    border-color: transparent;
}

.nav-pills>li:first-child>a {
    border-color: transparent;
}

.nav-pills>li.active+li a {
    border-color: transparent;
}

.nav-stacked>li {
    float: none;
}

.nav-stacked>li+li {
    margin-top: 0;
    margin-left: 0;
}


/* ================ */


/* === PRICEBOX === */

.priceBox .inner {
    background: #453951;
    padding: 45px 10px;
}

.priceBox .inner .btn {
    margin-top: 20px;
}

.priceBox .inner * {
    color: #fff;
}

.priceBox em {
    font-size: 64px;
    line-height: 64px;
    font-weight: 400;
    font-style: normal;
    padding: 0 0 0 1px;
}

.priceBox sup {
    font-size: 14px;
    top: -2.5em;
}

.priceBox sub {
    font-size: 14px;
    bottom: 0;
}

.priceBox span {
    display: block;
    background: #f5f5f5;
    color: #666;
    padding: 14px 10px;
}

.priceBox span+span {
    border-top: 1px solid #e6e6e6;
}

.priceBox.special .inner {
    background: var(--cus-main-color);
}

.priceBox.special .btn-primary {
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.4);
}

.priceBox.special .btn-primary:hover,
.priceBox.special .btn-primary:focus,
.priceBox.special .btn-primary:active,
.priceBox.special .btn-primary.active {
    background: #2a272e;
    border-color: #2a272e;
    color: #fff;
}

.priceBox.type2 .inner {
    background: transparent;
    padding: 0 5px 10px 5px;
}

.priceBox.type2 .inner * {
    color: inherit;
}

.priceBox.type2 .inner h3 {
    margin-bottom: 12px;
}

.priceBox.type2 em {
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
}

.priceBox.type2 sup {
    top: -0.45em;
}

.priceBox.type2 sup,
.priceBox.type2 sub {
    color: #666;
}

.priceBox.type2 span {
    background: transparent;
    padding: 5px;
}

.priceBox.type2 span+span {
    border-top: 0;
}

.priceBox.type2 .btn {
    margin-top: 20px;
}

.priceBox.type2 .fa {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease ease-in-out 0.2s;
    -moz-transition: all 0.3s ease ease-in-out 0.2s;
    -o-transition: all 0.3s ease ease-in-out 0.2s;
    transition: all 0.3s ease ease-in-out 0.2s;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    border: 2px solid #e5e5e5;
    background: #fff;
    color: var(--cus-main-color);
    font-size: 17px;
    padding-top: 25px;
    margin: 0 0 25px 0;
}

.priceBox.type2 .fa:hover {
    background: #333;
    color: #fff;
    border-color: #333;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

[class^="col-md-"]+[class^="col-md-"] .priceBox.type2 {
    border-left: 1px solid #e6e6e6;
    margin-left: -15px;
}


/* ============== */


/* === TABLE === */

.table-responsive table {
    width: 100%;
    margin-bottom: 20px;
}

.table-responsive table>thead>tr>th,
.table-responsive table>tbody>tr>th,
.table-responsive table>tfoot>tr>th,
.table-responsive table>thead>tr>td,
.table-responsive table>tbody>tr>td,
.table-responsive table>tfoot>tr>td {
    padding: 17px 21px;
    line-height: 16px;
    vertical-align: top;
    border-top: 0;
}

.table-responsive table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 1px solid #e5e5e5;
}

.table-responsive table>caption+thead>tr:first-child>th,
.table-responsive table>colgroup+thead>tr:first-child>th,
.table-responsive table>thead:first-child>tr:first-child>th,
.table-responsive table>caption+thead>tr:first-child>td,
.table-responsive table>colgroup+thead>tr:first-child>td,
.table-responsive table>thead:first-child>tr:first-child>td {
    border-top: 0;
}

.table-responsive table>tbody+tbody {
    border-top: 1px solid #e5e5e5;
}

.table-responsive table>tbody>tr:nth-child(odd)>td,
.table-responsive table>tbody>tr:nth-child(odd)>th {
    background-color: transparent;
}

.table-responsive table>tbody>tr:nth-child(even)>td,
.table-responsive table>tbody>tr:nth-child(even)>th {
    background-color: #f5f5f5;
}

.table-responsive table>tbody>tr:hover>td,
.table-responsive table>tbody>tr:hover>th {
    background-color: var(--cus-main-color);
    color: #fff;
}

.table-responsive table>tbody>tr {
    cursor: pointer;
}

.table-responsive table td {
    color: #666;
}

.table-responsive table th {
    color: #999;
    font-size: 13px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 600;
}

.col-md-3+.col-md-9 .table-responsive {
    margin-top: -18px;
}


/* =================== */


/* === LIST STYLED === */

.list-styled>li {
    position: relative;
    padding: 0 0 0 16px;
    margin: 0 0 15px 0;
    color: #666;
}

.list-styled>li:before {
    content: "●";
    color: #999;
    position: absolute;
    top: -1px;
    left: 0;
}


/* ================= */


/* === 404 PAGE === */

.pg404 {
    padding: 55px 0 85px 0;
}

.text-in-bg {
    position: relative;
    margin: 0 0 25px 0;
}

.text-in-bg h2 {
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    margin-bottom: 0;
}

.text-in-bg .bigText {
    display: block;
    color: #e6e6e6;
    font-weight: 700;
    font-size: 250px;
    line-height: 250px;
}


/* =============== */


/* === PLUGINS === */


/* =================== */


/* === ANIMATE.CSS === */

.withAnimation .animated {
    filter: alpha(opacity=0);
    filter: alpha(opacity=@opacity * 100);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.withAnimation .activate {
    filter: alpha(opacity=100);
    filter: alpha(opacity=@opacity * 100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}


/* ================== */


/* === FLEXSLIDER === */

.flex-container a:active,
.flex-container a:focus,
.flex-control-nav,
.flex-direction-nav,
.slides {
    margin: 0;
    padding: 0;
    list-style: none;
}

@font-face {
    font-family: flexslider-icon;
    src: url(/fonts/flexslider-icon.eot);
    src: url(/fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'), url(/fonts/flexslider-icon.woff) format('woff'), url(/fonts/flexslider-icon.ttf) format('truetype'), url(/fonts/flexslider-icon.svg) format('svg');
    font-weight: 400;
    font-style: normal;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

.slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

.no-js .slides>li:first-child {
    display: block;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.carousel li {
    margin-right: 5px;
}

.flex-direction-nav {
    *height: 0;
}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all 0.3s ease;
}

.flex-direction-nav .flex-prev {
    left: -50px;
}

.flex-direction-nav .flex-next {
    right: -50px;
    text-align: right;
}

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
}

.flex-direction-nav a:before {
    font-family: flexslider-icon;
    font-size: 40px;
    display: inline-block;
    content: '\f001';
}

.flex-direction-nav a.flex-next:before {
    content: '\f002';
}

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: .8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}

.flex-pauseplay a:before {
    font-family: flexslider-icon;
    font-size: 20px;
    display: inline-block;
    content: '\f004';
}

.flex-pauseplay a:hover {
    opacity: 1;
}

.flex-pauseplay a.flex-play:before {
    content: '\f003';
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    cursor: default;
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer;
}

.flex-control-thumbs img:hover {
    opacity: 1;
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px;
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px;
    }
}

.blog-item .flexslider .flex-direction-nav .flex-prev {
    left: 5px;
}

.blog-item .flexslider .flex-direction-nav .flex-next {
    right: 5px;
}

.blog-item .flexslider:hover .flex-prev {
    left: 5px;
}

.blog-item .flexslider:hover .flex-next {
    right: 5px;
}


/* ====================== */


/* === MAGNIFIC POPUP === */

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-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: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: #cccccc;
}

.mfp-preloader a:hover {
    color: white;
}

.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: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px;
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px;
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f;
}

.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: black;
}


/* Main image in popup */

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 40px;
    margin: 0 auto;
}


/* The shadow behind the image */

.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: #444444;
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    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) {

    /**
       * Remove all paddings around the image on small screen
       */
    .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);
        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-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 44px;
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}


/* overlay at start */

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}


/* overlay animate in */

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}


/* overlay animate out */

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}


/* content at start */

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}


/* content animate it */

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}


/* content animate out */

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}


/* ================ */


/* === ISOTOPE === */

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.area-hover {
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease ease-in-out 0.2s;
    -moz-transition: opacity 0.4s ease ease-in-out 0.2s;
    -o-transition: opacity 0.4s ease ease-in-out 0.2s;
    transition: opacity 0.4s ease ease-in-out 0.2s;
    filter: alpha(opacity=0);
    filter: alpha(opacity=@opacity * 100);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    padding: 20px;
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--cus-main-color);
}

.area-hover .cat-links {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease ease-in-out 0.2s;
    -moz-transition: all 0.4s ease ease-in-out 0.2s;
    -o-transition: all 0.4s ease ease-in-out 0.2s;
    transition: all 0.4s ease ease-in-out 0.2s;
    color: #fff;
    color: rgba(255, 255, 255, 0.4);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 12px;
    filter: alpha(opacity=0);
    filter: alpha(opacity=@opacity * 100);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    position: relative;
    top: -40px;
}

.area-hover .entry-title {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease ease-in-out 0.2s;
    -moz-transition: all 0.4s ease ease-in-out 0.2s;
    -o-transition: all 0.4s ease ease-in-out 0.2s;
    transition: all 0.4s ease ease-in-out 0.2s;
    margin: 6px 0 3px 0;
    font-weight: 400;
    filter: alpha(opacity=0);
    filter: alpha(opacity=@opacity * 100);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    position: relative;
    top: -40px;
}

.area-hover * {
    color: #fff;
}

.vertical-parent {
    display: table;
    width: 100%;
    height: 100%;
}

.vertical-child {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#galleryFilters {
    margin: 0 0 30px 0;
}

#galleryFilters>li>a {
    margin: 10px 0;
}

#galleryFilters .btn-primary:hover,
#galleryFilters .btn-primary:focus,
#galleryFilters .btn-primary:active,
#galleryFilters .btn-primary.active {
    background: var(--cus-main-color);
    border-color: var(--cus-main-color);
    color: #fff;
}


/* --------------------------------------------------------------

   Basic WordPress Blog Styles

-------------------------------------------------------------- */


/* Images
-------------------------------------------------------------- */

.entry-content img {
    margin: 0 0 1.5em 0;
}

.alignleft,
img.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright,
img.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter,
img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    text-align: center;
    margin-bottom: 1.5em;
}

.wp-caption img {
    border: 0 none;
    margin: 0;
    padding: 0;
}

.wp-caption p.wp-caption-text {
    margin: 0;
}

.wp-smiley {
    max-height: 1em;
    margin: 0 !important;
}

.gallery dl {
    margin: 0;
}

.gallery-caption {
    margin: -1.5em 0 0 0;
}


/*sticky posts more visible*/

.sticky h3.heady a {
    font-weight: bold;
}

.bypostauthor .author {
    font-weight: bold;
}


/* Pullquotes */

blockquote.left {
    float: left;
    margin-left: 0;
    margin-right: 20px;
    text-align: right;
    width: 33%;
}

blockquote.right {
    float: right;
    margin-left: 20px;
    margin-right: 0;
    text-align: left;
    width: 33%;
}

.widget_text {
    /*prevent from long names*/
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}


/* nav menu widget */

.widget.widget_nav_menu ul {
    position: static;
    display: block;
    margin: 0;
    padding: 0 0 5px 10px !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
    list-style: none;
    visibility: visible;
    float: none;
    min-width: 100%;
}

.widget.widget_nav_menu ul li a {
    background: transparent;
    color: #333;
    font-size: 13px;
    line-height: 15px;
    border: 0;
    padding: 5px 0;
    margin: 0;
    white-space: normal;
    text-transform: none;
    font-weight: 400;
    text-shadow: none;
}

.widget.widget_nav_menu ul li a:hover,
.widget.widget_nav_menu ul li a:focus {
    color: inherit;
    background: transparent;
}

.widget.widget_nav_menu ul li ul li {
    margin-left: 15px;
    background: none;
}

footer .widget.widget_nav_menu ul li a {
    color: var(--cus-main-color);
}

#calendar_wrap {
    max-width: 250px;
}

#wp-calendar {
    width: 100%;
}

.widget_categories .children,
.widget_pages .children {
    clear: both;
    margin: 0 0 0 20px;
    list-style: none;
}

.tagcloud a {
    display: inline-block;
    font-size: 11px !important;
    line-height: 10px;
    padding: 3px 7px;
    color: #333;
    font-weight: 600;
    text-transform: uppercase;
    border: 2px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 7px 3px 0 0;
}

.current-cat a {
    color: var(--cus-main-color);
}


/* theme specific */

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: var(--cus-main-color);
    background: #2A272E;
}

.dropcap:first-letter {
    font-size: 75px;
    font-style: normal;
    font-weight: 600;
    line-height: 0.6em;
    padding-right: 5px;
    margin-top: 8px;
    color: var(--cus-main-color);
    float: left;
}

.highlight {
    display: inline-block;
    padding: 1px 5px;
    color: #fff;
}

.highlight.type1 {
    background: var(--cus-main-color);
}

.highlight.type2 {
    background: #453951;
}

.highlight.type3 {
    background: #333;
}

ul.ct-params {
    padding-left: 50px;
}

h6.ct-params {
    margin: 30px 10px 10px 32px;
}

.xml.syntaxhighlighter .gutter .line {
    border-right: 3px solid var(--cus-main-color) !important;
}

.postfooter .widget.widget_nav_menu ul li a {
    color: #ccc !important;
}

.shopBar {
    min-height: 41px;
    padding-top: 12px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 12px;
    line-height: 16px;
    position: relative;
}

.shopBar .barShoppingCart {
    color: #333;
}

.shopBar .barShoppingCart .fa-shopping-cart {
    font-size: 16px;
    position: absolute;
    margin-left: -22px;
}

.shopBar i {
    color: #999;
}

.shopBar .inner {
    display: block !important;
}


/* mixins */


/* Price slider bar / layered nav UI */


/* Text on tertiary colour bg */


/* Price slider bg */

.clear {
    clear: both;
}

.nobr {
    white-space: nowrap;
}


/**
 * Objects
 */


/* Primary colour for buttons (alt) */


/* Text on primary colour bg */


/* Secondary buttons */


/* Text on secondary colour bg */


/* Prices, In stock labels, sales flash */


/* Text on highlight colour bg */


/* Content BG - Tabs (active state) */


/* small, breadcrumbs etc */


/* SHOP STYLES STARTS */

.leftSidebar #blog-sidebar {
    padding: 10px 20px 0 0;
}

@media (max-width: 992px) {
    .leftSidebar #blog-sidebar {
        padding: 0;
    }
}

.wo_inner {
    position: relative;
}

.current-cat a {
    color: var(--cus-main-color);
}

.main-header.no-title {
    padding: 14px 0 15px 0;
}

.main-header.no-title .breadcrumb {
    padding: 0;
}

.related.products h2 {
    font-size: 13px;
    line-height: 16px;
    color: #999;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 0;
    text-align: center;
}

.related.products ul.products.main-prodlist {
    margin-bottom: 0;
}

@media (min-width: 767px) {
    .related.products ul.products.main-prodlist li.product {
        padding-bottom: 10px !important;
    }
}


/* media queries, adjustments */

@media (max-width: 1300px) {
    .flexslider.carousel-slider {
        margin-top: 80px;
    }

    .flexslider.carousel-slider .flex-direction-nav a {
        color: #999;
        top: 0;
    }

    .flexslider.carousel-slider .flex-direction-nav .flex-prev {
        margin-top: -70px;
        left: 50%;
        margin-left: -50px;
    }

    .flexslider.carousel-slider .flex-direction-nav .flex-next {
        margin-top: -70px;
        right: auto;
        left: 50%;
        margin-right: -50px;
    }
}

@media (max-width: 1200px) {
    .flexslider.std-slider .flex-control-paging {
        width: 100%;
        left: 0;
        margin: 0;
        padding-left: 40px;
    }

    .flexslider.center-controls .flex-control-nav,
    .container .flexslider .flex-control-nav {
        padding-left: 0;
    }

    .prefooter .table-cell input[type="email"] {
        width: auto;
    }
}

@media (max-width: 992px) {
    .blog-item {
        float: none;
    }

    .col-md-4>.blog-item,
    .col-md-3>.blog-item {
        max-width: 270px;
        margin-top: 45px;
    }

    .col-md-4>.blog-item,
    .col-md-3>.blog-item {
        margin-left: auto;
        margin-right: auto;
    }

    .table-content {
        margin-top: 25px;
        margin-bottom: 50px;
        text-align: center;
    }

    .table-content .table-row {
        display: block;
    }

    .table-content .table-cell {
        display: inline-block;
    }

    .table-content .table-cell:first-child {
        display: block;
        width: 100% !important;
        padding-bottom: 20px;
    }

    .showMap {
        display: none;
    }

    .content-layer .bg-layer {
        display: none !important;
    }

    .content-layer .placeOver {
        display: block !important;
        position: relative;
        padding-bottom: 50px;
        background: #453951;
    }

    .postfooter {
        text-align: center;
    }

    .postfooter .socialIcons.pull-right {
        float: none !important;
        display: inline-block;
    }

    #toTop {
        width: 40px;
        height: 40px;
        padding-top: 0;
    }

    .row>[class^="col-md-"] {
        margin-top: 40px;
    }

    form .row>[class^="col-md-"] {
        margin-top: 15px;
    }

    .navigation-blog-outer .text-left {
        text-align: right;
    }

    .navigation-blog-outer .text-right {
        text-align: left;
    }

    .navigation-blog-outer>[class^="col-md-"] {
        margin-top: 15px;
    }

    .has-error .help-block {
        height: auto;
    }

    #blog-sidebar {
        padding-left: 0;
    }

    .personBox {
        max-width: 270px;
        margin-left: auto;
        margin-right: auto;
    }

    .portfolioNav {
        text-align: center;
    }

    .portfolioNav .socialIcons {
        float: none !important;
        display: inline-block;
    }

    .main-header {
        text-align: center;
    }

    .main-header .page-title {
        float: none !important;
    }

    .main-header .breadcrumb {
        float: none !important;
        display: inline-block;
    }

    .mapOuter .addressBox {
        position: static;
        left: 0;
        top: 0;
        margin: 0 auto;
    }

    [class^="col-md-"]+[class^="col-md-"] .priceBox.type2 {
        border-left: 0;
        margin-left: auto;
    }

    .priceBox.type2 {
        padding-bottom: 50px;
    }
}

@media (max-width: 771px) {
    .dropdown-menu {
        position: static !important;
    }

    .navbar .dropdown-menu {
        /* position: relative; */
        /* display: none;
        width: 100%;
        float: none !important;
        margin-top: 10px !important; */
    }

    /*.navbar .cur .dropdown-menu {
        display: block;
    } */
    .header-search {
        display: block;
        position: relative;
        margin: 20px 0 0 0;
        top: 0;
        bottom: 0;
        float: none !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        height: auto;
    }

    .header-search .container {
        margin-top: 0;
    }

    .header-search input[type="text"] {
        font-size: 20px;
        line-height: 22px;
    }

    .header-search button[type="submit"] {
        background: transparent;
    }

    .header-search .form-group {
        margin: 0;
    }
}

@media (max-width: 771px) {
    .page-header {
        text-align: center;
    }

    .flexslider.carousel-slider {
        margin-left: 20px;
        margin-right: 20px;
    }

    .widget-title {
        text-align: center;
    }

    #showHeaderSearch {
        display: none;
        height: 0;
    }

    .innerMargin {
        padding-left: 30px;
        padding-right: 30px;
    }

    .innerMargin blockquote.intext {
        margin-left: -30px;
        margin-right: -30px;
    }

    .commentList li li {
        margin-left: 50px;
    }

    .priceBox {
        max-width: 370px;
        margin: 0 auto;
    }

    .iconBox.type4 {
        max-width: 270px;
        margin: 60px auto;
    }

    body .vco-skinny.vco-notouch .vco-slider .nav-next .icon,
    body .vco-slider .nav-next .icon {
        margin: 20px 0 0 0 !important;
    }

    body .vco-skinny.vco-notouch .vco-slider .nav-previous .icon,
    body .vco-slider .nav-previous .icon {
        margin: 20px 0 0 0 !important;
    }

    .navbar-transparent .navbar-nav {
        background: #333;
    }
}

@media (max-width: 480px) {

    .prefooter .table-cell input[type="email"],
    .prefooter input[type="submit"] {
        margin: 12px 0 0 0;
    }

    footer {
        text-align: center;
    }

    .flexslider .inner {
        text-align: center;
        padding: 50px 15px;
    }

    .flexslider .inner p {
        font-size: 15px;
        line-height: 20px;
    }

    .flexslider .inner .btn+.btn {
        margin: 15px 0;
    }
}

@media (max-width: 771px) {

    .content-area,
    input[type="text"],
    input[type="email"],
    input[type="search"],
    input[type="password"],
    textarea {
        -webkit-appearance: none;
    }

    footer .mainfooter {
        max-width: 400px;
    }

    footer .mainfooter .blog-item {
        max-width: 100%;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

    .content-area,
    input[type="text"],
    input[type="email"],
    input[type="search"],
    input[type="password"],
    textarea {
        -webkit-appearance: none;
    }

    .breadcrumb>li {
        display: inline-block;
        float: none;
    }

    .breadcrumb>li+li:before {
        padding: 0 5px 0 2px;
    }

    .navbar-default {
        -webkit-transition: none;
        transition: none;
        -webkit-transition: none ease-in-out 0.2s;
        -moz-transition: none ease-in-out 0.2s;
        -o-transition: none ease-in-out 0.2s;
        transition: none ease-in-out 0.2s;
    }
}<!--0.00024890899658203-->