/*--------------------------- */
/* [Table of contents] */
/* 1. Global Rules */
/* 2. Decent Icons */
/* 3. Elements */
/* 3.1 Side Menu */
/* 3.2 Social Icons */
/* 3.3 Triangle Button */
/* 3.4 Heading */
/* 3.5 Iconic Box */
/* 3.6 Box Items */
/* 3.7 Featured Circle */
/* 3.8 Service Box */
/* 3.9 Pricing Table */
/* 3.10 Action Area */
/* 3.11 Special Testimonials */
/* 3.12 Buttons */
/* 3.13 Page Navigation */
/* 3.14 Skills Bars */
/* 3.15 Post Share */
/* 3.16 Comment Form */
/* 3.17 Blockquote */
/* 3.18 Back to top */
/* 3.19 Footer Contact */
/* 3.20 Feature Box */
/* 3.21 Gallery */
/* 4. Widgets */
/* 4.1 Search */
/* 4.2 Recent Posts */
/* 4.3 Categories */
/* 4.4 Newsletter */
/* 4.5 Tags */
/* 4.6 Archives */
/* 4.7 Calendar */
/* 5. Sections */
/* 5.1 Header */
/* 5.2 Banner */
/* 5.3 About */
/* 5.4 Why Choose Us */
/* 5.5 Site Stats */
/* 5.6 Team */
/* 5.7 Portfolio */
/* 5.8 Process Flow */
/* 5.9 Client Says */
/* 5.10 Awesome clients */
/* 5.11 Special */
/* 5.12 Contact */
/* 5.14 Map */
/* 5.14 Footer */
/* 5.15 Single Portfolio */
/* 6. Blog */
/* 6.1 Banner Static */
/* 6.2 Blog */
/* 6.3 Blog Single */
/* 6.4 Comments */
/* 7. Layout */
/* 7.1 Dark Layout */
/* 7.2 Responsive */
/*--------------------------- */
/*==================================== */
/* =         1. Global Rules         = */
/* ====================================*/
body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #000;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    letter-spacing: 0.020em;
    line-height: 24px;
    font-weight: 300;
    padding-top: 60px;
    padding-left: 40px;
    padding-right: 40px;
    word-wrap: break-word;
}

#page-outer.animated-version > section {
    position: relative;
    overflow: hidden;
}

[data-spy="scroll"] {
    position: relative;
}

a {
    color: #c6982c;
    transition: all 0.15s ease-in-out;
}

    a:hover,
    a:focus {
        color: #c59118;
        outline-color: transparent;
        text-decoration: none;
    }

.section-padding {
    padding-top: 100px;
    padding-bottom: 100px;
}

.transparent-section,
.transparent {
    color: #FFF;
}

.special-text {
    font-size: 1.428em;
    font-weight: 700;
    letter-spacing: 0.10em;
    line-height: 1.5em;
}

    .special-text span {
        color: #c6982c;
    }

[data-swiper="next"]:hover,
[data-swiper="prev"]:hover {
    cursor: pointer;
}

.alt-color {
    color: #c6982c;
}

.highlited {
    background-color: #c6982c;
    color: #FFF;
}

[data-bg-image] {
    background-size: cover;
}

.full-screen {
    height: 100vh;
}

.main-slider:after {
    content: "";
    height: 8px;
    width: 100%;
    display: block;
    position: relative;
    z-index: 22;
    background-color: #c6982c;
}

.full-screen > .overlay {
    height: 100vh;
}

.background-video-section {
    position: relative;
}

    .background-video-section > .overlay {
        position: relative;
        z-index: 2;
    }

    .background-video-section > .background-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
    }

.swiper-slide [data-animate] {
    opacity: 0;
    transition: opacity 0.2s;
}

.swiper-slide.swiper-slide-active [data-animate] {
    opacity: 1;
    transition-delay: 0.5s;
}

.footer-blank {
    position: fixed;
    height: 40px;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: #FFFFFF;
    border-top: 1px solid #F1F1F1;
    z-index: 20;
}

input,
textarea {
    border: 1px solid #e4e4e4;
    background-color: #FFF;
    padding: 10px 20px;
    transition: all 0.15s ease-in-out;
}

    input:focus,
    textarea:focus {
        border-color: #c6982c;
    }

.action-btn {
    display: inline-block;
    background-color: #c6982c;
    color: #FFF;
    border: 2px solid transparent;
    text-transform: uppercase;
    padding: 15px 40px;
    font-weight: 400;
    font-size: 0.857em;
    line-height: 1em;
}

    .action-btn:hover {
        background-color: transparent;
        color: #c6982c;
        border-color: #c6982c;
    }

