@charset "euc-kr";
/*-----------------------------------------
[Table Of Content]
    01. Typography CSS
    02. Color CSS
    03. Common Style CSS
    04. Header Area Style CSS
        4.1 - Main Navigation Style
    05. Start About Section Style
    06. Start Icon Box Element Style
    07. Start Portfolio Style
    08. Start Testimonial Style
    09. Start Contact Information Area Style
    10. Start Social Icons Style
    11. Start OffCanvas Style
    12. Start Home Minimal Blog Page
    13. Start Blog Style
    14. Start Hero Banner Area Style
    15. Start Team Member Style
    16. Start Event Schedule Style
    17. Start Call to Action Style
    18. Start Brand Logo Style
    19. Start Feature Area Style
    20. Start Mission Area Style
    21. Start List Box Style
    22. Start Accordion Style
    23. Start FAQ Area Style
    24. Start FunFact Area Style
    25. Start Product Style
    26. Start Search Box Style
    27. Start Newsletter Style
    28. Start Skills Style
    29. Start Presentation Page
    30. Start Category Style
    31. Start Pricing Plan Style
    32. Start Box Image Style
    33. Start Home Portfolio Parallax
    34. Start Event Info Style
    35. Start Soundcloud Style
    36. Start Page Header Style
    37. Start About Me Page Style
    38. Start Contact Page Style
    39. Start Service Page Style
    40. Flip Box Style CSS Style
    41. Start Portfolio Page Style
    42. Portfolio Details Page Style CSS
    43. Start Sidebar Style CSS
    44. Blog Details Page Style CSS
    45. Product Details Pages Style CSS
    46. Cart Page Style CSS
    47. Checkout Page Style CSS
    48. Coming Soon Page CSS
    49. Start Tab Element Style CSS
    50. Start Media Feed Style CSS
    51. Start Countdown Element Style CSS
    52. Start Slider Style CSS
    53. Footer Style CSS
----------------------------------------*/
@font-face {
    font-family: 'NanumSquareR';
    font-style: normal;
    font-weight: normal;
    src: url('../../img/fonts/nanumsquarer1.eot');
    src: local('??'), url('../../img/fonts/nanumsquarer1.woff') format('woff');
}
/*=====================================
   01. Typography CSS
===================================== */
body {
    color: #777777;
    font-size: 17px;
    font-family: "Work Sans", 'NanumSquareR';
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
}
/* Remove text-shadow in selection highlight. */
::-moz-selection {
    background: #0D50AA;
    color: #FFFFFF;
    text-shadow: none;
}
::selection {
    background: #0D50AA;
    color: #FFFFFF;
    text-shadow: none;
}
/* A better looking default horizontal rule */
hr {
    border: 0;
    border-top: 1px solid #eee;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
    overflow: visible;
}
/* Remove the gap between audio, canvas, iframes,images, videos */
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}
/* Remove default fieldset styles. */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
/* Allow only vertical resizing of textareas. */
textarea {
    resize: vertical;
}
/* Anchor Tag Default Style */
a {
color:#000;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    text-decoration: none;
}
a:hover,
a:active,
a:focus {
    color: inherit;
    outline: none;
    text-decoration: none;
}
textarea:focus,
textarea:active,
input:focus,
input:active {
    outline: none;
}
/* Heading Default Style */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-weight: 400;
    color: #333333;
    font-family: "Work Sans", 'NanumSquareR';
    line-height: 1.2;
}
h1,
.h1 {
    font-size: 60px;
    margin-bottom: 6px;
    margin-top: -10px;
    font-weight: 700;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (min-width: 768px) and (max-width: 991.98px) {
    h1,
    .h1 {
        margin-top: -12px;
    }
}
@media only screen and (max-width: 767.98px) {
    h1,
    .h1 {
        margin-top: -8px;
    }
}
h2,
.h2 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: -6px;
}
@media only screen and (max-width: 767.98px) {
    h2,
    .h2 {
        font-size: 30px;
    }
}
@media only screen and (max-width: 575.98px) {
    h2,
    .h2 {
        font-weight: 500;
    }
}
h3,
.h3 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: -12px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    h3,
    .h3 {
        margin-top: -9px;
    }
}
@media only screen and (max-width: 767.98px) {
    h3,
    .h3 {
        margin-top: -6px;
        font-size: 30px;
    }
}
h4,
.h4 {
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: -2px;
    font-weight: 500;
}
h5,
.h5 {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 500;
}
h6,
.h6 {
    font-size: 18px;
    margin-bottom: 12px;
    font-weight: 500;
}
/* Paragraph Margin */
p {
    margin-bottom: 15px;
}
p:last-child {
    margin-bottom: 0;
}
ul {
    margin: 0;
    padding: 0;
}
ul li {
    list-style: none;
}
strong,
b {
    font-weight: 700;
}
figure {
    margin: 0;
}
img {
    max-width: 100%;
}
button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
button:active,
button:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
[data-mfp-src],
.btn-img-popup {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}
.parallax {
    background-repeat: no-repeat;
}
.form-message.alert {
    margin-top: 10px;
}
/*==========================
02. Color CSS
============================*/
.bg-white {
    background-color: #FFFFFF;
}
.bg-offWhite {
    background-color: #f1f5f8;
}
.bg-whitesoft {
    background-color: #f5f5f5;
}
.bg-brand {
    background-color: #0D50AA;
}
.bg-black {
    background-color: #000000;
}
.bg-blackSoft {
    background-color: #222222;
}
.bg-gradient {
    background: #792ffa;
    /*background: -webkit-gradient(linear, left top, right top, from(#792ffa), to(#0d50aa));*/
    background: -webkit-linear-gradient(90deg, #792ffa 0%, #0d50aa 100%);
    background: -o-linear-gradient(90deg, #792ffa 0%, #0d50aa 100%);
    background: linear-gradient(90deg, #792ffa 0%, #0d50aa 100%);
}
.bg-gradient-2 {
    background: #c21e52;
    background: -webkit-linear-gradient(45deg, #c21e52 43%, #223f8f 100%);
    background: -o-linear-gradient(45deg, #c21e52 43%, #223f8f 100%);
    background: linear-gradient(45deg, #c21e52 43%, #223f8f 100%);
}
.bg-gradient-3 {
    background: #0affc6;
    /*background: -webkit-gradient(linear, left top, right top, color-stop(43%, rgba(10, 255, 198, 0.8)), to(rgba(34, 63, 143, 0.81)));*/
    background: -webkit-linear-gradient(90deg, rgba(10, 255, 198, 0.8) 43%, rgba(34, 63, 143, 0.81) 100%);
    background: -o-linear-gradient(90deg, rgba(10, 255, 198, 0.8) 43%, rgba(34, 63, 143, 0.81) 100%);
    background: linear-gradient(90deg, rgba(10, 255, 198, 0.8) 43%, rgba(34, 63, 143, 0.81) 100%);
}
.bg-gradient-4 {
    background: #1e88d4;
    /*background: -webkit-gradient(linear, left top, right top, from(#1e88d4), to(#0d50a9));*/
    background: -webkit-linear-gradient(90deg, #1e88d4 0%, #0d50a9 100%);
    background: -o-linear-gradient(90deg, #1e88d4 0%, #0d50a9 100%);
    background: linear-gradient(90deg, #1e88d4 0%, #0d50a9 100%);
}
.bg-violet {
    background-color: #5F36C3;
}
.bg-navy {
    background-color: #141933;
}
.color-brand,
.about-team-content h2 {
    color: #0D50AA;
}
.color-secondary {
    color: #db1439;
}
.text-pd,
.funfact-heading h3 {
    font-family: "Playfair Display", serif;
}
.text-base {
    font-family: "Work Sans", 'NanumSquareR';
}
.gradient-bg-item {
    color: #FFFFFF;
    padding: 50px;
    height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .gradient-bg-item {
        padding: 30px;
    }
}
@media only screen and (max-width: 767.98px) {
    .gradient-bg-item {
        padding: 30px 15px;
    }
}
.gradient-bg-item h2,
.gradient-bg-item h3,
.gradient-bg-item h4 {
    color: #FFFFFF;
}
.gradient-bg-item h3 {
    font-size: 30px;
    font-weight: 600;
}
/*============================
03. Common Style CSS
==============================*/
/*------------------
3.1 - Buttons Style
--------------------*/
.btn-groups {
    margin-top: 34px;
}
.btn-groups .btn {
    margin-top: 0 !important;
    margin-right: 15px;
}
.btn-groups .btn:last-child {
    margin-right: 0;
}
.btn {
    border-radius: 100px;
    display: inline-block;
    outline: none;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    position: relative;
    padding: 18px 38px;
    -webkit-transition: 0.4s ease-in;
    -o-transition: 0.4s ease-in;
    transition: 0.4s ease-in;
    line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .btn {
        padding: 15px 30px;
    }
}
@media only screen and (max-width: 575.98px) {
    .btn {
        padding: 13px 25px;
        font-size: 12px;
    }
}
.btn:focus,
.btn:active {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-bordered {
    border: 2px solid #dddddd;
    color: #222222;
}
.btn-bordered:hover {
    border-color: #222222;
}
.btn-brand {
    background-color: #0D50AA;
    color: #FFFFFF!important;
}
.btn-brand:hover {
    background-color: #151515;
    color: #FFFFFF;
}
.btn-white {
    background-color: #FFFFFF;
    color: #0D50AA;
}
.btn-white:hover {
    background-color: #0D50AA;
    color: #FFFFFF;
}
.btn-black {
    background-color: #000000;
    color: #FFFFFF;
}
.btn-black:hover {
    background-color: #FFFFFF;
    color: #0D50AA;
}
.btn-red {
    background-color: #db0404;
    color: #FFFFFF;
}
.btn-red:hover {
    background-color: #FFFFFF;
    color: #db0404;
}
.btn-gradient {
    background: #792ffa;
    background: -webkit-gradient(linear, left top, right top, from(#792ffa), to(#0d50aa));
    background: -webkit-linear-gradient(left, #792ffa 0%, #0d50aa 100%);
    background: -o-linear-gradient(left, #792ffa 0%, #0d50aa 100%);
    background: linear-gradient(left, #792ffa 0%, #0d50aa 100%);
    color: #FFFFFF;
}
.btn-gradient:hover {
    color: #FFFFFF;
}
.btn-gradient-2 {
    background: #f20046;
    background: -webkit-gradient(linear, left top, right top, from(#f20046), to(#ffaf01));
    background: -webkit-linear-gradient(90deg, #f20046 0%, #ffaf01 100%);
    background: -o-linear-gradient(90deg, #f20046 0%, #ffaf01 100%);
    background: linear-gradient(90deg, #f20046 0%, #ffaf01 100%);
    color: #FFFFFF;
}
.btn-gradient-2:hover {
    color: #FFFFFF;
}
.btn-border-bottom {
    border-bottom: 2px solid #eee;
    border-radius: 0;
    color: #222222;
    padding: 0 0 5px;
}
.btn-border-bottom:hover {
    border-bottom-color: #0D50AA;
}
.btn-hvr-brand {
    border: 2px solid #0D50AA;
    color: #FFFFFF;
}
.btn-hvr-brand:hover {
    background-color: #0D50AA;
    color: #FFFFFF;
}
/*----------------------
3.2 - Background Image
-----------------------*/
.bg-img {
    background: no-repeat center center;
    background-size: cover;
}
.bg-img-tr {
    background: no-repeat top right;
}
.bg-img-tl {
    background: no-repeat top left;
}
.bg-img-br {
    background: no-repeat bottom right;
}
.bg-img-bl {
    background: no-repeat bottom left;
}
.bg-img-nr {
    background: no-repeat center center;
    background-size: contain;
}
/*-----------------
3.3 - Overflow
-------------------*/
.fix,
.preloader-active {
    overflow: hidden;
}
.fix-x {
    overflow-x: hidden;
}
.fix-y {
    overflow-y: hidden;
}
/*-------------------------
3.4 - Section title Style
--------------------------*/
.section-title {
    margin-bottom: 82px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .section-title {
        margin-bottom: 52px;
    }
}
@media only screen and (max-width: 767.98px) {
    .section-title {
        margin-bottom: 39px;
    }
}
.section-title h3 {
    font-weight: 500;
    font-size: 36px;
    margin-bottom: 0;
    margin-top: -5px;
}
@media only screen and (max-width: 575.98px) {
    .section-title h3 {
        font-size: 30px;
    }
}
.section-title h3 strong,
.section-title h3 span {
    color: #0D50AA;
}
.section-title p {
    margin-top: 18px;
}
@media only screen and (min-width: 1200px) {
    .section-title--2 h3 {
        font-size: 60px;
        margin-top: -12px;
    }
}
@media only screen and (min-width: 1200px) {
    .section-title--3 h3 {
        font-size: 52px;
        margin-top: -12px;
        font-family: "Work Sans", 'NanumSquareR';
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (min-width: 1200px) {
    .section-title--4 h3 {
        font-family: "Work Sans", 'NanumSquareR';
        font-size: 60px;
        font-weight: 600;
        margin-top: -12px;
    }
}
.section-title.white {
    color: #f5f5f5;
}
.section-title.white h3,
.section-title.white h2 {
    color: #FFFFFF;
}
/*-------------------------
3.5 - List Style
--------------------------*/
.ht-list li {
    position: relative;
    margin-bottom: 8px;
    font-size: 16px;
}
.ht-list li:last-child {
    margin-bottom: 0;
}
.ht-list li .no,
.ht-list li .icon {
    margin-right: 10px;
}
.ht-list li a {
    color: #777777;
}
.ht-list li a:hover {
    color: #FFFFFF;
}
.ht-list-check li {
    padding-left: 25px;
}
.ht-list-check li:before {
    color: #777777;
    content: '\f00c';
    font-family: "FontAwesome";
    position: absolute;
    top: 3px;
    left: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    font-size: 80%;
}
.ht-list-brand li:before,
.ht-list-brand li .icon,
.ht-list-brand li .no {
    color: #0D50AA;
}
/*--------------------------------
3.6 - Site Content Wrapper
----------------------------------*/
.site-wrapper {
    background-color: #FFFFFF;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
@media screen and (min-width: 1500px) {
    .site-wrapper--side-menu {
        margin-left: 300px;
    }
}
/*--------------------------------
3.7 - Tippy Customization
----------------------------------*/
.tippy-popper .tippy-tooltip {
    background-color: #db1439;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 7px 13px;
}
.tippy-popper[x-placement^='top'] .tippy-arrow {
    border-top-color: #db1439 !important;
}
.tippy-popper[x-placement^='bottom'] .tippy-arrow {
    border-bottom-color: #db1439 !important;
}
.tippy-popper[x-placement^='left'] .tippy-arrow {
    border-left-color: #db1439 !important;
}
.tippy-popper[x-placement^='right'] .tippy-arrow {
    border-right-color: #db1439 !important;
}
/*----------------------------------
3.8 - Magnific Popup Customization
-----------------------------------*/
.ht-mfp {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.ht-mfp.mfp-bg {
    background: #000000;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.ht-mfp .mfp-content {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
@media only screen and (min-width: 1200px) {
    .ht-mfp .mfp-content {
        max-width: 70%;
    }
}
.ht-mfp .mfp-content .mfp-close {
    display: none;
}
.ht-mfp .mfp-close {
    background-color: #db1439;
    color: #FFFFFF;
    padding: 0;
    text-align: center;
    opacity: 1;
    top: 50px;
    right: 50px;
    height: 50px;
    width: 50px;
    line-height: 50px;
}
@media only screen and (max-width: 767.98px) {
    .ht-mfp .mfp-close {
        top: 30px;
        right: 30px;
        height: 40px;
        width: 40px;
        line-height: 40px;
    }
}
.ht-mfp .mfp-close:hover {
    background-color: #0D50AA;
}
.ht-mfp .mfp-arrow {
    background-color: #0D50AA;
    opacity: 1;
    margin-left: 15px;
    height: 55px;
    width: 55px;
}
.ht-mfp .mfp-arrow:before {
    display: none;
}
.ht-mfp .mfp-arrow:after {
    content: '\f104';
    color: #FFFFFF;
    font-family: "FontAwesome";
    font-size: 25px;
    line-height: 40px;
    text-align: center;
    margin: 0;
    padding: 0;
    border: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
.ht-mfp .mfp-arrow-right {
    margin-left: auto;
    margin-right: 15px;
}
.ht-mfp .mfp-arrow-right:after {
    content: '\f105';
}
.ht-mfp .mfp-arrow:hover {
    background-color: #ac102d;
}
.ht-mfp.zoom-animate.mfp-bg {
    opacity: 0;
}
.ht-mfp.zoom-animate .mfp-content {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
}
.ht-mfp.zoom-animate.mfp-ready.mfp-bg {
    opacity: 0.9;
}
.ht-mfp.zoom-animate.mfp-ready .mfp-content {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.ht-mfp.zoom-animate.mfp-removing .mfp-content {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
}
.ht-mfp.zoom-animate.mfp-removing.mfp-bg {
    opacity: 0;
}
.ht-mfp.zoom-animate.mfp-removing .mfp-close {
    opacity: 0;
}
/*--------------------------------
3.9 - Nice Select Customization
----------------------------------*/
.nice-select {
    background-color: transparent;
    border-radius: 0;
    border: none;
    border-bottom: 2px solid #eee;
    color: #777777;
    float: inherit;
    font-size: 17px;
    padding-left: 0;
}
.nice-select:hover,
.nice-select:focus {
    border-bottom-color: #0D50AA;
}
.nice-select:after {
    border-right-color: #0D50AA;
    border-bottom-color: #0D50AA;
    height: 7px;
    width: 7px;
}
.nice-select .list {
    border-radius: 0;
    color: #333333;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
}
.nice-select .list::-webkit-scrollbar {
    width: 5px;
}
/*--------------------------------
3.10 - Slick Slider Customization
----------------------------------*/
.slick-list div>div {
    vertical-align: middle;
}
.slick-dots-round .slick-dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 52px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .slick-dots-round .slick-dots {
        margin-top: 43px;
    }
}
@media only screen and (max-width: 767.98px) {
    .slick-dots-round .slick-dots {
        margin-top: 35px;
    }
}
.slick-dots-round .slick-dots li {
    margin-right: 10px;
    line-height: 1;
}
.slick-dots-round .slick-dots li:last-child {
    margin-right: 0;
}
.slick-dots-round .slick-dots li button {
    border: 3px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    text-indent: -999999999px;
    height: 16px;
    width: 16px;
}
.slick-dots-round .slick-dots li.slick-active button {
    border-color: #FFFFFF;
}
.slick-dots-round.text-center .slick-dots {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}
.slick-dots-round.black .slick-dots li button {
    border-color: #eee;
}
.slick-dots-round.black .slick-dots li.slick-active button {
    border-color: #0D50AA;
}
.slick-arrow {
    font-size: 60px;
    line-height: 1;
    opacity: 0.2;
    position: absolute;
    right: calc(100% + 30px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index: 99;
}
.slick-arrow:hover {
    opacity: 0.9;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (min-width: 1200px) and (max-width: 1599.98px) {
    .slick-arrow {
        left: 15px;
        right: auto;
    }
}
.slick-arrow.slick-next {
    right: auto;
    left: calc(100% + 30px);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (min-width: 1200px) and (max-width: 1599.98px) {
    .slick-arrow.slick-next {
        right: 15px;
        left: auto;
    }
}
/*--------------------------------
3.11 - Container Customization
----------------------------------*/
.container-fluid {
    padding: 0 15px;
    margin: auto;
}
@media only screen and (min-width: 1200px) {
    .container-fluid {
        padding: 0 100px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .container-fluid {
        max-width: 720px;
    }
}
@media only screen and (max-width: 767.98px) {
    .container-fluid {
        max-width: 540px;
    }
}
/*--------------------------------
3.12 - Blockquote Style
----------------------------------*/
blockquote,
.blockquote {
    color: #FFFFFF;
    font-size: 20px;
    line-height: 1.4;
    padding: 42px 44px 80px;
    position: relative;
}
@media only screen and (max-width: 767.98px) {
    blockquote,
    .blockquote {
        padding: 20px 22px 60px;
    }
}
blockquote:before,
.blockquote:before {
    content: '\f10e';
    font-family: "FontAwesome";
    position: absolute;
    right: 40px;
    bottom: 40px;
}
@media only screen and (max-width: 767.98px) {
    blockquote:before,
    .blockquote:before {
        right: 30px;
        bottom: 20px;
    }
}
blockquote .blockquote-title,
.blockquote .blockquote-title {
    color: #db1439;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.5px;
    line-height: 1;
}
blockquote .blockquote-title:hover,
.blockquote .blockquote-title:hover {
    color: #db1439;
}
/*----------------------
3.13 - Separators
-----------------------*/
.separator {
    border-top: 1px solid #eee;
    display: block;
    margin: 80px 0;
}
@media only screen and (max-width: 767.98px) {
    .separator {
        margin: 50px 0;
    }
}
.separator-thick {
    border-width: 2px;
}
.separator-dash {
    border-top-style: dashed;
    border-top-width: 2px;
}
.separator-dot {
    border-top-style: dotted;
    border-top-width: 3px;
}
/*----------------------
3.14 - Preloader
-----------------------*/
.preloader-active .preloader-wrap {
    background-color: #FFFFFF;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    z-index: 99999;
}
.preloader-active .preloader-wrap .preloader {
    background-color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 142px;
    height: 40px;
    margin: -20px 0 0 -71px;
}
.preloader-active .preloader-wrap .preloader .dot {
    background-color: #0D50AA;
    position: absolute;
    width: 13px;
    height: 13px;
    top: 12px;
    left: 11px;
    border-radius: 50%;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation: dot 2.8s infinite;
    animation: dot 2.8s infinite;
}
.preloader-active .preloader-wrap .preloader .dots {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    margin-top: 12px;
    margin-left: 31px;
    -webkit-animation: dots 2.8s infinite;
    animation: dots 2.8s infinite;
}
.preloader-active .preloader-wrap .preloader .dots span {
    background-color: #0D50AA;
    display: block;
    float: left;
    width: 13px;
    height: 13px;
    margin-left: 13px;
    border-radius: 50%;
}
@-webkit-keyframes dot {
    50% {
        -webkit-transform: translateX(96px);
        transform: translateX(96px);
    }
}
@keyframes dot {
    50% {
        -webkit-transform: translateX(96px);
        transform: translateX(96px);
    }
}
@-webkit-keyframes dots {
    50% {
        -webkit-transform: translateX(-31px);
        transform: translateX(-31px);
    }
}
@keyframes dots {
    50% {
        -webkit-transform: translateX(-31px);
        transform: translateX(-31px);
    }
}
.btn-scroll-top {
    background-color: #222222;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
    cursor: pointer;
    font-size: 20px;
    display: block;
    text-align: center;
    line-height: 50px;
    position: fixed;
    bottom: -60px;
    right: 30px;
    height: 50px;
    width: 50px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.btn-scroll-top:hover {
    background-color: #0D50AA;
}
.btn-scroll-top.show {
    bottom: 30px;
    opacity: 1;
    visibility: visible;
}
/*==========================
3.0 - Template Spacing
============================*/
.sm-top,
.onepage-about-area {
    margin-top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .sm-top,
    .onepage-about-area {
        margin-top: 80px;
    }
}
@media only screen and (max-width: 767.98px) {
    .sm-top,
    .onepage-about-area {
        margin-top: 60px;
    }
}
.sm-top-lh {
    margin-top: 114px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .sm-top-lh {
        margin-top: 73px;
    }
}
@media only screen and (max-width: 767.98px) {
    .sm-top-lh {
        margin-top: 55px;
    }
}
.sm-bottom {
    margin-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .sm-bottom {
        margin-bottom: 80px;
    }
}
@media only screen and (max-width: 767.98px) {
    .sm-bottom {
        margin-bottom: 60px;
    }
}
.sm-y {
    margin: 120px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .sm-y {
        margin: 80px 0;
    }
}
@media only screen and (max-width: 767.98px) {
    .sm-y {
        margin: 60px 0;
    }
}
.sp-top {
    padding-top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .sp-top {
        padding-top: 80px;
    }
}
@media only screen and (max-width: 767.98px) {
    .sp-top {
        padding-top: 60px;
    }
}
.sp-top-lh {
    padding-top: 114px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .sp-top-lh {
        padding-top: 73px;
    }
}
@media only screen and (max-width: 767.98px) {
    .sp-top-lh {
        padding-top: 55px;
    }
}
.sp-bottom {
    padding-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .sp-bottom {
        padding-bottom: 80px;
    }
}
@media only screen and (max-width: 767.98px) {
    .sp-bottom {
        padding-bottom: 60px;
    }
}
.sp-y,
.about-content-app-landing,
.contact-information,
.contact-freelancer-icons {
    padding: 120px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .sp-y,
    .about-content-app-landing,
    .contact-information,
    .contact-freelancer-icons {
        padding: 80px 0;
    }
}
@media only screen and (max-width: 767.98px) {
    .sp-y,
    .about-content-app-landing,
    .contact-information,
    .contact-freelancer-icons {
        padding: 60px 0;
    }
}
@media only screen and (min-width: 1200px) {
    .sp-lg-y {
        padding: 120px 0;
    }
}
.sp-y-h {
    padding: 60px 0;
}
.btn-groups.element-page a {
    margin-bottom: 10px;
}
.header {
    padding: 30px 0;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9;
}
@media only screen and (max-width: 575.98px) {
    .header {
        padding: 20px 0;
    }
}
.header.transparent {
    position: absolute;
}
.header.transparent:not(.is-sticky) .logo {
    display: none;
}
.header.transparent:not(.is-sticky) .logo-light {
    display: inline-block;
}
.header.transparent:not(.is-sticky) .main-nav li.has-submenu:after {
    color: #FFFFFF;
}
.header.transparent:not(.is-sticky) .main-nav li a {
    color: #FFFFFF;
}
.header.transparent:not(.is-sticky) .header-right-content a,
.header.transparent:not(.is-sticky) .header-right-content button {
    color: #FFFFFF;
}
.header.transparent:not(.is-sticky) .btn-menubar span {
    background-color: #FFFFFF;
}
.header.is-sticky {
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
    padding: 20px 0;
    position: fixed;
}
.header.is-sticky .main-nav>li.has-submenu .sub-nav {
    margin-top: 21px;
}
.header.is-sticky .main-nav>li.has-submenu .sub-nav:before {
    height: 21px;
}
.header.is-sticky .header-right-content a,
.header.is-sticky .header-right-content button {
    color: #222222;
}
.header .header-right-content a,
.header .header-right-content button {
    color: #222222;
    margin-right: 15px;
}
.header .header-right-content a:last-child,
.header .header-right-content button:last-child {
    margin-right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .header .header-right-content a.btn-menubar,
    .header .header-right-content button.btn-menubar {
        margin-right: 0;
    }
}
.header.center .main-nav {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.header-side-menu {
    background-color: #FFFFFF;
}
@media screen and (min-width: 1500px) {
    .header-side-menu {
        -webkit-box-shadow: 3px 1px 29px rgba(0, 0, 0, 0.12);
        box-shadow: 3px 1px 29px rgba(0, 0, 0, 0.12);
        position: fixed;
        padding: 100px 30px 30px;
        top: 0;
        left: 0;
        width: 300px;
        height: 100%;
        text-align: center;
    }
    .header-side-menu .header-content-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .header-side-menu .header-content-wrap .logo-area-wrap {
        max-width: 100%;
    }
    .header-side-menu .header-content-wrap .main-nav.nav {
        display: block;
    }
    .header-side-menu .header-content-wrap .main-nav.nav>li:not(:last-child) {
        margin-right: 0;
        margin-bottom: 23px;
    }
    .header-side-menu .header-content-wrap .main-nav.nav>li.has-submenu .sub-nav {
        left: calc(100% + 30px);
        top: 0;
        margin-top: -25px;
        text-align: left;
    }
    .header-side-menu .header-content-wrap .main-nav.nav>li.has-submenu .sub-nav-mega {
        width: 1200px;
    }
    .header-side-menu .header-content-wrap .main-nav.nav>li.has-submenu .sub-nav:before {
        width: 30px;
        height: 100%;
        top: 0;
        right: 100%;
        left: auto;
    }
    .header-side-menu .header-content-wrap .main-nav.nav>li.has-submenu .sub-nav .sub-nav {
        margin-left: -25px;
    }
    .header-side-menu .header-content-wrap .main-nav.nav>li.has-submenu:after {
        position: absolute;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        right: 75px;
        top: 10px;
        font-size: 14px;
        display: none;
    }
    .header-side-menu .header-content-wrap .main-nav.nav .full-width {
        position: relative;
    }
    .header-side-menu .header-content-wrap .header-right-content {
        display: none;
    }
}
.header-side-menu .header-content-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    height: 100%;
    margin: auto;
}
@media screen and (max-width: 1499px) {
    .header-side-menu .header-content-wrap {
        padding: 0 15px;
    }
    .header-side-menu .header-content-wrap .header-footer-content {
        display: none;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .header-side-menu .header-content-wrap {
        max-width: 720px;
    }
}
@media only screen and (max-width: 767.98px) {
    .header-side-menu .header-content-wrap {
        max-width: 540px;
    }
}
.header-side-menu .header-content-wrap .header-footer-content {
    font-size: 15px;
}
.header-side-menu .header-content-wrap .header-footer-content .social-icons {
    margin-bottom: 5px;
}
.header-side-menu .header-content-wrap .header-footer-content .social-icons a {
    font-size: 15px;
    vertical-align: middle;
}
.header-side-menu .header-content-wrap .main-navigation {
    display: none;
}
@media screen and (min-width: 992px) {
    .header-side-menu .header-content-wrap .main-navigation {
        display: block;
    }
}
@media screen and (max-width: 1499px) {
    .header-side-menu .header-content-wrap .main-navigation .main-nav {
        position: static;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (min-width: 1200px) {
    .header-side-menu .header-content-wrap .main-navigation .main-nav .has-submenu .sub-nav-mega {
        margin-top: 0;
    }
}
.header-freelancer.transparent .logo-area-wrap .logo {
    display: inline-block;
}
.header-freelancer.transparent .logo-area-wrap .logo-light {
    display: none;
}
.header-freelancer.transparent .header-right-content button.btn-menubar span {
    background-color: #0D50AA;
}
.logo-area-wrap {
    max-width: 120px;
}
.logo-area-wrap .logo-light {
    display: none;
}
.btn-menubar {
    position: relative;
    width: 35px;
    height: 20px;
}
.btn-menubar span {
    background-color: #222222;
    border-radius: 3px;
    height: 2px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
}
.btn-menubar span:nth-child(2) {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 19px;
}
.btn-menubar span:nth-child(3) {
    top: auto;
    bottom: 0;
    width: 24px;
}
.btn-menubar:hover span:nth-child(2) {
    width: 28px;
}
.btn-menubar:hover span:nth-child(3) {
    width: 18px;
}
/*=============================
4.1 - Main Navigation Style
=============================*/
.main-nav li {
    margin-right: 20px;
    position: relative;
}
.main-nav li:last-child {
    margin-right: 0;
}
.main-nav li a {
    font-size: 16px;
    line-height: 1;
    font-family: "Montserrat", 'NanumSquareR';
    font-weight: 500;
    position: relative;
}
.main-nav li.has-submenu {
    position: relative;
}
.main-nav li.has-submenu:after {
    content: "\e019";
    font-family: "linea-arrows-10";
    font-weight: 700;
    line-height: 10px;
    color: #222222;
    opacity: 0.6;
    vertical-align: middle;
    font-size: 15px;
}
.main-nav li.has-submenu .sub-nav {
    background-color: #222222;
    border-radius: 5px;
    min-width: 270px;
    padding: 25px 0;
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 31px;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    pointer-events: none;
}
.main-nav li.has-submenu .sub-nav:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 100%;
    height: 31px;
    width: 100%;
}
.main-nav li.has-submenu .sub-nav li {
    padding: 0 30px;
    margin-bottom: 10px;
    margin-right: 0;
}
.main-nav li.has-submenu .sub-nav li:last-child {
    margin-bottom: 0;
}
.main-nav li.has-submenu .sub-nav li a {
    color: #FFFFFF;
    font-weight: 400;
}
.main-nav li.has-submenu .sub-nav li a:hover {
    opacity: 0.5;
}
.main-nav li.has-submenu .sub-nav li.has-submenu {
    position: relative;
}
.main-nav li.has-submenu .sub-nav li.has-submenu:after {
    content: "\e04b";
    color: #FFFFFF;
    margin-left: 0;
    vertical-align: text-bottom;
    opacity: 0.5;
    position: absolute;
    right: 20px;
    top: 6px;
}
.main-nav li.has-submenu .sub-nav li.has-submenu .sub-nav {
    left: 100%;
    top: -25px;
    margin-left: 5px;
    margin-top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
}
.main-nav li.has-submenu .sub-nav li.has-submenu .sub-nav:before {
    height: 100%;
    width: 5px;
    bottom: auto;
    top: 0;
    right: 100%;
    left: auto;
}
.main-nav li.has-submenu .sub-nav li.has-submenu:hover .sub-nav {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.main-nav li.has-submenu .sub-nav-mega {
    min-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
}
.main-nav li.has-submenu .sub-nav-mega .mega-title {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 10px 30px 5px 30px;
    margin-bottom: 20px;
    display: block;
}
.main-nav li.has-submenu .sub-nav-mega .mega-title:hover {
    opacity: 1;
}
.main-nav li.has-submenu .sub-nav-mega .mega-item {
    border-right: 1px solid rgba(238, 238, 238, 0.1);
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    margin: 0;
    padding: 30px 0;
}
.main-nav li.has-submenu .sub-nav-mega .mega-item:last-child {
    border-right: none;
}
.main-nav li.has-submenu .sub-nav-mega .mega-item ul li {
    margin-right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (min-width: 1200px) and (max-width: 1599.98px) {
    .main-nav li.has-submenu .sub-nav-mega .mega-item ul li a {
        font-size: 14px;
    }
}
.main-nav li.has-submenu:hover .sub-nav {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    visibility: visible;
    pointer-events: visible;
}
.main-nav li.full-width {
    position: static;
}
.main-nav>li>a {
    padding-bottom: 10px;
    color: #222222;
}
.main-nav>li>a:before {
    background-color: #FFFFFF;
    content: '';
    position: absolute;
    right: 0;
    left: auto;
    bottom: 0;
    height: 1px;
    width: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.main-nav>li>a:hover:before {
    right: auto;
    left: 0;
    width: 100%;
    opacity: 1;
    visibility: visible;
}
.main-nav.vertical li {
    margin-bottom: 24px;
    margin-right: 0;
}
@media only screen and (max-width: 767.98px) {
    .main-nav.vertical li {
        margin-bottom: 15px;
    }
}
.main-nav.vertical li:last-child {
    margin-bottom: 0;
}
.main-nav.vertical li a {
    color: #FFFFFF;
    font-size: 32px;
}
@media only screen and (max-width: 767.98px) {
    .main-nav.vertical li a {
        font-size: 20px;
    }
}
.main-nav.vertical li a:hover {
    color: #0D50AA;
}
.main-nav.vertical li a:before {
    display: none;
}
.main-nav.vertical li.has-submenu:after {
    display: none;
}
.main-nav.vertical li.has-submenu>a:after {
    content: "\e019";
    font-family: "linea-arrows-10";
    font-size: 18px;
    margin-left: 0;
    position: absolute;
    right: -25px;
    top: 14px;
}
@media only screen and (max-width: 767.98px) {
    .main-nav.vertical li.has-submenu>a:after {
        font-size: 15px;
        top: 5px;
        right: -20px;
    }
}
.main-nav.vertical li.has-submenu .sub-nav {
    background-color: transparent;
    border-radius: 0;
    min-width: auto;
    margin: 15px 0;
    padding: 0;
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    opacity: 1;
    visibility: visible;
    pointer-events: visible;
}
.main-nav.vertical li.has-submenu .sub-nav:before {
    display: none;
}
.main-nav.vertical li.has-submenu .sub-nav li {
    margin-bottom: 5px;
    padding: 0;
}
.main-nav.vertical li.has-submenu .sub-nav li:last-child {
    margin-bottom: 0;
}
.main-nav.vertical li.has-submenu .sub-nav li a {
    font-size: 16px;
    opacity: 0.7;
}
.main-nav.vertical li.has-submenu .sub-nav li a:hover {
    opacity: 1;
}
@media screen and (min-width: 992px) and (max-width: 1365px) {
    .full-mega-menu {
        position: static;
    }
}
/*===========================
Responsive Mobile Menu
============================*/
.responsive-mobile-menu {
    margin: 0 -10px;
}
.responsive-mobile-menu .slicknav_btn {
    display: none;
}
.responsive-mobile-menu .slicknav_menu {
    padding: 0;
}
.responsive-mobile-menu .slicknav_nav {
    background-color: #0d50aa;
    display: block !important;
    padding: 20px 30px;
}
.responsive-mobile-menu .slicknav_nav li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    position: relative;
}
.responsive-mobile-menu .slicknav_nav li:last-child {
    border-bottom: 0;
}
.responsive-mobile-menu .slicknav_nav li a {
    color: #FFFFFF;
    font-size: 18px;
    padding: 12px 0;
    margin: 0;
    text-transform: capitalize;
    position: relative;
}
.responsive-mobile-menu .slicknav_nav li a .slicknav_arrow {
    background-color: #003275;
    color: #FFFFFF;
    font-size: 14px;
    display: block;
    text-align: center;
    margin: 0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 35px;
    line-height: 35px;
    width: 35px;
}
.responsive-mobile-menu .slicknav_nav li a a {
    padding: 0;
}
.responsive-mobile-menu .slicknav_nav li a:hover {
    color: #FFFFFF;
    background-color: transparent;
}
.responsive-mobile-menu .slicknav_nav li img {
    display: none;
}
.responsive-mobile-menu .slicknav_nav li div {
    display: none;
}
.responsive-mobile-menu .slicknav_nav li ul {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin: 0;
    padding-left: 10px;
}
.responsive-mobile-menu .slicknav_nav li ul li a {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.7);
}
.responsive-mobile-menu .slicknav_nav .slicknav_open>.slicknav_item {
    position: relative;
}
.responsive-mobile-menu .slicknav_nav .slicknav_open>.slicknav_item .slicknav_arrow {
    background-color: #222222;
}
/*================================
05. Start About Section Style
=================================*/
.about-content-agency-portfolio {
    margin-top: 100px;
}
@media only screen and (min-width: 1200px) {
    .about-content-agency-portfolio {
        padding-left: 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .about-content-agency-portfolio {
        margin-top: 73px;
    }
}
@media only screen and (max-width: 767.98px) {
    .about-content-agency-portfolio {
        margin-top: 32px;
    }
}
@media only screen and (max-width: 479.98px) {
    .about-content-agency-portfolio {
        margin-top: 30px;
    }
}
.about-content-agency-portfolio h2 {
    margin-bottom: 75px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .about-content-agency-portfolio h2 {
        margin-bottom: 46px;
    }
}
@media only screen and (max-width: 767.98px) {
    .about-content-agency-portfolio h2 {
        margin-bottom: 17px;
    }
}
.about-content-conference h6 {
    color: #0D50AA;
    font-weight: 500;
    font-size: 18px;
    font-family: "Work Sans", 'NanumSquareR';
    margin-bottom: 20px;
}
.about-content-conference h2 {
    font-weight: 500;
    margin-bottom: 27px;
}
@media only screen and (min-width: 1200px),
only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .about-content-conference h2 {
        font-size: 52px;
    }
}
@media only screen and (max-width: 767.98px) {
    .about-content-conference h2 {
        margin-bottom: 17px;
    }
}
.about-content-conference .btn {
    margin-top: 22px;
}
.about-content-app-landing {
    font-size: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .about-content-app-landing {
        padding: 0;
    }
}
.about-content-app-landing h2 {
    font-size: 100px;
    font-weight: 200;
    line-height: 80px;
    margin-top: 45px;
    margin-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .about-content-app-landing h2 {
        font-size: 80px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .about-content-app-landing h2 {
        font-size: 50px;
        line-height: 1;
        margin-top: 20px;
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 767.98px) {
    .about-content-app-landing h2 {
        font-size: 40px;
    }
}
.about-content-app-landing h2 strong {
    font-weight: 500;
}
@media only screen and (min-width: 1200px) {
    .about-content-app-landing h2 strong {
        display: block;
    }
}
.about-content-app-landing .btn {
    margin-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .about-content-app-landing .btn {
        margin-top: 20px;
    }
}
.about-content-product-landing h2 {
    font-size: 60px;
    font-family: "Work Sans", 'NanumSquareR';
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 28px;
}
@media only screen and (max-width: 767.98px),
only screen and (min-width: 768px) and (max-width: 991.98px) {
    .about-content-product-landing h2 {
        font-size: 30px;
        margin-bottom: 15px;
    }
}
.about-content-product-landing .btn {
    margin-top: 18px;
}
@media only screen and (max-width: 767.98px) {
    .about-content-product-landing .btn {
        margin-top: 10px;
    }
}
.about-content-onepage h2 {
    color: #0D50AA;
    font-family: "Playfair Display", serif;
    position: relative;
    line-height: 1;
    z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (min-width: 1200px) {
    .about-content-onepage h2 {
        font-size: 70px;
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-top: -40px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .about-content-onepage h2 {
        margin-top: 30px;
    }
}
@media only screen and (max-width: 767.98px) {
    .about-content-onepage h2 {
        margin-top: 25px;
    }
}
.about-content-artist {
    margin-bottom: 0;
}
@media only screen and (max-width: 767.98px) {
    .about-content-artist {
        margin-top: 38px;
    }
}
.about-content-artist .btn {
    margin-top: 42px;
}
.about-content-artist .btn i {
    margin-right: 5px;
    vertical-align: middle;
}
@media only screen and (max-width: 767.98px) {
    .about-content-artist .btn {
        margin-top: 25px;
    }
}
.about-content h1 span,
.about-content h2 span,
.about-content h3 span,
.about-content h4 span {
    color: #0D50AA;
}
.about-content.light {
    color: #FFFFFF;
}
.about-content.light h2,
.about-content.light h3,
.about-content.light h6 {
    color: #FFFFFF;
}
.about-thumb img {
    width: 100%;
}
@media only screen and (min-width: 1200px) {
    .about-thumb--multipurpose {
        margin-right: -325px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .about-thumb--multipurpose {
        padding-bottom: 30px;
    }
}
@media only screen and (max-width: 767.98px) {
    .about-thumb--multipurpose {
        padding-bottom: 20px;
    }
}
@media only screen and (min-width: 1200px) {
    .about-thumb--creative-agency {
        margin-right: -155px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .about-feature--creative-agency {
        margin-top: 50px;
    }
}
@media only screen and (max-width: 767.98px) {
    .about-feature--creative-agency {
        margin-top: 35px;
    }
}
.about-feature--creative-agency .icon-box {
    margin-top: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .about-feature--creative-agency .icon-box {
        margin-top: 50px;
    }
}
@media only screen and (max-width: 767.98px) {
    .about-feature--creative-agency .icon-box {
        margin-top: 30px;
    }
}
.popup-video {
    position: relative;
    overflow: hidden;
}
.popup-video>img {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.popup-video .btn-video-popup {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.popup-video:hover>img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.dropcap-heading {
    position: relative;
    text-align: left;
    text-transform: none;
    max-width: 310px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .dropcap-heading {
        margin-left: 131px;
    }
}
@media only screen and (max-width: 767.98px) {
    .dropcap-heading {
        max-width: 100%;
    }
}
.dropcap-heading span {
    color: #db1439;
    font-size: 150px;
    position: absolute;
    top: -65px;
    left: -150px;
    text-align: right;
    width: 150px;
}
@media only screen and (max-width: 767.98px) {
    .dropcap-heading span {
        position: static;
        font-size: inherit;
        color: inherit;
    }
}
.creative-agency-heading h2 {
    font-family: "Work Sans", 'NanumSquareR';
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 40px;
}
@media only screen and (min-width: 1200px) {
    .creative-agency-heading h2 {
        font-size: 48px;
    }
}
@media only screen and (max-width: 767.98px) {
    .creative-agency-heading h2 {
        margin-top: 20px;
    }
}
.quote-title {
    background-image: url("../img/icons/quote.png");
    background-repeat: no-repeat;
    background-position: top left;
    padding: 50px 0 0 50px;
    margin-bottom: 0;
}
@media only screen and (max-width: 575.98px) {
    .quote-title {
        padding: 30px 0 0 20px;
    }
}
.quote-title.white {
    background-image: url("../img/icons/quote-white.png");
}
@media only screen and (min-width: 1200px),
only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .onepage-about-area {
        margin-top: -70px;
    }
}
/*====================================
06. Start Icon Box Element Style
=====================================*/
.icon-box {
    margin-top: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .icon-box {
        margin-top: 40px;
    }
}
@media only screen and (max-width: 767.98px) {
    .icon-box {
        margin-top: 25px;
    }
}
.icon-box-icon {
    color: #cccccc;
    font-size: 60px;
    line-height: 1;
    margin-bottom: 30px;
}
@media only screen and (max-width: 575.98px) {
    .icon-box-icon {
        margin-bottom: 15px;
    }
}
.icon-box-info h4 {
    font-size: 18px;
}
.icon-box-info .btn {
    margin-top: 15px;
}
@media only screen and (max-width: 767.98px) {
    .icon-box-info .btn {
        margin-top: 5px;
    }
}
.icon-box--mini {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.icon-box--mini .icon-box-icon {
    font-size: 32px;
    -webkit-flex-basis: 35px;
    -ms-flex-preferred-size: 35px;
    flex-basis: 35px;
    max-width: 35px;
    margin-bottom: 0;
    margin-right: 27px;
}
.icon-box--mini .icon-box-info {
    -webkit-flex-basis: calc(100% - 62px);
    -ms-flex-preferred-size: calc(100% - 62px);
    flex-basis: calc(100% - 62px);
    max-width: calc(100% - 62px);
}
@media only screen and (min-width: 1200px) {
    .icon-box--mini .icon-box-info {
        padding-right: 30px;
    }
}
.icon-box--boxed {
    background-color: #FFFFFF;
    border: 1px solid #eee;
    border-bottom: 5px solid #0D50AA;
    text-align: center;
    padding: 70px 30px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media only screen and (max-width: 767.98px) {
    .icon-box--boxed {
        padding: 50px 15px;
    }
}
.icon-box--boxed .icon-box-icon {
    color: #0D50AA;
}
.icon-box--boxed:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}
.icon-box.light {
    color: #FFFFFF;
}
.icon-box.light h4 {
    color: #FFFFFF;
}
/*=============================
07. Start Portfolio Style
==============================*/
.portfolio-item {
    position: relative;
    margin-top: 30px;
}
.portfolio-item:before {
    background-color: rgba(0, 0, 0, 0.9);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    pointer-events: none;
}
.portfolio-item-info {
    position: absolute;
    text-align: center;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -80%);
    -ms-transform: translate(-50%, -80%);
    transform: translate(-50%, -80%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    padding: 20px 15px;
    width: 100%;
}
.portfolio-item-info h4 {
    font-size: 20px;
    font-family: "Work Sans", 'NanumSquareR';
    margin-bottom: 5px;
}
.portfolio-item-info h4 a {
    color: #FFFFFF;
}
.portfolio-item-info .cate-name {
    font-size: 15px;
    color: #aaaaaa;
}
.portfolio-item-thumb img {
    width: 100%;
}
.portfolio-item:hover:before {
    opacity: 1;
    visibility: visible;
}
.portfolio-item:hover .portfolio-item-info {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
    visibility: visible;
}
.portfolio-item--2 {
    margin-top: 0;
}
.portfolio-item--2:before {
    display: none;
}
@media only screen and (max-width: 767.98px) {
    .portfolio-item--2:hover .portfolio-item-info {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.portfolio-item--2 .portfolio-item-info {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
    visibility: visible;
}
@media only screen and (max-width: 767.98px) {
    .portfolio-item--2 .portfolio-item-info {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        padding-top: 25px;
        padding-bottom: 40px;
    }
}
.portfolio-item--2 .portfolio-item-info .cate-name {
    font-size: 18px;
    font-weight: 500;
    color: #0D50AA;
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .portfolio-item--2 .portfolio-item-info .cate-name {
        margin-bottom: 20px;
    }
}
.portfolio-item--2 .portfolio-item-info h4 {
    font-size: 30px;
    font-family: "Montserrat", sans-serif;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .portfolio-item--2 .portfolio-item-info h4 {
        font-size: 26px;
    }
}
.portfolio-item--2 .portfolio-item-info h4 a {
    color: #333333;
}
.portfolio-item--2 .portfolio-item-info h4 a:hover {
    color: #db1439;
}
.portfolio-item--2 .portfolio-item-info .btn-bordered {
    margin-top: 33px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .portfolio-item--2 .portfolio-item-info .btn-bordered {
        margin-top: 25px;
    }
}
.portfolio-item--2 .portfolio-item-info .btn-bordered:hover {
    background-color: #222222;
    color: #FFFFFF;
}
.portfolio-item--3:before {
    display: none;
}
.portfolio-item--3 .portfolio-item-thumb {
    position: relative;
}
.portfolio-item--3 .portfolio-item-thumb:before {
    background-color: rgba(13, 80, 170, 0.8);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.portfolio-item--3 .portfolio-item-thumb .btn-plus {
    color: #FFFFFF;
    font-size: 80px;
    line-height: 1;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1.5);
    -ms-transform: translate(-50%, -50%) scale(1.5);
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.portfolio-item--3 .portfolio-item-info {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    visibility: visible;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 30px;
}
.portfolio-item--3 .portfolio-item-info h4 {
    font-family: "Montserrat", sans-serif;
}
.portfolio-item--3 .portfolio-item-info h4 a {
    color: #333333;
}
.portfolio-item--3 .portfolio-item-info .cate-name {
    font-size: 17px;
    color: #777777;
}
.portfolio-item--3:hover .portfolio-item-info {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.portfolio-item--3:hover .portfolio-item-thumb:before {
    opacity: 1;
    visibility: visible;
}
.portfolio-item--3:hover .portfolio-item-thumb .btn-plus {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    visibility: visible;
}
.portfolio-area-button {
    margin-top: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .portfolio-area-button {
        margin-top: 60px;
    }
}
@media only screen and (max-width: 767.98px) {
    .portfolio-area-button {
        margin-top: 40px;
    }
}
.portfolio-multipurpose-wrap {
    border: 1px solid #eee;
    margin-right: 50px;
}
@media only screen and (max-width: 575.98px) {
    .portfolio-multipurpose-wrap {
        margin-right: 0;
        padding-bottom: 40px;
    }
}
.portfolio-multipurpose-wrap .slick-dots-round .slick-dots {
    margin-top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: calc(100% + 34px);
}
@media only screen and (max-width: 575.98px) {
    .portfolio-multipurpose-wrap .slick-dots-round .slick-dots {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.portfolio-multipurpose-wrap .slick-dots-round .slick-dots li {
    margin-right: 0;
    margin-bottom: 5px;
}
@media only screen and (max-width: 575.98px) {
    .portfolio-multipurpose-wrap .slick-dots-round .slick-dots li {
        margin-right: 10px;
        margin-bottom: 0;
    }
}
.portfolio-multipurpose-wrap .slick-dots-round .slick-dots li:last-child {
    margin-bottom: 0;
}
.portfolio-multipurpose-wrap .slick-dots-round .slick-dots li button {
    border: 3px solid rgba(34, 34, 34, 0.2);
    border-radius: 50%;
    text-indent: -999999999px;
    height: 16px;
    width: 16px;
}
.portfolio-multipurpose-wrap .slick-dots-round .slick-dots li.slick-active button {
    border-color: #0D50AA;
}
.project-item {
    margin-top: 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (max-width: 767.98px) {
    .project-item {
        margin-top: 40px;
        padding: 0 15px;
        display: block;
    }
}
.project-item__info {
    margin-left: 20px;
    width: 200px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .project-item__info {
        width: 120px;
    }
}
@media only screen and (max-width: 767.98px) {
    .project-item__info {
        margin-top: 20px;
        margin-left: 0;
        width: auto;
    }
}
.project-item__info__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
.project-item__info .link,
.project-item__info .title {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    white-space: nowrap;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    margin: 0;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .project-item__info .link {margin-left:20px;}
    .project-item__info .link > a {margin-left:-60px;}
}
@media only screen and (min-width: 1200px) {
    .project-item__info .title {
        max-width: 100px;
    }
}
.project-item__info h4 {
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (min-width: 1200px) {
    .project-item__info h4 {
        font-size: 28px;
    }
}
.project-item__info .btn {
    -webkit-transform: translate(-65px, calc(-100% - 4px));
    -ms-transform: translate(-65px, calc(-100% - 4px));
    transform: translate(-65px, calc(-100% - 4px));
}
.project-item__info .btn-bordered-bottom {
    border-bottom-color: #eee;
}
@media only screen and (max-width: 767.98px) {
    .project-item__info .title,
    .project-item__info .link,
    .project-item__info .title h4,
    .project-item__info .link .btn {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        white-space: normal;
    }
}
.project-item__thumb {
    overflow: hidden;
}
.project-item__thumb img {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.project-item:hover .project-item__thumb img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.slick-slide .portfolio-item--3 {
    margin-top: 0;
}
/*=============================
08. Start Testimonial Style
==============================*/
.testimonial-area {
    color: #FFFFFF;
    position: relative;
}
.testimonial-area .testimonial-content-wrap {
    height: 600px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .testimonial-area .testimonial-content-wrap {
        height: 450px;
    }
}
@media only screen and (max-width: 767.98px) {
    .testimonial-area .testimonial-content-wrap {
        height: auto;
        padding-bottom: 60px;
    }
}
.testimonial-area .testimonial-thumbnail-wrap {
    position: absolute;
    left: 66.666%;
    height: 100%;
    max-width: 754px;
    margin-left: 20px;
    top: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .testimonial-area .testimonial-thumbnail-wrap {
        left: 50%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .testimonial-area .testimonial-thumbnail-wrap {
        display: none;
    }
}
@media only screen and (max-width: 767.98px) {
    .testimonial-area .testimonial-thumbnail-wrap {
        position: static;
        margin-left: 0;
        margin-bottom: 30px;
    }
}
.testimonial-area .testimonial-thumbnail-wrap:before {
    background-color: #FFFFFF;
    content: '';
    position: absolute;
    right: 100%;
    top: 0;
    height: 100%;
    width: 20px;
}
@media only screen and (max-width: 767.98px) {
    .testimonial-area .testimonial-thumbnail-wrap:before {
        display: none;
    }
}
@media only screen and (min-width: 1200px) {
    .testimonial-area .testimonial-creative-agency-wrap {
        padding: 70px 0;
    }
}
.testimonial-item-author {
    margin-bottom: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .testimonial-item-author {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 767.98px) {
    .testimonial-item-author {
        margin-bottom: 15px;
    }
}
.testimonial-item-author .name {
    font-size: 20px;
    color: #FFFFFF;
    margin-bottom: 0;
}
.testimonial-item-author .tagline {
    font-size: 16px;
    opacity: 0.6;
}
.testimonial-item-quote {
    font-size: 24px;
}
@media only screen and (max-width: 767.98px) {
    .testimonial-item-quote {
        font-size: inherit;
    }
}
.testimonial-item--black .testimonial-item-author {
    margin-bottom: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .testimonial-item--black .testimonial-item-author {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 767.98px) {
    .testimonial-item--black .testimonial-item-author {
        margin-bottom: 15px;
    }
}
.testimonial-item--black .testimonial-item-author .name {
    font-size: 20px;
    color: #0D50AA;
    margin-bottom: 0;
}
.testimonial-item--black .testimonial-item-author .tagline {
    color: #777777;
    font-size: 16px;
    opacity: 0.6;
}
.testimonial-item--black .testimonial-item-quote {
    font-size: 24px;
    color: #222222;
}
@media only screen and (max-width: 767.98px) {
    .testimonial-item--black .testimonial-item-quote {
        font-size: inherit;
    }
}
/*=========================================
09. Start Contact Information Area Style
============================================*/
.contact-info-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 685px;
    color: #FFFFFF;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .contact-info-content {
        height: 600px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .contact-info-content {
        height: 500px;
    }
}
@media only screen and (max-width: 767.98px) {
    .contact-info-content {
        height: auto;
        padding: 60px 0;
    }
}
.contact-info-content-inner {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
.contact-info-content h2,
.contact-info-content h3,
.contact-info-content h4 {
    color: #FFFFFF;
    font-weight: 500;
}
.contact-info-content h2,
.contact-info-content h4,
.contact-info-content h6 {
    font-family: "Work Sans", 'NanumSquareR';
}
.contact-info-content h3 {
    margin-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .contact-info-content h3 {
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 767.98px) {
    .contact-info-content h3 {
        margin-bottom: 30px;
    }
}
.contact-info-content h4 {
    margin-bottom: 35px;
    font-size: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .contact-info-content h4 {
        margin-bottom: 25px;
    }
}
@media only screen and (max-width: 767.98px) {
    .contact-info-content h4 {
        margin-bottom: 15px;
    }
}
.contact-info-content h6 {
    font-size: 26px;
    line-height: 1.6;
    color: #FFFFFF;
    margin-bottom: 28px;
}
@media only screen and (max-width: 767.98px) {
    .contact-info-content h6 {
        margin-bottom: 18px;
    }
}
@media only screen and (max-width: 575.98px) {
    .contact-info-content h6 {
        font-size: 20px;
    }
}
.contact-info-content-conference h4 {
    color: #0D50AA;
}
@media only screen and (min-width: 1200px),
only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .contact-info-content--designer {
        height: 515px;
    }
}
.contact-info-content--designer h2 {
    font-size: 52px;
    line-height: 1;
    margin-bottom: 50px;
}
@media only screen and (max-width: 767.98px) {
    .contact-info-content--designer h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }
}
.contact-info-content--designer .btn-border-bottom {
    color: #FFFFFF;
}
.contact-info-content--designer .btn-border-bottom:hover {
    border-bottom-color: #000000;
}
.contact-info-content--designer .social-icons {
    margin-bottom: 45px;
}
@media only screen and (max-width: 767.98px) {
    .contact-info-content--designer .social-icons {
        margin-bottom: 30px;
    }
}
.contact-info-content--black h4 {
    color: #0D50AA;
}
.contact-info-content--black h6 {
    color: #333333;
}
.contact-information,
.contact-freelancer-icons {
    background-color: #f5f5f5;
    height: 100%;
    z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .contact-information,
    .contact-freelancer-icons {
        padding-left: 30px;
        padding-right: 30px;
    }
}
.contact-information:before,
.contact-freelancer-icons:before {
    background-color: #f5f5f5;
    content: '';
    position: absolute;
    right: 100%;
    top: 0;
    height: 100%;
    width: 70%;
    z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .contact-information:before,
    .contact-freelancer-icons:before {
        display: none;
    }
}
.contact-information p,
.contact-freelancer-icons p {
    color: #0D50AA;
    font-weight: 500;
    font-size: 18px;
}
.contact-information h3,
.contact-freelancer-icons h3 {
    font-family: "Work Sans", 'NanumSquareR';
    font-size: 42px;
    font-weight: 500;
    margin: 10px 0 45px;
}
@media only screen and (max-width: 767.98px) {
    .contact-information h3,
    .contact-freelancer-icons h3 {
        margin-bottom: 20px;
        font-size: 22px;
        white-space: normal;
    }
}
.contact-freelancer-icons {
    background-color: #0D50AA;
}
@media only screen and (min-width: 1200px),
only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .contact-freelancer-icons {
        padding-left: 80px;
    }
}
.contact-freelancer-icons:before {
    background-color: #0D50AA;
    left: 100%;
    right: auto;
}
.contact-freelancer-icons h4 {
    color: #FFFFFF;
    font-family: "Work Sans", 'NanumSquareR';
    margin-bottom: 20px;
}
/*==============================
10. Start Social Icons Style
================================*/
.social-icons a {
    color: #222222;
    font-size: 20px;
    line-height: 1;
    margin-right: 15px;
}
.social-icons a:last-child {
    margin-right: 0;
}
.social-icons a:hover {
    color: #db1439;
}
.social-icons--large a {
    font-size: 40px;
}
@media only screen and (max-width: 767.98px) {
    .social-icons--large a {
        font-size: 25px;
    }
}
@media only screen and (min-width: 1200px) {
    .social-icons--large a:not(:last-child) {
        margin-right: 30px;
    }
}
.social-icons.light a {
    color: #FFFFFF;
}
.social-icons.light a:hover {
    opacity: 0.8;
}
/*=========================
11. Start OffCanvas Style
===========================*/
.offCanvas-wrapper {
    background-color: rgba(0, 0, 0, 0.9);
    position: fixed;
    left: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 9999;
    opacity: 0;
    -webkit-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
}
.offCanvas-wrapper.top-to-bottom {
    height: 0;
    width: 100vw;
}
.offCanvas-wrapper.bottom-to-top {
    top: auto;
    bottom: 0;
    height: 0;
    width: 100vw;
}
.offCanvas-wrapper.left-to-right {
    height: 100vh;
    width: 0;
}
.offCanvas-wrapper.right-to-left {
    left: auto;
    right: 0;
    height: 100vh;
    width: 0;
}
.offCanvas-wrapper .offCanvas-header {
    background-color: #FFFFFF;
    padding: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.offCanvas-wrapper .offCanvas-header .btn-close {
    color: #0d50aa;
    font-weight: 700;
    opacity: 1;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    right: 7px;
    top: 15px;
    font-size: 45px;
}
.offCanvas-wrapper .btn-close {
    color: #FFFFFF;
    font-size: 50px;
    line-height: 1;
    position: absolute;
    right: 100px;
    top: 20px;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .offCanvas-wrapper .btn-close {
        right: 50px;
    }
}
@media only screen and (max-width: 479.98px) {
    .offCanvas-wrapper .btn-close {
        right: 20px;
        font-size: 35px;
    }
}
.offCanvas-wrapper .menu-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.offCanvas-wrapper .menu-wrap .main-nav.vertical li {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.offCanvas-wrapper.show {
    opacity: 1;
    -webkit-transition: all 0.65s ease !important;
    -o-transition: all 0.65s ease !important;
    transition: all 0.65s ease !important;
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.offCanvas-wrapper.show.top-to-bottom,
.offCanvas-wrapper.show.bottom-to-top {
    height: 100vh;
}
.offCanvas-wrapper.show.left-to-right,
.offCanvas-wrapper.show.right-to-left {
    width: 100vw;
}
.offCanvas-wrapper.show.responsive-menu {
    -webkit-transition: 0.4s !important;
    -o-transition: 0.4s !important;
    transition: 0.4s !important;
}
.offCanvas-wrapper.show .menu-wrap .main-nav.vertical li {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
}
.offCanvas-wrapper.show .btn-close {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
}
/*==========================================
12. Start Home Minimal Blog Page
===========================================*/
.blog-minimal-top {
    margin-top: 20px;
}
@media only screen and (max-width: 767.98px) {
    .blog-minimal-top img {
        max-width: 60%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .blog-minimal-sidebar {
        margin-top: 80px;
    }
}
@media only screen and (max-width: 767.98px) {
    .blog-minimal-sidebar {
        margin-top: 60px;
    }
}
.blog-minimal-sidebar .instagram-feed h3 {
    font-family: "Playfair Display", serif;
    margin-bottom: 23px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599.98px) {
    .blog-minimal-sidebar .instagram-feed h3 {
        font-size: 28px;
    }
}
@media only screen and (min-width: 1200px),
only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .blog-minimal-sidebar .instagram-feed .instagram-gallery {
        margin-top: -30px;
    }
}
.blog-minimal-sidebar .instagram-feed .instagram-gallery .instagram-item {
    margin-top: 30px;
}
@media only screen and (max-width: 767.98px),
only screen and (min-width: 768px) and (max-width: 991.98px) {
    .blog-minimal-sidebar .instagram-feed .instagram-gallery .instagram-item {
        width: calc(100% / 3);
        margin-top: 0;
    }
}
/*=======================
13. Start Blog Style
========================*/
.blog-item {
    position: relative;
    margin-top: 30px;
    border: 1px solid #eee;
}
.blog-item-info {
    background-color: #FFFFFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.blog-item-info .blog-date {
    font-size: 14px;
    line-height: 1;
    min-width: 110px;
    width: 110px;
    padding-left: 25px;
}
@media only screen and (max-width: 575.98px) {
    .blog-item-info .blog-date {
        min-width: 100px;
        width: 100px;
        padding-left: 20px;
    }
}
.blog-item-info .blog-date .day {
    font-size: 36px;
    line-height: 1;
    color: #333333;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    display: block;
    margin-bottom: 5px;
}
.blog-item-info .blog-meta {
    border-left: 1px solid #eee;
    padding: 35px 20px;
}
.blog-item-info .blog-cate {
    font-size: 15px;
    color: #0D50AA;
    margin-bottom: 8px;
    display: inline-block;
}
.blog-item-info .blog-title {
    font-size: 18px;
    font-family: "Work Sans", 'NanumSquareR';
}
.blog-item-info .blog-title a {
    color: #333333;
}
.blog-item-info .blog-title a:hover {
    color: #0D50AA;
}
.blog-item-thumb img:not(.play):not(.default) {
    height: 235px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.blog-item-footer {
    background-color: #FFFFFF;
    padding: 30px;
    border-top: 1px solid #eee;
}
.blog-item-footer .blog-item-thumb {
    margin-bottom: 18px;
}
.blog-item-footer .blog-item-thumb img {
    max-height: 430px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.blog-item-minimal {
    border: 1px solid #cccccc;
    border-radius: 6px;
    text-align: center;
    min-height: 320px;
    padding: 50px;
    overflow: hidden;
}
.blog-item-minimal .blog-item-thumb {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.blog-item-minimal .blog-item-info {
    display: block;
    border: none;
    background-color: transparent;
    position: relative;
    z-index: 1;
}
.blog-item-minimal .blog-item-info-cate a {
    color: #e4ab71;
    position: relative;
}
.blog-item-minimal .blog-item-info-cate a:after {
    content: ',';
}
.blog-item-minimal .blog-item-info-cate a:last-child:after {
    display: none;
}
.blog-item-minimal .blog-item-info-title {
    margin: 46px 0 120px;
}
@media only screen and (max-width: 575.98px) {
    .blog-item-minimal .blog-item-info-title {
        margin: 46px 0 85px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1599.98px) {
    .blog-item-minimal .blog-item-info-title h3 {
        font-size: 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .blog-item-minimal .blog-item-info-title h3 {
        font-size: 26px;
    }
}
.blog-item-minimal .blog-item-info-title h3 a {
    font-family: "Playfair Display", serif;
    color: #222222;
}
.blog-item-minimal:hover .blog-item-thumb {
    opacity: 1;
    visibility: visible;
}
.blog-item-minimal:hover .blog-item-info * {
    color: #FFFFFF;
}
/*
  Blog Page Metro
*/
.row.no-gutters .blog-item {
    margin-top: 0;
}
/*==========================================
14. Start Hero Banner Area Style
===========================================*/
.hero-content-conference {
    padding: 255px 0 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .hero-content-conference {
        padding-top: 180px;
    }
}
.hero-content-conference h2,
.hero-content-conference h4 {
    color: #FFFFFF;
    font-family: "Work Sans", 'NanumSquareR';
}
.hero-content-conference h4 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 30px;
}
@media only screen and (max-width: 767.98px) {
    .hero-content-conference h4 {
        font-size: 24px;
        font-weight: 500;
    }
}
.hero-content-conference h2 {
    font-size: 90px;
    margin-bottom: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .hero-content-conference h2 {
        font-size: 70px;
    }
}
@media only screen and (max-width: 767.98px) {
    .hero-content-conference h2 {
        font-size: 50px;
    }
}
.hero-content-conference .countdown-wrap {
    padding: 15px 20px;
}
.hero-content-conference .countdown-wrap .ht-countdown .countdown-item__time {
    font-size: 30px;
}
@media only screen and (max-width: 767.98px) {
    .hero-content-conference .countdown-wrap .ht-countdown .countdown-item__time {
        font-size: 20px;
    }
}
@media only screen and (max-width: 767.98px) {
    .hero-content-conference .countdown-wrap .ht-countdown .countdown-item__label {
        font-size: 15px;
    }
}
.hero-content--fashion-store {
    padding: 250px 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .hero-content--fashion-store {
        padding-top: 200px;
        padding-bottom: 200px;
    }
}
@media only screen and (max-width: 767.98px) {
    .hero-content--fashion-store {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}
.hero-content--fashion-store h2 {
    color: #FFFFFF;
    font-family: "Playfair Display", serif;
    font-size: 100px;
    line-height: 1.2;
    margin-bottom: 42px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .hero-content--fashion-store h2 {
        font-size: 80px;
    }
}
@media only screen and (max-width: 767.98px) {
    .hero-content--fashion-store h2 {
        font-size: 45px;
    }
}
.hero-content--designer {
    margin-top: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .hero-content--designer {
        margin-top: 50px;
    }
}
.hero-content--designer .designer-title {
    margin-top: 35px;
}
.hero-content--designer .designer-info {
    margin-top: 40px;
}
.hero-content--designer .designer-info h4 {
    font-family: "Work Sans", 'NanumSquareR';
    color: #0D50AA;
    margin-bottom: 20px;
}
.hero-content--freelancer {
    height: 700px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .hero-content--freelancer {
        height: 600px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .hero-content--freelancer {
        height: auto;
        margin-top: 40px;
        padding-bottom: 80px;
    }
}
@media only screen and (max-width: 767.98px) {
    .hero-content--freelancer {
        height: auto;
        margin-top: 30px;
        padding-bottom: 60px;
    }
}
.hero-content--freelancer h2 {
    line-height: 1;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 50px;
}
@media only screen and (min-width: 1200px) {
    .hero-content--freelancer h2 {
        font-size: 90px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .hero-content--freelancer h2 {
        font-size: 60px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .hero-content--freelancer h2 {
        margin-bottom: 25px;
    }
}
@media only screen and (max-width: 767.98px) {
    .hero-content--freelancer h2 {
        margin-bottom: 20px;
    }
}
.hero-content--freelancer h2 span {
    color: #0D50AA;
}
.hero-content--freelancer h5 {
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    color: #0D50AA;
    letter-spacing: 5px;
    margin: 0;
}
.hero-content--presentation h2 {
    line-height: 1;
    color: #FFFFFF;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (min-width: 1200px) {
    .hero-content--presentation h2 {
        font-size: 100px;
        margin-bottom: 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .hero-content--presentation h2 {
        font-size: 60px;
        margin-bottom: 30px;
    }
}
.hero-content--product-landing {
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.hero-content--product-landing h2 {
    font-size: 89px;
    line-height: 1;
    color: #FFFFFF;
    margin-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .hero-content--product-landing h2 {
        font-size: 60px;
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 767.98px) {
    .hero-content--product-landing h2 {
        font-size: 40px;
        margin-bottom: 30px;
    }
}
.hero-content--product-landing .btn-hvr-brand {
    border-color: #FFFFFF;
    font-size: 16px;
}
.hero-content--product-landing .btn-hvr-brand:hover {
    background-color: #FFFFFF;
    color: #0D50AA;
}
.hero-content--side-menu h2 {
    font-size: 95px;
    color: #FFFFFF;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .hero-content--side-menu h2 {
        font-size: 60px;
    }
}
@media only screen and (max-width: 767.98px) {
    .hero-content--side-menu h2 {
        font-size: 40px;
    }
}
.hero-content--side-menu h4 {
    color: #FFFFFF;
    font-size: 30px;
    margin-bottom: 40px;
}
@media only screen and (max-width: 767.98px) {
    .hero-content--side-menu h4 {
        font-size: 20px;
        margin-bottom: 25px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (min-width: 1200px) {
    .hero-content--artist {
        margin-bottom: 100px;
    }
}
@media only screen and (max-width: 767.98px) {
    .hero-content--artist img {
        max-width: 200px;
    }
}
.hero-content--artist h3 {
    color: #FFFFFF;
    font-size: 40px;
    font-weight: 400;
    margin: 20px 0 150px;
}
@media only screen and (max-width: 767.98px) {
    .hero-content--artist h3 {
        margin-bottom: 40px;
        font-size: 26px;
    }
}
.hero-content--artist .social-icons a {
    font-size: 26px;
}
.hero-content--artist .social-icons a:hover {
    color: #0D50AA;
}
@media only screen and (min-width: 1200px) {
    .hero-freelance-image {
        margin-right: -316px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .hero-freelance-image {
        margin-right: -290px;
    }
}
.video-bg-wrap {
    height: 100vh;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
}
.video-bg-wrap .video-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
}
.video-bg-wrap .video-bg video,
.video-bg-wrap .video-bg iframe {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
/*=============================
Home Fashion Store Hero Banner
==============================*/
.promo-bar-wrap {
    background: -webkit-gradient(linear, left top, right top, from(#f20046), to(#ffaf01));
    background: -webkit-linear-gradient(left, #f20046 0%, #ffaf01 100%);
    background: -o-linear-gradient(left, #f20046 0%, #ffaf01 100%);
    background: linear-gradient(left, #f20046 0%, #ffaf01 100%);
    padding: 15px 0;
}
.promo-bar-wrap h4 {
    margin-bottom: 0;
    color: #FFFFFF;
    font-family: "Work Sans", 'NanumSquareR';
    font-weight: 400;
    font-size: 17px;
}
@media only screen and (max-width: 767.98px) {
    .promo-bar-wrap h4 {
        font-size: 16px;
    }
}
.promo-bar-wrap h4:before {
    content: '\f0a2';
    font-family: "FontAwesome";
    margin-right: 10px;
}
/*=============================
Hero category Box Style
==============================*/
.hero-cate-box-inner {
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 20px 0;
    margin-top: -70px;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media only screen and (max-width: 767.98px) {
    .hero-cate-box-inner {
        padding: 15px;
    }
}
@media only screen and (max-width: 479.98px) {
    .hero-cate-box-inner {
        padding: 0 20px;
    }
}
.cate-box-item {
    border-right: 1px solid #eee;
    padding: 40px 15px;
    text-align: center;
    width: calc(100% / 4);
}
@media only screen and (max-width: 767.98px) {
    .cate-box-item {
        border-bottom: 1px solid #eee;
        width: calc(100% / 2);
    }
    .cate-box-item:nth-child(2n + 2) {
        border-right: none;
    }
    .cate-box-item:nth-child(1n + 3) {
        border-bottom: none;
    }
}
@media only screen and (max-width: 479.98px) {
    .cate-box-item {
        border-right: none;
        width: 100%;
        border-bottom: 1px solid #eee !important;
    }
}
.cate-box-item h4 {
    margin-bottom: 0;
    font-size: 18px;
}
.cate-box-item h4 a {
    color: #222222;
}
.cate-box-item h4 a:hover {
    color: #333333;
}
/*============================
15. Start Team Member Style
==============================*/
.team-member {
    position: relative;
}
.team-member__content {
    background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
    background: -webkit-linear-gradient(bottom, #000, transparent);
    background: -o-linear-gradient(bottom, #000, transparent);
    background: linear-gradient(to top, #000, transparent);
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.team-member__thumb img {
    width: 100%;
}
.team-member .member-info,
.team-member .member-icons {
    position: absolute;
    left: 50%;
    width: 100%;
}
.team-member .member-info {
    bottom: 40px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    line-height: 1;
}
.team-member .member-info h4 {
    font-size: 18px;
    color: #0D50AA;
}
.team-member .member-icons {
    left: auto;
    top: 30px;
    right: 30px;
    text-align: right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.team-member .member-icons a {
    color: #FFFFFF;
    font-size: 22px;
    line-height: 1;
    margin-bottom: 15px;
}
.team-member .member-icons a:hover {
    color: #0D50AA;
}
.team-member .member-icons a:last-child {
    margin-bottom: 0;
}
.team-member:hover .team-member__content {
    opacity: 1;
    visibility: visible;
}
.team-member.team-area-heading {
    color: #FFFFFF;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px;
}
@media only screen and (max-width: 575.98px) {
    .team-member.team-area-heading {
        height: 380px;
    }
}
.team-member.team-area-heading h3 {
    margin-top: 0;
    color: #FFFFFF;
    font-family: "Work Sans", 'NanumSquareR';
    font-weight: 500;
    margin-bottom: 50px;
}
.team-member.team-area-heading .btn-border-bottom {
    color: #FFFFFF;
    border-bottom-color: rgba(255, 255, 255, 0.2);
    font-family: "Work Sans", 'NanumSquareR';
    font-size: 17px;
    font-weight: 400;
}
.team-member.team-area-heading .btn-border-bottom:hover {
    border-bottom-color: #FFFFFF;
}
.team-member--2 {
    margin-top: 35px;
}
.team-member--2 .team-member__content {
    background: transparent;
    opacity: 1;
    visibility: visible;
    position: static;
}
.team-member--2 .team-member__content .member-info {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-top: 35px;
}
.team-member--2 .team-member__thumb {
    position: relative;
}
.team-member--2 .team-member__thumb:before {
    background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
    background: -webkit-linear-gradient(bottom, #000, transparent);
    background: -o-linear-gradient(bottom, #000, transparent);
    background: linear-gradient(to top, #000, transparent);
    content: '';
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.team-member--2 .team-member__thumb .member-icons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    top: auto;
    bottom: 0;
    right: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.team-member--2 .team-member__thumb .member-icons a:not(:last-child) {
    margin-bottom: 0;
    margin-right: 15px;
}
.team-member--2:hover .team-member__thumb:before {
    opacity: 1;
    visibility: visible;
}
.team-member--2:hover .team-member__thumb .member-icons {
    bottom: 30px;
    opacity: 1;
    visibility: visible;
}
/*
  About Page Team Style
*/
.about-team-content {
    height: 650px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (max-width: 767.98px) {
    .about-team-content {
        height: 300px;
    }
}
.about-team-content h2 {
    line-height: 1;
    margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (min-width: 1200px) {
    .about-team-content h2 {
        font-size: 100px;
    }
}
/*
  Team Page Team Member Style
*/
.team-page-content-inner {
    margin: -30px 30px 30px;
}
.team-page-content-inner .team-member {
    margin-top: 30px;
}
/*==================================
16. Start Event Schedule Style
===================================*/
@media only screen and (max-width: 767.98px) {
    .schedule-area-heading {
        margin-bottom: 18px;
    }
}
.schedule-area-heading h3 {
    font-family: "Work Sans", 'NanumSquareR';
    font-weight: 500;
    margin-top: -8px;
    margin-bottom: 28px;
}
@media only screen and (max-width: 767.98px) {
    .schedule-area-heading h3 {
        margin-bottom: 18px;
    }
}
.schedule-area-heading .btn-border-bottom {
    color: #777777;
    font-family: "Work Sans", 'NanumSquareR';
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 15px;
}
.schedule-area-heading .btn-border-bottom:hover {
    color: #0D50AA;
}
.schedules-nav {
    border-bottom: 2px solid #eee;
    margin-bottom: 40px;
    padding-bottom: 5px;
}
.schedules-nav li {
    margin-right: 40px;
}
.schedules-nav li:last-child {
    margin-right: 0;
}
.schedules-nav li a {
    color: #222222;
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    position: relative;
}
.schedules-nav li a.active:before {
    background-color: #0D50AA;
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    height: 2px;
    width: 100%;
}
.schedules-content {
    overflow: hidden;
}
.schedules-content .tab-pane.show h4,
.schedules-content .tab-pane.show h6 {
    -webkit-animation: slideInLeft 0.4s forwards;
    animation: slideInLeft 0.4s forwards;
}
.schedules-content-item h4 {
    color: #0D50AA;
    margin-bottom: 53px;
}
@media only screen and (max-width: 767.98px) {
    .schedules-content-item h4 {
        margin-bottom: 33px;
    }
}
.schedules-timetable-item {
    font-size: 15px;
    margin-bottom: 40px;
}
@media only screen and (max-width: 767.98px) {
    .schedules-timetable-item {
        margin-bottom: 25px;
    }
}
.schedules-timetable-item:last-child {
    margin-bottom: 0;
}
.schedules-timetable-item h6 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 16px;
}
/*=================================
17. Start Call to Action Style
==================================*/
.call-to-action-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 250px;
    color: #FFFFFF;
}
@media only screen and (max-width: 767.98px) {
    .call-to-action-content {
        display: block;
        height: auto;
        padding: 60px 0;
        text-align: center;
    }
}
.call-to-action-content h2,
.call-to-action-content h3 {
    color: #FFFFFF;
    font-weight: 500;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .call-to-action-content h3 {
        font-size: 30px;
    }
}
.call-to-action-content .btn:not(.btn-white):not(.btn-brand) {
    color: #FFFFFF;
}
.call-to-action-content .btn:not(.btn-white):not(.btn-brand):hover {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
    color: #0D50AA;
}
@media only screen and (max-width: 767.98px) {
    .call-to-action-content .btn {
        margin-top: 22px;
    }
}
.call-to-action-content.marketing-agency {
    color: #777777;
}
.call-to-action-content.marketing-agency h2 {
    font-family: "Playfair Display", serif;
    font-weight: 700;
}
@media only screen and (min-width: 1200px),
only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .call-to-action-content.marketing-agency .btn {
        margin-top: 20px;
    }
}
.call-to-action-content--black {
    color: #777777;
}
.call-to-action-content--black h3 {
    color: #333333;
}
.call-to-action-thumb {
    height: 100%;
}
.call-to-action--startup .call-to-action-content {
    height: 560px;
    padding: 30px;
}
@media only screen and (max-width: 767.98px) {
    .call-to-action--startup .call-to-action-content {
        height: auto;
        padding: 100px 15px;
    }
}
@media only screen and (min-width: 1450px) {
    .call-to-action--startup .call-to-action-content {
        padding: 0 150px;
    }
}
@media only screen and (min-width: 1200px) {
    .call-to-action--startup .call-to-action-content h2 {
        font-size: 52px;
    }
}
.call-to-action--startup .call-to-action-content .btns-group {
    margin-top: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (min-width: 768px) and (max-width: 991.98px) {
    .call-to-action--startup .call-to-action-content .btns-group {
        margin-top: 50px;
    }
}
@media only screen and (max-width: 767.98px) {
    .call-to-action--startup .call-to-action-content .btns-group {
        margin-top: 25px;
    }
    .call-to-action--startup .call-to-action-content .btns-group .btn-bordered {
        margin-top: 0;
    }
}
@media only screen and (max-width: 767.98px) and (max-width: 479.98px) {
    .call-to-action--startup .call-to-action-content .btns-group .btn-bordered {
        margin-top: 15px;
    }
}
@media only screen and (max-width: 767.98px) {
    .call-to-action--startup .call-to-action-thumb {
        height: 300px;
    }
}
.call-to-action--startup .row {
    margin: 0 -5px;
}
.call-to-action--startup .row [class*="col"] {
    padding: 0 5px;
}
.call-to-action--fashion-store .call-to-action-content {
    border: 7px solid transparent;
    -webkit-border-image: -webkit-gradient(linear, left top, right top, from(#4031cd), to(#ff96a3));
    -webkit-border-image: -webkit-linear-gradient(left, #4031cd 0%, #ff96a3 100%);
    -o-border-image: -o-linear-gradient(left, #4031cd 0%, #ff96a3 100%);
    border-image: -webkit-gradient(linear, left top, right top, from(#4031cd), to(#ff96a3));
    border-image: linear-gradient(to right, #4031cd 0%, #ff96a3 100%);
    border-image-slice: 1;
    height: 130px;
    padding: 0 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .call-to-action--fashion-store .call-to-action-content {
        padding: 0 20px;
    }
}
@media only screen and (max-width: 767.98px) {
    .call-to-action--fashion-store .call-to-action-content {
        padding: 30px 20px;
        height: auto;
    }
}
.call-to-action--fashion-store .call-to-action-content h3 {
    font-size: 24px;
    color: #333333;
    margin: 0;
}
@media only screen and (max-width: 767.98px) {
    .call-to-action--fashion-store .call-to-action-content h3 {
        margin-bottom: 20px;
    }
}
.call-to-action--multipurpose {
    position: relative;
}
@media screen and (min-width: 1600px) {
    .call-to-action--multipurpose {
        margin-top: 200px;
    }
}
.call-to-action--multipurpose .call-to-action-content {
    display: block;
    height: auto;
    padding: 0;
}
@media only screen and (min-width: 1200px) {
    .call-to-action--multipurpose .call-to-action-content h2 {
        font-size: 52px;
        margin-bottom: 30px;
    }
}
.call-to-action--multipurpose .call-to-action-content h5 {
    color: #1166d9;
}
@media only screen and (min-width: 1200px) {
    .call-to-action--multipurpose .call-to-action-content h5 {
        margin-bottom: 30px;
    }
}
.call-to-action--multipurpose .call-to-action-thumb {
    position: absolute;
    left: 100px;
    top: -80px;
}
@media screen and (max-width: 1600px) {
    .call-to-action--multipurpose .call-to-action-thumb {
        max-width: 500px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        height: auto;
    }
}
@media screen and (max-width: 1400px) {
    .call-to-action--multipurpose .call-to-action-thumb {
        left: 50px;
    }
}
@media screen and (max-width: 1300px) {
    .call-to-action--multipurpose .call-to-action-thumb {
        max-width: 400px;
    }
}
.call-to-action--app-landing .call-to-action-content,
.call-to-action--corporate .call-to-action-content {
    color: #777777;
    font-size: 20px;
    display: block;
    height: auto;
    position: relative;
    padding: 0;
}
.call-to-action--app-landing .call-to-action-content .download-text,
.call-to-action--corporate .call-to-action-content .download-text {
    color: #000000;
    font-size: 200px;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    z-index: -1;
    opacity: 0.05;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .call-to-action--app-landing .call-to-action-content .download-text,
    .call-to-action--corporate .call-to-action-content .download-text {
        font-size: 130px;
    }
}
@media only screen and (max-width: 767.98px) {
    .call-to-action--app-landing .call-to-action-content .download-text,
    .call-to-action--corporate .call-to-action-content .download-text {
        font-size: 80px;
    }
}
@media only screen and (max-width: 479.98px) {
    .call-to-action--app-landing .call-to-action-content .download-text,
    .call-to-action--corporate .call-to-action-content .download-text {
        font-size: 60px;
    }
}
.call-to-action--app-landing .call-to-action-content h2,
.call-to-action--corporate .call-to-action-content h2 {
    color: #333333;
    font-size: 55px;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 37px;
}
@media only screen and (max-width: 767.98px) {
    .call-to-action--app-landing .call-to-action-content h2,
    .call-to-action--corporate .call-to-action-content h2 {
        margin-top: 20px;
        font-size: 30px;
    }
}
.call-to-action--app-landing .call-to-action-content .icon,
.call-to-action--corporate .call-to-action-content .icon {
    font-size: 100px;
    line-height: 1;
    color: #0D50AA;
}
.call-to-action--app-landing .call-to-action-content p,
.call-to-action--corporate .call-to-action-content p {
    margin-top: 30px;
}
@media only screen and (max-width: 767.98px) {
    .call-to-action--app-landing .call-to-action-content p,
    .call-to-action--corporate .call-to-action-content p {
        margin-top: 20px;
    }
}
.call-to-action--app-landing .call-to-action-content .download-buttons,
.call-to-action--corporate .call-to-action-content .download-buttons {
    margin-top: 47px;
}
@media only screen and (max-width: 767.98px) {
    .call-to-action--app-landing .call-to-action-content .download-buttons,
    .call-to-action--corporate .call-to-action-content .download-buttons {
        margin-top: 27px;
    }
}
.call-to-action--app-landing .call-to-action-content .download-buttons a,
.call-to-action--corporate .call-to-action-content .download-buttons a {
    display: inline-block;
}
.call-to-action--app-landing .call-to-action-content .download-buttons a:not(:last-child),
.call-to-action--corporate .call-to-action-content .download-buttons a:not(:last-child) {
    margin-right: 25px;
}
@media only screen and (max-width: 767.98px) {
    .call-to-action--app-landing .call-to-action-content .download-buttons a:not(:last-child),
    .call-to-action--corporate .call-to-action-content .download-buttons a:not(:last-child) {
        margin-right: 10px;
    }
}
@media only screen and (max-width: 479.98px) {
    .call-to-action--app-landing .call-to-action-content .download-buttons a:not(:last-child),
    .call-to-action--corporate .call-to-action-content .download-buttons a:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
        display: inline-block;
    }
}
.call-to-action--app-landing .call-to-action-content .download-buttons a:hover,
.call-to-action--corporate .call-to-action-content .download-buttons a:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
.call-to-action--corporate .call-to-action-content h2 {
    font-weight: 500;
    font-family: "Work Sans", 'NanumSquareR';
}
.call-to-action--corporate .call-to-action-content .download-buttons .btn {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.call-to-action--corporate .call-to-action-content .download-buttons .btn-bordered {
    color: #777777;
}
.call-to-action--corporate .call-to-action-content .download-buttons .btn:hover {
    background-color: #222222;
    color: #FFFFFF;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.call-to-action--product-landing .call-to-action-content {
    position: relative;
}
.call-to-action--product-landing .call-to-action-content h3 {
    margin-bottom: 0;
    margin-top: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (min-width: 1200px) {
    .call-to-action--product-landing .call-to-action-content h3 {
        padding-left: 70px;
    }
}
.call-to-action--product-landing .call-to-action-content:before {
    background-image: url("../img/call-to-action/product-landing.png");
    content: '';
    position: absolute;
    height: 155px;
    width: 155px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
}
/*===============================
18. Start Brand Logo Style
================================*/
.brand-logo-area--2 {
    padding: 60px 0;
}
.brand-logo-heading {
    margin-bottom: 78px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .brand-logo-heading {
        margin-bottom: 45px;
    }
}
@media only screen and (max-width: 767.98px) {
    .brand-logo-heading {
        margin-bottom: 32px;
    }
}
.brand-logo-heading h3 {
    font-weight: 500;
    margin-top: -5px;
    margin-bottom: 0;
}
.brand-logo-item {
    display: table !important;
    height: 100px;
    opacity: 0.6;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    text-align: center;
}
.brand-logo-item a {
    display: table-cell;
    vertical-align: middle;
}
.brand-logo-item img {
    margin: auto;
}
.brand-logo-item:hover {
    opacity: 1;
}
.brand-logo-wrap {
    margin-top: -100px;
}
@media only screen and (max-width: 767.98px) {
    .brand-logo-wrap {
        margin-top: -40px;
    }
}
.brand-logo-wrap .brand-logo-item {
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (max-width: 767.98px) {
    .brand-logo-wrap .brand-logo-item {
        margin-top: 40px;
    }
}
/*==========================================
Start Tracking Order Page Wrapper
===========================================*/
.feature-heading {
    margin-bottom: 80px;
}
@media only screen and (max-width: 767.98px) {
    .feature-heading {
        margin-bottom: 38px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .feature-heading {
        margin-bottom: 50px;
    }
}
.feature-heading h2 {
    font-family: "Work Sans", 'NanumSquareR';
    font-weight: 500;
}
@media only screen and (min-width: 1200px) {
    .feature-heading h2 {
        font-size: 48px;
    }
}
.feature-heading h2 span {
    color: #0D50AA;
}
.feature-heading--2 {
    background-size: inherit;
    padding: 40px 0;
    margin: -45px 0 45px;
}
@media only screen and (max-width: 767.98px),
only screen and (min-width: 768px) and (max-width: 991.98px) {
    .feature-heading--2 {
        background-size: contain;
        margin-bottom: 0;
    }
}
.feature-heading--2 h2 {
    font-family: "Playfair Display", serif;
    font-weight: 700;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (min-width: 1200px) {
    .feature-heading--2 h2 {
        font-size: 70px;
        line-height: 1.4;
        margin-top: -22px;
    }
}
@media only screen and (max-width: 767.98px) {
    .feature-heading--2 h2 {
        line-height: 1.2;
    }
}
.product-feature-thumb {
    margin: -150px -200px 0 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (min-width: 768px) and (max-width: 991.98px) {
    .product-feature-thumb {
        margin: auto;
    }
}
@media only screen and (max-width: 767.98px) {
    .product-feature-thumb {
        margin: 0 0 30px 0;
    }
}
@media only screen and (min-width: 1200px),
only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .feature-area-side-menu .list-box {
        margin-top: 75px;
    }
}
/*============================
20. Start Mission Area Style
==============================*/
.mission-heading-wrap {
    margin-bottom: 75px;
}
@media only screen and (max-width: 767.98px) {
    .mission-heading-wrap {
        margin-bottom: 37px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .mission-heading-wrap {
        margin-bottom: 52px;
    }
}
.mission-heading-wrap h4,
.mission-heading-wrap h2 {
    color: #FFFFFF;
    font-weight: 600;
    font-family: "Work Sans", 'NanumSquareR';
}
.mission-heading-wrap h4 {
    margin-bottom: 23px;
    font-size: 18px;
}
.mission-heading-wrap h2 {
    font-size: 50px;
}
@media only screen and (max-width: 767.98px) {
    .mission-heading-wrap h2 {
        font-size: 30px;
        font-weight: 500;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .mission-heading-wrap h2 {
        font-size: 35px;
        margin-right: 50px;
    }
}
@media only screen and (min-width: 1601px) {
    .mission-heading-wrap h2 {
        margin-right: 210px;
    }
}
.mission-image-wrap {
    text-align: center;
}
@media only screen and (max-width: 767.98px) {
    .mission-image-wrap {
        margin-bottom: 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .mission-image-wrap {
        margin-bottom: 40px;
    }
}
@media only screen and (min-width: 1200px) {
    .mission-image-wrap img {
        width: 70%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .mission-image-wrap img {
        width: 60%;
    }
}
/*==========================
21. Start List Box Style
==============================*/
.list-box {
    margin-top: 25px;
}
@media only screen and (max-width: 575.98px) {
    .list-box__info {
        font-size: 16px;
    }
}
.list-box__info h6 {
    font-weight: 500;
    font-size: 18px;
    line-height: 1;
    font-family: "Work Sans", 'NanumSquareR';
}
.list-box.light .list-box__info {
    color: #FFFFFF;
}
.list-box.light .list-box__info h6 {
    color: #FFFFFF;
}
.list-box__no {
    color: #0D50AA;
    font-size: 18px;
    line-height: 1;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    margin-right: 30px;
}
.list-box--2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 35px;
}
.list-box--2 .list-box__info h3 {
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: -9px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .list-box--2 .list-box__info h3 {
        font-size: 30px;
    }
}
@media only screen and (max-width: 575.98px) {
    .list-box--2 .list-box__info h3 {
        margin-bottom: 10px;
    }
}
/*============================
22. Start Accordion Style
==============================*/
.accordion .card {
    border-radius: 0;
    border: none;
    margin-bottom: 30px;
}
.accordion .card:last-child {
    margin-bottom: 0;
}
.accordion .card-header {
    background-color: transparent;
    border: none;
    border-radius: 0;
    cursor: pointer;
    margin-bottom: 0 !important;
    padding: 0;
}
.accordion .card-header h4 {
    border-bottom: 2px solid #eee;
    font-family: "Work Sans", 'NanumSquareR';
    font-size: 16px;
    margin: 0;
    padding-bottom: 15px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.accordion .card-header h4:hover,
.accordion .card-header h4[aria-expanded="true"] {
    border-bottom-color: #0D50AA;
}
.accordion .card-body {
    padding: 25px 0 0;
}
.accordion--2 .card-header h4 {
    border: 2px solid #eee;
    border-radius: 100px;
    padding: 15px 20px;
}
.accordion--2 .card-header h4:hover,
.accordion--2 .card-header h4[aria-expanded="true"] {
    border-color: #0D50AA;
}
.accordion--2 .card-body {
    padding: 25px;
}
/*==========================
23. Start FAQ Area Style
===========================*/
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .faq-content-left {
        margin-bottom: 50px;
    }
}
@media only screen and (max-width: 767.98px) {
    .faq-content-left {
        margin-bottom: 35px;
    }
}
.faq-content-left h3 {
    font-family: "Work Sans", 'NanumSquareR';
    font-weight: 500;
    margin-bottom: 45px;
}
@media only screen and (max-width: 767.98px) {
    .faq-content-left h3 {
        margin-bottom: 20px;
    }
}
.faq-content-left h3 span {
    color: #0D50AA;
}
.faq-content-left ul {
    margin-top: 40px;
}
@media only screen and (max-width: 767.98px) {
    .faq-content-left ul {
        margin-top: 25px;
    }
}
/*================================
24. Start FunFact Area Style
==================================*/
.fun-fact-item {
    background-color: #0D50AA;
    border-radius: 5px;
    color: #FFFFFF;
    padding: 70px 30px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    margin-top: 30px;
}
@media only screen and (max-width: 767.98px) {
    .fun-fact-item {
        padding: 50px 15px;
    }
}
.fun-fact-item .icon {
    color: #FFFFFF;
    font-size: 60px;
    line-height: 1;
}
.fun-fact-item h3 {
    color: #FFFFFF;
    font-family: "Work Sans", 'NanumSquareR';
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1;
    margin-top: 30px;
}
.fun-fact-item p {
    margin-bottom: 0;
    margin-top: 20px;
}
.fun-fact-item:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}
.fun-fact-item--2 {
    background-color: transparent !important;
    padding: 0;
}
.fun-fact-item--2 h3 {
    color: #0D50AA;
}
.fun-fact-item--2 p {
    color: #777777;
    margin-top: 15px;
}
.fun-fact-item--2 .icon {
    color: #777777;
}
.fun-fact-item--2:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.fun-fact-item--3 {
    background-color: transparent !important;
    padding: 0;
}
.fun-fact-item--3 .icon {
    opacity: 0.5;
}
.fun-fact-item--3:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.fun-fact-area-wrapper [class*="col"]:nth-child(2) .fun-fact-item {
    background-color: #2b7cc9;
}
.fun-fact-area-wrapper [class*="col"]:nth-child(3) .fun-fact-item {
    background-color: #0892A0;
}
.fun-fact-area-wrapper [class*="col"]:nth-child(4) .fun-fact-item {
    background-color: #0BA69A;
}
@media only screen and (min-width: 1200px) {
    .onepage-funfact {
        margin-top: -85px;
    }
}
@media only screen and (min-width: 1200px) {
    .onepage-funfact .fun-fact-item {
        margin-top: 85px;
    }
}
.funfact-heading strong {
    color: #0D50AA;
    font-weight: 500;
}
.funfact-heading h3 {
    font-size: 48px;
    margin: 10px 0 26px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .funfact-heading h3 {
        font-size: 32px;
    }
}
@media only screen and (max-width: 767.98px) {
    .funfact-heading h3 {
        font-size: 30px;
        margin-bottom: 20px;
    }
}
.funfact-heading h2 {
    font-weight: 500;
    margin: 15px 0 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (min-width: 1200px) {
    .funfact-heading h2 {
        font-size: 32px;
    }
}
@media only screen and (max-width: 767.98px) {
    .funfact-heading h2 br {
        display: block;
    }
}
.funfact-heading.light * {
    color: #FFFFFF;
}
/*=============================
25. Start Product Style
=============================*/
.product-item {
    margin-top: 50px;
}
@media only screen and (max-width: 767.98px) {
    .product-item {
        margin-top: 30px;
    }
}
.product-item__thumb {
    position: relative;
    overflow: hidden;
}
.product-item__thumb img {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.product-item__thumb .badge {
    border-radius: 0;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    padding: 6px 10px;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    top: 0;
}
.product-item__info {
    margin-top: 30px;
    text-align: center;
}
.product-item__info .title {
    font-size: 18px;
}
.product-item__info .title a {
    color: #333333;
}
.product-item__info .title a:hover {
    color: #0D50AA;
}
.product-item__info .price {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}
.product-item__info .price-sale {
    color: #db0404;
}
.product-item__info .price-sale:after {
    color: #777777;
    content: '-';
    padding: 0 5px 0 10px;
    font-size: 20px;
    line-height: 1;
}
.product-item__info .btn-bordered {
    margin-top: 13px;
    font-size: 16px;
    padding-left: 29px;
    padding-right: 29px;
}
.product-item__info .btn-bordered:hover {
    background-color: #0D50AA;
    border-color: #0D50AA;
    color: #FFFFFF;
}
.product-item:hover .product-item__thumb img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.product-item--2 {
    position: relative;
    overflow: hidden;
    margin-top: 30px;
}
.product-item--2 .product-item__info {
    background-color: #FFFFFF;
    margin-top: 0;
    padding: 50px 15px;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.product-item--2:hover .product-item__info {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    visibility: visible;
}
.product-carousel .product-item {
    margin-top: 0;
}
.product-carousel .slick-list {
    margin: 0 -15px;
}
.product-carousel .slick-slide {
    padding: 0 15px;
}
/*=============================
26. Start Search Box Style
===============================*/
.search-box-wrapper {
    -webkit-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.search-box-wrapper.show .search-box-content-wrap {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.search-box-content-wrap {
    position: absolute;
    color: #FFFFFF;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -35%);
    -ms-transform: translate(-50%, -35%);
    transform: translate(-50%, -35%);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
    padding: 20px;
    width: 100%;
}
@media only screen and (min-width: 1200px) {
    .search-box-content-wrap {
        max-width: 40%;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .search-box-content-wrap {
        max-width: 70%;
    }
}
.search-box-content-wrap h3 {
    color: #FFFFFF;
    font-weight: 300;
}
@media only screen and (max-width: 767.98px) {
    .search-box-content-wrap h3 {
        font-size: 22px;
    }
}
.search-form {
    position: relative;
    margin-top: 50px;
}
@media only screen and (max-width: 767.98px) {
    .search-form {
        margin-top: 35px;
    }
}
.search-form input {
    background: transparent;
    border: none;
    border-bottom: 2px solid #FFFFFF;
    color: #FFFFFF;
    font-weight: 300;
    font-size: 30px;
    text-align: center;
    padding: 10px 50px 10px 20px;
    width: 100%;
}
@media only screen and (max-width: 767.98px) {
    .search-form input {
        font-size: 20px;
    }
}
.search-form input::-webkit-input-placeholder {
    color: #FFFFFF;
}
.search-form input::-moz-placeholder {
    color: #FFFFFF;
}
.search-form input:-ms-input-placeholder {
    color: #FFFFFF;
}
.search-form input::-ms-input-placeholder {
    color: #FFFFFF;
}
.search-form input::placeholder {
    color: #FFFFFF;
}
.search-form .search-box-icon {
    color: #FFFFFF;
    position: absolute;
    top: 10px;
    font-size: 30px;
    right: 0;
}
/*=============================
27. Start Newsletter Style
===============================*/
.newsletter-area {
    padding: 90px 0;
}
@media only screen and (max-width: 767.98px) {
    .newsletter-area {
        padding: 60px 0;
    }
}
.newsletter-form-content {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .newsletter-form-content {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 35px;
    }
}
@media only screen and (max-width: 575.98px) {
    .newsletter-form-content {
        text-align: center;
        margin-top: 25px;
    }
}
.newsletter-form-content input {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #eee;
    color: #777777;
    padding: 10px 20px 10px 0;
    width: 65%;
}
@media only screen and (max-width: 575.98px) {
    .newsletter-form-content input {
        margin-bottom: 25px;
        width: 100%;
    }
}
.newsletter-form-content input::-webkit-input-placeholder {
    color: #777777;
}
.newsletter-form-content input::-moz-placeholder {
    color: #777777;
}
.newsletter-form-content input:-ms-input-placeholder {
    color: #777777;
}
.newsletter-form-content input::-ms-input-placeholder {
    color: #777777;
}
.newsletter-form-content input::placeholder {
    color: #777777;
}
.newsletter-form-content--white input {
    border-bottom-color: #FFFFFF;
    color: #FFFFFF;
}
.newsletter-form-content--white input::-webkit-input-placeholder {
    color: #FFFFFF;
}
.newsletter-form-content--white input::-moz-placeholder {
    color: #FFFFFF;
}
.newsletter-form-content--white input:-ms-input-placeholder {
    color: #FFFFFF;
}
.newsletter-form-content--white input::-ms-input-placeholder {
    color: #FFFFFF;
}
.newsletter-form-content--white input::placeholder {
    color: #FFFFFF;
}
.newsletter-form-content--product-landing {
    margin-top: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .newsletter-form-content--product-landing {
        text-align: center;
    }
}
@media only screen and (max-width: 767.98px) {
    .newsletter-form-content--product-landing {
        margin-top: 25px;
        text-align: center;
    }
}
.newsletter-form-content--product-landing input {
    width: 100%;
}
.newsletter-form-content--product-landing .btn {
    color: #FFFFFF;
    margin-top: 40px;
}
@media only screen and (max-width: 767.98px) {
    .newsletter-form-content--product-landing .btn {
        margin-top: 25px;
    }
}
@media only screen and (max-width: 575.98px) {
    .newsletter-form-content--product-landing .btn {
        margin-top: 10px;
    }
}
.newsletter-form-content--product-landing .btn:hover {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: #0D50AA;
}
.newsletter-text--white h4 {
    color: #FFFFFF;
}
.newsletter-text--product-landing {
    color: #FFFFFF;
}
@media only screen and (min-width: 1200px) {
    .newsletter-text--product-landing {
        max-width: 70%;
    }
}
.newsletter-text--product-landing h3 {
    font-family: "Work Sans", 'NanumSquareR';
    color: #FFFFFF;
    font-weight: 500;
    margin-top: -7px;
}
.newsletter-banner--landing {
    position: absolute;
    height: 100%;
    width: 50%;
    right: 0;
    top: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .newsletter-banner--landing {
        position: static;
        width: 100%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .newsletter-banner--landing {
        margin-top: -80px;
        height: 450px;
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 767.98px) {
    .newsletter-banner--landing {
        height: 300px;
        margin-top: -60px;
        margin-bottom: 30px;
    }
}
/*=========================
28. Start Skills Style
===========================*/
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .skills-heading-wrap {
        margin-bottom: 53px;
    }
}
@media only screen and (max-width: 767.98px) {
    .skills-heading-wrap {
        margin-bottom: 40px;
    }
}
.skills-heading-wrap .heading-icon {
    font-size: 100px;
    color: #0D50AA;
    line-height: 75px;
}
@media only screen and (max-width: 575.98px) {
    .skills-heading-wrap .heading-icon {
        font-size: 75px;
        line-height: 50px;
    }
}
.skills-heading-wrap h3 {
    font-weight: 500;
    margin-top: 55px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .skills-heading-wrap h3 {
        margin-top: 30px;
    }
}
@media only screen and (max-width: 767.98px) {
    .skills-heading-wrap h3 {
        margin-top: 20px;
    }
}
.skills-heading-wrap--2 {
    color: #FFFFFF;
    margin-bottom: 0;
    padding: 0 15px;
}
@media screen and (min-width: 1550px) {
    .skills-heading-wrap--2 {
        padding: 30px 70px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .skills-heading-wrap--2 {
        padding: 0 50px;
    }
}
.skills-heading-wrap--2 h3 {
    color: #FFFFFF;
    font-family: "Playfair Display", serif;
    font-weight: 700;
    margin-top: 0;
}
@media only screen and (min-width: 1200px) {
    .skills-heading-wrap--2 h3 {
        padding-right: 55px;
        line-height: 1.4;
    }
}
.skills-heading-wrap--2 p,
.skills-heading-wrap--2 .text {
    margin-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .skills-right-wrapper {
        padding: 75px 50px 80px;
    }
}
@media only screen and (max-width: 767.98px) {
    .skills-right-wrapper {
        padding: 55px 15px;
    }
}
.ht-pie-chart {
    text-align: center;
    position: relative;
}
.ht-pie-chart .progressbar-percent {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.progressbar-item {
    margin-top: 30px;
}
@media only screen and (min-width: 1200px) {
    .progressbar-item {
        padding: 0 20px;
    }
}
.progressbar-item__txt {
    margin-top: 32px;
    font-size: 15px;
}
@media only screen and (max-width: 767.98px) {
    .progressbar-item__txt {
        margin-top: 20px;
    }
}
.progressbar-item__txt h5 {
    font-size: 18px;
    font-weight: 500;
}
@media only screen and (max-width: 767.98px) {
    .progressbar-item__txt h5 {
        margin-bottom: 10px;
    }
}
@media only screen and (min-width: 1200px) {
    .progressbar-item--line {
        padding: 0;
    }
}
.progressbar-item--line .progress-info {
    color: #333333;
    font-size: 15px;
    font-weight: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}
.progressbar-item--line .progress-info__percent {
    color: #0D50AA;
}
.progressbar-item--line .progress-line {
    background-color: #FFFFFF;
    height: 4px;
    position: relative;
    width: 100%;
}
.progressbar-item--line .progress-line-softWhite {
    background-color: #f5f5f5;
}
.progressbar-item--line .progress-line-bar {
    background-color: #0D50AA;
    position: relative;
    height: 100%;
    width: 0;
}
.progressbar-item--line .progress-line-bar:before {
    background-color: #0D50AA;
    border-radius: 50%;
    content: '';
    position: absolute;
    bottom: -4px;
    left: calc(100% - 12px);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    height: 12px;
    width: 12px;
    z-index: 9;
}
.freelancer-skills-area .section-title h3 {
    font-weight: 500;
}
/*============================
29. Start Presentation Page
==============================*/
@media only screen and (max-width: 767.98px) {
    .fullPage .section {
        padding: 100px 0;
    }
}
@media only screen and (max-width: 767.98px) {
    .fullPage .section .contact-info-content {
        padding: 0;
    }
    .fullPage .section .contact-info-content h6 {
        margin-bottom: 0;
    }
}
.feature-presentation-area .quote-title {
    background-image: none;
    padding: 0;
    position: relative;
}
.feature-presentation-area .quote-title:before {
    background-image: url("../img/icons/quote-white.png");
    content: '';
    position: absolute;
    left: -50px;
    top: -50px;
    width: 116px;
    height: 100px;
    background-repeat: no-repeat;
}
.feature-presentation-area .quote-title strong {
    color: #FFFFFF;
}
.header-presentation.is-sticky {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 30px 0;
}
#fp-nav ul li {
    width: 16px;
    height: 16px;
    margin-top: 12px;
    margin-bottom: 12px;
}
#fp-nav ul li a {
    border: 3px solid #FFFFFF;
    border-radius: 50%;
    opacity: 0.2;
}
#fp-nav ul li a.active,
#fp-nav ul li a:hover {
    opacity: 1;
}
#fp-nav ul li a span {
    display: none;
}
#fp-nav.dark ul li a {
    border-color: #222222;
}
.footer-presentation {
    position: fixed;
    width: 100%;
    z-index: 99;
    left: 0;
    bottom: 0;
}
@media only screen and (max-width: 767.98px) {
    .footer-presentation {
        position: static;
    }
}
.footer-presentation .footer-copyright-wrap {
    padding: 0 0 50px;
}
@media only screen and (max-width: 767.98px) {
    .footer-presentation .footer-copyright-wrap {
        padding: 30px 0;
    }
}
.footer-presentation.light {
    color: #FFFFFF;
}
.footer-presentation.light .footer-nav li a {
    color: #FFFFFF;
}
/*=======================
30. Start Category Style
==========================*/
.category {
    position: relative;
}
.category-item {
    margin-top: 30px;
}
@media only screen and (min-width: 1200px) {
    .category-item--2 .category__txt {
        max-width: 60%;
    }
}
@media only screen and (min-width: 1200px) {
    .category-item--2 .category__txt h2 {
        font-size: 70px;
    }
}
.category-item--2 .category__txt .btn-border-bottom {
    border-bottom-color: #222222;
    margin-left: 10px;
}
@media only screen and (max-width: 767.98px) {
    .category__thumb img {
        min-height: 300px;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
.category__txt {
    padding: 75px 50px;
}
@media only screen and (max-width: 767.98px) {
    .category__txt {
        padding: 30px 15px;
    }
}
.category__txt h2,
.category__txt h3 {
    font-weight: 500;
}
.category__txt h2 {
    font-size: 48px;
}
@media only screen and (max-width: 767.98px) {
    .category__txt h2 {
        font-size: 32px;
    }
}
.category__txt h3 {
    font-size: 32px;
    margin-top: -5px;
}
.category__txt .btn {
    font-size: 17px;
    line-height: 1;
    font-family: "Work Sans", 'NanumSquareR';
    font-weight: 400;
}
.category__txt.center {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}
.category__txt.center-vertical {
    left: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
}
@media only screen and (min-width: 1200px) {
    .category__txt.center-vertical {
        left: 100px;
    }
}
.category__txt.top-horizontal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
@media only screen and (max-width: 575.98px) {
    .category__txt.top-horizontal {
        display: block;
        text-align: center;
    }
}
.category__txt.top-horizontal .btn {
    -webkit-align-self: baseline;
    -ms-flex-item-align: baseline;
    align-self: baseline;
}
.category__txt.light {
    color: #FFFFFF;
}
.category__txt.light h2,
.category__txt.light .btn {
    color: #FFFFFF;
}
.category__txt.light .btn:hover {
    color: #222222;
    border-bottom-color: #222222;
}
/*============================
31. Start Pricing Plan Style
============================*/
.pricing-plan {
    background-color: #FFFFFF;
    border-radius: 10px;
    font-family: "Work Sans", 'NanumSquareR';
    font-size: 15px;
    padding: 60px 40px;
    margin-top: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .pricing-plan {
        padding: 50px 20px;
    }
}
@media only screen and (max-width: 767.98px) {
    .pricing-plan {
        padding: 50px 25px;
    }
}
.pricing-plan__price {
    color: #222222;
    font-size: 48px;
    line-height: 1;
    font-weight: 600;
}
.pricing-plan__price sup {
    font-size: 40%;
    top: -20px;
}
.pricing-plan__title {
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
    font-family: "Work Sans", 'NanumSquareR';
    margin: 35px 0 30px 0;
}
.pricing-plan__cate {
    color: #aaaaaa;
    display: block;
    font-size: 11px;
    letter-spacing: .79px;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.pricing-plan .btn {
    margin-top: 20px;
}
.pricing-plan .btn-bordered:hover {
    background-color: #222222;
    color: #FFFFFF;
}
.pricing-plan.popular .pricing-plan__price {
    color: #0D50AA;
}
.pricing-plan-advance {
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
}
.pricing-plan-advance::-webkit-scrollbar {
    height: 10px;
}
.pricing-plan-advance::-webkit-scrollbar-track {
    background-color: #0D50AA;
}
.pricing-plan-advance::-webkit-scrollbar-thumb {
    background-color: #db1439;
}
.pricing-plan-advance .pricing-box {
    padding: 50px 30px;
    height: 100%;
    position: relative;
}
.pricing-plan-advance .pricing-box:not(.pricing-box-compare) {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
}
.pricing-plan-advance .pricing-box-compare {
    min-width: 350px;
    -webkit-flex-basis: 350px;
    -ms-flex-preferred-size: 350px;
    flex-basis: 350px;
    height: 100%;
}
@media only screen and (max-width: 767.98px) {
    .pricing-plan-advance .pricing-box-compare {
        min-width: 250px;
    }
}
.pricing-plan-advance .pricing-box-details {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.pricing-plan-advance .pricing-box-details .pricing-box {
    min-width: 250px;
}
.pricing-plan-advance .pricing-box-basic {
    background-color: #FFFFFF;
}
.pricing-plan-advance .pricing-box-popular {
    background-color: #F6FBFF;
}
.pricing-plan-advance .pricing-box-premium {
    background-color: #EDF5FF;
}
.pricing-plan-advance .pricing-box-top h6 {
    color: #0D50AA;
    font-weight: 600;
    font-family: "Work Sans", 'NanumSquareR';
    font-size: 18px;
}
.pricing-plan-advance .pricing-box-top .pricing-info {
    color: #222222;
    font-size: 32px;
    font-weight: 600;
    font-family: "Work Sans", 'NanumSquareR';
    line-height: 1;
}
.pricing-plan-advance .pricing-box-top .pricing-info sup {
    font-size: 20px;
    top: -10px;
}
.pricing-plan-advance .pricing-box-top .pricing-info .period {
    font-size: 15px;
    color: #777777;
    font-weight: 400;
    margin-left: 0px;
}
.pricing-plan-advance .pricing-box-features {
    margin-top: 45px;
}
.pricing-plan-advance .pricing-box-footer {
    margin-top: 40px;
}
.pricing-plan-advance .pricing-box-footer .btn-bordered:hover {
    background-color: #222222;
    color: #FFFFFF;
}
.pricing-plan-advance .pricing-box .ht-list li {
    border-bottom: 1px solid #ddd;
    font-size: 17px;
    margin-bottom: 0;
    padding: 8px 0;
    height: 40px;
}
.pricing-plan-advance .pricing-box .ht-list li:first-child {
    border-top: 1px solid #ddd;
}
.pricing-plan-advance .pricing-box .ht-list li i {
    color: #86D531;
}
.pricing-plan-advance .pricing-box .title h4 {
    font-size: 26px;
    margin-bottom: 0;
}
@media only screen and (max-width: 767.98px) {
    .pricing-plan-advance .pricing-box .title h4 br {
        display: block;
    }
}
.pricing-plan-advance .pricing-box .pricing-badge {
    background-color: #0D50AA;
    color: #FFFFFF;
    font-size: 11px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    padding: 4px 5px;
    position: absolute;
    letter-spacing: 2px;
    top: 0;
    left: 0;
    text-transform: uppercase;
    width: 100%;
}
/*=========================
32. Start Box Image Style
==========================*/
.box-image__thumb {
    margin-bottom: 28px;
}
.box-image__thumb img {
    height: 235px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.box-image__info h4 {
    font-family: "Work Sans", 'NanumSquareR';
    font-size: 18px;
}
.box-image__info h4 a {
    color: #333333;
}
.box-image__info h4 a:hover {
    color: #0D50AA;
}
/*=====================================
33. Start Home Portfolio Parallax
=====================================*/
.portfolio-parallax-content {
    height: 100vh;
    display: table-cell;
    vertical-align: middle;
}
.portfolio-parallax-content h5 {
    font-family: "Work Sans", 'NanumSquareR';
    font-size: 17px;
    margin-bottom: 22px;
}
.portfolio-parallax-content h2 {
    font-size: 52px;
    font-weight: 500;
    margin-bottom: 40px;
}
@media only screen and (max-width: 767.98px) {
    .portfolio-parallax-content h2 {
        font-size: 30px;
    }
}
.portfolio-parallax-content a {
    color: #FFFFFF;
}
.portfolio-parallax-content a.btn-bordered {
    border-color: #FFFFFF;
}
.portfolio-parallax-content a.btn-bordered:hover {
    background-color: #FFFFFF;
    color: #0D50AA;
}
/*===============================
34. Start Event Info Style
================================*/
.event-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (max-width: 767.98px) {
    .event-info:not(:last-child) {
        margin-bottom: 30px;
    }
}
.event-info-icon {
    font-size: 35px;
    line-height: 1;
    opacity: 0.6;
    margin-right: 10px;
    text-align: center;
    height: 40px;
    width: 40px;
}
.event-info.light {
    color: #FFFFFF;
}
/*=========================
35. Start Soundcloud Style
=========================*/
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .soundcloud-heading {
        margin-bottom: 60px;
    }
}
@media only screen and (max-width: 767.98px) {
    .soundcloud-heading {
        margin-bottom: 40px;
    }
}
.soundcloud-heading h3 {
    font-size: 36px;
    color: #FFFFFF;
    font-weight: 500;
    margin: 25px 0 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .soundcloud-heading h3 {
        margin: 15px 0 25px;
    }
}
@media only screen and (max-width: 767.98px) {
    .soundcloud-heading h3 {
        margin: 15px 0;
    }
}
.soundcloud-heading .btn-border-bottom {
    color: #FFFFFF;
}
.soundcloud-item {
    background-color: #FFFFFF;
    border-radius: 3px;
    padding: 10px;
    height: 170px;
    margin-top: 40px;
}
.soundcloud-item iframe {
    border-radius: 3px;
    border: none;
    height: 100%;
    width: 100%;
}
/*
  Gallery Style CSS
*/
.gallery-item {
    position: relative;
    overflow: hidden;
    margin-top: 30px;
}
.gallery-item:hover:before,
.gallery-item:hover .btn-gallery {
    opacity: 1;
    visibility: visible;
}
.gallery-item:hover img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.gallery-item:before {
    background-color: rgba(0, 0, 0, 0.6);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.gallery-item .btn-gallery {
    position: absolute;
    color: #FFFFFF;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index: 2;
}
.gallery-item img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    width: 100%;
}
/*================================
36. Start Page Header Style
===================================*/
.page-header-content {
    height: 750px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .page-header-content {
        height: 550px;
    }
}
@media only screen and (max-width: 767.98px) {
    .page-header-content {
        height: 450px;
    }
}
.page-header-content h2 {
    font-weight: 500;
}
@media only screen and (min-width: 1200px) {
    .page-header-content h2 {
        font-size: 52px;
    }
}
@media only screen and (min-width: 1200px) {
    .page-header-content--2 h2 {
        font-size: 80px;
        font-weight: 700;
    }
}
.page-header-content.light h2 {
    color: #FFFFFF;
}
.page-header-content.full-height {
    height: 100vh;
}
.page-header--3 {
    background-color: #f5f5f5;
    padding: 35px 0;
    border-left: 5px solid #0D50AA;
}
.page-header--3 .page-title-text h4 {
    font-size: 20px;
    margin: 0;
}
.page-header--4 {
    height: 500px;
    padding-bottom: 55px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .page-header--4 {
        height: 300px;
    }
}
.page-header--4 h3 {
    font-weight: 500;
    margin: 0;
}
/*
  Breadcrumb
*/
.breadcrumb {
    background-color: transparent;
    padding: 0;
    margin: 0;
}
.breadcrumb li {
    color: #777777;
    position: relative;
}
.breadcrumb li:after {
    content: "";
    background-color: #777777;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    margin: 0 15px;
    height: 5px;
    width: 5px;
}
@media only screen and (max-width: 575.98px) {
    .breadcrumb li:after {
        margin: 0 10px;
    }
}
.breadcrumb li.active:after {
    display: none;
}
.breadcrumb li a {
    color: #777777;
}
.breadcrumb li a:hover {
    color: #0D50AA;
}
.breadcrumb--light li {
    color: #FFFFFF;
}
.breadcrumb--light li a {
    color: #FFFFFF;
}
/*
  Team Page Header
*/
.team-page-header-wrapper {
    background-position: -90px -60px;
}
.team-page-header-wrapper .team-page-header-content {
    padding: 150px 0 200px;
}
@media only screen and (max-width: 767.98px) {
    .team-page-header-wrapper .team-page-header-content {
        padding: 80px 0 90px;
    }
}
.team-page-header-wrapper .team-page-header-content h1 {
    font-size: 70px;
    font-weight: 500;
    font-family: "Work Sans", 'NanumSquareR';
    margin-bottom: 0;
}
@media only screen and (max-width: 767.98px) {
    .team-page-header-wrapper .team-page-header-content h1 {
        font-size: 40px;
    }
}
.team-page-header-wrapper .team-page-header-content h1 span {
    color: #0D50AA;
}
/*===============================
  37. Start About Me Page Style
================================*/
/* Start About Me Banner Area */
.about-me-banner-content {
    height: 840px;
    display: table-cell;
    vertical-align: middle;
    color: #FFFFFF;
    font-size: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .about-me-banner-content {
        padding-bottom: 90px;
        height: 650px;
    }
}
@media only screen and (max-width: 767.98px) {
    .about-me-banner-content {
        padding-bottom: 60px;
        height: 500px;
    }
}
.about-me-banner-content h2 {
    color: #FFFFFF;
    line-height: 1;
    font-family: "Work Sans", 'NanumSquareR';
}
@media only screen and (min-width: 1200px) {
    .about-me-banner-content h2 {
        font-size: 56px;
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 767.98px) {
    .about-me-banner-content h2 {
        font-size: 40px;
    }
}
.about-me-txt {
    font-size: 15px;
}
.about-me-txt:not(:last-child) {
    margin-bottom: 35px;
}
.about-me-txt h4 {
    font-size: 20px;
}
.about-me-txt.bio p:not(:last-child) {
    margin-bottom: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .about-me-skills {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
@media only screen and (max-width: 767.98px) {
    .about-me-skills {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (min-width: 1200px) {
    .about-feature-wrapper.about-3 {
        height: 100vh;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .about-feature-wrapper.about-3 {
        padding: 160px 0 100px;
    }
}
.about-page-content-area .about-content-conference {
    font-size: 15px;
}
.about-page-content-area .about-content-conference h3 {
    font-size: 36px;
    font-weight: 500;
    margin: 30px 0;
}
@media only screen and (max-width: 767.98px),
only screen and (min-width: 768px) and (max-width: 991.98px) {
    .about-page-content-area .about-content-conference h3 {
        margin: 15px 0;
    }
}
.about-page-service-wrap .service-call-to-action {
    padding: 30px 120px;
}
@media only screen and (max-width: 767.98px),
only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .about-page-service-wrap .service-call-to-action {
        padding: 50px 15px;
    }
    .about-page-service-wrap .service-call-to-action h3 {
        font-size: 28px;
    }
}
/*===============================
38. Start Contact Page Style
================================*/
.contact-split-content {
    padding-left: 120px;
    padding-right: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (min-width: 768px) and (max-width: 991.98px) {
    .contact-split-content {
        padding-left: 80px;
        padding-right: 80px;
    }
}
@media only screen and (max-width: 767.98px) {
    .contact-split-content {
        padding-left: 15px;
        padding-right: 15px;
    }
}
.contact-split-content .contact-info-content {
    height: auto;
}
.contact-split-content .contact-info-content h4 {
    margin-bottom: 15px;
}
.contact-split-content .contact-info-item:not(:last-child) {
    margin-bottom: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .contact-split-content .contact-info-item:not(:last-child) {
        margin-bottom: 60px;
    }
}
@media only screen and (max-width: 767.98px) {
    .contact-split-content .contact-info-item:not(:last-child) {
        margin-bottom: 40px;
    }
}
.contact-form-area h4 {
    color: #0D50AA;
    font-size: 18px;
    font-family: "Work Sans", 'NanumSquareR';
}
/*
Form Input Style
*/
.input-item {
    margin-top: 50px;
}
.input-item input,
.input-item textarea {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #eee;
    display: block;
    padding: 0 0 10px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    resize: none;
    width: 100%;
}
.input-item input:focus,
.input-item textarea:focus {
    border-bottom-color: #0D50AA;
}
.input-item--classic input,
.input-item--classic textarea {
    border: 1px solid #eee;
    padding: 13px 20px;
}
.input-item--classic input:focus,
.input-item--classic input:active,
.input-item--classic textarea:focus,
.input-item--classic textarea:active {
    border-color: #0D50AA;
}
.input-item.light input,
.input-item.light textarea {
    border-bottom-color: rgba(255, 255, 255, 0.5);
    color: #FFFFFF;
}
/*
Start Map Style
*/
.map #map {
    height: 100%;
}
.map.map-onepage {
    height: 500px;
}
@media only screen and (max-width: 767.98px) {
    .map.map-onepage {
        height: 350px;
    }
}
.map.contact-map-split {
    height: 100%;
}
@media only screen and (max-width: 767.98px) {
    .map.contact-map-split {
        height: 350px;
    }
}
/*
Contact Banner Style
*/
.contact-banner-content {
    background-color: #FFFFFF;
    padding: 50px;
}
@media only screen and (max-width: 767.98px) {
    .contact-banner-content {
        padding: 50px 15px;
    }
}
.contact-banner-content h4 {
    color: #0D50AA;
    font-weight: 500;
    font-size: 18px;
    font-family: "Work Sans", 'NanumSquareR';
}
.contact-banner-content h6 {
    font-size: 26px;
    font-family: "Work Sans", 'NanumSquareR';
    margin: 15px 0 27px;
    line-height: 1.4;
}
/*===============================
  39. Start Service Page Style
================================*/
/*
  Service Split Page Style
*/
@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .service-split-wrapper .ms-left,
    .service-split-wrapper .ms-right {
        width: 100% !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .service-split-wrapper .ms-left {
        z-index: 1;
    }
}
.service-split-wrapper .service-split-content,
.service-split-wrapper .service-split-img {
    height: 100%;
}
.service-split-wrapper .service-split-content {
    background-color: #0D50AA;
    color: #FFFFFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 200px;
    overflow-y: auto;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.service-split-wrapper .service-split-content {display:inline-block;padding-top:30%;}
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .service-split-wrapper .service-split-content {
        padding: 30px 50px 30px 80px;
    }
}
@media only screen and (max-width: 767.98px) {
    .service-split-wrapper .service-split-content {
        padding: 20px 20px 20px 50px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .service-split-wrapper .service-split-content {
        background-color: rgba(0, 0, 0, 0.7);
    }
}
.service-split-wrapper .service-split-content .icon {
    font-size: 80px;
    line-height: 1;
}
.service-split-wrapper .service-split-content h3 {
    color: #FFFFFF;
    font-size: 32px;
    font-weight: 500;
    margin: 30px 0 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (max-width: 767.98px) {
    .service-split-wrapper .service-split-content h3 {
        margin: 20px 0;
    }
}
@media only screen and (min-width: 1200px) {
    #multiscroll-nav {
        margin-left: 20px;
    }
}
#multiscroll-nav li {
    margin: 0;
}
#multiscroll-nav li:not(:last-child) {
    margin-bottom: 15px;
}
#multiscroll-nav li span {
    border: 3px solid rgba(255, 255, 255, 0.5);
    height: 16px;
    width: 16px;
}
#multiscroll-nav li .active span {
    border-color: #FFFFFF;
    background-color: transparent;
}
/*
  Service Page
*/
@media only screen and (min-width: 1200px) {
    .service-page-thumb {
        margin-right: -400px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .service-page-thumb {
        display: none;
    }
}
.service-working-process-wrap .icon-box-icon {
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    font-size: 36px;
    -webkit-flex-basis: 50px;
    -ms-flex-preferred-size: 50px;
    flex-basis: 50px;
    max-width: 50px;
}
.service-working-process-wrap .icon-box-info h4 {
    font-size: 16px;
    font-weight: 600;
    color: #222222;
}
.service-call-to-action {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 15px;
    color: #FFFFFF;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .service-call-to-action {
        height: 400px;
    }
}
@media only screen and (max-width: 767.98px) {
    .service-call-to-action {
        height: 350px;
    }
}
.service-call-to-action h3 {
    margin: 0;
    font-weight: 500;
    font-size: 36px;
}
.service-call-to-action .btn,
.service-call-to-action h3 {
    color: #FFFFFF;
}
.service-call-to-action .btn {
    margin-top: 30px;
}
.service-call-to-action .btn:hover {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: #0D50AA;
}
/*
  Service Flip Board
*/
.service-flip-board-area .service-item {
    margin-top: 30px;
}
/*============================
40. Flip Box Style CSS  Style
==============================*/
.flip-box {
    background-color: transparent;
    width: 100%;
    height: 500px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .flip-box {
        height: 400px;
    }
}
.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-transition: -webkit-transform 0.8s;
    transition: -webkit-transform 0.8s;
    -o-transition: transform 0.8s;
    transition: transform 0.8s;
    transition: transform 0.8s, -webkit-transform 0.8s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.flip-box-front,
.flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
}
.flip-box-front .flip-thumb {
    height: 100%;
    width: 100%;
    margin: 0;
    position: relative;
    z-index: 1;
}
.flip-box-front .flip-thumb:before {
    background-color: rgba(0, 0, 0, 0.65);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}
.flip-box-front .flip-thumb .flip-thumb-txt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}
.flip-box-front .flip-thumb .flip-thumb-txt h4 {
    font-size: 18px;
    color: #FFFFFF;
}
.flip-box.to-top .flip-box-back {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.flip-box.to-top:hover .flip-box-inner {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.flip-box.to-bottom .flip-box-back {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.flip-box.to-bottom:hover .flip-box-inner {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}
.flip-box.to-left .flip-box-back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.flip-box.to-left:hover .flip-box-inner {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.flip-box.to-right .flip-box-back {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.flip-box.to-right:hover .flip-box-inner {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.flip-content {
    color: #FFFFFF;
    padding: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .flip-content {
        padding: 30px;
    }
}
.flip-content .icon {
    font-size: 60px;
    line-height: 1;
    margin-bottom: 25px;
}
.flip-content h4 {
    color: #FFFFFF;
    font-size: 18px;
    margin-bottom: 20px;
}
/*===============================
41. Start Portfolio Page Style
================================*/
/*
  Portfolio Filter Menu Style
*/
.filter-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.filter-menu li {
    color: #222222;
    font-size: 15px;
    position: relative;
    cursor: pointer;
}
@media only screen and (max-width: 575.98px) {
    .filter-menu li {
        margin-bottom: 5px;
    }
}
.filter-menu li:not(:last-child) {
    margin-right: 40px;
}
.filter-menu li:before {
    background-color: #0D50AA;
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.filter-menu li.active:before {
    width: 100%;
}
/*
  Pagination
*/
.pagination li:not(:last-child) {
    margin-right: 10px;
}
.pagination li a {
    border: 1px solid #eee;
    line-height: 40px;
    text-align: center;
    color: #222222;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    height: 40px;
    width: 40px;
}
.pagination li a:hover,
.pagination li a.active {
    border-color: #0D50AA;
    color: #0D50AA;
}
.pagination li a i {
    font-size: 20px;
    font-weight: bold;
}
/*
  Portfolio Item
*/
.row.no-gutters .portfolio-item:not(.portfolio-item--3) {
    margin-top: 0;
}
/*======================================
42. Portfolio Details Page Style CSS
=======================================*/
.portfolio-details-page-content {
    margin-top: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .portfolio-details-page-content {
        margin-top: 58px;
    }
}
@media only screen and (max-width: 767.98px) {
    .portfolio-details-page-content {
        margin-top: 40px;
    }
}
.portfolio-details-info {
    font-size: 15px;
    line-height: 2;
}
@media only screen and (max-width: 767.98px) {
    .portfolio-details-info {
        margin-bottom: 40px;
    }
}
.portfolio-details-info h3 {
    font-weight: 500;
    font-size: 32px;
    font-family: "Work Sans", 'NanumSquareR';
    margin-top: -7px;
    margin-bottom: 24px;
}
@media only screen and (max-width: 767.98px) {
    .portfolio-details-info h3 {
        margin-bottom: 14px;
        font-size: 24px;
    }
}
.portfolio-details-info .btn {
    margin-top: 20px;
}
@media only screen and (max-width: 767.98px) {
    .portfolio-details-info .btn {
        margin-top: 15px;
    }
}
.portfolio-details-info .btn:hover {
    background-color: #0D50AA;
    border-color: #0D50AA;
    color: #FFFFFF;
}
.portfolio-details-meta {
    border-bottom: 0px solid #eee;
    padding-bottom: 35px;
}
.portfolio-details-meta .portfolio-meta-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -30px;
}
.portfolio-details-meta .portfolio-meta-list li {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    margin-top: 30px;
}
.portfolio-details-meta .portfolio-meta-list li label {
    color: #333333;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    line-height: 1;
}
.portfolio-details-meta .portfolio-meta-list li a {
    color: #777777;
}
.portfolio-details-meta .portfolio-meta-list li a:hover {
    color: #0D50AA;
}
.portfolio-details-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 25px;
}
.portfolio-details-footer .social-icons a {
    color: #777777;
    font-size: 16px;
    line-height: 1;
}
.portfolio-details-footer .social-icons a:hover {
    color: #db1439;
}
.portfolio-details-footer .portfolio-like-view span {
    margin-right: 10px;
    display: inline-block;
}
.portfolio-details-footer .portfolio-like-view span:last-child {
    margin-right: 0;
}
.portfolio-details-footer .portfolio-like-view i {
    margin-right: 5px;
    color: #333333;
}
.portfolio-details-footer .portfolio-like-view i.fa-heart-o {
    font-size: 16px;
    color: #333333;
}
.portfolio-details-thumb img {
    width: 100%;
}
.portfolio-details-thumb--gallery {
    margin-top: -30px;
}
.portfolio-details-thumb--gallery [class^="col"] {
    margin-top: 30px;
}
.portfolio-details-thumb--slider .slick-dots {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 30px;
}
@media only screen and (max-width: 767.98px),
only screen and (min-width: 768px) and (max-width: 991.98px) {
    .portfolio-details-thumb--slider .slick-dots {
        bottom: 20px;
    }
}
.port-pagination-content {
    padding: 55px 0;
}
.port-pagination-content a {
    line-height: 1;
    font-size: 15px;
    color: #000000;
    font-weight: 500;
}
.port-pagination-content a i {
    font-size: 25px;
    vertical-align: middle;
}
.port-pagination-content a:hover {
    color: #0D50AA;
}
/*===========================
43. Start Sidebar Style CSS
=============================*/
.sidebar-wrapper {
    background-color: #FFFFFF;
    border: 1px solid #eee;
    padding: 42px 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .sidebar-wrapper {
        margin-top: 90px;
    }
}
@media only screen and (max-width: 767.98px) {
    .sidebar-wrapper {
        margin-top: 60px;
    }
}
.sidebar-wrapper.shop-page {
    padding: 0;
    border: none;
}
.sidebar-item {
    margin-bottom: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .sidebar-item {
        margin-bottom: 50px;
    }
}
@media only screen and (max-width: 767.98px) {
    .sidebar-item {
        margin-bottom: 40px;
    }
}
.sidebar-item:last-child {
    margin-bottom: 0;
}
.sidebar-title {
    border-left: 4px solid #0D50AA;
    color: #333333;
    font-size: 18px;
    font-family: "Work Sans", 'NanumSquareR';
    padding: 14px 18px;
    position: relative;
    margin-bottom: 30px;
}
.sidebar-title:before {
    background-image: -webkit-gradient(linear, right top, left top, from(transparent), to(#000));
    background-image: -webkit-linear-gradient(right, transparent 0%, #000 100%);
    background-image: -o-linear-gradient(right, transparent 0%, #000 100%);
    background-image: linear-gradient(-90deg, transparent 0%, #000 100%);
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .04;
}
.sidebar-list li:not(:last-child) {
    margin-bottom: 15px;
}
.sidebar-list li a {
    color: #777777;
}
.sidebar-list li a:hover {
    color: #0D50AA;
}
.sidebar-search-box .input-item {
    position: relative;
    margin: 0;
}
.sidebar-search-box .input-item input {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    padding-right: 30px;
}
.sidebar-search-box .input-item input:focus {
    border-bottom-color: #0D50AA;
}
.sidebar-search-box .input-item input::-webkit-input-placeholder {
    color: #777777;
}
.sidebar-search-box .input-item input::-moz-placeholder {
    color: #777777;
}
.sidebar-search-box .input-item input:-ms-input-placeholder {
    color: #777777;
}
.sidebar-search-box .input-item input::-ms-input-placeholder {
    color: #777777;
}
.sidebar-search-box .input-item input::placeholder {
    color: #777777;
}
.sidebar-search-box .input-item .btn-src {
    font-size: 18px;
    line-height: 1;
    color: #0D50AA;
    position: absolute;
    right: 0;
    top: 5px;
}
@media only screen and (max-width: 767.98px) {
    .sidebar-search-box .input-item .btn-src {
        top: 6px;
    }
}
.tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.tags li {
    margin-right: 5px;
}
.tags li:after {
    content: ',';
}
.tags li:last-child {
    margin-right: 0;
}
.tags li:last-child:after {
    display: none;
}
.tags li a {
    color: #777777;
}
.tags li a:hover {
    color: #0D50AA;
}
.top-rated-prod-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.top-rated-prod-item:nth-child(1n + 2) {
    margin-top: 20px;
}
.top-rated-prod-item h3 {
    font-size: 16px;
    margin-bottom: 9px;
    margin-top: -3px;
    font-family: "Work Sans", 'NanumSquareR';
}
.top-rated-prod-item h3 a {
    color: #333333;
}
.top-rated-prod-item h3 a:hover {
    color: #0D50AA;
}
.top-rated-prod-item .rating {
    color: #fbbf00;
    line-height: 1;
    font-size: 13px;
    margin-bottom: 5px;
}
.top-rated-prod-item .price-group {
    font-weight: 600;
    font-size: 15px;
}
.top-rated-prod-item .price-group .price-old {
    opacity: 0.8;
    margin-right: 5px;
}
.top-rated-prod-item .price-group .price {
    color: #333333;
}
.top-rated-prod-item .prod-thumb {
    max-width: 80px;
    -webkit-flex-basis: 100px;
    -ms-flex-preferred-size: 100px;
    flex-basis: 100px;
    margin-right: 20px;
}
.recent-posts-item:not(:last-child) {
    margin-bottom: 30px;
}
.recent-posts-item .post-title {
    color: #333333;
    display: block;
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}
.recent-posts-item .post-title:hover {
    color: #0D50AA;
}
.recent-posts-item .post-date {
    font-size: 14px;
    margin-top: -3px;
    display: block;
}
/*====================================
44. Blog Details Page Style CSS
=====================================*/
.blog-post-details-content {
    background-color: #FFFFFF;
    border: 1px solid #eee;
    padding: 0 30px 42px;
    line-height: 2;
}
.blog-post-details-header {
    margin: 0 -30px 32px;
    border-bottom: 1px solid #eee;
}
@media only screen and (min-width: 1200px) {
    .blog-post-details-header .blog-meta .blog-title {
        font-size: 24px;
    }
}
.blog-post-details-body .post-thumbnail {
    margin-bottom: 32px;
}
.blog-post-details-body blockquote {
    font-size: 24px;
    line-height: 1.4em;
    color: #0D50AA;
    padding-left: 80px;
    margin-top: 40px;
    margin-bottom: 40px;
    position: relative;
}
@media only screen and (max-width: 767.98px) {
    .blog-post-details-body blockquote {
        font-size: 20px;
        padding-left: 60px;
    }
}
.blog-post-details-body blockquote:before {
    content: 'Ħħ';
    font-family: "Montserrat", sans-serif;
    font-size: 90px;
    line-height: 1;
    font-weight: 500;
    position: absolute;
    height: 90px;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    transform: translateY(-30%);
}
@media only screen and (max-width: 767.98px) {
    .blog-post-details-body blockquote:before {
        left: 0;
    }
}
.blog-post-details-footer {
    border-top: 1px solid #eee;
    padding-top: 25px;
    margin-top: 40px;
}
.blog-post-details-footer .post-tags span {
    color: #222222;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    margin-right: 15px;
}
.blog-post-details-footer .post-tags a {
    line-height: 1;
    color: #777777;
    margin-right: 10px;
}
.blog-post-details-footer .post-tags a:last-child {
    margin-right: 0;
}
.blog-post-details-footer .post-tags a:last-child:after {
    display: none;
}
.blog-post-details-footer .post-tags a:after {
    content: ',';
}
.blog-post-details-footer .post-tags a:hover {
    color: #0D50AA;
}
.share-btn a {
    font-size: 15px;
    line-height: 1;
    color: #777777;
    margin-right: 15px;
}
.share-btn a:last-child {
    margin-right: 0;
}
.share-btn a:hover {
    color: #0D50AA;
}
.author-wrap {
    background-color: #FFFFFF;
    border: 1px solid #eee;
    padding: 45px 30px 43px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (max-width: 479.98px) {
    .author-wrap {
        display: block;
    }
}
.author-wrap .author-pic {
    border-radius: 50%;
    -webkit-flex-basis: 110px;
    -ms-flex-preferred-size: 110px;
    flex-basis: 110px;
    max-width: 110px;
    height: 110px;
    margin-right: 30px;
    overflow: hidden;
}
@media only screen and (max-width: 479.98px) {
    .author-wrap .author-pic {
        display: block;
        margin-right: 0;
        margin-bottom: 20px;
    }
}
.author-wrap .author-info {
    -webkit-flex-basis: calc(100% - 140px);
    -ms-flex-preferred-size: calc(100% - 140px);
    flex-basis: calc(100% - 140px);
    font-size: 16px;
}
.author-wrap .author-info h5 {
    font-weight: 500;
    margin-bottom: 10px;
}
.comment-view-area {
    background-color: #FFFFFF;
    border: 1px solid #eee;
    padding: 50px 30px 45px;
}
.comment-view-area .single-comment {
    border-bottom: 1px solid #eee;
    margin-bottom: 50px;
    padding-bottom: 50px;
}
.comment-view-area .single-comment:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.comment-view-area .single-comment.reply-comment {
    padding-left: 100px;
}
@media only screen and (max-width: 767.98px) {
    .comment-view-area .single-comment.reply-comment {
        padding-left: 30px;
    }
}
.comment-view-area .single-comment .author-wrap {
    padding: 0;
    border: none;
}
.comment-view-area .single-comment .author-wrap .comment-mata .btn-reply {
    color: #777777;
    font-weight: 600;
}
.comment-view-area .single-comment .author-wrap .comment-mata .btn-reply:hover {
    color: #0D50AA;
}
.write-comment-area {
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    padding: 50px 30px 52px;
}
.write-comment-area .form-input-item input,
.write-comment-area .form-input-item textarea {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    font-size: 16px;
    padding-bottom: 10px;
}
.write-comment-area .form-input-item input:focus,
.write-comment-area .form-input-item textarea:focus {
    border-bottom-color: #db1439;
}
.write-comment-area .form-input-item input::-webkit-input-placeholder,
.write-comment-area .form-input-item textarea::-webkit-input-placeholder {
    color: #777777;
}
.write-comment-area .form-input-item input::-moz-placeholder,
.write-comment-area .form-input-item textarea::-moz-placeholder {
    color: #777777;
}
.write-comment-area .form-input-item input:-ms-input-placeholder,
.write-comment-area .form-input-item textarea:-ms-input-placeholder {
    color: #777777;
}
.write-comment-area .form-input-item input::-ms-input-placeholder,
.write-comment-area .form-input-item textarea::-ms-input-placeholder {
    color: #777777;
}
.write-comment-area .form-input-item input::placeholder,
.write-comment-area .form-input-item textarea::placeholder {
    color: #777777;
}
/*==========================================
45. Product Details Pages Style CSS
===========================================*/
@media only screen and (min-width: 1200px) {
    .prod-details-info-content h2,
    .prod-details-info-content .h4 {
        font-size: 32px;
    }
}
.prod-details-info-content .price-group {
    color: #db0404;
    font-size: 26px;
    margin: 15px 0;
}
@media only screen and (max-width: 767.98px) {
    .prod-details-info-content .price-group {
        margin: 10px 0;
        font-size: 20px;
    }
}
.prod-details-info-content .price-group del {
    margin-right: 10px;
    color: #666666;
}
.prod-details-info-content p:last-child {
    margin-bottom: 0;
}
.prod-details-info-content .btn:not(:hover) {
    color: #0D50AA;
}
.config-item {
    margin-bottom: 30px;
}
.config-item:last-child {
    margin-bottom: 0;
}
.config-item .config-name {
    font-weight: 600;
    text-transform: capitalize;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 13px;
}
.config-item .config-name strong {
    text-transform: capitalize;
    margin-left: 5px;
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
}
.config-item .config-list li {
    border: 1px solid #eee;
    cursor: pointer;
    color: #8d8d8d;
    height: 40px;
    padding: 3px;
    font-size: 14px;
    line-height: 1;
    display: block;
    text-align: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    margin-right: 5px;
    overflow: hidden;
    outline: none;
    width: 40px;
}
.config-item .config-list li.active,
.config-item .config-list li:hover {
    border-color: #0D50AA;
    color: #222222;
    font-weight: 600;
}
.config-item .config-list li span {
    line-height: 30px;
    display: block;
}
.prod-details-footer__item {
    border-bottom: 1px solid #eee;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 0;
}
.prod-details-footer__item:first-child {
    border-top: 1px solid #eee;
}
.prod-details-footer__item h5 {
    font-size: 15px;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0;
}
@media only screen and (max-width: 575.98px) {
    .prod-details-footer__item h5 {
        font-size: 12px;
    }
}
.prod-details-footer__item h5 i {
    color: #888888;
    margin-right: 10px;
}
@media only screen and (max-width: 575.98px) {
    .prod-details-footer__item h5 i {
        margin-right: 3px;
    }
}
.prod-details-footer__item .cate-list li {
    margin-right: 10px;
}
.prod-details-footer__item .cate-list li:last-child {
    margin-right: 0;
}
.prod-details-footer__item .cate-list li a {
    color: #777777;
    font-size: 15px;
    font-weight: 600;
}
.prod-details-footer__item .cate-list li a:hover {
    color: #0D50AA;
}
.prod-details-footer__item .share-item a {
    color: #777777;
    margin-right: 15px;
}
.prod-details-footer__item .share-item a:last-child {
    margin-right: 0;
}
.prod-details-footer__item .share-item a:hover {
    color: #0D50AA;
}
.product-description-review .desc-review-tab-menu {
    border-bottom: 2px solid #eee;
    padding-bottom: 5px;
    margin-bottom: 30px;
}
.product-description-review .desc-review-tab-menu li {
    margin-right: 20px;
}
.product-description-review .desc-review-tab-menu li:last-child {
    margin-right: 0;
}
.product-description-review .desc-review-tab-menu li a {
    color: #333333;
    font-size: 16px;
    line-height: 1;
    text-transform: capitalize;
    position: relative;
    padding-bottom: 5px;
    font-weight: 600;
}
.product-description-review .desc-review-tab-menu li a.active:after {
    background-color: #0D50AA;
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    height: 2px;
    width: 100%;
}
.product-rating-wrap {
    /*-- rating Form Wrap --*/
    /*-- rating Form --*/
}
.product-rating-wrap .pro-avg-rating {
    margin-bottom: 40px;
    float: left;
    width: 100%;
    line-height: 1;
}
.product-rating-wrap .pro-avg-rating h4 {
    font-size: 24px;
    margin: 0 0 7px;
    font-weight: 600;
}
.product-rating-wrap .pro-avg-rating h4 span {
    color: #000000;
    font-size: 12px;
}
.product-rating-wrap .pro-avg-rating>span {
    display: block;
}
.product-rating-wrap .rating-list {
    margin-bottom: 30px;
    float: left;
    width: 100%;
}
.product-rating-wrap .rating-list .sin-list {
    margin-right: 30px;
}
.product-rating-wrap .rating-list .sin-list:last-child {
    margin-right: 0;
}
.product-rating-wrap .rating-list .sin-list i {
    color: #fbbf00;
}
.product-rating-wrap .rating-list .sin-list span {
    color: #666666;
}
.product-rating-wrap .sin-ratings {
    margin-bottom: 25px;
}
.product-rating-wrap .sin-ratings:last-child {
    margin-bottom: 0;
}
.product-rating-wrap .sin-ratings .rating-author {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.product-rating-wrap .sin-ratings .rating-author h3 {
    float: left;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    line-height: 18px;
    margin-right: 15px;
}
.product-rating-wrap .sin-ratings .rating-author .rating-star {
    line-height: 1;
}
.product-rating-wrap .sin-ratings .rating-author .rating-star i {
    color: #fbbf00;
    font-size: 14px;
}
.product-rating-wrap .sin-ratings .rating-author .rating-star span {
    margin-left: 5px;
    font-weight: 600;
}
.product-rating-wrap .rating-form-wrapper {
    margin-top: 40px;
}
.product-rating-wrap .rating-form-wrapper h3 {
    border-bottom: 1px solid #eee;
    font-size: 20px;
    margin: 0 0 30px;
    padding: 0 0 10px;
    text-transform: capitalize;
    font-weight: 600;
}
.product-rating-wrap .rating-form h5 {
    float: left;
    font-size: 16px;
    line-height: 1;
    margin-right: 10px;
    font-weight: 600;
    margin-bottom: 0;
}
.product-rating-wrap .rating-form .rating-star {
    margin-bottom: 15px;
    display: inline-block;
}
.product-rating-wrap .rating-form .rating-star i {
    color: #D4D4D4;
    float: left;
    display: block;
    margin-right: 3px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.product-rating-wrap .rating-form .rating-star i:hover~i {
    color: #D4D4D4;
}
.product-rating-wrap .rating-form .rating-star i:last-child {
    margin: 0;
}
.product-rating-wrap .rating-form .rating-star:hover i {
    color: #fbbf00;
}
.pro-qty {
    display: inline-block;
    position: relative;
    width: 140px;
}
.pro-qty input {
    border: 1px solid #0D50AA;
    text-align: center;
    outline: none;
    height: 50px;
    width: 100%;
}
.pro-qty a {
    color: #0D50AA;
    font-size: 22px;
    text-align: center;
    position: absolute;
    top: 0;
    line-height: 50px;
    height: 100%;
    width: 30px;
}
.pro-qty a:hover {
    background-color: #0D50AA;
    color: #FFFFFF;
}
.pro-qty a.inc {
    right: 0;
    border-left: 1px solid #0D50AA;
}
.pro-qty a.dec {
    border-right: 1px solid #0D50AA;
    left: 0;
}
/*==================================
46. Cart Page Style CSS
===================================*/
.shopping-cart-table thead th {
    color: #222222;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    border-bottom: 0;
}
.shopping-cart-table tr td,
.shopping-cart-table tr th {
    vertical-align: middle;
    width: 15%;
    padding: 10px;
    border-color: #eee;
    white-space: nowrap;
}
.shopping-cart-table tr td.product-list,
.shopping-cart-table tr th.product-list {
    width: 55%;
}
.shopping-cart-table .product-list .remove-icon {
    margin-right: 15px;
}
.shopping-cart-table .product-list .remove-icon button {
    color: #777777;
}
.shopping-cart-table .product-list .remove-icon button:hover {
    color: #0D50AA;
}
.shopping-cart-table .product-list .product-thumb {
    display: block;
    width: 70px;
    margin-right: 20px;
}
.shopping-cart-table .product-list .product-name {
    color: #222222;
    line-height: 1;
}
.shopping-cart-table .product-list .product-name:hover {
    color: #0D50AA;
}
.shopping-cart-table .pro-qty {
    width: 120px;
    line-height: 40px;
}
.shopping-cart-table .pro-qty input {
    padding: 10px 0;
    font-weight: 400;
    height: 40px;
}
.shopping-cart-table .pro-qty a {
    width: 30px;
    line-height: 44px;
    font-weight: 400;
    font-size: 16px;
}
.cart-coupon-update-area {
    margin-top: 20px;
}
.cart-coupon-update-area button {
    font-size: 14px;
    font-weight: 700;
}
.cart-coupon-update-area button:hover {
    color: #0D50AA;
}
.cart-coupon-update-area .coupon-form-wrap {
    width: 55%;
}
@media only screen and (max-width: 575.98px) {
    .cart-coupon-update-area .coupon-form-wrap {
        width: 100%;
    }
}
.cart-coupon-update-area .coupon-form-wrap form {
    position: relative;
}
.cart-coupon-update-area .coupon-form-wrap form input {
    border: none;
    border-bottom: 1px solid #eee;
    display: block;
    outline: none;
    padding: 5px 100px 5px 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    width: 100%;
}
.cart-coupon-update-area .coupon-form-wrap form input:focus {
    border-color: #0D50AA;
}
.cart-coupon-update-area .coupon-form-wrap form .btn-apply {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.cart-coupon-update-area .cart-update-buttons button:nth-child(1n + 2) {
    margin-left: 10px;
}
.cart-calculate-area {
    background-color: #f1f5f8;
    padding: 30px;
}
.cart-calculate-area h5 {
    font-weight: 600;
    font-size: 24px;
    line-height: 1;
    margin-bottom: 20px;
}
.cart-calculate-area .cart-cal-table {
    white-space: nowrap;
}
.cart-calculate-area .cart-cal-table table {
    margin-bottom: 0;
}
.cart-calculate-area .cart-cal-table td,
.cart-calculate-area .cart-cal-table th {
    font-size: 16px;
    font-weight: 400;
    padding: 5px 0 15px;
}
.cart-calculate-area .cart-cal-table .shipping-method li {
    margin-bottom: 15px;
}
.cart-calculate-area .cart-cal-table .shipping-method li:last-child {
    margin-bottom: 0;
}
.cart-calculate-area .cart-cal-table .shipping-method .custom-control-label:before {
    top: 5px;
}
.cart-calculate-area .cart-cal-table .shipping-method .custom-control-label:after {
    top: 5px;
}
.cart-calculate-area .cart-cal-table .order-total {
    border-top: 1px solid #eee;
}
.cart-calculate-area .cart-cal-table .order-total th,
.cart-calculate-area .cart-cal-table .order-total td {
    padding-top: 15px;
}
.cart-calculate-area .proceed-checkout-btn {
    margin: 15px 0 0;
}
.table-responsive::-webkit-scrollbar-thumb,
.list::-webkit-scrollbar-thumb {
    border-radius: 0;
    border: 0;
    background-color: #0D50AA;
}
.table-responsive::-webkit-scrollbar,
.list::-webkit-scrollbar {
    background-color: rgba(13, 80, 170, 0.3);
    -webkit-appearance: none;
    width: 15px;
    height: 5px;
}
/*===============================
47. Checkout Page Style CSS
================================*/
.checkout-page-coupon-area .card {
    border: none;
    padding: 0;
}
.checkout-page-coupon-area .card h3 {
    background-color: #f1f5f8;
    border-top: 5px solid #0D50AA;
    border-radius: 2px 2px 0 0;
    color: #222222;
    font-size: 16px;
    font-family: "Work Sans", 'NanumSquareR';
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    padding: 20px 30px;
}
@media only screen and (max-width: 575.98px) {
    .checkout-page-coupon-area .card h3 {
        font-size: 14px;
        padding: 10px 15px;
    }
}
.checkout-page-coupon-area .card h3 i {
    color: #008000;
    margin-right: 10px;
}
.checkout-page-coupon-area .card h3 span {
    cursor: pointer;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.checkout-page-coupon-area .card h3 span:hover {
    color: #0D50AA;
}
.checkout-page-coupon-area .card .card-body {
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 50px;
    margin-top: 30px;
}
@media only screen and (max-width: 767.98px) {
    .checkout-page-coupon-area .card .card-body {
        padding: 30px 15px;
    }
}
.checkout-page-coupon-area .card .card-body .apply-coupon-wrapper .input-item input {
    padding: 10px 0;
}
.checkout-page-coupon-area .card .card-body .apply-coupon-wrapper .btn {
    min-width: 185px;
}
.checkout-page-coupon-area .card .card-body .apply-coupon-wrapper .btn:not(:hover) {
    color: #0D50AA;
}
.checkout-billing-details-wrap {
    margin-top: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .checkout-billing-details-wrap {
        margin-top: 60px;
    }
}
@media only screen and (max-width: 767.98px) {
    .checkout-billing-details-wrap {
        margin-top: 40px;
    }
}
.checkout-billing-details-wrap h2 {
    font-weight: 600;
    font-size: 30px;
    line-height: 1;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 46px;
}
@media only screen and (max-width: 767.98px) {
    .checkout-billing-details-wrap h2 {
        margin-bottom: 26px;
    }
}
.checkout-billing-details-wrap h2:before {
    background-color: #222222;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 50px;
}
.billing-form-wrap .input-item {
    margin-top: 40px;
}
.billing-form-wrap .input-item input,
.billing-form-wrap .input-item textarea {
    font-size: 17px;
    padding: 5px 0;
}
.billing-form-wrap .input-item input::-webkit-input-placeholder,
.billing-form-wrap .input-item textarea::-webkit-input-placeholder {
    color: #777777;
}
.billing-form-wrap .input-item input::-moz-placeholder,
.billing-form-wrap .input-item textarea::-moz-placeholder {
    color: #777777;
}
.billing-form-wrap .input-item input:-ms-input-placeholder,
.billing-form-wrap .input-item textarea:-ms-input-placeholder {
    color: #777777;
}
.billing-form-wrap .input-item input::-ms-input-placeholder,
.billing-form-wrap .input-item textarea::-ms-input-placeholder {
    color: #777777;
}
.billing-form-wrap .input-item input::placeholder,
.billing-form-wrap .input-item textarea::placeholder {
    color: #777777;
}
.billing-form-wrap .input-item .nice-select:after {
    border-right-color: #777777;
    border-bottom-color: #777777;
}
.billing-form-wrap .input-item .nice-select .current {
    font-size: 17px;
    color: #222222;
}
.checkout-box-wrap .account-create {
    margin-top: 25px;
    font-size: 16px;
}
.checkout-box-wrap .account-create,
.checkout-box-wrap .ship-to-different {
    display: none;
}
.order-details-area-wrap {
    border: 2px solid #eee;
    padding: 50px 30px;
    margin-top: 80px;
}
@media only screen and (max-width: 575.98px) {
    .order-details-area-wrap {
        padding: 30px 20px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .order-details-area-wrap {
        margin-top: 60px;
    }
}
@media only screen and (max-width: 767.98px) {
    .order-details-area-wrap {
        margin-top: 40px;
    }
}
.order-details-area-wrap h2 {
    font-weight: 600;
    font-size: 30px;
    line-height: 1;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 35px;
}
@media only screen and (max-width: 767.98px) {
    .order-details-area-wrap h2 {
        margin-bottom: 26px;
    }
}
.order-details-area-wrap h2:before {
    background-color: #222222;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 50px;
}
.order-details-area-wrap .order-details-table {
    line-height: 1;
    white-space: nowrap;
}
.order-details-area-wrap .order-details-table .custom-control-label {
    font-weight: 400;
}
.order-details-area-wrap .order-details-table .table thead {
    border-bottom: 1px solid #eee;
    margin-bottom: 27px;
}
.order-details-area-wrap .order-details-table .table thead th {
    margin-bottom: 27px;
}
.order-details-area-wrap .order-details-table .table tbody {
    border-bottom: 1px solid #eee;
}
.order-details-area-wrap .order-details-table .table tbody .cart-item {
    font-size: 16px;
}
.order-details-area-wrap .order-details-table .table tbody .cart-item:first-child td {
    padding-top: 30px;
}
.order-details-area-wrap .order-details-table .table tbody .cart-item:last-child td {
    padding-bottom: 30px;
}
.order-details-area-wrap .order-details-table .table tfoot .shipping .shipping-method li {
    margin-bottom: 15px;
}
.order-details-area-wrap .order-details-table .table tfoot .shipping .shipping-method li:last-child {
    margin-bottom: 0;
}
.order-details-area-wrap .order-details-table .table tfoot .shipping .shipping-method .custom-control-label {
    font-size: 16px;
}
.order-details-area-wrap .order-details-table .table tfoot .total-amount {
    font-size: 20px;
    font-weight: 600;
}
.order-details-area-wrap .order-details-table .table tfoot tr {
    border-bottom: 1px solid #eee;
}
.order-details-area-wrap .order-details-table .table tr td,
.order-details-area-wrap .order-details-table .table tr th {
    padding: 15px 0;
}
.order-details-area-wrap .order-details-table .table tr td:last-child,
.order-details-area-wrap .order-details-table .table tr th:last-child {
    text-align: right;
}
.order-details-area-wrap .order-details-table .table tr th {
    font-weight: 500;
}
.order-details-area-wrap .order-details-table .product-title .product-quantity {
    color: #8d8d8d;
    font-size: 14px;
}
.order-details-area-wrap .order-details-footer {
    font-size: 15px;
}
.order-details-area-wrap .order-details-footer .btn:not(:hover) {
    color: #0D50AA;
}
.order-details-area-wrap .order-details-footer .privacy {
    font-weight: 500;
    color: #333333;
}
.order-details-area-wrap .order-details-footer .privacy:hover {
    color: #0D50AA;
}
.custom-control:not(.custom-radio) .custom-control-label:before {
    border-radius: 0;
    top: 6px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.custom-control:not(.custom-radio) .custom-control-label:after {
    top: 6px;
}
.custom-control:not(.custom-radio) .custom-control-input {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}
.custom-control:not(.custom-radio) .custom-control-input:checked~.custom-control-label:before {
    background-color: #0D50AA;
    border-color: #0D50AA;
}
.custom-control:not(.custom-radio) .custom-control-input:focus~.custom-control-label:before {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #eee;
}
.custom-radio .custom-control-label:before {
    background-color: transparent;
    top: 2px;
}
.custom-radio .custom-control-label:after {
    top: 2px;
}
.custom-radio .custom-control-input:checked~.custom-control-label:before,
.custom-radio .custom-control-input:checked label:before {
    border-color: #0D50AA;
    background-color: #0D50AA;
}
.custom-radio .custom-control-input:focus~.custom-control-label:before,
.custom-radio .custom-control-input:focus label:before {
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*===============================
48. Coming Soon Page CSS
================================*/
.coming-soon-page-wrapper {
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (max-width: 767.98px) {
    .coming-soon-page-wrapper {
        padding: 100px 0;
    }
}
.coming-soon-content .logo {
    margin-bottom: 100px;
}
@media only screen and (max-width: 767.98px) {
    .coming-soon-content .logo {
        margin-bottom: 50px;
    }
}
.coming-soon-content h3 {
    font-weight: 500;
    color: #0D50AA;
}
.coming-soon-content .newsletter-form-wrap {
    margin-top: 190px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .coming-soon-content .newsletter-form-wrap {
        margin-top: 120px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .coming-soon-content .newsletter-form-wrap {
        margin-top: 80px;
    }
}
@media only screen and (max-width: 767.98px) {
    .coming-soon-content .newsletter-form-wrap {
        margin-top: 50px;
    }
}
.coming-soon-content .newsletter-form-wrap .input-item input {
    text-align: center;
    border-bottom-color: #0D50AA;
    color: #222222;
}
.coming-soon-content .newsletter-form-wrap .input-item input:focus {
    border-bottom-color: #222222;
}
.coming-soon-content.maintenance-mode {
    color: #FFFFFF;
}
.coming-soon-content.maintenance-mode .progress-info__title,
.coming-soon-content.maintenance-mode .progress-info__percent {
    color: #FFFFFF;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (min-width: 1200px) {
    .coming-soon-content.maintenance-mode .maintenance-progress-wrap {
        margin-top: 50px;
    }
}
.coming-soon-content.maintenance-mode .social-icons {
    margin-top: 50px;
}
@media only screen and (max-width: 767.98px) {
    .coming-soon-content.maintenance-mode .social-icons {
        margin-top: 30px;
    }
}
.coming-soon-content.error-page-mode .warning-icon {
    border-bottom: 1px solid #eee;
    padding-bottom: 60px;
    margin-bottom: 50px;
}
@media only screen and (max-width: 767.98px) {
    .coming-soon-content.error-page-mode .warning-icon {
        padding-bottom: 40px;
        margin-bottom: 40px;
    }
}
.coming-soon-content.error-page-mode h3 {
    margin-bottom: 35px;
}
.coming-soon-content.error-page-mode .btns-group {
    margin-top: 60px;
}
@media only screen and (max-width: 767.98px) {
    .coming-soon-content.error-page-mode .btns-group {
        margin-top: 40px;
    }
}
/*===============================
49. Start Tab Element Style CSS
================================*/
.nav.tab-nav-2 li a {
    background-color: #eee;
    color: #222222;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    padding: 12px 30px;
    position: relative;
}
.nav.tab-nav-2 li a:hover,
.nav.tab-nav-2 li a.active {
    background-color: #0D50AA;
    color: #FFFFFF;
}
.nav.tab-nav-2 li a.active:before {
    border-color: #0D50AA transparent transparent;
    border-width: 9px 8.5px 0;
    border-style: solid;
    content: "";
    position: absolute;
    bottom: -9px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.nav.tab-nav-3 li {
    width: 100%;
}
.nav.tab-nav-3 li:not(:last-child) {
    margin-bottom: 2px;
}
.nav.tab-nav-3 li a {
    background-color: #eee;
    color: #222222;
    display: block;
    font-size: 16px;
    font-weight: 500;
    padding: 12px 30px;
    position: relative;
}
.nav.tab-nav-3 li a:hover,
.nav.tab-nav-3 li a.active {
    background-color: #0D50AA;
    color: #FFFFFF;
}
.nav.tab-nav-3 li a.active:before {
    border-color: transparent transparent transparent #0D50AA;
    border-width: 8.5px 0 8.5px 9px;
    border-style: solid;
    content: "";
    position: absolute;
    right: -9px;
    top: 50%;
    margin-top: -8.5px;
    width: 0;
    height: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    z-index: 2;
}
@media only screen and (max-width: 767.98px) {
    .nav.tab-nav-3 li a.active:before {
        display: none;
    }
}
.tab-content--2 {
    border: 2px solid #eee;
    padding: 50px 30px;
}
@media only screen and (max-width: 767.98px) {
    .tab-content--2 {
        padding: 35px 15px 30px;
    }
}
/*===============================
50. Start Media Feed Style CSS
================================*/
.instagram-gallery {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.instagram-gallery .instagram-item {
    position: relative;
}
.instagram-gallery .instagram-item:before {
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.5);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.instagram-gallery .instagram-item .instagram-hvr-content {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #FFFFFF;
    font-size: 15px;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.instagram-gallery .instagram-item .instagram-hvr-content span {
    display: block;
}
.instagram-gallery .instagram-item .instagram-hvr-content span i {
    vertical-align: middle;
    margin-right: 5px;
}
.instagram-gallery .instagram-item:hover:before,
.instagram-gallery .instagram-item:hover .instagram-hvr-content {
    opacity: 1;
    visibility: visible;
}
.instagram-gallery--1 .instagram-item {
    width: calc(100% / 6);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.instagram-gallery--1 .instagram-item {width:16.6666666666%;}
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .instagram-gallery--1 .instagram-item {
        width: calc(100% / 3);
    }
}
@media only screen and (max-width: 767.98px) {
    .instagram-gallery--1 .instagram-item {
        width: calc(100% / 2);
    }
}
.instagram-gallery--2 {
    margin: -30px -15px 0;
}
.instagram-gallery--2 .instagram-item {
    padding: 0 15px;
    width: calc(100% / 3);
    margin-top: 30px;
}
@media only screen and (max-width: 767.98px) {
    .instagram-gallery--2 .instagram-item {
        width: calc(100% / 2);
    }
}
.instagram-gallery--2 .instagram-item:before {
    width: calc(100% - 30px);
    left: 15px;
}
.media-feed-header {
    margin-bottom: 50px;
}
@media only screen and (max-width: 767.98px) {
    .media-feed-header {
        margin-bottom: 40px;
    }
}
.media-feed-header a {
    color: #777777;
}
.media-feed-header a:hover {
    color: #0D50AA;
}
/*======================================
51. SStart Countdown Element Style CSS
=========================================*/
.ht-countdown {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.ht-countdown .countdown-item {
    text-align: center;
    position: relative;
    margin-right: 48px;
    padding-right: 50px;
}
@media only screen and (max-width: 575.98px) {
    .ht-countdown .countdown-item {
        padding-right: 15px;
        margin-right: 10px;
    }
}
.ht-countdown .countdown-item:after {
    color: #222222;
    font-size: 30px;
    content: ':';
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.ht-countdown .countdown-item:last-child {
    padding-right: 0;
    margin-right: 0;
}
.ht-countdown .countdown-item:last-child:after {
    display: none;
}
.ht-countdown .countdown-item__time {
    color: #222222;
    font-size: 56px;
    line-height: 1;
}
@media only screen and (max-width: 767.98px) {
    .ht-countdown .countdown-item__time {
        font-size: 36px;
    }
}
@media only screen and (max-width: 575.98px) {
    .ht-countdown .countdown-item__time {
        font-size: 20px;
    }
}
.ht-countdown .countdown-item__label {
    display: block;
}
.ht-countdown--light .countdown-item:after {
    color: #FFFFFF;
}
.ht-countdown--light .countdown-item__time {
    color: #FFFFFF;
}
.ht-countdown--light .countdown-item__label {
    color: rgba(255, 255, 255, 0.6);
}
/*===============================
52. Start Slider Style CSS
================================*/
.slider-area {
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.slider-area--startup {
    padding-top: 50px;
}
@media only screen and (max-width: 767.98px) {
    .slider-area--startup {
        min-height: auto;
        padding: 110px 0 60px;
    }
}
.slider-area--multipurpose,
.slider-area--creative-agency,
.slider-area--creative-studio,
.slider-area--marketing-agency,
.slider-area--architecture,
.slider-area--corporate,
.slider-area--shop,
.slider-area--creative-business,
.slider-area--onepage {
    min-height: auto;
    display: block;
}
.slider-area--creative-agency .slider-item {
    position: relative;
    z-index: 1;
}
.slider-area--creative-agency .slider-item .creative-agency-slide-1-img {
    position: absolute;
    right: -250px;
    top: -200px;
    max-width: 900px;
    z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .slider-area--creative-agency .slider-item .creative-agency-slide-1-img {
        max-width: 700px;
    }
}
.slider-area .slider-item {
    padding-top: 50px;
    height: 100vh;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (max-width: 767.98px) {
    .slider-area .slider-item {
        height: 600px;
    }
}
.slider-area--shop .slider-item {
    min-height: 700px;
}
@media only screen and (max-width: 767.98px) {
    .slider-area--shop .slider-item {
        min-height: 500px;
    }
}
.slider-content {
    color: #FFFFFF;
}
.slider-content h2 {
    color: #FFFFFF;
}
.slider-content .btn {
    font-size: 16px;
}
.slider-content .btn:not(:hover) {
    color: #222222;
}
.slider-content .btn:hover {
    background-color: #222222;
}
.slider-content.black h2 {
    color: #222222;
}
@media only screen and (max-width: 767.98px) {
    .slider-content--agency-portfolio {
        margin-top: 50px;
    }
}
.slider-content--agency-portfolio h2 {
    position: relative;
    display: inline-block;
    z-index: 1;
}
@media only screen and (min-width: 1200px),
only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .slider-content--agency-portfolio h2 {
        font-size: 90px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .slider-content--agency-portfolio h2 {
        font-size: 50px;
    }
}
.slider-content--agency-portfolio h2:before {
    background-color: #db1439;
    content: '';
    position: absolute;
    left: -25px;
    top: -5px;
    height: 120px;
    width: 120px;
    z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .slider-content--agency-portfolio h2:before {
        height: 80px;
        width: 80px;
        top: -10px;
    }
}
@media only screen and (max-width: 767.98px) {
    .slider-content--agency-portfolio h2:before {
        height: 60px;
        width: 60px;
        top: -10px;
    }
}
.slider-content--agency-portfolio .slider-content-txt {
    max-width: 500px;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (min-width: 1200px) {
    .slider-content--agency-portfolio .slider-content-txt {
        margin-left: auto;
        margin-right: inherit;
    }
}
.slider-content--agency-portfolio .btn {
    margin-top: 37px;
}
.slider-content--startup {
    font-size: 24px;
}
@media screen and (min-width: 1600px) {
    .slider-content--startup {
        padding-left: 100px;
    }
}
@media only screen and (max-width: 767.98px) {
    .slider-content--startup {
        font-size: 17px;
    }
}
.slider-content--startup h2 {
    font-size: 50px;
}
@media only screen and (min-width: 1200px) {
    .slider-content--startup h2 {
        padding-right: 50px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .slider-content--startup h2 {
        font-size: 36px;
    }
}
@media only screen and (max-width: 767.98px) {
    .slider-content--startup h2 {
        font-size: 22px;
    }
}
.slider-content--startup .slide-txt {
    margin-top: 50px;
}
@media only screen and (max-width: 767.98px) {
    .slider-content--startup .slide-txt {
        margin-top: 20px;
    }
}
.slider-content--startup a.btn-video-popup {
    color: #FFFFFF;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    vertical-align: middle;
    margin-top: 37px;
}
@media only screen and (max-width: 767.98px) {
    .slider-content--startup a.btn-video-popup {
        margin-top: 20px;
    }
}
.slider-content--startup a.btn-video-popup img {
    max-width: 75px;
    margin-right: 15px;
}
.slider-content--multipurpose {
    position: relative;
    z-index: 1;
}
.slider-content--multipurpose:not(.slide-1) {
    max-width: 725px;
    margin: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .slider-content--multipurpose:not(.slide-1) {
        max-width: 500px;
    }
}
@media only screen and (min-width: 1200px),
only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .slider-content--multipurpose h2 {
        font-size: 90px;
    }
}
.slider-content--multipurpose .btn {
    margin-top: 27px;
}
@media only screen and (max-width: 767.98px) {
    .slider-content--multipurpose .btn {
        margin-top: 20px;
    }
}
.slider-content--multipurpose .btn:not(:hover) {
    color: #FFFFFF;
}
.slider-content--multipurpose .btn:hover {
    background-color: #FFFFFF;
    color: #0D50AA;
}
.slider-content--multipurpose .btn.cb:hover {
    border-color: #FFFFFF;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (min-width: 1200px) {
    .slider-content--multipurpose.slide-2 {
        font-size: 32px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (min-width: 1200px) {
    .slider-content--multipurpose.slide-3 {
        font-size: 32px;
        margin-left: 150px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (min-width: 1200px) {
    .slider-content--multipurpose.slide-3 h2 {
        font-size: 70px;
    }
}
.slider-content--multipurpose.slide-3 .btn {
    border-color: #FFFFFF;
}
.slider-content--creative-agency {
    font-size: 32px;
}
@media only screen and (max-width: 767.98px) {
    .slider-content--creative-agency {
        font-size: 17px;
    }
}
.slider-content--creative-agency h2 {
    margin-bottom: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (min-width: 1200px) {
    .slider-content--creative-agency h2 {
        font-size: 99px;
        line-height: 1;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .slider-content--creative-agency h2 {
        font-size: 60px;
    }
}
.slider-content--creative-agency .btn-hvr-brand {
    margin-top: 30px;
}
.slider-content--creative-agency .btn-hvr-brand:not(:hover) {
    border-color: #FFFFFF;
    color: #FFFFFF;
}
.slider-content--creative-agency .btn-hvr-brand:hover {
    border-color: #222222;
}
.slider-content--creative-agency .btn-white:hover {
    background-color: #0D50AA;
}
.slider-content--creative-agency .btn-video-popup {
    display: inline-block;
    margin-top: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (min-width: 1200px) {
    .slider-content--creative-agency.slide-3 h2 {
        font-size: 79px;
    }
}
.slider-content--app-landing h2 {
    font-weight: 200;
    line-height: 1;
    margin: 44px 0 66px -10px;
}
@media only screen and (min-width: 1500px) {
    .slider-content--app-landing h2 {
        font-size: 99px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1499px) {
    .slider-content--app-landing h2 {
        font-size: 70px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .slider-content--app-landing h2 {
        margin-bottom: 50px;
    }
}
@media only screen and (max-width: 767.98px) {
    .slider-content--app-landing h2 {
        margin: 30px 0;
    }
}
.slider-content--app-landing h2 strong {
    font-weight: 500;
}
.slider-content--app-landing .download-buttons a:not(:last-child) {
    margin-right: 15px;
}
@media only screen and (max-width: 1251px) {
    .slider-content--app-landing .download-buttons a img {
        max-width: 150px;
    }
}
@media only screen and (max-width: 767.98px) {
    .slider-content--app-landing .download-buttons a img {
        max-width: 100px;
    }
}
.slider-content--marketing-agency h2 {
    font-family: "Playfair Display", serif;
    line-height: 1;
}
@media only screen and (min-width: 1200px) {
    .slider-content--marketing-agency h2 {
        font-size: 120px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .slider-content--marketing-agency h2 {
        font-size: 100px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .slider-content--marketing-agency h2 {
        font-size: 80px;
    }
}
.slider-content--marketing-agency .btn-white {
    margin-top: 50px;
}
@media only screen and (max-width: 767.98px) {
    .slider-content--marketing-agency .btn-white {
        margin-top: 20px;
    }
}
.slider-content--marketing-agency .btn-video-popup {
    display: inline-block;
    margin-top: 60px;
}
@media only screen and (max-width: 767.98px) {
    .slider-content--marketing-agency .btn-video-popup {
        margin-top: 20px;
    }
}
.slider-content--marketing-agency.slide-3 h2 {
    font-size: 89px;
}
@media only screen and (max-width: 767.98px) {
    .slider-content--marketing-agency.slide-3 h2 {
        font-size: 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .slider-content--marketing-agency.slide-3 h2 {
        font-size: 60px;
        line-height: 1.2;
    }
}
@media only screen and (min-width: 1200px) {
    .slider-content--architecture:not(.slide-3) {
        margin-left: 85px;
    }
}
.slider-content--architecture h4 {
    color: #FFFFFF;
    font-size: 22px;
    margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .slider-content--architecture h4 {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 767.98px) {
    .slider-content--architecture h4 {
        font-size: 18px;
    }
}
.slider-content--architecture h2 {
    margin-bottom: 60px;
}
@media only screen and (min-width: 1200px),
only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .slider-content--architecture h2 {
        font-size: 90px;
        line-height: 1;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .slider-content--architecture h2 {
        margin-bottom: 30px;
    }
}
.slider-content--architecture .btn-bordered {
    color: #FFFFFF !important;
}
.slider-content--architecture .btn-bordered:hover {
    background-color: #0D50AA;
    border-color: #0D50AA;
}
.slider-content--shop h2 {
    font-size: 70px;
    margin-bottom: 43px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .slider-content--shop h2 {
        font-size: 50px;
    }
}
@media only screen and (max-width: 767.98px) {
    .slider-content--shop h2 {
        font-size: 30px;
        margin-bottom: 23px;
    }
}
.slider-content--shop .btn {
    color: #FFFFFF !important;
}
.slider-content--shop .btn:hover {
    background-color: #FFFFFF !important;
    color: #222222 !important;
}
.slider-content--shop .btn-border-bottom {
    margin-top: 60px;
}
.slider-content--shop .btn-border-bottom:hover {
    background-color: transparent !important;
}
.slider-content--onepage {
    font-size: 30px;
}
@media only screen and (max-width: 767.98px) {
    .slider-content--onepage {
        font-size: 20px;
    }
}
.slider-content--onepage h2 {
    font-size: 75px;
    margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .slider-content--onepage h2 {
        font-size: 50px;
    }
}
@media only screen and (max-width: 767.98px) {
    .slider-content--onepage h2 {
        font-size: 36px;
        margin-bottom: 25px;
    }
}
.slider-content--onepage .btn {
    border-color: #FFFFFF;
    color: #FFFFFF !important;
    margin-top: 30px;
}
@media only screen and (max-width: 767.98px) {
    .slider-content--onepage .btn {
        margin-top: 20px;
    }
}
.slider-content--onepage .btn:hover {
    background-color: #0D50AA;
    border-color: #0D50AA;
}
@media screen and (min-width: 1600px) {
    .slider-thumb--startup {
        padding-right: 100px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1600px) {
    .slider-thumb--startup img {
        max-width: 70%;
        margin-left: auto;
        margin-top: auto;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .slider-thumb--startup {
        max-width: 50%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
    }
}
@media only screen and (max-width: 767.98px) {
    .slider-thumb--startup {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 35px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (min-width: 1200px) {
    .slider-thumb--multipurpose {
        margin-left: -65px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .slider-thumb--multipurpose {
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 767.98px) {
    .slider-thumb--multipurpose {
        margin-bottom: 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .slider-thumb--multipurpose img {
        max-width: 60%;
        margin: auto;
    }
}
.slider-thumb--app-landing {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -100px;
    -webkit-animation: appLanding 15s infinite;
    animation: appLanding 15s infinite;
}
@media only screen and (max-width: 1550px) {
    .slider-thumb--app-landing {
        max-width: 80%;
        margin-top: -50px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .slider-thumb--app-landing {
        max-width: 50%;
    }
}
@media only screen and (max-width: 767.98px) {
    .slider-thumb--app-landing {
        display: none;
    }
}
.slider-area .slick-arrow {
    color: #FFFFFF;
    left: 40px;
    opacity: 1;
    font-size: 70px;
}
@media only screen and (max-width: 767.98px) {
    .slider-area .slick-arrow {
        display: none !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .slider-area .slick-arrow {
        left: 30px;
    }
}
.slider-area .slick-arrow.slick-next {
    right: 40px;
    left: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .slider-area .slick-arrow.slick-next {
        right: 30px;
        left: auto;
    }
}
.slider-area--multipurpose .slick-dots,
.slider-area--creative-agency .slick-dots,
.slider-area--creative-studio .slick-dots,
.slider-area--marketing-agency .slick-dots,
.slider-area--architecture .slick-dots,
.slider-area--corporate .slick-dots,
.slider-area--shop .slick-dots,
.slider-area--creative-business .slick-dots,
.slider-area--onepage .slick-dots {
    position: absolute;
    right: 50px;
    bottom: 100px;
    width: 40px;
}
@media only screen and (max-width: 767.98px),
only screen and (min-width: 768px) and (max-width: 991.98px) {
    .slider-area--multipurpose .slick-dots,
    .slider-area--creative-agency .slick-dots,
    .slider-area--creative-studio .slick-dots,
    .slider-area--marketing-agency .slick-dots,
    .slider-area--architecture .slick-dots,
    .slider-area--corporate .slick-dots,
    .slider-area--shop .slick-dots,
    .slider-area--creative-business .slick-dots,
    .slider-area--onepage .slick-dots {
        right: 50%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .slider-area--multipurpose .slick-dots,
    .slider-area--creative-agency .slick-dots,
    .slider-area--creative-studio .slick-dots,
    .slider-area--marketing-agency .slick-dots,
    .slider-area--architecture .slick-dots,
    .slider-area--corporate .slick-dots,
    .slider-area--shop .slick-dots,
    .slider-area--creative-business .slick-dots,
    .slider-area--onepage .slick-dots {
        bottom: 100px;
    }
}
@media only screen and (max-width: 767.98px) {
    .slider-area--multipurpose .slick-dots,
    .slider-area--creative-agency .slick-dots,
    .slider-area--creative-studio .slick-dots,
    .slider-area--marketing-agency .slick-dots,
    .slider-area--architecture .slick-dots,
    .slider-area--corporate .slick-dots,
    .slider-area--shop .slick-dots,
    .slider-area--creative-business .slick-dots,
    .slider-area--onepage .slick-dots {
        bottom: 30px;
    }
}
.slider-area--multipurpose .slick-dots:before,
.slider-area--creative-agency .slick-dots:before,
.slider-area--creative-studio .slick-dots:before,
.slider-area--marketing-agency .slick-dots:before,
.slider-area--architecture .slick-dots:before,
.slider-area--corporate .slick-dots:before,
.slider-area--shop .slick-dots:before,
.slider-area--creative-business .slick-dots:before,
.slider-area--onepage .slick-dots:before {
    background-color: #FFFFFF;
    content: '';
    position: absolute;
    bottom: calc(100% + 5px);
    left: 10px;
    height: 200px;
    width: 2px;
}
@media screen and (max-height: 730px) {
    .slider-area--multipurpose .slick-dots:before,
    .slider-area--creative-agency .slick-dots:before,
    .slider-area--creative-studio .slick-dots:before,
    .slider-area--marketing-agency .slick-dots:before,
    .slider-area--architecture .slick-dots:before,
    .slider-area--corporate .slick-dots:before,
    .slider-area--shop .slick-dots:before,
    .slider-area--creative-business .slick-dots:before,
    .slider-area--onepage .slick-dots:before {
        height: 150px;
    }
}
@media only screen and (max-width: 767.98px),
only screen and (min-width: 768px) and (max-width: 991.98px) {
    .slider-area--multipurpose .slick-dots:before,
    .slider-area--creative-agency .slick-dots:before,
    .slider-area--creative-studio .slick-dots:before,
    .slider-area--marketing-agency .slick-dots:before,
    .slider-area--architecture .slick-dots:before,
    .slider-area--corporate .slick-dots:before,
    .slider-area--shop .slick-dots:before,
    .slider-area--creative-business .slick-dots:before,
    .slider-area--onepage .slick-dots:before {
        display: none;
    }
}
.slider-area--multipurpose .slick-dots li,
.slider-area--creative-agency .slick-dots li,
.slider-area--creative-studio .slick-dots li,
.slider-area--marketing-agency .slick-dots li,
.slider-area--architecture .slick-dots li,
.slider-area--corporate .slick-dots li,
.slider-area--shop .slick-dots li,
.slider-area--creative-business .slick-dots li,
.slider-area--onepage .slick-dots li {
    display: none;
    color: #FFFFFF;
    font-size: 20px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}
.slider-area--multipurpose .slick-dots li.slick-active,
.slider-area--creative-agency .slick-dots li.slick-active,
.slider-area--creative-studio .slick-dots li.slick-active,
.slider-area--marketing-agency .slick-dots li.slick-active,
.slider-area--architecture .slick-dots li.slick-active,
.slider-area--corporate .slick-dots li.slick-active,
.slider-area--shop .slick-dots li.slick-active,
.slider-area--creative-business .slick-dots li.slick-active,
.slider-area--onepage .slick-dots li.slick-active {
    display: block;
}
@media only screen and (min-width: 1600px) {
    .slider-area--creative-studio .slick-arrow {
        left: 180px;
    }
    .slider-area--creative-studio .slick-arrow.slick-next {
        right: 180px;
        left: auto;
    }
    .slider-area--creative-studio .slick-dots {
        right: 185px;
        bottom: 180px;
    }
}
.slider-area--shop .slick-dots:before {
    height: 150px;
}
/*
  App Landing Slider Keyframes Animation
 */
@-webkit-keyframes appLanding {
    0% {
        -webkit-transform: translateY(-50%) translate3d(0, -30px, 0);
        transform: translateY(-50%) translate3d(0, -30px, 0);
    }
    50% {
        -webkit-transform: translateY(-50%) translate3d(0, 30px, 0);
        transform: translateY(-50%) translate3d(0, 30px, 0);
    }
    100% {
        -webkit-transform: translateY(-50%) translate3d(0, -30px, 0);
        transform: translateY(-50%) translate3d(0, -30px, 0);
    }
}
@keyframes appLanding {
    0% {
        -webkit-transform: translateY(-50%) translate3d(0, -30px, 0);
        transform: translateY(-50%) translate3d(0, -30px, 0);
    }
    50% {
        -webkit-transform: translateY(-50%) translate3d(0, 30px, 0);
        transform: translateY(-50%) translate3d(0, 30px, 0);
    }
    100% {
        -webkit-transform: translateY(-50%) translate3d(0, -30px, 0);
        transform: translateY(-50%) translate3d(0, -30px, 0);
    }
}
/*=========================
53. Footer Style CSS
=========================*/
.footer-widget-wrap {
    font-size: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .footer-widget-wrap {
        padding-bottom: 10px;
    }
}
@media only screen and (max-width: 767.98px) {
    .footer-widget-wrap {
        padding-bottom: 30px;
    }
}
@media only screen and (min-width: 1601px) {
    .footer-widget-wrap .pl-large {
        padding-left: 445px;
    }
}
.footer-copyright-wrap {
    padding: 65px 0;
    font-size: 14px;
}
@media only screen and (max-width: 767.98px) {
    .footer-copyright-wrap {
        padding: 25px 0;
    }
}
.footer-copyright-wrap .copyright-text a {
    color: #777777;
}
.footer-copyright-wrap .copyright-text a:hover {
    color: #db1439;
}
.footer-copyright-wrap--2 {
    background-color: #f5f5f5;
    padding: 45px 0;
}
@media only screen and (max-width: 767.98px) {
    .footer-nav {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 10px;
    }
}
.footer-nav li {
    margin-right: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .footer-nav li {
        margin-right: 30px;
    }
}
@media only screen and (max-width: 767.98px) {
    .footer-nav li {
        margin-right: 20px;
    }
}
.footer-nav li:last-child {
    margin-right: 0;
}
.footer-nav li a {
    color: #777777;
    font-size: 14px;
}
.footer-nav li a:hover {
    color: #db1439;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .widget-item {
        margin-top: 55px;
    }
}
@media only screen and (max-width: 767.98px) {
    .widget-item {
        margin-top: 35px;
    }
}
.widget-item .widget-title {
    font-size: 18px;
    color: #FFFFFF;
    margin-bottom: 23px;
}
.widget-item .instagram-gallery {
    margin: 0 -5px;
}
.widget-item .instagram-gallery .instagram-item {
    margin-top: 10px;
    padding: 0 5px;
}
@media only screen and (min-width: 576px) {
    .widget-item .instagram-gallery .instagram-item {
        -webkit-flex-basis: calc(25% - 20px);
        -ms-flex-preferred-size: calc(25% - 20px);
        flex-basis: calc(25% - 20px);
    }
}
@media only screen and (max-width: 575px) {
    .widget-item .instagram-gallery .instagram-item {
        -webkit-flex-basis: calc(50% - 20px);
        -ms-flex-preferred-size: calc(50% - 20px);
        flex-basis: calc(50% - 20px);
    }
}
.widget-item .instagram-gallery .instagram-item:before {
    width: calc(100% - 10px);
    left: 5px;
}
.widget-item address {
    margin: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .widget-item address br {
        display: inherit;
    }
}
.footer-area.bg-white .widget-item .widget-title {
    color: #333333;
}
.footer-top-wrapper {
    padding: 30px 0;
    border-top: 1px solid #eee;
}

.text-black {color:#333!important;}