/*==================================== */
/* =          2. Decent Icons         = */
/* ====================================*/
@font-face {
    font-family: "dt-icons";
    src: url("../fonts/dt-icons.eot");
    src: url("../fonts/dt-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/dt-icons.woff") format("woff"), url("../fonts/dt-icons.ttf") format("truetype"), url("../fonts/dt-icons.svg#dt-icons") format("svg");
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before {
    font-family: "dt-icons" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="dti-"]:before,
[class*=" dti-"]:before {
    font-family: "dt-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dti-load-anticlockwise-dashed:before {
    content: "\e000";
}

.dti-move-bottom:before {
    content: "\e001";
}

.dti-button-down:before {
    content: "\e002";
}

.dti-button-off:before {
    content: "\e003";
}

.dti-button-on:before {
    content: "\e004";
}

.dti-button-up:before {
    content: "\e005";
}

.dti-check:before {
    content: "\e006";
}

.dti-circle-check:before {
    content: "\e007";
}

.dti-circle-angle-down:before {
    content: "\e008";
}

.dti-circle-angle-down-left:before {
    content: "\e009";
}

.dti-circle-angle-down-right:before {
    content: "\e00a";
}

.dti-circle-angle-right:before {
    content: "\e00b";
}

.dti-circle-minus:before {
    content: "\e00c";
}

.dti-circle-plus:before {
    content: "\e00d";
}

.dti-circle-remove:before {
    content: "\e00e";
}

.dti-circle-left:before {
    content: "\e00f";
}

.dti-circle-up:before {
    content: "\e010";
}

.dti-circle-up-left:before {
    content: "\e011";
}

.dti-circle-angle-up-right:before {
    content: "\e012";
}

.dti-load-clockwise:before {
    content: "\e013";
}

.dti-load-clockwise-dashed:before {
    content: "\e014";
}

.dti-compress:before {
    content: "\e015";
}

.dti-deny:before {
    content: "\e016";
}

.dti-diagonal:before {
    content: "\e017";
}

.dti-diagonal2:before {
    content: "\e018";
}

.dti-angle-down:before {
    content: "\e019";
}

.dti-angle-down-double:before {
    content: "\e01a";
}

.dti-angle-down-left:before {
    content: "\e01b";
}

.dti-angle-down-right:before {
    content: "\e01c";
}

.dti-drag-down:before {
    content: "\e01d";
}

.dti-drag-down-dashed:before {
    content: "\e01e";
}

.dti-drag-horiz:before {
    content: "\e01f";
}

.dti-drag-left:before {
    content: "\e020";
}

.dti-drag-left-dashed:before {
    content: "\e021";
}

.dti-drag-right:before {
    content: "\e022";
}

.dti-drag-right-dashed:before {
    content: "\e023";
}

.dti-drag-up:before {
    content: "\e024";
}

.dti-drag-up-dashed:before {
    content: "\e025";
}

.dti-drag-vert:before {
    content: "\e026";
}

.dti-circle-exclamation:before {
    content: "\e027";
}

.dti-expand:before {
    content: "\e028";
}

.dti-expand-diagonal:before {
    content: "\e029";
}

.dti-expand-horizontal:before {
    content: "\e02a";
}

.dti-expand-vertical:before {
    content: "\e02b";
}

.dti-fit-horizontal:before {
    content: "\e02c";
}

.dti-fit-vertical:before {
    content: "\e02d";
}

.dti-glide:before {
    content: "\e02e";
}

.dti-glide-horizontal:before {
    content: "\e02f";
}

.dti-glide-vertical:before {
    content: "\e030";
}

.dti-hamburger:before {
    content: "\e031";
}

.dti-hamburger2:before {
    content: "\e032";
}

.dti-horizontal:before {
    content: "\e033";
}

.dti-circle-info:before {
    content: "\e034";
}

.dti-square-keyboard-alt:before {
    content: "\e035";
}

.dti-square-keyboard-cmd:before {
    content: "\e036";
}

.dti-square-keyboard-delete:before {
    content: "\e037";
}

.dti-square-keyboard-down:before {
    content: "\e038";
}

.dti-square-keyboard-left:before {
    content: "\e039";
}

.dti-square-keyboard-return:before {
    content: "\e03a";
}

.dti-square-keyboard-right:before {
    content: "\e03b";
}

.dti-square-keyboard-shift:before {
    content: "\e03c";
}

.dti-square-keyboard-tab:before {
    content: "\e03d";
}

.dti-square-keyboard-up:before {
    content: "\e03e";
}

.dti-angle-left:before {
    content: "\e03f";
}

.dti-angle-left-double:before {
    content: "\e040";
}

.dti-minus:before {
    content: "\e041";
}

.dti-move:before {
    content: "\e042";
}

.dti-move2:before {
    content: "\e043";
}

.dti-load-anticlockwise:before {
    content: "\e044";
}

.dti-move-left:before {
    content: "\e045";
}

.dti-move-right:before {
    content: "\e046";
}

.dti-move-top:before {
    content: "\e047";
}

.dti-plus:before {
    content: "\e048";
}

.dti-circle-question:before {
    content: "\e049";
}

.dti-remove:before {
    content: "\e04a";
}

.dti-angle-right:before {
    content: "\e04b";
}

.dti-angle-right-double:before {
    content: "\e04c";
}

.dti-rotate:before {
    content: "\e04d";
}

.dti-rotate-anti:before {
    content: "\e04e";
}

.dti-rotate-anti-dashed:before {
    content: "\e04f";
}

.dti-rotate-dashed:before {
    content: "\e050";
}

.dti-shrink:before {
    content: "\e051";
}

.dti-shrink-diagonal:before {
    content: "\e052";
}

.dti-shrink-diagonal2:before {
    content: "\e053";
}

.dti-shrink-horizonal:before {
    content: "\e054";
}

.dti-shrink-horizonal2:before {
    content: "\e055";
}

.dti-shrink-vertical2:before {
    content: "\e056";
}

.dti-shrink-vertical:before {
    content: "\e057";
}

.dti-sign-down:before {
    content: "\e058";
}

.dti-sign-left:before {
    content: "\e059";
}

.dti-sign-right:before {
    content: "\e05a";
}

.dti-sign-up:before {
    content: "\e05b";
}

.dti-slide-down:before {
    content: "\e05c";
}

.dti-slide-down2:before {
    content: "\e05d";
}

.dti-slide-left:before {
    content: "\e05e";
}

.dti-slide-left2:before {
    content: "\e05f";
}

.dti-slide-right:before {
    content: "\e060";
}

.dti-slide-right2:before {
    content: "\e061";
}

.dti-slide-top:before {
    content: "\e062";
}

.dti-slide-top2:before {
    content: "\e063";
}

.dti-slim-down:before {
    content: "\e064";
}

.dti-slim-down-dashed:before {
    content: "\e065";
}

.dti-slim-left:before {
    content: "\e066";
}

.dti-slim-left-dashed:before {
    content: "\e067";
}

.dti-slim-right:before {
    content: "\e068";
}

.dti-slim-right-dashed:before {
    content: "\e069";
}

.dti-slim-top:before {
    content: "\e06a";
}

.dti-slim-top-dashed:before {
    content: "\e06b";
}

.dti-square-check:before {
    content: "\e06c";
}

.dti-square-angle-down:before {
    content: "\e06d";
}

.dti-square-angle-down-left:before {
    content: "\e06e";
}

.dti-square-angle-down-right:before {
    content: "\e06f";
}

.dti-square-angle-left:before {
    content: "\e070";
}

.dti-square-minus:before {
    content: "\e071";
}

.dti-square-plus:before {
    content: "\e072";
}

.dti-square-remove:before {
    content: "\e073";
}

.dti-square-angle-right:before {
    content: "\e074";
}

.dti-square-angle-top:before {
    content: "\e075";
}

.dti-square-angle-top-left:before {
    content: "\e076";
}

.dti-square-angle-top-right:before {
    content: "\e077";
}

.dti-squares:before {
    content: "\e078";
}

.dti-stretch-diagonal:before {
    content: "\e079";
}

.dti-stretch-diagonal2:before {
    content: "\e07a";
}

.dti-stretch-diagonal3:before {
    content: "\e07b";
}

.dti-stretch-diagonal4:before {
    content: "\e07c";
}

.dti-stretch-horizontal:before {
    content: "\e07d";
}

.dti-stretch-horizontal2:before {
    content: "\e07e";
}

.dti-stretch-vertical:before {
    content: "\e07f";
}

.dti-stretch-vertical2:before {
    content: "\e080";
}

.dti-switch-horizontal:before {
    content: "\e081";
}

.dti-switch-vertical:before {
    content: "\e082";
}

.dti-angle-up:before {
    content: "\e083";
}

.dti-angle-up-double:before {
    content: "\e084";
}

.dti-angle-up-left:before {
    content: "\e085";
}

.dti-angle-up-right:before {
    content: "\e086";
}

.dti-vertical:before {
    content: "\e087";
}

.dti-alarm:before {
    content: "\e088";
}

.dti-envelope:before {
    content: "\e089";
}

.dti-anchor:before {
    content: "\e08a";
}

.dti-anticlockwise:before {
    content: "\e08b";
}

.dti-archive:before {
    content: "\e08c";
}

.dti-archive-full:before {
    content: "\e08d";
}

.dti-ban:before {
    content: "\e08e";
}

.dti-battery-charge:before {
    content: "\e08f";
}

.dti-battery-empty:before {
    content: "\e090";
}

.dti-battery-full:before {
    content: "\e091";
}

.dti-battery-half:before {
    content: "\e092";
}

.dti-bolt:before {
    content: "\e093";
}

.dti-book:before {
    content: "\e094";
}

.dti-book-pen:before {
    content: "\e095";
}

.dti-book-pencil:before {
    content: "\e096";
}

.dti-bookmark:before {
    content: "\e097";
}

.dti-calculator:before {
    content: "\e098";
}

.dti-calendar:before {
    content: "\e099";
}

.dti-cards-diamonds:before {
    content: "\e09a";
}

.dti-cards-hearts:before {
    content: "\e09b";
}

.dti-case:before {
    content: "\e09c";
}

.dti-chronometer:before {
    content: "\e09d";
}

.dti-clessidre:before {
    content: "\e09e";
}

.dti-clock:before {
    content: "\e09f";
}

.dti-clockwise:before {
    content: "\e0a0";
}

.dti-cloud:before {
    content: "\e0a1";
}

.dti-clubs:before {
    content: "\e0a2";
}

.dti-compass:before {
    content: "\e0a3";
}

.dti-cup:before {
    content: "\e0a4";
}

.dti-diamonds:before {
    content: "\e0a5";
}

.dti-display:before {
    content: "\e0a6";
}

.dti-download:before {
    content: "\e0a7";
}

.dti-eye:before {
    content: "\e0a9";
}

.dti-eye-closed:before {
    content: "\e0aa";
}

.dti-female:before {
    content: "\e0ab";
}

.dti-flag:before {
    content: "\e0ac";
}

.dti-flag2:before {
    content: "\e0ad";
}

.dti-floppy-disk:before {
    content: "\e0ae";
}

.dti-folder:before {
    content: "\e0af";
}

.dti-folders:before {
    content: "\e0b0";
}

.dti-gear:before {
    content: "\e0b1";
}

.dti-geolocalize:before {
    content: "\e0b2";
}

.dti-geolocalize2:before {
    content: "\e0b3";
}

.dti-globe:before {
    content: "\e0b4";
}

.dti-gunsight:before {
    content: "\e0b5";
}

.dti-hammer:before {
    content: "\e0b6";
}

.dti-headset:before {
    content: "\e0b7";
}

.dti-heart:before {
    content: "\e0b8";
}

.dti-heart-broken:before {
    content: "\e0b9";
}

.dti-helm:before {
    content: "\e0ba";
}

.dti-home:before {
    content: "\e0bb";
}

.dti-ipod:before {
    content: "\e0bd";
}

.dti-joypad:before {
    content: "\e0be";
}

.dti-key:before {
    content: "\e0bf";
}

.dti-keyboard:before {
    content: "\e0c0";
}

.dti-laptop:before {
    content: "\e0c1";
}

.dti-life-buoy:before {
    content: "\e0c2";
}

.dti-lightbulb:before {
    content: "\e0c3";
}

.dti-link:before {
    content: "\e0c4";
}

.dti-lock:before {
    content: "\e0c5";
}

.dti-lock-open:before {
    content: "\e0c6";
}

.dti-magic-mouse:before {
    content: "\e0c7";
}

.dti-magnifier:before {
    content: "\e0c8";
}

.dti-magnifier-minus:before {
    content: "\e0c9";
}

.dti-magnifier-plus:before {
    content: "\e0ca";
}

.dti-accelerator:before {
    content: "\e0cb";
}

.dti-mails:before {
    content: "\e0cc";
}

.dti-mail-open:before {
    content: "\e0cd";
}

.dti-mail-open-text:before {
    content: "\e0ce";
}

.dti-male:before {
    content: "\e0cf";
}

.dti-map:before {
    content: "\e0d0";
}

.dti-message:before {
    content: "\e0d1";
}

.dti-messages:before {
    content: "\e0d2";
}

.dti-message-text:before {
    content: "\e0d3";
}

.dti-mixer:before {
    content: "\e0d4";
}

.dti-mouse:before {
    content: "\e0d5";
}

.dti-notebook:before {
    content: "\e0d6";
}

.dti-notebook-pen:before {
    content: "\e0d7";
}

.dti-notebook-pencil:before {
    content: "\e0d8";
}

.dti-paper-plane:before {
    content: "\e0d9";
}

.dti-pencil-ruler:before {
    content: "\e0da";
}

.dti-pencil-ruler-pen:before {
    content: "\e0db";
}

.dti-photo:before {
    content: "\e0dc";
}

.dti-picture:before {
    content: "\e0dd";
}

.dti-pictures:before {
    content: "\e0de";
}

.dti-pin:before {
    content: "\e0df";
}

.dti-pin2:before {
    content: "\e0e0";
}

.dti-postcard:before {
    content: "\e0e1";
}

.dti-postcards:before {
    content: "\e0e2";
}

.dti-printer:before {
    content: "\e0e3";
}

.dti-rss:before {
    content: "\e0e5";
}

.dti-server:before {
    content: "\e0e6";
}

.dti-server2:before {
    content: "\e0e7";
}

.dti-server-cloud:before {
    content: "\e0e8";
}

.dti-server-download:before {
    content: "\e0e9";
}

.dti-server-upload:before {
    content: "\e0ea";
}

.dti-settings:before {
    content: "\e0eb";
}

.dti-share:before {
    content: "\e0ec";
}

.dti-sheet:before {
    content: "\e0ed";
}

.dti-sheets:before {
    content: "\e0ee";
}

.dti-sheet-pen:before {
    content: "\e0ef";
}

.dti-sheet-pencil:before {
    content: "\e0f0";
}

.dti-sheet-text:before {
    content: "\e0f1";
}

.dti-signs:before {
    content: "\e0f2";
}

.dti-smartphone:before {
    content: "\e0f3";
}

.dti-spades:before {
    content: "\e0f4";
}

.dti-spread:before {
    content: "\e0f5";
}

.dti-spread-book:before {
    content: "\e0f6";
}

.dti-spread-text:before {
    content: "\e0f7";
}

.dti-spread-text-book:before {
    content: "\e0f8";
}

.dti-star:before {
    content: "\e0f9";
}

.dti-tablet:before {
    content: "\e0fa";
}

.dti-target:before {
    content: "\e0fb";
}

.dti-todo:before {
    content: "\e0fc";
}

.dti-todo-pen:before {
    content: "\e0fd";
}

.dti-todo-pencil:before {
    content: "\e0fe";
}

.dti-todo-text:before {
    content: "\e0ff";
}

.dti-todo-text-pen:before {
    content: "\e100";
}

.dti-todo-text-pencil:before {
    content: "\e101";
}

.dti-trashcan:before {
    content: "\e102";
}

.dti-trashcan-full:before {
    content: "\e103";
}

.dti-trashcan-refresh:before {
    content: "\e104";
}

.dti-trashcan-remove:before {
    content: "\e105";
}

.dti-upload:before {
    content: "\e106";
}

.dti-usb:before {
    content: "\e107";
}

.dti-video:before {
    content: "\e108";
}

.dti-watch:before {
    content: "\e109";
}

.dti-webpage:before {
    content: "\e10a";
}

.dti-webpage-image-text:before {
    content: "\e10b";
}

.dti-webpages:before {
    content: "\e10c";
}

.dti-webpage-text:before {
    content: "\e10d";
}

.dti-world:before {
    content: "\e10e";
}

.dti-layout-sidebar-left:before {
    content: "\e10f";
}

.dti-add-vectorpoint:before {
    content: "\e110";
}

.dti-box-polygon:before {
    content: "\e111";
}

.dti-box-rectangle:before {
    content: "\e112";
}

.dti-box-rounded-rectangle:before {
    content: "\e113";
}

.dti-character:before {
    content: "\e114";
}

.dti-crop:before {
    content: "\e115";
}

.dti-eyedropper:before {
    content: "\e116";
}

.dti-font-allcaps:before {
    content: "\e117";
}

.dti-font-baseline-shift:before {
    content: "\e118";
}

.dti-font-horizontal-scale:before {
    content: "\e119";
}

.dti-font-kerning:before {
    content: "\e11a";
}

.dti-font-leading:before {
    content: "\e11b";
}

.dti-font-size:before {
    content: "\e11c";
}

.dti-font-smallcapital:before {
    content: "\e11d";
}

.dti-font-smallcaps:before {
    content: "\e11e";
}

.dti-font-strikethrough:before {
    content: "\e11f";
}

.dti-font-tracking:before {
    content: "\e120";
}

.dti-font-underline:before {
    content: "\e121";
}

.dti-font-vertical-scale:before {
    content: "\e122";
}

.dti-horizontal-align-center:before {
    content: "\e123";
}

.dti-horizontal-align-left:before {
    content: "\e124";
}

.dti-horizontal-align-right:before {
    content: "\e125";
}

.dti-horizontal-distribute-center:before {
    content: "\e126";
}

.dti-horizontal-distribute-left:before {
    content: "\e127";
}

.dti-horizontal-distribute-right:before {
    content: "\e128";
}

.dti-indent-firstline:before {
    content: "\e129";
}

.dti-indent-left:before {
    content: "\e12a";
}

.dti-indent-right:before {
    content: "\e12b";
}

.dti-lasso:before {
    content: "\e12c";
}

.dti-layers:before {
    content: "\e12d";
}

.dti-layers2:before {
    content: "\e12e";
}

.dti-layout:before {
    content: "\e12f";
}

.dti-layout-2columns:before {
    content: "\e130";
}

.dti-layout-3columns:before {
    content: "\e131";
}

.dti-layout-4boxes:before {
    content: "\e132";
}

.dti-layout-4columns:before {
    content: "\e133";
}

.dti-layout-4lines:before {
    content: "\e134";
}

.dti-layout-8boxes:before {
    content: "\e135";
}

.dti-layout-header:before {
    content: "\e136";
}

.dti-layout-header-2columns:before {
    content: "\e137";
}

.dti-layout-header-3columns:before {
    content: "\e138";
}

.dti-layout-header-4boxes:before {
    content: "\e139";
}

.dti-layout-header-4columns:before {
    content: "\e13a";
}

.dti-layout-header-complex:before {
    content: "\e13b";
}

.dti-layout-header-complex2:before {
    content: "\e13c";
}

.dti-layout-header-complex3:before {
    content: "\e13d";
}

.dti-layout-header-complex4:before {
    content: "\e13e";
}

.dti-layout-header-sideleft:before {
    content: "\e13f";
}

.dti-layout-header-sideright:before {
    content: "\e140";
}

.dti-box-oval:before {
    content: "\e141";
}

.dti-layout-sidebar-right:before {
    content: "\e142";
}

.dti-magnete:before {
    content: "\e143";
}

.dti-pages:before {
    content: "\e144";
}

.dti-paint-brush:before {
    content: "\e145";
}

.dti-paint-bucket:before {
    content: "\e146";
}

.dti-paint-roller:before {
    content: "\e147";
}

.dti-paragraph:before {
    content: "\e148";
}

.dti-paragraph-align-left:before {
    content: "\e149";
}

.dti-paragraph-align-right:before {
    content: "\e14a";
}

.dti-paragraph-align-center:before {
    content: "\e14b";
}

.dti-paragraph-justify-all:before {
    content: "\e14c";
}

.dti-paragraph-justify-center:before {
    content: "\e14d";
}

.dti-paragraph-justify-left:before {
    content: "\e14e";
}

.dti-paragraph-justify-right:before {
    content: "\e14f";
}

.dti-paragraph-space-after:before {
    content: "\e150";
}

.dti-paragraph-space-before:before {
    content: "\e151";
}

.dti-pathfinder-exclude:before {
    content: "\e152";
}

.dti-pathfinder-intersect:before {
    content: "\e153";
}

.dti-pathfinder-subtract:before {
    content: "\e154";
}

.dti-pathfinder-unite:before {
    content: "\e155";
}

.dti-pen:before {
    content: "\e156";
}

.dti-pen-add:before {
    content: "\e157";
}

.dti-pen-minus:before {
    content: "\e158";
}

.dti-pencil:before {
    content: "\e159";
}

.dti-polygona:before {
    content: "\e15a";
}

.dti-reflect-horizontal:before {
    content: "\e15b";
}

.dti-reflect-vertical:before {
    content: "\e15c";
}

.dti-remove-vectorpoint:before {
    content: "\e15d";
}

.dti-scale-expand:before {
    content: "\e15e";
}

.dti-scale-reduce:before {
    content: "\e15f";
}

.dti-selection-oval:before {
    content: "\e160";
}

.dti-selection-polygon:before {
    content: "\e161";
}

.dti-selection-rectangle:before {
    content: "\e162";
}

.dti-selection-rounded-rectangleselection-rounded-rectangle:before {
    content: "\e163";
}

.dti-shape-oval:before {
    content: "\e164";
}

.dti-shape-polygon:before {
    content: "\e165";
}

.dti-shape-rectangle:before {
    content: "\e166";
}

.dti-shape-rounded-rectangle:before {
    content: "\e167";
}

.dti-slice:before {
    content: "\e168";
}

.dti-transform-bezier:before {
    content: "\e169";
}

.dti-vector-box:before {
    content: "\e16a";
}

.dti-vector-composite:before {
    content: "\e16b";
}

.dti-vector-line:before {
    content: "\e16c";
}

.dti-vertical-align-bottom:before {
    content: "\e16d";
}

.dti-vertical-align-center:before {
    content: "\e16e";
}

.dti-vertical-align-top:before {
    content: "\e16f";
}

.dti-vertical-distribute-bottom:before {
    content: "\e170";
}

.dti-vertical-distribute-center:before {
    content: "\e171";
}

.dti-vertical-distribute-top:before {
    content: "\e172";
}

.dti-rain-sun:before {
    content: "\e173";
}

.dti-aquarius:before {
    content: "\e174";
}

.dti-cancer:before {
    content: "\e175";
}

.dti-capricorn:before {
    content: "\e176";
}

.dti-cloud-drop:before {
    content: "\e178";
}

.dti-cloud-lightning:before {
    content: "\e179";
}

.dti-cloud-snowflake:before {
    content: "\e17a";
}

.dti-downpour-full-moon:before {
    content: "\e17b";
}

.dti-downpour-half-moon:before {
    content: "\e17c";
}

.dti-downpour-sun:before {
    content: "\e17d";
}

.dti-drop:before {
    content: "\e17e";
}

.dti-first-quarter:before {
    content: "\e17f";
}

.dti-fog:before {
    content: "\e180";
}

.dti-fog-full-moon:before {
    content: "\e181";
}

.dti-fog-half-moon:before {
    content: "\e182";
}

.dti-fog-sun:before {
    content: "\e183";
}

.dti-full-moon:before {
    content: "\e184";
}

.dti-gemini:before {
    content: "\e185";
}

.dti-hail:before {
    content: "\e186";
}

.dti-hail-full-moon:before {
    content: "\e187";
}

.dti-hail-half-moon:before {
    content: "\e188";
}

.dti-hail-sun:before {
    content: "\e189";
}

.dti-last-quarter:before {
    content: "\e18a";
}

.dti-leo:before {
    content: "\e18b";
}

.dti-libra:before {
    content: "\e18c";
}

.dti-lightning:before {
    content: "\e18d";
}

.dti-misty-rain:before {
    content: "\e18e";
}

.dti-misty-rain-full-moon:before {
    content: "\e18f";
}

.dti-misty-rain-half-moon:before {
    content: "\e190";
}

.dti-misty-rain-sun:before {
    content: "\e191";
}

.dti-moon:before {
    content: "\e192";
}

.dti-moondown-full:before {
    content: "\e193";
}

.dti-moondown-half:before {
    content: "\e194";
}

.dti-moonset-full:before {
    content: "\e195";
}

.dti-moonset-half:before {
    content: "\e196";
}

.dti-newmoon:before {
    content: "\e198";
}

.dti-pisces:before {
    content: "\e199";
}

.dti-rain:before {
    content: "\e19a";
}

.dti-rain-full-moon:before {
    content: "\e19b";
}

.dti-rain-half-moon:before {
    content: "\e19c";
}

.dti-aries:before {
    content: "\e19d";
}

.dti-sagittarius:before {
    content: "\e19e";
}

.dti-scorpio:before {
    content: "\e19f";
}

.dti-snow:before {
    content: "\e1a0";
}

.dti-snow-full-moon:before {
    content: "\e1a1";
}

.dti-snow-half-moon:before {
    content: "\e1a2";
}

.dti-snow-sun:before {
    content: "\e1a3";
}

.dti-snow-flake:before {
    content: "\e1a4";
}

.dti-star2:before {
    content: "\e1a5";
}

.dti-storm:before {
    content: "\e1a6";
}

.dti-storm2:before {
    content: "\e1a7";
}

.dti-storm-full-moon:before {
    content: "\e1a8";
}

.dti-storm-half-moon:before {
    content: "\e1a9";
}

.dti-storm-sun:before {
    content: "\e1aa";
}

.dti-sun:before {
    content: "\e1ab";
}

.dti-sundown:before {
    content: "\e1ac";
}

.dti-sunset:before {
    content: "\e1ad";
}

.dti-taurus:before {
    content: "\e1ae";
}

.dti-tempest:before {
    content: "\e1af";
}

.dti-tempest-full-moon:before {
    content: "\e1b0";
}

.dti-tempest-half-moon:before {
    content: "\e1b1";
}

.dti-tempest-sun:before {
    content: "\e1b2";
}

.dti-variable-full-moon:before {
    content: "\e1b3";
}

.dti-variable-half-moon:before {
    content: "\e1b4";
}

.dti-variable-sun:before {
    content: "\e1b5";
}

.dti-virgo:before {
    content: "\e1b6";
}

.dti-waning-cresent:before {
    content: "\e1b7";
}

.dti-waning-gibbous:before {
    content: "\e1b8";
}

.dti-waxing-cresent:before {
    content: "\e1b9";
}

.dti-waxing-gibbous:before {
    content: "\e1ba";
}

.dti-wind:before {
    content: "\e1bb";
}

.dti-circle-wind-e:before {
    content: "\e1bc";
}

.dti-wind-full-moon:before {
    content: "\e1bd";
}

.dti-wind-half-moon:before {
    content: "\e1be";
}

.dti-circle-wind-n:before {
    content: "\e1bf";
}

.dti-circle-wind-ne:before {
    content: "\e1c0";
}

.dti-circle-wind-nw:before {
    content: "\e1c1";
}

.dti-circle-wind-s:before {
    content: "\e1c2";
}

.dti-circle-wind-se:before {
    content: "\e1c3";
}

.dti-wind-sun:before {
    content: "\e1c4";
}

.dti-circle-wind-sw:before {
    content: "\e1c5";
}

.dti-circle-wind-w:before {
    content: "\e1c6";
}

.dti-weather-windgust:before {
    content: "\e1c7";
}

.dti-graph:before {
    content: "\e259";
}

.dti-bag:before {
    content: "\e25a";
}

.dti-bag-cloud:before {
    content: "\e25b";
}

.dti-bag-download:before {
    content: "\e25c";
}

.dti-bag-minus:before {
    content: "\e25d";
}

.dti-bag-plus:before {
    content: "\e25e";
}

.dti-bag-refresh:before {
    content: "\e25f";
}

.dti-bag-remove:before {
    content: "\e260";
}

.dti-bag-search:before {
    content: "\e261";
}

.dti-bag-upload:before {
    content: "\e262";
}

.dti-banknote:before {
    content: "\e263";
}

.dti-banknotes:before {
    content: "\e264";
}

.dti-basket:before {
    content: "\e265";
}

.dti-basket-check:before {
    content: "\e266";
}

.dti-basket-cloud:before {
    content: "\e267";
}

.dti-basket-download:before {
    content: "\e268";
}

.dti-basket-minus:before {
    content: "\e269";
}

.dti-basket-plus:before {
    content: "\e26a";
}

.dti-basket-refresh:before {
    content: "\e26b";
}

.dti-basket-remove:before {
    content: "\e26c";
}

.dti-basket-search:before {
    content: "\e26d";
}

.dti-basket-upload:before {
    content: "\e26e";
}

.dti-circle-bath:before {
    content: "\e26f";
}

.dti-cart:before {
    content: "\e270";
}

.dti-cart-check:before {
    content: "\e271";
}

.dti-cart-cloud:before {
    content: "\e272";
}

.dti-cart-content:before {
    content: "\e273";
}

.dti-cart-download:before {
    content: "\e274";
}

.dti-cart-minus:before {
    content: "\e275";
}

.dti-cart-plus:before {
    content: "\e276";
}

.dti-cart-refresh:before {
    content: "\e277";
}

.dti-cart-remove:before {
    content: "\e278";
}

.dti-cart-search:before {
    content: "\e279";
}

.dti-cart-upload:before {
    content: "\e27a";
}

.dti-circle-cent:before {
    content: "\e27b";
}

.dti-circle-colon:before {
    content: "\e27c";
}

.dti-credit-card:before {
    content: "\e27d";
}

.dti-diamond:before {
    content: "\e27e";
}

.dti-circle-doller:before {
    content: "\e27f";
}

.dti-circle-euro:before {
    content: "\e280";
}

.dti-circle-franc:before {
    content: "\e281";
}

.dti-gift:before {
    content: "\e282";
}

.dti-bag-check:before {
    content: "\e283";
}

.dti-graph2:before {
    content: "\e284";
}

.dti-graph3:before {
    content: "\e285";
}

.dti-graph-decrease:before {
    content: "\e286";
}

.dti-graph-increase:before {
    content: "\e287";
}

.dti-circle-guarani:before {
    content: "\e288";
}

.dti-circle-kips:before {
    content: "\e289";
}

.dti-circle-lira:before {
    content: "\e28a";
}

.dti-megaphone:before {
    content: "\e28b";
}

.dti-money:before {
    content: "\e28c";
}

.dti-circle-naira:before {
    content: "\e28d";
}

.dti-circle-pesos:before {
    content: "\e28e";
}

.dti-circle-pound:before {
    content: "\e28f";
}

.dti-receipt:before {
    content: "\e290";
}

.dti-receipt-bath:before {
    content: "\e291";
}

.dti-receipt-cent:before {
    content: "\e292";
}

.dti-receipt-dollar:before {
    content: "\e293";
}

.dti-receipt-euro:before {
    content: "\e294";
}

.dti-receipt-franc:before {
    content: "\e295";
}

.dti-receipt-guarani:before {
    content: "\e296";
}

.dti-receipt-kips:before {
    content: "\e297";
}

.dti-receipt-lira:before {
    content: "\e298";
}

.dti-receipt-naira:before {
    content: "\e299";
}

.dti-receipt-pesos:before {
    content: "\e29a";
}

.dti-receipt-pound:before {
    content: "\e29b";
}

.dti-receipt-rublo:before {
    content: "\e29c";
}

.dti-receipt-rupee:before {
    content: "\e29d";
}

.dti-receipt-tugrik:before {
    content: "\e29e";
}

.dti-receipt-won:before {
    content: "\e29f";
}

.dti-receipt-yen:before {
    content: "\e2a0";
}

.dti-receipt-yen2:before {
    content: "\e2a1";
}

.dti-receipt-colon:before {
    content: "\e2a2";
}

.dti-circle-rublo:before {
    content: "\e2a3";
}

.dti-circle-rupee:before {
    content: "\e2a4";
}

.dti-safe:before {
    content: "\e2a5";
}

.dti-sale:before {
    content: "\e2a6";
}

.dti-sales:before {
    content: "\e2a7";
}

.dti-ticket:before {
    content: "\e2a8";
}

.dti-circle-tugriks:before {
    content: "\e2a9";
}

.dti-wallet:before {
    content: "\e2aa";
}

.dti-circle-won:before {
    content: "\e2ab";
}

.dti-circle-yen:before {
    content: "\e2ac";
}

.dti-circle-yen2:before {
    content: "\e2ad";
}

.dti-music-note-single:before {
    content: "\e2ae";
}

.dti-circle-beginning:before {
    content: "\e2af";
}

.dti-cd:before {
    content: "\e2b0";
}

.dti-diapason:before {
    content: "\e2b1";
}

.dti-circle-eject:before {
    content: "\e2b2";
}

.dti-circle-end:before {
    content: "\e2b3";
}

.dti-circle-fast-forward:before {
    content: "\e2b4";
}

.dti-headphone:before {
    content: "\e2b5";
}

.dti-loudspeaker:before {
    content: "\e2b7";
}

.dti-microphone:before {
    content: "\e2b8";
}

.dti-microphone-old:before {
    content: "\e2b9";
}

.dti-mixer-square:before {
    content: "\e2ba";
}

.dti-mute:before {
    content: "\e2bb";
}

.dti-music-note-multiple:before {
    content: "\e2bc";
}

.dti-bell:before {
    content: "\e2bd";
}

.dti-circle-pause:before {
    content: "\e2be";
}

.dti-circle-play:before {
    content: "\e2bf";
}

.dti-playlist:before {
    content: "\e2c0";
}

.dti-radio:before {
    content: "\e2c1";
}

.dti-radio-portable:before {
    content: "\e2c2";
}

.dti-record:before {
    content: "\e2c3";
}

.dti-record-player:before {
    content: "\e2c4";
}

.dti-repeat-button:before {
    content: "\e2c5";
}

.dti-circle-rewind:before {
    content: "\e2c6";
}

.dti-shuffle-button:before {
    content: "\e2c7";
}

.dti-circle-stop:before {
    content: "\e2c8";
}

.dti-tape:before {
    content: "\e2c9";
}

.dti-volume-down:before {
    content: "\e2ca";
}

.dti-volume-up:before {
    content: "\e2cb";
}

.dti-folder-flagged:before {
    content: "\e177";
}

.dti-bookmark-check:before {
    content: "\e197";
}

.dti-bookmark-plus:before {
    content: "\e1c8";
}

.dti-bookmark-remove:before {
    content: "\e1c9";
}

.dti-briefcase-check:before {
    content: "\e1ca";
}

.dti-briefcase-download:before {
    content: "\e1cb";
}

.dti-briefcase-flagged:before {
    content: "\e1cc";
}

.dti-briefcase-minus:before {
    content: "\e1cd";
}

.dti-briefcase-plus:before {
    content: "\e1ce";
}

.dti-briefcase-refresh:before {
    content: "\e1cf";
}

.dti-briefcase-remove:before {
    content: "\e1d0";
}

.dti-briefcase-search:before {
    content: "\e1d1";
}

.dti-briefcase-star:before {
    content: "\e1d2";
}

.dti-briefcase-upload:before {
    content: "\e1d3";
}

.dti-browser-check:before {
    content: "\e1d4";
}

.dti-browser-download:before {
    content: "\e1d5";
}

.dti-browser-minus:before {
    content: "\e1d6";
}

.dti-browser-plus:before {
    content: "\e1d7";
}

.dti-browser-refresh:before {
    content: "\e1d8";
}

.dti-browser-remove:before {
    content: "\e1d9";
}

.dti-browser-search:before {
    content: "\e1da";
}

.dti-browser-star:before {
    content: "\e1db";
}

.dti-browser-upload:before {
    content: "\e1dc";
}

.dti-calendar-check:before {
    content: "\e1dd";
}

.dti-calendar-cloud:before {
    content: "\e1de";
}

.dti-calendar-download:before {
    content: "\e1df";
}

.dti-calendar-empty:before {
    content: "\e1e0";
}

.dti-calendar-flagged:before {
    content: "\e1e1";
}

.dti-calendar-heart:before {
    content: "\e1e2";
}

.dti-calendar-minus:before {
    content: "\e1e3";
}

.dti-calendar-next:before {
    content: "\e1e4";
}

.dti-calendar-disable:before {
    content: "\e1e5";
}

.dti-calendar-pencil:before {
    content: "\e1e6";
}

.dti-calendar-plus:before {
    content: "\e1e7";
}

.dti-calendar-prev:before {
    content: "\e1e8";
}

.dti-calendar-refresh:before {
    content: "\e1e9";
}

.dti-calendar-remove:before {
    content: "\e1ea";
}

.dti-calendar-search:before {
    content: "\e1eb";
}

.dti-calendar-star:before {
    content: "\e1ec";
}

.dti-calendar-upload:before {
    content: "\e1ed";
}

.dti-cloud-check:before {
    content: "\e1ee";
}

.dti-cloud-download:before {
    content: "\e1ef";
}

.dti-cloud-minus:before {
    content: "\e1f0";
}

.dti-cloud-disable:before {
    content: "\e1f1";
}

.dti-cloud-plus:before {
    content: "\e1f2";
}

.dti-cloud-refresh:before {
    content: "\e1f3";
}

.dti-cloud-remove:before {
    content: "\e1f4";
}

.dti-cloud-search:before {
    content: "\e1f5";
}

.dti-cloud-upload:before {
    content: "\e1f6";
}

.dti-document-check:before {
    content: "\e1f7";
}

.dti-document-cloud:before {
    content: "\e1f8";
}

.dti-document-download:before {
    content: "\e1f9";
}

.dti-document-flagged:before {
    content: "\e1fa";
}

.dti-document-graph:before {
    content: "\e1fb";
}

.dti-document-heart:before {
    content: "\e1fc";
}

.dti-document-minus:before {
    content: "\e1fd";
}

.dti-document-next:before {
    content: "\e1fe";
}

.dti-document-disable:before {
    content: "\e1ff";
}

.dti-document-music:before {
    content: "\e200";
}

.dti-document-pencil:before {
    content: "\e201";
}

.dti-document-picture:before {
    content: "\e202";
}

.dti-document-plus:before {
    content: "\e203";
}

.dti-document-prev:before {
    content: "\e204";
}

.dti-document-refresh:before {
    content: "\e205";
}

.dti-document-remove:before {
    content: "\e206";
}

.dti-document-search:before {
    content: "\e207";
}

.dti-document-star:before {
    content: "\e208";
}

.dti-document-upload:before {
    content: "\e209";
}

.dti-folder-check:before {
    content: "\e20a";
}

.dti-folder-cloud:before {
    content: "\e20b";
}

.dti-folder-document:before {
    content: "\e20c";
}

.dti-folder-download:before {
    content: "\e20d";
}

.dti-bookmark-minus:before {
    content: "\e20e";
}

.dti-folder-graph:before {
    content: "\e20f";
}

.dti-folder-heart:before {
    content: "\e210";
}

.dti-folder-minus:before {
    content: "\e211";
}

.dti-folder-next:before {
    content: "\e212";
}

.dti-folder-disable:before {
    content: "\e213";
}

.dti-folder-music:before {
    content: "\e214";
}

.dti-folder-pencil:before {
    content: "\e215";
}

.dti-folder-picture:before {
    content: "\e216";
}

.dti-folder-plus:before {
    content: "\e217";
}

.dti-folder-prev:before {
    content: "\e218";
}

.dti-folder-refresh:before {
    content: "\e219";
}

.dti-folder-remove:before {
    content: "\e21a";
}

.dti-folder-search:before {
    content: "\e21b";
}

.dti-folder-star:before {
    content: "\e21c";
}

.dti-folder-upload:before {
    content: "\e21d";
}

.dti-mail-check:before {
    content: "\e21e";
}

.dti-mail-cloud:before {
    content: "\e21f";
}

.dti-mail-document:before {
    content: "\e220";
}

.dti-mail-download:before {
    content: "\e221";
}

.dti-mail-flagged:before {
    content: "\e222";
}

.dti-mail-heart:before {
    content: "\e223";
}

.dti-mail-next:before {
    content: "\e224";
}

.dti-mail-disable:before {
    content: "\e225";
}

.dti-mail-music:before {
    content: "\e226";
}

.dti-mail-pencil:before {
    content: "\e227";
}

.dti-mail-picture:before {
    content: "\e228";
}

.dti-mail-prev:before {
    content: "\e229";
}

.dti-mail-refresh:before {
    content: "\e22a";
}

.dti-mail-remove:before {
    content: "\e22b";
}

.dti-mail-search:before {
    content: "\e22c";
}

.dti-mail-star:before {
    content: "\e22d";
}

.dti-mail-upload:before {
    content: "\e22e";
}

.dti-message-check:before {
    content: "\e22f";
}

.dti-message-dots:before {
    content: "\e230";
}

.dti-message-smile:before {
    content: "\e231";
}

.dti-message-heart:before {
    content: "\e232";
}

.dti-message-minus:before {
    content: "\e233";
}

.dti-message-music:before {
    content: "\e234";
}

.dti-message-plus:before {
    content: "\e235";
}

.dti-message-refresh:before {
    content: "\e236";
}

.dti-message-remove:before {
    content: "\e237";
}

.dti-message-sad:before {
    content: "\e238";
}

.dti-smartphone-cloud:before {
    content: "\e239";
}

.dti-smartphone-heart:before {
    content: "\e23a";
}

.dti-smartphone-disable:before {
    content: "\e23b";
}

.dti-smartphone-music:before {
    content: "\e23c";
}

.dti-smartphone-pencil:before {
    content: "\e23d";
}

.dti-smartphone-picture:before {
    content: "\e23e";
}

.dti-smartphone-refresh:before {
    content: "\e23f";
}

.dti-smartphone-search:before {
    content: "\e240";
}

.dti-tablet-cloud:before {
    content: "\e241";
}

.dti-tablet-heart:before {
    content: "\e242";
}

.dti-tablet-disable:before {
    content: "\e243";
}

.dti-tablet-music:before {
    content: "\e244";
}

.dti-tablet-pencil:before {
    content: "\e245";
}

.dti-tablet-picture:before {
    content: "\e246";
}

.dti-tablet-refresh:before {
    content: "\e247";
}

.dti-tablet-search:before {
    content: "\e248";
}

.dti-todolist:before {
    content: "\e249";
}

.dti-todolist-check:before {
    content: "\e24a";
}

.dti-todolist-cloud:before {
    content: "\e24b";
}

.dti-todolist-download:before {
    content: "\e24c";
}

.dti-todolist-flagged:before {
    content: "\e24d";
}

.dti-todolist-minus:before {
    content: "\e24e";
}

.dti-todolist-disable:before {
    content: "\e24f";
}

.dti-todolist-pencil:before {
    content: "\e250";
}

.dti-todolist-plus:before {
    content: "\e251";
}

.dti-todolist-refresh:before {
    content: "\e252";
}

.dti-todolist-remove:before {
    content: "\e253";
}

.dti-todolist-search:before {
    content: "\e254";
}

.dti-todolist-star:before {
    content: "\e255";
}

.dti-todolist-upload:before {
    content: "\e256";
}

/*==================================== */
/* =           3. Elements           = */
/* ====================================*/
/* 3.1 Side Menu */
.side-menu {
    position: fixed;
    top: 50%;
    right: 5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 500;
}

    .side-menu > ul {
        margin: 0;
        padding: 0;
    }

        .side-menu > ul > li {
            list-style: none;
            margin-bottom: 30px;
        }

            .side-menu > ul > li > a {
                display: inline-block;
                font-size: 1.8em;
                line-height: 0.8em;
                padding: 3px 0;
                color: #000;
                position: relative;
            }

                .side-menu > ul > li > a:before {
                    content: '';
                    position: absolute;
                    height: 0px;
                    width: 2px;
                    top: 0;
                    left: -10px;
                    background-color: #c6982c;
                    transition: all 0.15s ease-in-out;
                }

                .side-menu > ul > li > a:hover {
                    color: #c6982c;
                }

                    .side-menu > ul > li > a:hover:before {
                        height: 100%;
                    }

                .side-menu > ul > li > a:hover,
                .side-menu > ul > li > a:focus {
                    text-decoration: none;
                    background-color: transparent;
                }

            .side-menu > ul > li.active a {
                color: #c6982c;
            }

                .side-menu > ul > li.active a:before {
                    height: 100%;
                }

/* 3.2 Social Icons */
.social-icons {
    margin: 0;
    padding: 0;
}

    .social-icons > li {
        display: inline-block;
        margin-left: 5px;
        margin-right: 5px;
    }

        .social-icons > li > a {
            color: #000;
        }

            .social-icons > li > a:hover {
                color: #c6982c;
            }

    .social-icons.rounded > li > a {
        display: block;
        background: #000000;
        color: #333333;
        border: 1px solid #333333;
        border-radius: 50%;
        width: 32px;
        height: 32px;
        position: relative;
    }

        .social-icons.rounded > li > a > i {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        .social-icons.rounded > li > a:hover {
            border-color: #c6982c;
            background-color: #c6982c;
            color: #FFF;
        }

    .social-icons.rounded.rounded > li > a {
        width: 42px;
        height: 42px;
        font-size: 1.142em;
    }

/* 3.3 Triangle Button */
.triangle-area {
    position: relative;
}

.triangle {
    position: absolute;
    left: 50%;
    bottom: 0px;
    -webkit-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
    z-index: 21;
    height: 100px;
    width: 220px;
}

    .triangle:before {
        content: "";
        position: absolute;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0 110px 110px 110px;
        border-color: transparent;
        border-bottom-color: #c6982c;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        transition: all 0.15s ease-in-out;
    }

    .triangle:after {
        content: "";
        position: absolute;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 50px 50px 0 50px;
        border-color: transparent;
        border-top-color: #FFF;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 20px;
        transition: all 0.15s ease-in-out;
    }

.triangle-b {
    position: absolute;
    left: 37%;
    bottom: 0px;
    -webkit-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
    z-index: 20;
    height: 100px;
    width: 220px;
}

.triangle-a {
    position: absolute;
    left: 63%;
    bottom: 0px;
    -webkit-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
    z-index: 20;
    height: 100px;
    width: 220px;
}

    .triangle-a:before,
    .triangle-b:before {
        content: "";
        position: absolute;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0 110px 110px 110px;
        border-color: transparent;
        border-bottom-color: rgba(198,152,44,0.5) !important;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        transition: all 0.15s ease-in-out;
    }

.triangle > span {
    display: inline-block;
    color: #000000;
    position: absolute;
    font-size: 0.857em;
    font-weight: 400;
    text-transform: uppercase;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 25px;
    z-index: 5;
    transition: all 0.15s ease-in-out;
}

/* 3.4 Heading */
.section-header {
    position: relative;
    text-align: center;
    margin-bottom: 100px;
    padding: 0 15px;
}

    .section-header > .heading-effect {
        position: relative;
        display: inline-block;
        height: 125px;
        width: 175px;
        margin: 0 auto;
        margin-bottom: 20px;
        /*border-bottom: 2px dashed rgba(0, 0, 0, 0.2);*/
    }

        .section-header > .heading-effect:before {
            /*content: "";*/
            position: absolute;
            height: 100%;
            width: 0px;
            border-right: 2px dashed rgba(0, 0, 0, 0.2);
            bottom: 0px;
            z-index: 21;
        }

        .section-header > .heading-effect.outside {
            height: 205px;
        }

            .section-header > .heading-effect.outside:before {
                height: 230px;
            }

    .section-header > .sub-heading {
        margin-top: 0;
        margin-bottom: 20px;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 1em;
        line-height: 1em;
        letter-spacing: 0.1em;
    }

    .section-header > .heading {
        font-size: 2.428em;
        line-height: 1em;
        letter-spacing: 0.1em;
        font-weight: 700;
        text-transform: uppercase;
        margin: 0;
        color: #c6982c;
    }

        .section-header > .heading:before {
            content: "";
            width: 100%;
            display: block;
            background-image: url('../img/header-icon.png');
            height: 85px;
            background-position: 50%;
            background-repeat: no-repeat;
            margin-top: -145px;
        }

        .section-header > .heading:after {
            content: "";
            width: 100%;
            display: block;
            background-image: url('../img/header-icon.png');
            height: 90px;
            background-position: 50%;
            background-repeat: no-repeat;
            /* Rotate div */
            -ms-transform: rotate(180deg); /* IE 9 */
            -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
            transform: rotate(180deg);
        }

    .section-header > .heading-odd {
        font-size: 2.428em;
        line-height: 1em;
        letter-spacing: 0.1em;
        font-weight: 700;
        text-transform: uppercase;
        margin: 0;
        color: #c6982c;
    }

        .section-header > .heading-odd:before {
            content: "";
            width: 100%;
            display: block;
            background-image: url('../img/header-icon-odd.png');
            height: 90px;
            background-position: 50%;
            background-repeat: no-repeat;
            margin-top: -145px;
        }

        .section-header > .heading-odd:after {
            content: "";
            width: 100%;
            display: block;
            background-image: url('../img/header-icon-odd.png');
            height: 90px;
            background-position: 50%;
            background-repeat: no-repeat;
            /* Rotate div */
            -ms-transform: rotate(180deg); /* IE 9 */
            -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
            transform: rotate(180deg);
        }

        .section-header > .heading-odd > span,
        .section-header > .heading > span {
            font-weight: 300;
        }

    .section-header > .description {
        margin-top: 50px;
        font-size: 1.142em;
        line-height: 2em;
        letter-spacing: 0.020em;
    }

.transparent-section .section-header > .heading-effect {
    border-bottom-color: rgba(255, 255, 255, 0.35);
}

    .transparent-section .section-header > .heading-effect:before {
        border-right-color: rgba(255, 255, 255, 0.35);
    }

/* 3.5 Iconic Box */
.iconic-box {
    position: relative;
    margin-bottom: 90px;
}

    .iconic-box > .icon {
        margin-top: 6px;
        margin-bottom: 31px;
    }

    .iconic-box > .content-area {
        position: relative;
    }

        .iconic-box > .content-area > .title {
            font-size: 1.428em;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.06em;
            margin: 0;
            margin-bottom: 30px;
        }

        .iconic-box > .content-area > .back-icon {
            position: absolute;
            right: 15px;
            opacity: 0.05;
            top: 0;
        }

            .iconic-box > .content-area > .back-icon > i {
                font-size: 125px;
                transition: all 0.15s ease-in-out;
            }

        .iconic-box > .content-area > .content {
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0.05em;
            position: relative;
            z-index: 2;
        }

    .iconic-box:hover > .icon > i {
        background-color: #c6982c;
    }

    .iconic-box:hover > .content-area > .back-icon {
        opacity: 0.20;
    }

        .iconic-box:hover > .content-area > .back-icon i {
            color: #c6982c;
        }

.glass-icon > i {
    display: inline-block;
    position: relative;
    width: 78px;
    height: 78px;
    background-color: #000;
    color: #FFF;
    font-size: 25px;
    border-radius: 25px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-image: url(../img/iconalt.svg);
    background-position: center center;
    background-size: 100% 100%;
    transition: all 0.15s ease-in-out;
}

    .glass-icon > i:before {
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
    }

/* 3.6 Box Items */
.box-item {
    position: relative;
    padding-left: 60px;
    margin-bottom: 35px;
}

    .box-item > .icon {
        position: absolute;
        width: 40px;
        left: 0;
        top: 0;
    }

        .box-item > .icon > i {
            font-size: 40px;
        }

    .box-item .title {
        font-size: 1.285em;
        margin-top: 0;
        margin-bottom: 13px;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 0.050em;
    }

    .box-item .content {
        font-size: 1em;
        line-height: 1.714em;
        font-family: 'Open Sans', sans-serif;
    }

/* 3.7 Featured Circle */
/* 3.8 Service Box */
.service-box {
    position: relative;
    margin-bottom: 90px;
}

    .service-box > .icon {
        transition: all 0.15s ease-in-out;
    }

        .service-box > .icon > i {
            font-size: 4.571em;
            margin-bottom: 30px;
        }

    .service-box > .details {
        position: relative;
        transition: all 0.15s ease-in-out;
        overflow: hidden;
    }

        .service-box > .details > i {
            position: absolute;
            right: -15px;
            top: 50%;
            font-size: 7em;
            z-index: 1;
            color: #c6982c;
            opacity: 0;
            transition: all 0.15s ease-in-out;
            transition-delay: 0.15s;
        }

        .service-box > .details > .title {
            position: relative;
            font-size: 1.428em;
            font-weigh: 700;
            text-transform: uppercase;
            letter-spacing: 0.060em;
            margin: 0;
            margin-bottom: 25px;
            z-index: 5;
        }

        .service-box > .details > .content,
        .service-box > .details > .full {
            font-family: 'Open Sans', sans-serif;
            line-height: 1.714em;
            z-index: 5;
            transition: all 0.15s ease-in-out;
        }

        .service-box > .details > .full {
            position: absolute;
            width: 100%;
            height: auto;
            top: 0;
            -webkit-transform: translateY(100%);
            transform: translateY(100%);
            transition-delay: 0.1s;
            opacity: 0;
        }

    .service-box:hover > .icon {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
    }

    .service-box:hover > .details {
        overflow: visible;
        -webkit-transform: translateY(-65px);
        transform: translateY(-65px);
    }

        .service-box:hover > .details > i {
            opacity: 0.1;
            -webkit-transform: translateY(-40%);
            transform: translateY(-40%);
        }

        .service-box:hover > .details > .content {
            opacity: 0;
            -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
        }

        .service-box:hover > .details > .full {
            opacity: 1;
            bottom: 0;
            -webkit-transform: translateY(45px);
            transform: translateY(45px);
        }

/* 3.9 Pricing Table */
.pricing-table {
    background-color: #FFF;
    text-align: center;
    padding-top: 120px;
    padding-bottom: 70px;
    position: relative;
    transition: all 0.15s ease-in-out;
}

    .pricing-table > .pricing-header {
        margin-bottom: 50px;
    }

        .pricing-table > .pricing-header > .name {
            font-size: 0.857em;
            letter-spacing: 0.10em;
            text-transform: uppercase;
            font-weight: 700;
            margin: 0;
            margin-bottom: 25px;
        }

        .pricing-table > .pricing-header > .price {
            font-size: 5em;
            line-height: 0.8em;
            font-weight: 700;
        }

            .pricing-table > .pricing-header > .price small {
                font-size: 0.485em;
            }

        .pricing-table > .pricing-header > .cycle {
            font-size: 0.857em;
            letter-spacing: 0.10em;
            text-transform: uppercase;
            font-weight: 700;
        }

    .pricing-table > .pricing-features {
        margin: 0;
        padding: 0;
        font-family: 'Open Sans', sans-serif;
        list-style: none;
        line-height: 2.142em;
        letter-spacing: 0.050em;
        margin-bottom: 65px;
    }

        .pricing-table > .pricing-features ul {
            padding: 0;
            list-style: none;
        }

    .pricing-table .buy-link {
        position: relative;
        display: inline-block;
        font-size: 0.857em;
        font-weight: 400;
        text-transform: uppercase;
        color: #000;
        z-index: 1;
    }

        .pricing-table .buy-link:after {
            content: '';
            border-style: solid;
            border-width: 50px 50px 0 50px;
            border-color: transparent;
            border-top-color: #f2f2f2;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -30%);
            transform: translate(-50%, -30%);
            z-index: -1;
        }

        .pricing-table .buy-link:hover {
            color: #FFF;
        }

            .pricing-table .buy-link:hover:after {
                border-top-color: #c6982c;
            }

    .pricing-table.active {
        -webkit-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
        z-index: 5;
    }

        .pricing-table.active:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 10px;
            top: 0;
            left: 0;
            background-color: #c6982c;
        }

/* 3.10 Action Area */
.mock-action > h3 {
    margin: 0;
    font-size: 1.428em;
    letter-spacing: 0.10em;
    font-weight: 700;
}

/* 3.11 Special Testimonials */
.special-testimonial {
    position: relative;
    overflow: hidden;
    padding: 95px 55px;
    text-align: center;
    width: 740px;
    margin: 0 auto;
    border-top: 15px solid #FFF;
    border-left: 15px solid #FFF;
}

    .special-testimonial:before {
        content: '';
        position: absolute;
        right: 0;
        bottom: 190px;
        width: 15px;
        height: 100%;
        background-color: #fff;
    }

    .special-testimonial:after {
        content: '';
        position: absolute;
        right: 190px;
        bottom: 0;
        height: 15px;
        width: 100%;
        background-color: #fff;
    }

    .special-testimonial > .more {
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        color: #FFF;
        width: 150px;
        height: 150px;
        border-style: solid;
        border-width: 0 0 150px 150px;
        border-color: transparent transparent #c6982c transparent;
    }

        .special-testimonial > .more > i {
            position: absolute;
            top: 85px;
            left: -65px;
            font-size: 50px;
            color: #FFF;
            z-index: 55;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

    .special-testimonial > .title {
        position: relative;
        font-size: 3.428em;
        letter-spacing: 0.020em;
        font-weight: 100;
        margin-top: 0;
        margin-bottom: 65px;
    }

        .special-testimonial > .title > span {
            font-weight: 700;
            color: #c6982c;
        }

        .special-testimonial > .title:after {
            content: '';
            position: absolute;
            bottom: -20px;
            left: 50%;
            width: 30%;
            height: 1px;
            background-color: #FFF;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

    .special-testimonial > .content {
        font-size: 1.142em;
        font-weight: 400;
        font-style: italic;
        margin-bottom: 40px;
    }

    .special-testimonial > .name {
        font-size: 1.285em;
        letter-spacing: 0.100em;
    }

/* 3.12 Buttons */
.dt-btn {
    border: 1px solid #c6982c;
    display: inline-block;
    padding: 10px 15px;
    color: #c6982c;
    font-size: 0.857em;
    line-height: 1em;
    font-weight: 400;
    background-color: transparent;
    transition: all 0.15s ease-in-out;
}

    .dt-btn:hover,
    .dt-btn:focus {
        background-color: #c6982c;
        color: #FFF;
        text-decoration: none;
        outline-color: transparent;
    }

    .dt-btn.medium {
        padding: 15px 25px;
    }

/* 3.13 Page Navigation */
.dti-pager {
    padding: 40px 0;
    text-align: center;
}

    .dti-pager:before,
    .dti-pager:after {
        content: "";
        display: table;
    }

    .dti-pager:after {
        clear: both;
    }

    .dti-pager > li {
        display: inline;
    }

        .dti-pager > li.previous {
            float: left;
        }

            .dti-pager > li.previous a:hover i {
                -webkit-transform: translateX(-10px);
                transform: translateX(-10px);
            }

        .dti-pager > li.next {
            float: right;
        }

            .dti-pager > li.next a:hover i {
                -webkit-transform: translateX(10px);
                transform: translateX(10px);
            }

        .dti-pager > li > a {
            display: block;
            border: 1px solid #c6982c;
            color: #c6982c;
            font-size: 1.071em;
            letter-spacing: 0.050em;
            font-weight: 400;
            padding: 10px 25px;
        }

            .dti-pager > li > a > i {
                display: inline-block;
                height: 16px;
                overflow: hidden;
                position: relative;
                padding: 0 5px;
                transition: all 0.15s;
            }

                .dti-pager > li > a > i:before {
                    font-size: 32px;
                    line-height: 0.7em;
                }

/* 3.14 Skills Bars */
.dt-progress {
    background-color: #c8c8c8;
    height: 10px;
    position: relative;
    margin-bottom: 25px;
}

    .dt-progress > span {
        position: absolute;
        top: 50%;
        left: 5px;
        height: 2px;
        background-color: #c6982c;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

        .dt-progress > span:before {
            content: "";
            position: absolute;
            top: 50%;
            right: 0;
            height: 0px;
            width: 0px;
            border-style: solid;
            border-width: 4px 0 4px 4px;
            border-color: transparent transparent transparent #c6982c;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .dt-progress > span:after {
            content: attr(data-amount);
            position: absolute;
            top: 6px;
            right: 12px;
            padding: 2px 10px;
            background-color: #c6982c;
            color: #FFF;
            -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
            font-size: 1.1em;
            font-weight: 400;
        }

/* 3.15 Post Share */
.post-share {
    padding-left: 0;
}

    .post-share > li {
        display: inline-block;
    }

        .post-share > li.share-title {
            margin-right: 15px;
            -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
        }

        .post-share > li.item {
            margin: 0 5px;
        }

            .post-share > li.item > a {
                display: block;
                width: 38px;
                height: 38px;
                color: #cccccc;
                border: 1px solid #cccccc;
                border-radius: 50%;
                position: relative;
            }

                .post-share > li.item > a:hover {
                    color: #c6982c;
                    border-color: #c6982c;
                }

                .post-share > li.item > a > i {
                    font-size: 1.142em;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                }

/* 3.16 Comment Form */
.comment-respond .comment-reply-title {
    font-size: 1.142em;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 70px;
}

.comment-respond .comment-form input,
.comment-respond .comment-form textarea {
    display: block;
    width: 100%;
}

    .comment-respond .comment-form input[type="submit"],
    .comment-respond .comment-form textarea[type="submit"] {
        display: table;
        width: auto;
        margin: 0 auto;
        background-color: #c6982c;
        color: #FFF;
        border-color: #c6982c;
        font-weight: 400;
        padding: 12px 30px;
    }

        .comment-respond .comment-form input[type="submit"]:hover,
        .comment-respond .comment-form textarea[type="submit"]:hover {
            background-color: transparent;
            color: #c6982c;
        }

.comment-respond .comment-form textarea {
    margin-bottom: 30px;
}

.comment-respond .comment-form .input-fields {
    margin-bottom: 30px;
    margin-left: -15px;
    margin-right: -15px;
}

    .comment-respond .comment-form .input-fields .field-half {
        width: 50%;
        float: left;
        padding: 0 15px;
    }

/* 3.17 Blockquote */
blockquote {
    border-left-color: #c6982c;
    font-size: 1.142em;
    font-weight: 400;
}

    blockquote > .info {
        font-size: 0.875em;
        font-weight: 300;
        padding-top: 15px;
    }

        blockquote > .info > span {
            color: #999999;
        }

/* 3.18 Back to top */
#back-to-top {
    position: fixed;
    right: 40px;
    bottom: 40px;
    z-index: 1000;
    width: 70px;
    height: 70px;
    color: #FFF;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

    #back-to-top.show {
        opacity: 1;
    }

    #back-to-top:before {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 70px 70px;
        border-color: transparent transparent #c6982c transparent;
        z-index: 1;
        transition: all 0.15s ease-in-out;
    }

    #back-to-top > span {
        position: absolute;
        z-index: 2;
        bottom: 12px;
        right: 6px;
        font-size: 0.857em;
        font-weight: 400;
        text-transform: uppercase;
        -webkit-transform: rotate(-40deg);
        transform: rotate(-40deg);
    }

    #back-to-top:hover {
        cursor: pointer;
    }

        #back-to-top:hover:before {
            border-color: transparent transparent #aa1717 transparent;
        }

/* 3.19 Footer Contact */
.footer-contact-box {
    margin-bottom: 50px;
}

    .footer-contact-box > i {
        font-size: 30px;
        color: #7b7b7b;
        margin-bottom: 15px;
    }

    .footer-contact-box > .heading {
        font-size: 1em;
        font-weight: 600;
    }

    .footer-contact-box > .content {
        color: #ccc;
        font-weight: 400;
    }

.footer-contact {
    padding: 0;
}

    .footer-contact > li {
        display: inline-block;
        color: #CCC;
        text-transform: uppercase;
        padding-right: 50px;
    }

        .footer-contact > li > i {
            color: #7b7b7b;
            margin-right: 10px;
            font-size: 1.142em;
        }

/* 3.20 Feature Box */
.feature-box {
    background-color: #f2f4f6;
    border-left: 4px solid #c6982c;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    margin-bottom: 30px;
    padding: 20px 25px;
}

    .feature-box > .icon {
        width: 240px;
        height: 190px;
        text-align: center;
        float: left;
        overflow: hidden;
        margin-right: 20px;
    }

        .feature-box > .icon > img {
            width: auto;
            height: 100%;
        }

    .feature-box > .content h3 {
        font-family: 'Lato', sans-serif;
        font-size: 1em;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 15px;
        margin-bottom: 25px;
    }

    .feature-box:before,
    .feature-box:after {
        content: "";
        display: table;
    }

    .feature-box:after {
        clear: both;
    }

/* 3.21 Gallery */
.kingma-gallery {
    position: relative;
}

    .kingma-gallery .full-sized-image {
        margin-bottom: 10px;
    }

        .kingma-gallery .full-sized-image .swiper-slide > img {
            width: 100%;
            height: auto;
        }

    .kingma-gallery .thumbnails-sized-image .swiper-slide > img {
        width: 100%;
        height: auto;
    }

    .kingma-gallery .gallery-navigation[data-swiper="prev"] {
        position: absolute;
        z-index: 100;
        top: 50%;
        z-index: 222;
        -webkit-transform: translate(-80%, -175px);
        transform: translate(-80%, -175px);
    }

        .kingma-gallery .gallery-navigation[data-swiper="prev"]:before {
            content: '';
            display: block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 50px 50px 50px 0;
            border-color: transparent #c6982c transparent transparent;
            transition: all 0.15s ease-in-out;
        }

        .kingma-gallery .gallery-navigation[data-swiper="prev"] > i {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(80%, -50%);
            transform: translate(80%, -50%);
            color: #FFF;
        }

        .kingma-gallery .gallery-navigation[data-swiper="prev"]:hover:before {
            border-color: transparent #FFF transparent transparent;
        }

        .kingma-gallery .gallery-navigation[data-swiper="prev"]:hover > i {
            color: #c6982c;
        }

    .kingma-gallery .gallery-navigation[data-swiper="next"] {
        position: absolute;
        z-index: 100;
        top: 50%;
        right: 0;
        z-index: 222;
        -webkit-transform: translate(80%, -175px);
        transform: translate(80%, -175px);
    }

        .kingma-gallery .gallery-navigation[data-swiper="next"]:before {
            content: '';
            display: block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 50px 0 50px 50px;
            border-color: transparent transparent transparent #c6982c;
            transition: all 0.15s ease-in-out;
        }

        .kingma-gallery .gallery-navigation[data-swiper="next"] > i {
            position: absolute;
            top: 50%;
            right: 50%;
            -webkit-transform: translate(-30%, -50%);
            transform: translate(-30%, -50%);
            color: #FFF;
        }

        .kingma-gallery .gallery-navigation[data-swiper="next"]:hover:before {
            border-color: transparent transparent transparent #FFF;
        }

        .kingma-gallery .gallery-navigation[data-swiper="next"]:hover > i {
            color: #c6982c;
        }

/*==================================== */
/* =            4. Widgets           = */
/* ====================================*/
.widget {
    margin-bottom: 100px;
}

    .widget > .widget-title {
        font-size: 1.142em;
        line-height: 1.25em;
        font-weight: 700;
        margin-top: 0;
        margin-bottom: 45px;
        text-transform: uppercase;
    }

    .widget select {
        width: 100%;
        padding: 10px;
        border: 1px solid #e4e4e4;
    }

        .widget select:focus {
            outline-color: transparent;
            border-color: #c6982c;
        }

    .widget > ul,
    .widget ul.menu {
        padding-left: 0;
    }

        .widget > ul > li,
        .widget ul.menu > li {
            list-style: none;
        }

            .widget > ul > li > a,
            .widget ul.menu > li > a {
                display: block;
                border-bottom: 1px solid #dcdcdc;
                padding: 15px 0;
                font-size: 1.142em;
                letter-spacing: 0.050em;
                color: #000;
                position: relative;
            }

                .widget > ul > li > a:hover,
                .widget ul.menu > li > a:hover {
                    color: #c6982c;
                    text-decoration: none;
                }

                .widget > ul > li > a:before,
                .widget ul.menu > li > a:before {
                    content: "\f101";
                    font-family: FontAwesome;
                    position: absolute;
                    top: 50%;
                    right: 0;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                }

            .widget > ul > li:first-child > a,
            .widget ul.menu > li:first-child > a {
                padding-top: 0;
            }

            .widget > ul > li:last-child > a,
            .widget ul.menu > li:last-child > a {
                border-bottom: none;
                padding-bottom: 0;
            }

            .widget > ul > li ul,
            .widget ul.menu > li ul {
                list-style: none;
                padding-left: 10px;
                padding-top: 10px;
            }

                .widget > ul > li ul > li,
                .widget ul.menu > li ul > li {
                    border-bottom: 1px solid #dcdcdc;
                }

                    .widget > ul > li ul > li > a,
                    .widget ul.menu > li ul > li > a {
                        display: block;
                        color: #000;
                        padding: 5px 0;
                        position: relative;
                    }

                        .widget > ul > li ul > li > a:hover,
                        .widget ul.menu > li ul > li > a:hover {
                            color: #c6982c;
                        }

                        .widget > ul > li ul > li > a:before,
                        .widget ul.menu > li ul > li > a:before {
                            content: "\f101";
                            font-family: FontAwesome;
                            font-size: 10px;
                            position: absolute;
                            top: 50%;
                            right: 0;
                            -webkit-transform: translateY(-50%);
                            transform: translateY(-50%);
                        }

            .widget > ul > li.recentcomments,
            .widget ul.menu > li.recentcomments {
                border-bottom: 1px solid #dcdcdc;
                padding: 5px 0;
            }

                .widget > ul > li.recentcomments a,
                .widget ul.menu > li.recentcomments a {
                    color: #000;
                    display: inline;
                    border-bottom: none;
                }

                    .widget > ul > li.recentcomments a:hover,
                    .widget ul.menu > li.recentcomments a:hover {
                        color: #c6982c;
                    }

                    .widget > ul > li.recentcomments a:before,
                    .widget ul.menu > li.recentcomments a:before {
                        display: none;
                    }

    .widget img {
        max-width: 100%;
        height: auto;
    }

/* 4.1 Search */
form.search-form {
    position: relative;
}

    form.search-form input.search-field {
        width: 100%;
        border: 0px;
        border-bottom: 1px solid #c6982c;
        background-color: transparent;
        font-weight: 400;
        color: #c6982c;
        padding: 5px 0;
    }

        form.search-form input.search-field:active,
        form.search-form input.search-field:focus {
            outline-color: transparent;
        }

    form.search-form button.search-submit {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: transparent;
        border-color: transparent;
    }

/* 4.2 Recent Posts */
.widget_kingma_recent_posts > .popular-posts {
    padding-left: 0;
}

    .widget_kingma_recent_posts > .popular-posts > li {
        list-style: none;
        overflow: hidden;
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px solid #dcdcdc;
    }

        .widget_kingma_recent_posts > .popular-posts > li:last-child {
            border-bottom: none;
        }

        .widget_kingma_recent_posts > .popular-posts > li > .thumb {
            width: 90px;
            height: 90px;
            float: left;
        }

            .widget_kingma_recent_posts > .popular-posts > li > .thumb > img {
                max-width: 100%;
                height: auto;
            }

        .widget_kingma_recent_posts > .popular-posts > li > .content {
            padding-left: 110px;
            font-family: 'Open Sans', sans-serif;
        }

            .widget_kingma_recent_posts > .popular-posts > li > .content .title {
                margin-top: 0;
                font-weight: 400;
                font-size: 1em;
                line-height: 1.571em;
                margin-bottom: 10px;
            }

                .widget_kingma_recent_posts > .popular-posts > li > .content .title > a {
                    color: #000;
                }

                    .widget_kingma_recent_posts > .popular-posts > li > .content .title > a:hover {
                        color: #c6982c;
                    }

            .widget_kingma_recent_posts > .popular-posts > li > .content .meta {
                color: #999999;
                font-weight: 0.928em;
                letter-spacing: 0.050em;
            }

/* 4.3 Categories */
/* 4.4 Newsletter */
.widget_newsletter > form > input {
    width: 100%;
    border: 1px solid #e4e4e4;
    padding: 10px 20px;
    margin-bottom: 25px;
    transition: all 0.15s ease-in-out;
}

    .widget_newsletter > form > input:focus {
        border-color: #c6982c;
        outline-color: transparent;
    }

.widget_newsletter > form > button {
    border: 1px solid #c6982c;
    background-color: #c6982c;
    color: #FFF;
    font-size: 0.857em;
    line-height: 1em;
    font-weight: 400;
    padding: 10px 40px;
    text-transform: uppercase;
    transition: all 0.15s ease-in-out;
}

    .widget_newsletter > form > button:hover {
        background-color: transparent;
        color: #000;
    }

/* 4.5 Tags */
.widget_tag_cloud > .tagcloud {
    margin-left: -5px;
    margin-right: -5px;
}

    .widget_tag_cloud > .tagcloud > a {
        display: inline-block;
        padding: 10px 25px;
        color: #000;
        border: 1px solid #d3d3d3;
        font-size: 1.142em !important;
        letter-spacing: 0.050em;
        margin: 5px;
    }

        .widget_tag_cloud > .tagcloud > a:hover {
            color: #c6982c;
            border-color: #c6982c;
        }

/* 4.6 Archives */
/* 4.7 Calendar */
.widget_calendar {
    float: left;
}

#wp-calendar {
    width: 100%;
}

    #wp-calendar caption {
        text-align: right;
        font-weight: 400;
    }

    #wp-calendar thead {
        font-size: 10px;
    }

        #wp-calendar thead th {
            padding-bottom: 10px;
            text-align: center;
        }

    #wp-calendar tbody {
        color: #aaa;
    }

        #wp-calendar tbody td {
            background: #FFF;
            border: 1px solid #f5f5f5;
            text-align: center;
            padding: 8px;
            font-weight: 400;
            transition: all 0.15s ease-in-out;
        }

            #wp-calendar tbody td a {
                color: #c6982c;
            }

                #wp-calendar tbody td a:hover {
                    color: #FFF;
                }

            #wp-calendar tbody td:hover {
                background: #c6982c;
                color: #FFF;
            }

                #wp-calendar tbody td:hover a {
                    color: #FFF;
                }

        #wp-calendar tbody .pad {
            background: none;
        }

    #wp-calendar tfoot #next,
    #wp-calendar tfoot #prev {
        padding-top: 10px;
    }

        #wp-calendar tfoot #next a,
        #wp-calendar tfoot #prev a {
            text-transform: uppercase;
            color: #000;
            font-weight: 400;
        }

            #wp-calendar tfoot #next a:hover,
            #wp-calendar tfoot #prev a:hover {
                color: #c6982c;
            }

    #wp-calendar tfoot #next {
        text-align: right;
    }

/*==================================== */
/* =            5. Sections          = */
/* ====================================*/
/* 5.1 Header */
#logo {
    width: 150px;
    float: left;
}

    #logo > a {
        color: #000;
        font-size: 1.5em;
        font-weight: 800;
        text-transform: uppercase;
    }

        #logo > a > img {
            width: 100%;
            height: auto;
        }

            #logo > a > img.transparent-logo {
                display: none;
            }

.site-header {
    box-shadow: 0px 1px 22px #ccc;
    min-height: 100px;
    padding: 5px 40px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #FFF;
    z-index: 500;
    transition: all 0.3s ease-in-out;
}

    .site-header.scrolled {
        min-height: 40px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #F1F1F1;
    }

#top-social {
    margin-top: 5px;
    float: right;
    margin-right: 40px;
}

    #top-social > .social-icons {
        text-align: right;
    }

#top-menu {
    margin-top: 5px;
    float: right;
    position: relative;
    padding-right: 70px;
    min-width: 100px;
}

    #top-menu .nav-trigger {
        position: absolute;
        top: 0;
        right: 0;
        width: 100px;
    }

        #top-menu .nav-trigger > .icon-bar {
            display: inline-block;
            width: 25px;
            height: 16px;
            position: relative;
        }

            #top-menu .nav-trigger > .icon-bar > span {
                display: block;
                width: 100%;
                border-bottom: 2px solid #000;
                transition: all 0.3s ease-in-out;
                position: absolute;
                top: 50%;
                left: 0;
            }

                #top-menu .nav-trigger > .icon-bar > span:first-child {
                    -webkit-transform: rotate(0deg);
                    transform: rotate(0deg);
                    top: 0px;
                }

                #top-menu .nav-trigger > .icon-bar > span:nth-child(2) {
                    top: 7px;
                    left: 0;
                }

                #top-menu .nav-trigger > .icon-bar > span:last-child {
                    -webkit-transform: rotate(0deg);
                    transform: rotate(0deg);
                    bottom: 0;
                }

        #top-menu .nav-trigger > .text {
            display: inline-block;
            font-weight: 700;
            text-transform: uppercase;
            margin-left: 10px;
            width: 45px;
            height: 16px;
            position: relative;
        }

            #top-menu .nav-trigger > .text > span {
                font-size: 0.857em;
                font-weight: 400;
                letter-spacing: 0.10em;
                position: absolute;
                top: 50%;
                right: -50%;
                transition: all 0.3s ease-in-out;
            }

                #top-menu .nav-trigger > .text > span:first-child {
                    right: 50%;
                    -webkit-transform: translate(50%, -50%);
                    transform: translate(50%, -50%);
                }

                #top-menu .nav-trigger > .text > span:last-child {
                    left: -50%;
                    right: inherit;
                    opacity: 0;
                    -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                }

        #top-menu .nav-trigger:hover {
            cursor: pointer;
        }

    #top-menu .menu-items {
        margin: 0;
        padding: 0;
        margin-right: 85px;
        display: none;
    }

        #top-menu .menu-items > li {
            display: inline-block;
            opacity: 0;
            position: relative;
            top: -5px;
            transition: top 0.3s ease 0.1s, opacity 0.3s ease 0.1s;
        }

            #top-menu .menu-items > li:nth-child(2n) {
                transition: top 0.3s ease 0.2s, opacity 0.3s ease 0.2s;
            }

            #top-menu .menu-items > li:nth-child(3n) {
                transition: top 0.3s ease 0.3s, opacity 0.3s ease 0.3s;
            }

            #top-menu .menu-items > li:nth-child(4n) {
                transition: top 0.3s ease 0.4s, opacity 0.3s ease 0.4s;
            }

            #top-menu .menu-items > li:nth-child(5n) {
                transition: top 0.3s ease 0.5s, opacity 0.3s ease 0.5s;
            }

            #top-menu .menu-items > li:nth-child(6n) {
                transition: top 0.3s ease 0.6s, opacity 0.3s ease 0.6s;
            }

            #top-menu .menu-items > li:nth-child(7n) {
                transition: top 0.3s ease 0.7s, opacity 0.3s ease 0.7s;
            }

            #top-menu .menu-items > li:nth-child(8n) {
                transition: top 0.3s ease 0.8s, opacity 0.3s ease 0.8s;
            }

            #top-menu .menu-items > li:nth-child(9n) {
                transition: top 0.3s ease 0.9s, opacity 0.3s ease 0.9s;
            }

            #top-menu .menu-items > li:nth-child(10n) {
                transition: top 0.3s ease 1s, opacity 0.3s ease 1s;
            }

            #top-menu .menu-items > li > a {
                text-transform: uppercase;
                color: #000;
                margin-right: 25px;
                font-size: 0.857em;
                font-weight: 400;
                letter-spacing: 0.10em;
                padding: 0;
            }

            #top-menu .menu-items > li.button-styles > a {
                display: inline-block;
                position: relative;
                padding-left: 25px;
                padding-right: 25px;
                color: #c6982c;
            }

                #top-menu .menu-items > li.button-styles > a:after {
                    content: '';
                    position: absolute;
                    width: 100%;
                    height: 160%;
                    border: 2px solid #c6982c;
                    top: 50%;
                    left: 50%;
                    z-index: -1;
                    transition: all 0.15s ease-in-out;
                    -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                }

                #top-menu .menu-items > li.button-styles > a:hover {
                    color: #FFF;
                }

                    #top-menu .menu-items > li.button-styles > a:hover:after {
                        background-color: #c6982c;
                    }

            #top-menu .menu-items > li.logo-yes {
                display: none;
            }

            #top-menu .menu-items > li.active > a,
            #top-menu .menu-items > li > a:hover,
            #top-menu .menu-items > li > a:focus {
                color: #c6982c;
                text-decoration: none;
                background-color: transparent;
            }

            #top-menu .menu-items > li:last-child > a {
                margin-right: 0;
            }

            #top-menu .menu-items > li.menu-item-has-children {
                margin-right: 5px;
            }

                #top-menu .menu-items > li.menu-item-has-children:after {
                    content: '\f107';
                    font-family: FontAwesome;
                    position: absolute;
                    top: 0;
                    right: 10px;
                }

                #top-menu .menu-items > li.menu-item-has-children > .sub-menu {
                    position: absolute;
                    padding: 20px;
                    background-color: #fff;
                    min-width: 160px;
                    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
                    top: 35px;
                    display: none;
                }

                    #top-menu .menu-items > li.menu-item-has-children > .sub-menu > li {
                        list-style: none;
                    }

                        #top-menu .menu-items > li.menu-item-has-children > .sub-menu > li > a {
                            padding: 10px 15px;
                            color: #000;
                            display: block;
                        }

                            #top-menu .menu-items > li.menu-item-has-children > .sub-menu > li > a:hover {
                                color: #FFF;
                                background-color: #000;
                            }

                    #top-menu .menu-items > li.menu-item-has-children > .sub-menu.visible {
                        display: block;
                    }

    #top-menu.active .nav-trigger > .icon-bar {
        position: relative;
    }

        #top-menu.active .nav-trigger > .icon-bar > span {
            position: absolute;
            top: 50%;
            left: 50%;
            bottom: inherit;
        }

            #top-menu.active .nav-trigger > .icon-bar > span:nth-child(2) {
                opacity: 0;
                display: none;
            }

            #top-menu.active .nav-trigger > .icon-bar > span:first-child {
                -webkit-transform: translate(-50%, -50%) rotate(45deg);
                transform: translate(-50%, -50%) rotate(45deg);
            }

            #top-menu.active .nav-trigger > .icon-bar > span:last-child {
                -webkit-transform: translate(-50%, -50%) rotate(-45deg);
                transform: translate(-50%, -50%) rotate(-45deg);
            }

    #top-menu.active .nav-trigger > .text > span:first-child {
        right: 0%;
        opacity: 0;
    }

    #top-menu.active .nav-trigger > .text > span:last-child {
        top: 50%;
        left: 50%;
        right: inherit;
        opacity: 1;
    }

    #top-menu.active .menu-items {
        display: block;
    }

        #top-menu.active .menu-items.nav-visible > li {
            opacity: 1;
            top: 0;
        }

.transparent-menu {
    padding-top: 40px;
}

    .transparent-menu .site-header {
        background-color: transparent;
        padding-top: 60px;
    }

        .transparent-menu .site-header #logo > a > img {
            display: none;
        }

            .transparent-menu .site-header #logo > a > img.transparent-logo {
                display: block;
            }

        .transparent-menu .site-header #top-menu .menu-items > li > a {
            color: #FFF;
        }

            .transparent-menu .site-header #top-menu .menu-items > li > a:hover {
                color: #c6982c;
            }

        .transparent-menu .site-header #top-menu .menu-items > li.active > a {
            color: #c6982c;
        }

        .transparent-menu .site-header .social-icons > li > a {
            color: #FFF;
        }

            .transparent-menu .site-header .social-icons > li > a:hover {
                color: #c6982c;
            }

        .transparent-menu .site-header #top-menu .nav-trigger > .icon-bar > span {
            border-bottom-color: #FFF;
        }

        .transparent-menu .site-header #top-menu .nav-trigger > .text {
            color: #FFF;
        }

        .transparent-menu .site-header.scrolled {
            padding-top: 10px;
            background-color: #FFF;
        }

            .transparent-menu .site-header.scrolled #logo > a > img {
                display: block;
            }

                .transparent-menu .site-header.scrolled #logo > a > img.transparent-logo {
                    display: none;
                }

            .transparent-menu .site-header.scrolled #top-menu .menu-items > li > a {
                color: inherit;
            }

                .transparent-menu .site-header.scrolled #top-menu .menu-items > li > a:hover {
                    color: #c6982c;
                }

            .transparent-menu .site-header.scrolled #top-menu .menu-items > li.active > a {
                color: #c6982c;
            }

            .transparent-menu .site-header.scrolled .social-icons > li > a {
                color: #000;
            }

                .transparent-menu .site-header.scrolled .social-icons > li > a:hover {
                    color: #c6982c;
                }

            .transparent-menu .site-header.scrolled #top-menu .nav-trigger > .icon-bar > span {
                border-bottom-color: #000;
            }

            .transparent-menu .site-header.scrolled #top-menu .nav-trigger > .text {
                color: #000;
            }

@media (min-width: 992px) {
    #logo {
        width: 250px;
    }

    .menu-open-always #top-menu,
    .center-menu-with-logo #top-menu {
        padding-right: 0;
    }

        .menu-open-always #top-menu .menu-items,
        .center-menu-with-logo #top-menu .menu-items {
            display: block;
            margin-right: 0;
        }

            .menu-open-always #top-menu .menu-items > li,
            .center-menu-with-logo #top-menu .menu-items > li {
                opacity: 1;
                top: 0;
            }

    .menu-open-always #nav-trigger,
    .center-menu-with-logo #nav-trigger {
        display: none;
    }
}

@media (min-width: 992px) {
    .vertical-menu {
        padding-top: 40px;
    }

        .vertical-menu .site-header {
            background-color: transparent;
            border-bottom: none;
            width: 240px;
            left: 40px;
            top: 40px;
            padding: 30px;
        }

            .vertical-menu .site-header > .container-fluid {
                padding: 0;
            }

            .vertical-menu .site-header.scrolled {
                top: 0;
            }

        .vertical-menu #logo,
        .vertical-menu #top-menu,
        .vertical-menu #top-social {
            float: none;
            margin: 0;
        }

        .vertical-menu #logo {
            margin: 0 auto;
        }

        .vertical-menu #top-menu {
            padding-right: 0;
            margin-top: 40px;
        }

            .vertical-menu #top-menu > .menu-items {
                margin: 0;
                display: none;
                opacity: 0;
            }

                .vertical-menu #top-menu > .menu-items > li {
                    display: block;
                    opacity: 1;
                    top: 0;
                }

                    .vertical-menu #top-menu > .menu-items > li.menu-item-has-children > .sub-menu {
                        position: relative;
                        top: auto;
                        padding: 0;
                        padding-left: 10px;
                        margin: 5px 0;
                        background-color: transparent;
                        box-shadow: none;
                    }

                        .vertical-menu #top-menu > .menu-items > li.menu-item-has-children > .sub-menu > li {
                            border-bottom: 1px solid #E6E6E6;
                        }

                            .vertical-menu #top-menu > .menu-items > li.menu-item-has-children > .sub-menu > li:last-child {
                                border-bottom: none;
                            }

                            .vertical-menu #top-menu > .menu-items > li.menu-item-has-children > .sub-menu > li > a {
                                padding: 0;
                                margin-right: 25px;
                                font-size: 0.857em;
                                font-weight: 400;
                                letter-spacing: 0.10em;
                                text-transform: uppercase;
                            }

                                .vertical-menu #top-menu > .menu-items > li.menu-item-has-children > .sub-menu > li > a:hover {
                                    background-color: transparent;
                                    color: #c6982c;
                                }

        .vertical-menu #top-social {
            margin-top: 65px;
            display: none;
            opacity: 0;
        }

            .vertical-menu #top-social > .social-icons {
                text-align: center;
            }

        .vertical-menu #nav-trigger {
            width: 135px;
            height: 75px;
            color: #FFF;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            left: -45px;
            top: 10px;
            transition: all 0.25s ease-in-out;
        }

            .vertical-menu #nav-trigger:before {
                content: '';
                position: absolute;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 75px 67.5px 0 67.5px;
                border-color: #c6982c transparent transparent transparent;
            }

            .vertical-menu #nav-trigger > .icon-bar,
            .vertical-menu #nav-trigger > .text {
                display: block;
                margin: 0 auto;
                top: 8px;
            }

                .vertical-menu #nav-trigger > .icon-bar > span,
                .vertical-menu #nav-trigger > .text > span {
                    border-color: #FFF;
                }

            .vertical-menu #nav-trigger > .text {
                top: 15px;
            }

        .vertical-menu.v-menu-active .site-header {
            background-color: #e7e7e7;
        }

        .vertical-menu.v-menu-active #top-menu > .menu-items {
            display: block;
            opacity: 1;
        }

        .vertical-menu.v-menu-active #top-social {
            display: block;
            opacity: 1;
        }

        .vertical-menu.v-menu-active #nav-trigger {
            left: 180px;
        }

        .vertical-menu.menu-open-always #nav-trigger {
            display: block;
        }
}

@media (min-width: 992px) {
    .center-menu-with-logo #logo {
        display: none;
    }

    .center-menu-with-logo #top-menu {
        float: none;
        text-align: center;
    }

        .center-menu-with-logo #top-menu .menu-items > .logo-yes {
            display: inline-block;
            padding-right: 50px;
            padding-left: 35px;
        }

            .center-menu-with-logo #top-menu .menu-items > .logo-yes > a {
                display: block;
                background-image: url("../img/logo.png");
                background-size: 100%;
                background-repeat: no-repeat;
                background-position: center center;
                width: 160px;
                height: 30px;
                margin-right: 0px;
                text-indent: -9999px;
                -webkit-transform: translateY(-5px);
                transform: translateY(-5px);
            }

    .center-menu-with-logo #top-social {
        float: none;
        margin-top: 30px;
    }

        .center-menu-with-logo #top-social > .social-icons {
            text-align: center;
        }
}

/* 5.2 Banner */
#banner {
    position: relative;
    overflow: hidden;
}

.main-slider .slide-item .slide-caption {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #FFF;
}

    .main-slider .slide-item .slide-caption .slide-mini-title {
        font-size: 1.285em;
        margin: 0;
        line-height: 1em;
        margin-bottom: 35px;
        font-weight: 300;
    }

    .main-slider .slide-item .slide-caption .slider-huge-title {
        font-size: 5.714em;
        margin: 0;
        line-height: 1em;
        margin-bottom: 35px;
        font-weight: 100;
    }

        .main-slider .slide-item .slide-caption .slider-huge-title > span {
            color: #c6982c;
            font-weight: 700;
        }

    .main-slider .slide-item .slide-caption .slide-tag {
        position: relative;
        font-weight: 600;
        margin-bottom: 35px;
    }

        .main-slider .slide-item .slide-caption .slide-tag span {
            display: inline-block;
            position: relative;
            padding: 0 5px;
        }

            .main-slider .slide-item .slide-caption .slide-tag span:first-child:before,
            .main-slider .slide-item .slide-caption .slide-tag span:last-child:before {
                content: "";
                position: absolute;
                width: 150px;
                height: 1px;
                background-color: #FFF;
                right: 100%;
                margin-right: 20px;
                top: 50%;
            }

            .main-slider .slide-item .slide-caption .slide-tag span:first-child:after,
            .main-slider .slide-item .slide-caption .slide-tag span:last-child:after {
                content: "";
                position: absolute;
                width: 150px;
                height: 1px;
                background-color: #FFF;
                right: 100%;
                margin-right: 20px;
                top: 50%;
            }

            .main-slider .slide-item .slide-caption .slide-tag span:last-child:before {
                right: inherit;
                margin-right: inherit;
                left: 100%;
                margin-left: 20px;
            }

            .main-slider .slide-item .slide-caption .slide-tag span:last-child:after {
                right: inherit;
                margin-right: inherit;
                right: 115%;
                margin-left: 20px;
            }

    .main-slider .slide-item .slide-caption .slide-description {
        font-weight: 600;
    }

    .main-slider .slide-item .slide-caption .slide-action > a {
        color: #FFF;
    }

.main-slider .slide-button {
    position: absolute;
    z-index: 25;
    top: 50%;
    margin-top: -20px;
    color: #aaaaaa;
    font-size: 40px;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

    .main-slider .slide-button:hover {
        cursor: pointer;
    }

    .main-slider .slide-button.prev {
        left: -60px;
    }

    .main-slider .slide-button.next {
        right: -60px;
    }

.main-slider:hover .slide-button.prev {
    opacity: 1;
    left: 60px;
}

.main-slider:hover .slide-button.next {
    opacity: 1;
    right: 60px;
}

/* 5.3 About */
.about-us-content {
    margin-bottom: 50px;
}

    .about-us-content > .title {
        margin: 0;
        margin-bottom: 55px;
        font-size: 2.142em;
        font-weight: 700;
        color: #c6982c;
    }

        .about-us-content > .title > span {
            font-weight: 300;
            color: #000;
        }

    .about-us-content > .info-content {
        font-size: 1.142em;
        letter-spacing: 0.02em;
        line-height: 1.6em;
    }

.skill-items > .item {
    margin-bottom: 65px;
}

    .skill-items > .item > .name {
        font-size: 1.142em;
        letter-spacing: 0.020em;
    }

.skills-title {
    font-size: 1.428em;
    letter-spacing: 0.060em;
    font-weight: 700;
}

/* 5.4 Why Choose Us */
.circle-iconic-box > .box-item {
    position: absolute;
    padding-left: 0;
    width: 200px;
}

    .circle-iconic-box > .box-item > .icon {
        display: none;
    }

.circle-iconic-box.left-side > .box-item:nth-of-type(1) {
    top: -20px;
    left: 45px;
}

.circle-iconic-box.left-side > .box-item:nth-of-type(2) {
    top: 235px;
    left: 0px;
}

.circle-iconic-box.left-side > .box-item:nth-of-type(3) {
    top: 485px;
    left: 110px;
}

.circle-iconic-box.right-side > .box-item:nth-of-type(1) {
    top: -65px;
    left: 50px;
}

.circle-iconic-box.right-side > .box-item:nth-of-type(2) {
    top: 145px;
    left: 120px;
}

.circle-iconic-box.right-side > .box-item:nth-of-type(3) {
    top: 320px;
    left: 65px;
}

.circle-iconic-box.right-side > .box-item:nth-of-type(4) {
    top: 575px;
    left: -35px;
}

.features-circle {
    position: relative;
}

    .features-circle .middle-circle {
        width: 500px;
        height: 500px;
        border-radius: 50%;
        border: 2px solid #000;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

        .features-circle .middle-circle > img {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        .features-circle .middle-circle > .icon {
            position: absolute;
            width: 70px;
            height: 70px;
            border-radius: 50%;
            border: 1px solid #000;
            background: #f3f2f2;
        }

            .features-circle .middle-circle > .icon > span {
                position: absolute;
            }

            .features-circle .middle-circle > .icon > i {
                font-size: 22px;
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            }

            .features-circle .middle-circle > .icon.size-xxl {
                width: 210px;
                height: 210px;
            }

                .features-circle .middle-circle > .icon.size-xxl > i {
                    font-size: 40px;
                }

            .features-circle .middle-circle > .icon.size-m {
                width: 120px;
                height: 120px;
            }

                .features-circle .middle-circle > .icon.size-m > i {
                    font-size: 24px;
                }

            .features-circle .middle-circle > .icon.size-l {
                width: 140px;
                height: 140px;
            }

                .features-circle .middle-circle > .icon.size-l > i {
                    font-size: 36px;
                }

            .features-circle .middle-circle > .icon.size-xl {
                width: 170px;
                height: 170px;
            }

                .features-circle .middle-circle > .icon.size-xl > i {
                    font-size: 38px;
                }

            .features-circle .middle-circle > .icon:nth-of-type(1) {
                top: -52px;
                left: 27px;
            }

                .features-circle .middle-circle > .icon:nth-of-type(1) > span {
                    width: 65px;
                    height: 11px;
                    background-image: url(../img/d-left-1.png);
                    background-repeat: no-repeat;
                    top: 70px;
                    left: -100px;
                }

            .features-circle .middle-circle > .icon:nth-of-type(2) {
                top: 219px;
                left: -58px;
            }

                .features-circle .middle-circle > .icon:nth-of-type(2) > span {
                    width: 35px;
                    height: 11px;
                    background-image: url(../img/d-left-2.png);
                    background-repeat: no-repeat;
                    top: 65px;
                    left: -75px;
                }

            .features-circle .middle-circle > .icon:nth-of-type(3) {
                top: 395px;
                left: 54px;
            }

                .features-circle .middle-circle > .icon:nth-of-type(3) > span {
                    width: 56px;
                    height: 28px;
                    background-image: url(../img/d-left-3.png);
                    background-repeat: no-repeat;
                    top: 85px;
                    left: -75px;
                }

            .features-circle .middle-circle > .icon:nth-of-type(4) {
                top: 0px;
                right: 96px;
            }

                .features-circle .middle-circle > .icon:nth-of-type(4) > span {
                    width: 146px;
                    height: 33px;
                    background-image: url(../img/d-right-1.png);
                    background-repeat: no-repeat;
                    top: -35px;
                    left: 85px;
                }

            .features-circle .middle-circle > .icon:nth-of-type(5) {
                top: 102px;
                right: -68px;
            }

                .features-circle .middle-circle > .icon:nth-of-type(5) > span {
                    width: 44px;
                    height: 11px;
                    background-image: url(../img/d-right-2.png);
                    background-repeat: no-repeat;
                    top: 45px;
                    left: 160px;
                }

            .features-circle .middle-circle > .icon:nth-of-type(6) {
                top: 323px;
                right: -5px;
            }

                .features-circle .middle-circle > .icon:nth-of-type(6) > span {
                    width: 44px;
                    height: 11px;
                    background-image: url(../img/d-right-3.png);
                    background-repeat: no-repeat;
                    top: 35px;
                    left: 100px;
                }

            .features-circle .middle-circle > .icon:nth-of-type(7) {
                top: 392px;
                right: 115px;
            }

                .features-circle .middle-circle > .icon:nth-of-type(7) > span {
                    width: 86px;
                    height: 28px;
                    background-image: url(../img/d-right-4.png);
                    background-repeat: no-repeat;
                    top: 170px;
                    left: 165px;
                }

/* 5.5 Site Stats */
.stats-item {
    position: relative;
    text-align: center;
    margin-bottom: 50px;
}

    .stats-item .glass-icon {
        margin-bottom: 25px;
    }

    .stats-item > i {
        font-size: 5em;
        margin-bottom: 25px;
    }

    .stats-item > .stat-info {
        position: relative;
        font-size: 2.571em;
        font-weight: 400;
    }

        .stats-item > .stat-info > .back-amount {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            font-size: 90px;
            opacity: 0.03;
            z-index: 1;
        }

        .stats-item > .stat-info > .amount {
            position: relative;
            z-index: 2;
            letter-spacing: 0.060em;
        }

        .stats-item > .stat-info > .type {
            text-transform: uppercase;
            font-size: .335em;
            color: #c6982c;
        }

/* 5.6 Team */
.team-peoples-carousel {
    position: relative;
    overflow: hidden;
}

    .team-peoples-carousel .team-peoples {
        padding: 25px 0;
    }

        .team-peoples-carousel .team-peoples .people {
            position: relative;
        }

            .team-peoples-carousel .team-peoples .people > .people-img {
                margin-bottom: 40px;
                opacity: .25;
                transition: all 0.2s ease-in-out;
                position: relative;
                z-index: 2;
            }

                .team-peoples-carousel .team-peoples .people > .people-img > img {
                    width: 100%;
                    height: auto;
                }

            .team-peoples-carousel .team-peoples .people > .people-profile {
                position: relative;
                text-align: center;
                transition: all 0.5s ease-in-out;
                -webkit-transform: translateY(-150%);
                transform: translateY(-150%);
                opacity: 0;
                z-index: 1;
            }

                .team-peoples-carousel .team-peoples .people > .people-profile > .name-job {
                    position: relative;
                    overflow: hidden;
                    margin-bottom: 25px;
                }

                    .team-peoples-carousel .team-peoples .people > .people-profile > .name-job > .name {
                        font-size: 1.285em;
                        font-weight: 400;
                        color: #c6982c;
                        text-transform: uppercase;
                        letter-spacing: 0.10em;
                    }

                        .team-peoples-carousel .team-peoples .people > .people-profile > .name-job > .name:before {
                            content: attr(data-name);
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            -webkit-transform: translate(-50%, -50%);
                            transform: translate(-50%, -50%);
                            font-size: 2.5em;
                            line-height: 1em;
                            color: #000;
                            text-align: center;
                            width: 130%;
                            opacity: 0.03;
                        }

            .team-peoples-carousel .team-peoples .people.swiper-slide-active {
                z-index: 5;
            }

                .team-peoples-carousel .team-peoples .people.swiper-slide-active > .people-img {
                    opacity: 1;
                    -webkit-transform: scale(1.05);
                    transform: scale(1.05);
                    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
                }

                .team-peoples-carousel .team-peoples .people.swiper-slide-active > .people-profile {
                    -webkit-transform: translateY(0%);
                    transform: translateY(0%);
                    opacity: 1;
                }

    .team-peoples-carousel > [data-swiper="next"],
    .team-peoples-carousel > [data-swiper="prev"] {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-120%);
        transform: translateY(-120%);
        font-size: 45px;
        z-index: 25;
        color: #c6982c;
        cursor: pointer;
        opacity: 0;
        transition: all 0.2s ease-in-out;
    }

    .team-peoples-carousel [data-swiper="prev"] {
        left: 0;
    }

    .team-peoples-carousel [data-swiper="next"] {
        right: 0;
    }

    .team-peoples-carousel:hover [data-swiper="prev"] {
        left: 60px;
        opacity: 1;
    }

    .team-peoples-carousel:hover [data-swiper="next"] {
        right: 60px;
        opacity: 1;
    }

/* 5.7 Portfolio */
.filter-btns {
    text-align: center;
    margin-bottom: 50px;
}

    .filter-btns > a {
        border: 0;
        background-color: transparent;
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        color: #fff;
        margin: 0 5px;
        cursor: pointer;
    }

        .filter-btns > a.active, .filter-btns > a:hover {
            color: #c6982c !important;
        }

        .filter-btns > a:active, .filter-btns > a:focus {
            outline-color: transparent;
        }

.masonry-grid {
    max-width: 1800px;
    margin: 0 auto;
}

    .masonry-grid > .grid-sizer {
        width: 20%;
    }

    .masonry-grid > .grid-item {
        float: left;
        height: 390px;
        padding: 5px;
        width: 20%;
    }

        .masonry-grid > .grid-item > .content {
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
        }

            .masonry-grid > .grid-item > .content > img {
                width: 100%;
                height: auto;
            }

            .masonry-grid > .grid-item > .content .item-img {
                width: 100%;
                height: 100%;
                background-size: cover;
                transition: all 0.15s ease-in-out;
            }

            .masonry-grid > .grid-item > .content > .overlay-content {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(192, 152, 44, 0.65) !important;
                opacity: 0;
                transition: all 0.15s ease-in-out;
            }

                .masonry-grid > .grid-item > .content > .overlay-content .info {
                    color: #FFF;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    text-align: center;
                }

                    .masonry-grid > .grid-item > .content > .overlay-content .info > .title {
                        font-size: 1.285em;
                        font-weight: 400;
                        margin: 0;
                        margin-bottom: 15px;
                        text-transform: uppercase;
                        -webkit-transform: translateY(-150%);
                        transform: translateY(-150%);
                        opacity: 0;
                        transition: all 0.2s ease-in-out;
                        transition-delay: 0.20s;
                    }

                    .masonry-grid > .grid-item > .content > .overlay-content .info > .categories {
                        font-weight: 400;
                        -webkit-transform: translateY(-150%);
                        transform: translateY(-150%);
                        opacity: 0;
                        transition: all 0.2s ease-in-out;
                        transition-delay: 0.30s;
                    }

                .masonry-grid > .grid-item > .content > .overlay-content > .action {
                    position: absolute;
                    bottom: 35px;
                    right: 35px;
                }

                    .masonry-grid > .grid-item > .content > .overlay-content > .action > a {
                        display: inline-block;
                        width: 40px;
                        height: 40px;
                        background: #FFF;
                        color: #000;
                        border-radius: 50%;
                        position: relative;
                        margin: 5px;
                        opacity: 0;
                        -webkit-transform: translateY(50px);
                        transform: translateY(50px);
                        transition: all 0.2s ease-in-out;
                        transition-delay: 0.40s;
                    }

                        .masonry-grid > .grid-item > .content > .overlay-content > .action > a:last-child {
                            transition-delay: 0.45s;
                        }

                        .masonry-grid > .grid-item > .content > .overlay-content > .action > a > i {
                            position: absolute;
                            font-size: 20px;
                            top: 50%;
                            left: 50%;
                            -webkit-transform: translate(-50%, -50%);
                            transform: translate(-50%, -50%);
                        }

            .masonry-grid > .grid-item > .content:hover > .item-img {
                -webkit-transform: scale(1.05) rotate(2deg);
                transform: scale(1.05) rotate(2deg);
            }

            .masonry-grid > .grid-item > .content:hover > .overlay-content {
                opacity: 1;
            }

                .masonry-grid > .grid-item > .content:hover > .overlay-content .info > .title,
                .masonry-grid > .grid-item > .content:hover > .overlay-content .info > .categories {
                    opacity: 1;
                    -webkit-transform: translateY(0%);
                    transform: translateY(0%);
                }

                .masonry-grid > .grid-item > .content:hover > .overlay-content .action a {
                    opacity: 1;
                    -webkit-transform: translateY(0px);
                    transform: translateY(0px);
                }

        .masonry-grid > .grid-item.width2 {
            width: 40%;
        }

        .masonry-grid > .grid-item.width3 {
            width: 26.666666667%;
        }

        .masonry-grid > .grid-item.width4 {
            width: 33.333333333%;
        }

        .masonry-grid > .grid-item.width5 {
            width: 46.666666667%;
        }

        .masonry-grid > .grid-item.height2 {
            height: 780px;
        }

/* 5.8 Process Flow */
.process-flow-nav {
    margin: 0;
    padding: 0;
    text-align: center;
    margin-bottom: 85px;
}

    .process-flow-nav > li {
        list-style: none;
        display: inline-block;
        margin: 0 40px;
    }

        .process-flow-nav > li > a {
            display: inline-block;
            color: inherit;
        }

            .process-flow-nav > li > a:hover,
            .process-flow-nav > li > a:focus,
            .process-flow-nav > li > a:active {
                text-decoration: none;
            }

            .process-flow-nav > li > a > i {
                display: block;
                width: 145px;
                height: 145px;
                font-size: 2.571em;
                border: 2px solid #DDD;
                border-radius: 50px;
                transition: all 0.15s ease-in-out;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
                margin-bottom: 35px;
                position: relative;
            }

                .process-flow-nav > li > a > i:before {
                    display: inline-block;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%) rotate(45deg);
                    transform: translate(-50%, -50%) rotate(45deg);
                }

                .process-flow-nav > li > a > i:after {
                    content: "";
                    display: inline-block;
                    position: absolute;
                    width: 25px;
                    height: 1px;
                    background-color: #FFF;
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    right: -20px;
                    bottom: -10px;
                }

                .process-flow-nav > li > a > i:hover {
                    background-color: #c6982c;
                    background-image: url(../img/iconalt.svg);
                    background-position: center center;
                    background-size: 100% 100%;
                    color: #FFF;
                }

            .process-flow-nav > li > a > span {
                display: block;
                font-size: 1.071em;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 0.10em;
            }

        .process-flow-nav > li.active > a > i {
            background-color: #c6982c;
            background-image: url(../img/iconalt.svg);
            background-position: center center;
            background-size: 100% 100%;
            color: #FFF;
        }

        .process-flow-nav > li:last-child > a > i:after {
            display: none;
        }

.process-flow-content {
    position: relative;
    margin-bottom: 50px;
}

    .process-flow-content .flow-title {
        display: inline-block;
        font-size: 1.285em;
        font-weight: 700;
        letter-spacing: 0.10em;
        text-transform: uppercase;
        margin-top: 0;
        border-bottom: 2px solid #c6982c;
        padding-bottom: 7px;
        margin-bottom: 25px;
    }

    .process-flow-content .flow-content {
        font-size: 1.142em;
        line-height: 1.5em;
    }

/* 5.9 Client Says */
.clients-says-carousel .clients-says-items {
    margin-bottom: 90px;
}

    .clients-says-carousel .clients-says-items > .item > .info {
        margin-bottom: 50px;
    }

        .clients-says-carousel .clients-says-items > .item > .info > .photo {
            width: 180px;
            height: 180px;
            border-radius: 60px;
            overflow: hidden;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            margin: 15px auto;
            margin-bottom: 35px;
            position: relative;
        }

            .clients-says-carousel .clients-says-items > .item > .info > .photo > img {
                width: 100%;
                height: auto;
                -webkit-transform: rotate(-45deg) scale(1.2);
                transform: rotate(-45deg) scale(1.2);
            }

        .clients-says-carousel .clients-says-items > .item > .info > .name-job {
            text-align: center;
        }

            .clients-says-carousel .clients-says-items > .item > .info > .name-job > .name {
                font-size: 1.285em;
                margin: 0;
                margin-bottom: 10px;
                font-weight: 400;
                text-transform: uppercase;
            }

            .clients-says-carousel .clients-says-items > .item > .info > .name-job > .job {
                font-style: italic;
            }

    .clients-says-carousel .clients-says-items > .item > .content {
        text-align: center;
        font-size: 1.142em;
    }

    .clients-says-carousel .clients-says-items > .item:hover {
        cursor: -webkit-grab;
    }

.clients-says-carousel .controls {
    position: relative;
    text-align: center;
}

    .clients-says-carousel .controls [data-swiper="next"],
    .clients-says-carousel .controls [data-swiper="prev"] {
        display: inline-block;
        position: relative;
        width: 32px;
        height: 32px;
        background-color: #FFF;
        border-radius: 10px;
        color: #000;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin: 0 10px;
        transition: all 0.15s ease-in-out;
    }

        .clients-says-carousel .controls [data-swiper="next"] > i,
        .clients-says-carousel .controls [data-swiper="prev"] > i {
            font-size: 1.5em;
            text-align: center;
            line-height: 1.8em;
        }

        .clients-says-carousel .controls [data-swiper="next"]:hover,
        .clients-says-carousel .controls [data-swiper="prev"]:hover {
            background-color: #c6982c;
            color: #FFF;
        }

/* 5.10 Awesome clients */
.clients-logo .logo-item {
    height: 310px;
    position: relative;
}

    .clients-logo .logo-item > a {
        position: absolute;
        width: 100%;
        height: 100%;
        border-right: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
    }

        .clients-logo .logo-item > a > img {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            opacity: 0.30;
            transition: all 0.15s ease-in-out;
            max-width: 100%;
        }

        .clients-logo .logo-item > a:hover > img {
            opacity: 1;
        }

.clients-logo div:nth-child(3) .logo-item > a {
    border-right: none;
}

.clients-logo div:nth-child(6) .logo-item > a {
    border-right: none;
}

.clients-logo div:nth-child(9) .logo-item > a {
    border-right: none;
}

.clients-logo div:nth-of-type(n+7) .logo-item > a {
    border-bottom: none;
}

/* 5.11 Special */
.special-vertical-carousel .swiper-container {
    height: 100px;
    overflow: hidden;
}

    .special-vertical-carousel .swiper-container .swiper-slide > h3 {
        font-size: 0.928em;
        font-weight: 700;
        text-transform: uppercase;
        margin-top: 0;
        margin-bottom: 20px;
        text-align: center;
    }

    .special-vertical-carousel .swiper-container .swiper-slide > h2 {
        font-size: 2.142em;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        margin: 0;
    }

    .special-vertical-carousel .swiper-container .swiper-pagination > span {
        height: 20px;
        background-color: #6b6b6b;
        border-radius: 25px;
        opacity: 1;
        width: 4px;
        margin: 10px 0;
    }

        .special-vertical-carousel .swiper-container .swiper-pagination > span.swiper-pagination-bullet-active {
            background-color: #c6982c;
        }

/* 5.12 Contact */
.contact-form input,
.contact-form textarea {
    width: 100%;
    border: 1px solid #e4e4e4;
    padding: 15px 30px;
    margin-bottom: 25px;
    transition: all 0.15s ease-in-out;
}

    .contact-form input textarea,
    .contact-form textarea textarea {
        margin-bottom: 50px;
    }

    .contact-form input:focus,
    .contact-form textarea:focus {
        outline-color: transparent;
        border-color: #c6982c;
    }

.contact-form .dt-ajax-response {
    margin-top: 50px;
    padding: 5px 10px;
    border: 1px solid #c6982c;
    text-align: center;
    display: none;
}

.contact-form input[type="submit"] {
    border: 1px solid #c6982c;
    display: inline-block;
    padding: 10px 15px;
    color: #c6982c;
    font-size: 0.857em;
    line-height: 1em;
    font-weight: 400;
    width: auto;
    background-color: transparent;
    transition: all 0.15s ease-in-out;
}

    .contact-form input[type="submit"]:hover,
    .contact-form input[type="submit"]:focus {
        background-color: #c6982c;
        color: #FFF;
        text-decoration: none;
        outline-color: transparent;
    }

    .contact-form input[type="submit"].medium {
        padding: 15px 25px;
    }

/* 5.13 Map */
.gmap3-section {
    height: 150px;
    overflow: hidden;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 0.5s ease-in-out;
}

    .gmap3-section.full {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        height: 500px;
    }

    .gmap3-section .gmap3-area {
        height: 500px;
    }

[data-toogle="map"]:hover {
    cursor: pointer;
}

/* 5.14 Footer */
.footer-description {
    font-size: 1.142em;
    line-height: 1.5em;
    letter-spacing: 0.020em;
}

.contact-address {
    font-weight: 400;
    letter-spacing: 0.050em;
}

    .contact-address > li {
        margin-bottom: 15px;
    }

.copyright {
    background-color: #000;
    padding: 40px 0;
    margin-bottom: 40px;
    font-size: 0.857em;
    font-weight: 400;
    letter-spacing: 0.10em;
    color: #FFF;
}

    .copyright a {
        color: #c6982c;
    }

        .copyright a:hover {
            color: #d61e1e;
        }

    .copyright .social-icons > li {
        margin: 0 20px;
    }

        .copyright .social-icons > li > a {
            color: #333333;
            font-size: 1.142em;
        }

            .copyright .social-icons > li > a:hover {
                color: #d61e1e;
            }

.footer-column {
    border-top: 1px solid #7b7b7b;
    padding-top: 100px;
    padding-bottom: 25px;
}

#footer-menu {
    border-bottom: 1px solid #7b7b7b;
    padding-bottom: 50px;
    padding-top: 20px;
    margin-bottom: 30px;
}

    #footer-menu .menu-items {
        text-align: center;
    }

        #footer-menu .menu-items > li {
            position: relative;
            line-height: 1em;
            margin-left: 15px;
            display: inline-block;
        }

            #footer-menu .menu-items > li:before {
                content: '';
                height: 100%;
                width: 1px;
                background-color: #b2b2b2;
                position: absolute;
                top: 0;
                left: -10px;
            }

            #footer-menu .menu-items > li:first-child {
                margin-left: 0;
            }

                #footer-menu .menu-items > li:first-child:before {
                    display: none;
                }

            #footer-menu .menu-items > li > a {
                text-transform: uppercase;
                color: #b2b2b2;
            }

                #footer-menu .menu-items > li > a:hover {
                    color: #c6982c;
                }

/* 5.15 Single Portfolio */
.portfolio-description {
    padding-top: 40px;
    margin-bottom: 100px;
}

    .portfolio-description .title {
        font-weight: 700;
        margin-top: 0;
        margin-bottom: 40px;
    }

    .portfolio-description p {
        margin-bottom: 50px;
    }

    .portfolio-description .portfolio-meta h4 {
        font-weight: 700;
        margin-top: 0;
    }

    .portfolio-description .portfolio-meta p {
        margin-bottom: 35px;
    }

/*==================================== */
/* =            6. Blog              = */
/* ====================================*/
/* 6.1 Banner Static */
.static-banner {
    position: relative;
    margin-bottom: 20px;
}

    .static-banner .banner-content {
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

        .static-banner .banner-content > h1 {
            font-size: 5.714em;
            letter-spacing: 0.020em;
            font-weight: 100;
            margin: 0;
            margin-bottom: 40px;
        }

            .static-banner .banner-content > h1.size2 {
                font-size: 4em;
            }

            .static-banner .banner-content > h1 > span {
                font-weight: 400;
                color: #c6982c;
            }

            .static-banner .banner-content > h1.huge > span {
                font-weight: 700;
            }

        .static-banner .banner-content > p {
            font-size: 1.142em;
            letter-spacing: 0.020em;
            line-height: 1.5em;
        }

        .static-banner .banner-content .date {
            font-size: 1.428em;
            letter-spacing: 0.050em;
            color: #c6982c;
            text-decoration: underline;
            margin-bottom: 25px;
        }

        .static-banner .banner-content .cats {
            font-style: italic;
        }

            .static-banner .banner-content .cats > span {
                padding-right: 10px;
                padding-left: 10px;
                border-right: 1px solid #FFF;
            }

                .static-banner .banner-content .cats > span:last-child {
                    padding-right: none;
                    border: none;
                }

/* 6.2 Blog */
.blog-container {
    background-color: #f2f4f6;
    padding-top: 100px;
    padding-bottom: 150px;
}

.blog-posts article.hentry {
    margin-bottom: 60px;
    border-bottom: 1px dashed #c7c7c7;
}

    .blog-posts article.hentry .entry-featured {
        margin-bottom: 40px;
    }

        .blog-posts article.hentry .entry-featured > img {
            max-width: 100%;
            height: auto;
        }

        .blog-posts article.hentry .entry-featured.qoute blockquote {
            position: relative;
            padding: 100px 80px;
            font-size: 1.142em;
            line-height: 1.75em;
            font-weight: 400;
            letter-spacing: 0.050em;
            font-style: italic;
        }

            .blog-posts article.hentry .entry-featured.qoute blockquote:before,
            .blog-posts article.hentry .entry-featured.qoute blockquote:after {
                position: absolute;
                color: #c6982c;
                font-size: 30px;
                font-family: FontAwesome;
                font-style: normal;
            }

            .blog-posts article.hentry .entry-featured.qoute blockquote:before {
                content: "\f10d";
                top: 80px;
                left: 50px;
            }

            .blog-posts article.hentry .entry-featured.qoute blockquote:after {
                content: "\f10e";
                bottom: 80px;
                right: 50px;
            }

        .blog-posts article.hentry .entry-featured.carousel .item img {
            max-width: 100%;
            height: auto;
        }

        .blog-posts article.hentry .entry-featured.carousel .dt-carousel-control {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            color: #FFF;
            font-size: 40px;
            line-height: 0.75em;
            text-decoration: none;
        }

            .blog-posts article.hentry .entry-featured.carousel .dt-carousel-control:hover {
                text-decoration: none;
                background-color: rgba(229, 66, 66, 0.5);
            }

            .blog-posts article.hentry .entry-featured.carousel .dt-carousel-control.left {
                left: 50px;
            }

            .blog-posts article.hentry .entry-featured.carousel .dt-carousel-control.right {
                right: 50px;
            }

        .blog-posts article.hentry .entry-featured.video .mejs-video {
            max-width: 100%;
        }

            .blog-posts article.hentry .entry-featured.video .mejs-video video {
                max-width: 100%;
            }

    .blog-posts article.hentry .entry-inside {
        padding: 0 50px;
    }

        .blog-posts article.hentry .entry-inside > .entry-title {
            font-size: 1.428em;
            line-height: 1.5em;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.060em;
            margin-top: 0;
            margin-bottom: 30px;
        }

            .blog-posts article.hentry .entry-inside > .entry-title > a {
                color: #000;
            }

                .blog-posts article.hentry .entry-inside > .entry-title > a:hover {
                    color: #c6982c;
                }

        .blog-posts article.hentry .entry-inside > .entry-excerpt {
            margin-bottom: 40px;
            letter-spacing: 0.020em;
            font-family: 'Open Sans', sans-serif;
        }

        .blog-posts article.hentry .entry-inside > .entry-meta {
            margin: 0;
            padding: 0;
        }

            .blog-posts article.hentry .entry-inside > .entry-meta > li {
                display: inline-block;
                color: #999999;
                margin-right: 25px;
            }

                .blog-posts article.hentry .entry-inside > .entry-meta > li > i {
                    margin-right: 10px;
                }

                .blog-posts article.hentry .entry-inside > .entry-meta > li > a {
                    color: #999999;
                }

                    .blog-posts article.hentry .entry-inside > .entry-meta > li > a:hover {
                        color: #c6982c;
                    }

    .blog-posts article.hentry .entry-readmore {
        font-size: 4em;
        line-height: 0.3em;
        color: #000;
    }

        .blog-posts article.hentry .entry-readmore > i {
            line-height: 1em;
        }

        .blog-posts article.hentry .entry-readmore:hover {
            color: #c6982c;
        }

    .blog-posts article.hentry:before,
    .blog-posts article.hentry:after {
        content: "";
        display: table;
    }

    .blog-posts article.hentry:after {
        clear: both;
    }

    .blog-posts article.hentry.format-standard .entry-featured {
        text-align: center;
    }

    .blog-posts article.hentry.format-audio .entry-featured > iframe {
        width: 100%;
        height: 200px;
    }

    .blog-posts article.hentry.format-video .entry-featured > iframe {
        width: 100%;
        height: 420px;
    }

/* 6.3 Blog Single */
.single-post article.post .entry-inside > .entry-meta {
    margin-bottom: 30px;
}

.single-post article.post .entry-inside .entry-content p {
    margin-bottom: 65px;
}

.single-post .post-share {
    margin-bottom: 50px;
}

.single-post .dti-pager {
    border-bottom: 1px dashed #c7c7c7;
    padding-bottom: 60px;
    margin-bottom: 100px;
}

.single-post .comments-area {
    margin-bottom: 100px;
}

/* 6.4 Comments */
.comments-area .comments-title {
    font-size: 1.142em;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 70px;
}

.comment-list {
    padding-left: 0;
}

    .comment-list li.comment {
        list-style: none;
        margin-bottom: 50px;
        border-bottom: 1px dashed #c7c7c7;
    }

        .comment-list li.comment .comment-body {
            padding-bottom: 45px;
        }

            .comment-list li.comment .comment-body > .avatar {
                width: 70px;
                height: 70px;
                border-radius: 50%;
                float: left;
            }

            .comment-list li.comment .comment-body .comment-meta {
                overflow: hidden;
                margin-bottom: 20px;
            }

                .comment-list li.comment .comment-body .comment-meta > .comment-author {
                    float: left;
                }

                    .comment-list li.comment .comment-body .comment-meta > .comment-author > .fn {
                        font-weight: 700;
                        text-transform: uppercase;
                    }

                        .comment-list li.comment .comment-body .comment-meta > .comment-author > .fn > a {
                            color: #000;
                        }

                            .comment-list li.comment .comment-body .comment-meta > .comment-author > .fn > a:hover {
                                color: #c6982c;
                            }

                .comment-list li.comment .comment-body .comment-meta > .comment-metadata {
                    float: right;
                }

                    .comment-list li.comment .comment-body .comment-meta > .comment-metadata .comment-date {
                        color: #999999;
                    }

                        .comment-list li.comment .comment-body .comment-meta > .comment-metadata .comment-date:hover {
                            color: #c6982c;
                        }

                    .comment-list li.comment .comment-body .comment-meta > .comment-metadata > span {
                        padding: 0 5px;
                        font-weight: bold;
                    }

                    .comment-list li.comment .comment-body .comment-meta > .comment-metadata .comment-reply-link {
                        color: #000;
                    }

                        .comment-list li.comment .comment-body .comment-meta > .comment-metadata .comment-reply-link:hover {
                            color: #c6982c;
                        }

                .comment-list li.comment .comment-body .comment-meta:before,
                .comment-list li.comment .comment-body .comment-meta:after {
                    content: "";
                    display: table;
                }

                .comment-list li.comment .comment-body .comment-meta:after {
                    clear: both;
                }

            .comment-list li.comment .comment-body .comment-content {
                padding-left: 100px;
            }

            .comment-list li.comment .comment-body:before,
            .comment-list li.comment .comment-body:after {
                content: "";
                display: table;
            }

            .comment-list li.comment .comment-body:after {
                clear: both;
            }

        .comment-list li.comment > .children .comment {
            border-bottom: none;
        }

            .comment-list li.comment > .children .comment:last-child {
                margin-bottom: 0;
            }

        .comment-list li.comment:last-child {
            margin-bottom: 0;
        }

/*==================================== */
/* =            7. Layout            = */
/* ====================================*/
/* 7.1 Dark Layout */
.dark-layout {
    background-color: #000;
    color: #bfbfbf;
}

    .dark-layout input, .dark-layout textarea {
        background-color: #000;
        border-color: #1a1a1a;
    }

    .dark-layout .site-header {
        background-color: #000;
    }

        .dark-layout .site-header.scrolled {
            background-color: #000;
            border-bottom-color: #1a1a1a;
        }

        .dark-layout .site-header #logo > a > img {
            display: none;
        }

            .dark-layout .site-header #logo > a > img.transparent-logo {
                display: block;
            }

        .dark-layout .site-header .social-icons > li > a {
            color: #bfbfbf;
        }

            .dark-layout .site-header .social-icons > li > a:hover {
                color: #c6982c;
            }

        .dark-layout .site-header #top-menu .menu-items > li > a {
            color: #bfbfbf;
        }

            .dark-layout .site-header #top-menu .menu-items > li > a:hover {
                color: #c6982c;
            }

        .dark-layout .site-header #top-menu .nav-trigger > .icon-bar > span {
            border-bottom-color: #bfbfbf;
        }

        .dark-layout .site-header #top-menu .nav-trigger > .text {
            color: #FFF;
        }

    .dark-layout.vertical-menu .site-header {
        background-color: transparent;
    }

    .dark-layout.v-menu-active .site-header {
        background-color: #000;
    }

        .dark-layout.v-menu-active .site-header #top-menu .menu-items > li a {
            color: #bfbfbf;
        }

            .dark-layout.v-menu-active .site-header #top-menu .menu-items > li a:hover {
                color: #c6982c;
            }

    .dark-layout.transparent-menu .site-header {
        background-color: transparent;
    }

        .dark-layout.transparent-menu .site-header.scrolled {
            background-color: #000;
            border-bottom-color: #1a1a1a;
        }

        .dark-layout.transparent-menu .site-header .social-icons > li > a {
            color: #bfbfbf;
        }

            .dark-layout.transparent-menu .site-header .social-icons > li > a:hover {
                color: #c6982c;
            }

        .dark-layout.transparent-menu .site-header #top-menu .menu-items > li > a {
            color: #bfbfbf;
        }

            .dark-layout.transparent-menu .site-header #top-menu .menu-items > li > a:hover {
                color: #c6982c;
            }

        .dark-layout.transparent-menu .site-header #top-menu .nav-trigger > .icon-bar > span {
            border-bottom-color: #bfbfbf;
        }

        .dark-layout.transparent-menu .site-header #top-menu .nav-trigger > .text {
            color: #FFF;
        }

        .dark-layout.transparent-menu .site-header #logo > a > img {
            display: none;
        }

            .dark-layout.transparent-menu .site-header #logo > a > img.transparent-logo {
                display: block;
            }

    .dark-layout .side-menu > ul > li > a {
        color: #bfbfbf;
    }

        .dark-layout .side-menu > ul > li > a:hover {
            color: #c6982c;
        }

    .dark-layout .side-menu > ul > li.active a {
        color: #c6982c;
    }

    .dark-layout .glass-icon > i {
        background-color: #404040;
    }

    .dark-layout .features-circle .middle-circle {
        border-color: #bfbfbf;
    }

        .dark-layout .features-circle .middle-circle > .icon {
            background-color: #404040;
            border-color: #bfbfbf;
        }

            .dark-layout .features-circle .middle-circle > .icon:nth-of-type(1) > span {
                background-image: url(../img/d-left-1-gray.png);
            }

            .dark-layout .features-circle .middle-circle > .icon:nth-of-type(2) > span {
                background-image: url(../img/d-left-2-gray.png);
            }

            .dark-layout .features-circle .middle-circle > .icon:nth-of-type(3) > span {
                background-image: url(../img/d-left-3-gray.png);
            }

            .dark-layout .features-circle .middle-circle > .icon:nth-of-type(4) > span {
                background-image: url(../img/d-right-1-gray.png);
            }

            .dark-layout .features-circle .middle-circle > .icon:nth-of-type(5) > span {
                background-image: url(../img/d-right-2-gray.png);
            }

            .dark-layout .features-circle .middle-circle > .icon:nth-of-type(6) > span {
                background-image: url(../img/d-right-3-gray.png);
            }

            .dark-layout .features-circle .middle-circle > .icon:nth-of-type(7) > span {
                background-image: url(../img/d-right-4-gray.png);
            }

    .dark-layout .triangle > span {
        color: #000;
    }

    .dark-layout .footer-blank {
        background-color: #000;
        border-top-color: #1a1a1a;
    }

    .dark-layout .team-peoples-carousel .team-peoples .people > .people-profile > .name-job > .name:before {
        color: #FFF;
    }

    .dark-layout .pricing-table {
        background-color: #000;
    }

        .dark-layout .pricing-table.active {
            box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.25);
        }

    .dark-layout .clients-logo .logo-item > a {
        border-right: 1px solid #1a1a1a;
        border-bottom: 1px solid #1a1a1a;
    }

    .dark-layout .section-header > .heading-effect {
        border-bottom: 2px dashed rgba(255, 255, 255, 0.2);
    }

        .dark-layout .section-header > .heading-effect:before {
            border-right: 2px dashed rgba(255, 255, 255, 0.2);
        }

/* 7.2 Responsive */
@media (max-width: 1024px) {
    .circle-iconic-box > .box-item {
        width: 200px;
    }

    .circle-iconic-box.left-side > .box-item:nth-of-type(1) {
        top: -20px;
        left: 100px;
    }

    .circle-iconic-box.left-side > .box-item:nth-of-type(2) {
        top: 100px;
        left: 70px;
    }

    .circle-iconic-box.left-side > .box-item:nth-of-type(3) {
        top: 220px;
        left: 110px;
    }

    .circle-iconic-box.right-side > .box-item:nth-of-type(1) {
        top: -50px;
        left: -20px;
    }

    .circle-iconic-box.right-side > .box-item:nth-of-type(2) {
        top: 80px;
        left: 0px;
    }

    .circle-iconic-box.right-side > .box-item:nth-of-type(3) {
        top: 200px;
        left: -20px;
    }

    .circle-iconic-box.right-side > .box-item:nth-of-type(4) {
        top: 325px;
        left: -90px;
    }

    .features-circle {
        position: relative;
    }

        .features-circle .middle-circle {
            width: 250px;
            height: 250px;
        }

            .features-circle .middle-circle > .icon.size-xxl {
                width: 100px;
                height: 100px;
            }

                .features-circle .middle-circle > .icon.size-xxl > i {
                    font-size: 26px;
                }

            .features-circle .middle-circle > .icon.size-m {
                width: 50px;
                height: 50px;
            }

                .features-circle .middle-circle > .icon.size-m > i {
                    font-size: 14px;
                }

            .features-circle .middle-circle > .icon.size-l {
                width: 75px;
                height: 75px;
            }

                .features-circle .middle-circle > .icon.size-l > i {
                    font-size: 18px;
                }

            .features-circle .middle-circle > .icon.size-xl {
                width: 85px;
                height: 85px;
            }

                .features-circle .middle-circle > .icon.size-xl > i {
                    font-size: 20px;
                }

            .features-circle .middle-circle > .icon:nth-of-type(1) {
                top: -40px;
                left: 0px;
            }

                .features-circle .middle-circle > .icon:nth-of-type(1) > span {
                    width: 40px;
                    height: 11px;
                    top: 20px;
                    left: -50px;
                }

            .features-circle .middle-circle > .icon:nth-of-type(2) {
                top: 75px;
                left: -25px;
            }

                .features-circle .middle-circle > .icon:nth-of-type(2) > span {
                    width: 20px;
                    height: 11px;
                    top: 20px;
                    left: -30px;
                }

            .features-circle .middle-circle > .icon:nth-of-type(3) {
                top: 150px;
                left: -20px;
            }

                .features-circle .middle-circle > .icon:nth-of-type(3) > span {
                    width: 40px;
                    height: 28px;
                    top: 50px;
                    left: -40px;
                }

            .features-circle .middle-circle > .icon:nth-of-type(4) {
                top: -30px;
                right: 50px;
            }

                .features-circle .middle-circle > .icon:nth-of-type(4) > span {
                    width: 120px;
                    height: 33px;
                    background-position-x: -30px;
                    top: -10px;
                    left: 70px;
                }

            .features-circle .middle-circle > .icon:nth-of-type(5) {
                top: 40px;
                right: -20px;
            }

                .features-circle .middle-circle > .icon:nth-of-type(5) > span {
                    width: 40px;
                    height: 11px;
                    background-position-x: -5px;
                    top: 35px;
                    left: 80px;
                }

            .features-circle .middle-circle > .icon:nth-of-type(6) {
                top: 160px;
                right: -5px;
            }

                .features-circle .middle-circle > .icon:nth-of-type(6) > span {
                    width: 45px;
                    height: 11px;
                    top: 40px;
                    left: 80px;
                }

            .features-circle .middle-circle > .icon:nth-of-type(7) {
                top: 200px;
                right: 90px;
            }

                .features-circle .middle-circle > .icon:nth-of-type(7) > span {
                    width: 86px;
                    height: 28px;
                    top: 110px;
                    left: 75px;
                }

    .team-peoples-carousel .team-peoples .people > .people-profile > .name-job > .name:before {
        font-size: 1.7em;
    }

    .masonry-grid > .grid-sizer {
        width: 33.33333333333333%;
    }

    .masonry-grid > .grid-item {
        height: 250px;
    }

        .masonry-grid > .grid-item.height2 {
            height: 500px;
        }
}

@media (max-width: 992px) {
    #header #logo {
        float: none;
    }

    #top-menu {
        float: none;
        position: inherit;
        padding: 0;
    }

        #top-menu ul.menu-items {
            margin-top: 35px;
            margin-right: 0;
        }

            #top-menu ul.menu-items > li {
                display: block;
                border-bottom: 1px solid #E6E6E6;
            }

                #top-menu ul.menu-items > li:last-child {
                    border-bottom: none;
                }

                #top-menu ul.menu-items > li > a {
                    display: block;
                }

                #top-menu ul.menu-items > li.menu-item-has-children > .sub-menu {
                    position: relative;
                    top: auto;
                    padding: 0;
                    padding-left: 10px;
                    margin: 5px 0;
                    background-color: transparent;
                    box-shadow: none;
                }

                    #top-menu ul.menu-items > li.menu-item-has-children > .sub-menu > li {
                        border-bottom: 1px solid #E6E6E6;
                    }

                        #top-menu ul.menu-items > li.menu-item-has-children > .sub-menu > li:last-child {
                            border-bottom: none;
                        }

                        #top-menu ul.menu-items > li.menu-item-has-children > .sub-menu > li > a {
                            padding: 0;
                            margin-right: 25px;
                            font-size: 0.857em;
                            font-weight: 400;
                            letter-spacing: 0.10em;
                            text-transform: uppercase;
                        }

                            #top-menu ul.menu-items > li.menu-item-has-children > .sub-menu > li > a:hover {
                                background-color: transparent;
                                color: #c6982c;
                            }

        #top-menu .nav-trigger {
            top: 45px;
            right: 40px;
        }

    #top-social {
        float: none;
        position: absolute;
        top: 35px;
        right: 155px;
    }

    .site-header.scrolled #top-social {
        top: 10px;
    }

    .site-header.scrolled #top-menu .nav-trigger {
        top: 15px;
    }

    .transparent-menu .site-header {
        padding-top: 15px;
    }

        .transparent-menu .site-header #top-social {
            float: none;
            position: absolute;
            top: 10px;
            right: 155px;
        }

        .transparent-menu .site-header #top-menu .nav-trigger {
            top: 15px;
            right: 40px;
        }
}

@media (max-width: 768px) {
    body,
    .transparent-menu {
        padding: 0;
    }

    .side-menu,
    .footer-blank,
    #top-social {
        display: none;
    }

    #back-to-top {
        bottom: 0;
        right: 0;
    }

    .circle-iconic-box.left-side > .box-item:nth-of-type(1) {
        top: -20px;
        left: 0px;
    }

    .circle-iconic-box.left-side > .box-item:nth-of-type(2) {
        top: 100px;
        left: 20px;
    }

    .circle-iconic-box.left-side > .box-item:nth-of-type(3) {
        top: 220px;
        left: 0px;
    }

    .circle-iconic-box.right-side > .box-item:nth-of-type(1) {
        top: -50px;
        left: -20px;
    }

    .circle-iconic-box.right-side > .box-item:nth-of-type(2) {
        top: 80px;
        left: 0px;
    }

    .circle-iconic-box.right-side > .box-item:nth-of-type(3) {
        top: 200px;
        left: -20px;
    }

    .circle-iconic-box.right-side > .box-item:nth-of-type(4) {
        top: 325px;
        left: -30px;
    }

    .features-circle {
        position: relative;
    }

        .features-circle .middle-circle > .icon:nth-of-type(4) {
            top: -30px;
        }

            .features-circle .middle-circle > .icon:nth-of-type(4) > span {
                width: 70px;
                background-position-x: -75px;
                top: 0px;
            }

        .features-circle .middle-circle > .icon:nth-of-type(5) > span {
            background-position-x: -15px;
        }

        .features-circle .middle-circle > .icon:nth-of-type(6) > span {
            width: 30px;
            background-position-x: -20px;
        }

    .masonry-grid > .grid-sizer {
        width: 49.9%;
    }

    .masonry-grid > .grid-item {
        width: 49.9%;
        height: 300px;
    }

        .masonry-grid > .grid-item.width2 {
            width: 49.9%;
        }

        .masonry-grid > .grid-item.width3 {
            width: 49.9%;
        }

        .masonry-grid > .grid-item.width4 {
            width: 49.9%;
        }

        .masonry-grid > .grid-item.width5 {
            width: 49.9%;
        }

        .masonry-grid > .grid-item.height2 {
            height: 300px;
        }

    .process-flow-nav > li > a > i {
        width: 75px;
        height: 75px;
        border-radius: 25px;
        font-size: 1.8em;
    }

    .pricing-table {
        margin: 0 50px 50px;
    }

    .main-slider .slide-item .slide-caption .slide-mini-title {
        margin-bottom: 20px;
    }

    .main-slider .slide-item .slide-caption .slider-huge-title {
        font-size: 4em;
        margin-bottom: 20px;
    }

    .main-slider .slide-item .slide-caption .slide-tag {
        margin-bottom: 20px;
    }

    .main-slider .triangle {
        display: none;
    }

    .special-testimonial {
        padding: 95px 55px;
        width: 90%;
        border-top: 10px solid #FFF;
        border-left: 10px solid #FFF;
    }

        .special-testimonial:before {
            content: '';
            position: absolute;
            right: 0;
            bottom: 140px;
            width: 10px;
            height: 100%;
            background-color: #fff;
        }

        .special-testimonial:after {
            content: '';
            position: absolute;
            right: 140px;
            bottom: 0;
            height: 10px;
            width: 100%;
            background-color: #fff;
        }

        .special-testimonial > .more {
            width: 100px;
            height: 100px;
            border-width: 0 0 100px 100px;
        }

            .special-testimonial > .more > i {
                top: 45px;
                left: -50px;
                font-size: 40px;
            }

        .special-testimonial > .title {
            font-size: 2em;
            margin-bottom: 40px;
        }

        .special-testimonial > .content {
            font-size: 1em;
            margin-bottom: 20px;
        }
}

@media (max-width: 480px) {
    .masonry-grid > .grid-sizer {
        width: 100%;
    }

    .masonry-grid > .grid-item {
        width: 100%;
        height: 300px;
    }

        .masonry-grid > .grid-item.width2 {
            width: 100%;
        }

        .masonry-grid > .grid-item.width3 {
            width: 100%;
        }

        .masonry-grid > .grid-item.width4 {
            width: 100%;
        }

        .masonry-grid > .grid-item.width5 {
            width: 100%;
        }

        .masonry-grid > .grid-item.height2 {
            height: 300px;
        }

    .clients-logo .logo-item {
        margin-bottom: 25px;
    }

        .clients-logo .logo-item > a {
            border: 1px solid #e5e5e5 !important;
        }
}

/*==================================== */
/* =            8. Extras            = */
/* ====================================*/
.color-switcher {
    width: 250px;
    position: fixed;
    left: -250px;
    top: 200px;
    z-index: 555;
    padding: 0px;
    transition: all 0.5s ease-in-out;
}

    .color-switcher.active {
        left: 0;
    }

    .color-switcher p {
        font-size: 1.42em;
    }

    .color-switcher ul {
        list-style: none;
        padding: 0;
    }

        .color-switcher ul > li {
            margin: 3px;
            display: inline-block;
        }

            .color-switcher ul > li > a {
                display: block;
                width: 40px;
                height: 40px;
            }

                .color-switcher ul > li > a.blue {
                    background: #428bca;
                }

                .color-switcher ul > li > a.green {
                    background: #88c136;
                }

                .color-switcher ul > li > a.red {
                    background: #c6982c;
                }

                .color-switcher ul > li > a.yellow {
                    background: #ff9c00;
                }

                .color-switcher ul > li > a.brown {
                    background: #987654;
                }

                .color-switcher ul > li > a.cyan {
                    background: #1ABC9C;
                }

                .color-switcher ul > li > a.purple {
                    background: #c74a73;
                }

                .color-switcher ul > li > a.sky-blue {
                    background: #00cdcd;
                }

    .color-switcher .theme-colors {
        display: table;
        text-align: left;
        padding-top: 0px;
        width: 100%;
        padding: 18px;
        background: #F5F5F5;
        padding-top: 0px;
    }

    .color-switcher p {
        font-size: 14px;
        margin-top: 25px;
    }

#picker-toggle {
    width: 60px;
    height: 60px;
    position: absolute;
    right: -60px;
    top: 0px;
    z-index: -1;
    text-align: center;
    background: #F5F5F5;
    color: #c6982c;
}

    #picker-toggle > i {
        font-size: 30px;
        line-height: 60px;
    }

@media (max-width: 768px) {
    .color-switcher {
        display: none;
    }
}

.demo-gallery .demo-item {
    text-align: center;
    margin-bottom: 100px;
}

    .demo-gallery .demo-item > .demo-img {
        display: block;
        margin-bottom: 25px;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
        transition: all 0.25s ease-in-out;
    }

        .demo-gallery .demo-item > .demo-img > img {
            width: 100%;
            height: auto;
        }

        .demo-gallery .demo-item > .demo-img:hover {
            box-shadow: 0px 0px 13.3px 0.7px rgba(0, 0, 0, 0.1);
            -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
        }

    .demo-gallery .demo-item > .demo-link {
        display: inline-block;
        background-color: #c6982c;
        color: #FFF;
        padding: 12px 45px;
        text-transform: uppercase;
        line-height: 1em;
        border: 2px solid transparent;
    }

        .demo-gallery .demo-item > .demo-link:hover {
            color: #c6982c;
            background-color: transparent;
            border-color: #c6982c;
        }

.demo-grid {
    text-align: center;
}

    .demo-grid > img {
        margin-bottom: 20px;
    }

    .demo-grid > p {
        font-weight: bold;
        text-transform: uppercase;
    }

#whatsapp-call {
    list-style: none;
    z-index: 60000;
    position: fixed;
    float: right;
    right: 0;
    top: 180px;
    width: 50px;
}

    #whatsapp-call ul {
        padding: 0;
        list-style: none;
    }


.sideSocialMedia {
    position: fixed;
    right: 0;
    z-index: 2;
    top: 160px;
}

    .sideSocialMedia ul {
        padding: 0;
        list-style: none;
    }

        .sideSocialMedia ul li {
            background-color: #000;
            color: #fff;
            margin-bottom: 5px;
            border-radius: 25px 0 0 25px;
            -webkit-transition-duration: 1s;
            transition-duration: 1s;
            position: absolute;
            right: -170px;
            width: 210px;
        }

            .sideSocialMedia ul li a {
                color: #fff;
                padding: 10px 10px 10px 20px;
                display: block;
                text-decoration: none !important;
            }

                .sideSocialMedia ul li a span {
                    margin-left: 15px;
                }

            .sideSocialMedia ul li.asideFacebook {
            }

                .sideSocialMedia ul li.asideFacebook:hover {
                    right: 100%;
                    background-color: #3B5998;
                    -webkit-transition-duration: 1s;
                    transition-duration: 1s;
                }

            .sideSocialMedia ul li.asideInstagram {
                margin-top: 50px;
            }

                .sideSocialMedia ul li.asideInstagram:hover {
                    right: 100%;
                    background-color: #ded1c1;
                    -webkit-transition-duration: 1s;
                    transition-duration: 1s;
                }

            .sideSocialMedia ul li.asideLinkedIn {
                margin-top: 100px;
            }

                .sideSocialMedia ul li.asideLinkedIn:hover {
                    right: 100%;
                    background-color: #007bb6;
                    -webkit-transition-duration: 1s;
                    transition-duration: 1s;
                }

            .sideSocialMedia ul li.asideYoutube {
                margin-top: 150px;
            }

                .sideSocialMedia ul li.asideYoutube:hover {
                    right: 100%;
                    background-color: #cc181e;
                    -webkit-transition-duration: 1s;
                    transition-duration: 1s;
                }

            .sideSocialMedia ul li.asideWhatsapp {
                margin-top: 200px;
            }

                .sideSocialMedia ul li.asideWhatsapp:hover {
                    right: 100%;
                    background-color: #34AF23;
                    -webkit-transition-duration: 1s;
                    transition-duration: 1s;
                }

            .sideSocialMedia ul li.asideMail {
                margin-top: 250px;
            }

                .sideSocialMedia ul li.asideMail:hover {
                    right: 100%;
                    -webkit-transition-duration: 1s;
                    transition-duration: 1s;
                }

@media(min-width:1025px) {
    #top-menu {
        margin-top: 40px;
        padding-right: 0;
    }

    #nav-trigger {
        display: none;
    }

    .menu-items {
        margin-right: 0 !important;
    }
}

.luxProduct .item {
    margin-bottom: 25px;
}

    .luxProduct .item img {
        max-width: 100%;
    }

    .luxProduct .item h3 {
        margin: 0;
    }

.luxTitle {
    margin-top: 100px;
    text-align: center;
    margin-bottom: 60px;
}

    .luxTitle h2 {
        font-size: 2.428em;
        line-height: 1em;
        letter-spacing: 0.1em;
        font-weight: 700;
        text-transform: uppercase;
        margin: 0;
        color: #c6982c;
    }

.luxBespoke .item {
    height: 200px;
    overflow: hidden;
    margin-bottom: 15px;
}

.luxBespoke img {
    max-width: 100%;
}

.viewProduct {
    padding: 5px 15px;
    border: 1px solid #C6982B;
    color: #C6982B;
    font-weight: 500;
    border-radius: 5px;
    width: 100px;
    display: block;
    text-align: center;
}
    .viewProduct:hover {
        background-color:#C6982B;
        color:#fff;
        font-weight:400;
    }
.clientItem img {
    max-width:100%;
}