@import url("../fonts/notoKR/NotoKR-Black/stylesheet.css"); 
@import url("../fonts/notoKR/NotoKR-Bold/stylesheet.css"); 
@import url("../fonts/notoKR/NotoKR-DemiLight/stylesheet.css"); 
@import url("../fonts/notoKR/NotoKR-Light/stylesheet.css"); 
@import url("../fonts/notoKR/NotoKR-Medium/stylesheet.css"); 
@import url("../fonts/notoKR/NotoKR-Regular/stylesheet.css"); 
@import url("../fonts/notoKR/NotoKR-Thin/stylesheet.css"); 
/*@import url("../fonts/futura/futura-light/futura-light.css"); 
@import url("../fonts/futura/futura-book/futura-book.css"); 
@import url("../fonts/futura/futura-medium/futura-medium.css"); 
@import url("../fonts/futura/futura-bold/futura-bold.css"); */

/**!**************/
/**! Contents **/
/**! 01. Reset **/
/**! 02. Typography **/
/**! 03. Position **/
/**! 04. Element Size **/
/**! 05. Images **/
/**! 06. Buttons **/
/**! 07. Icons **/
/**! 08. Lists **/
/**! 09. Lightbox **/
/**! 10. Menus **/
/**! 11. Dropdowns **/
/**! 12. Form Elements **/
/**! 13. Accordions **/
/**! 14. Breadcrumbs **/
/**! 15. Radials **/
/**! 16. Tabs **/
/**! 17. Boxes **/
/**! 18. Sliders Flickity **/
/**! 19. Hover Elements **/
/**! 20. Masonry **/
/**! 21. Modals **/
/**! 22. Maps **/
/**! 23. Parallax **/
/**! 24. Notifications **/
/**! 25. Video **/
/**! 26. Colors **/
/**! 27. Image Blocks **/
/**! 28. MailChimp & Campaign Monitor **/
/**! 29. Twitter **/
/**! 30. Transitions **/
/**! 31. Switchable Sections **/
/**! 32. Typed Effect **/
/**! 33. Gradient BG **/
/**! 34. Bars **/
/**! 35. Navigation In Page **/
/**! 36. Helper Classes **/
/**! 37. Spacing **/
/**! 38. Boxed Layout **/
/**! 39. Wizard **/
/**! 40. Alerts **/
/**! 41. Progress - Horizontal **/
/**! 42. Theme Overrides **/
/**!**************/
/**!**************/
/**!**************/
/**! 01. Reset **/
*, h1, h2, h3, h4, h5, h6, p, ul, a {
    margin: 0;
    padding: 0;
}

div, span, p {
    word-break: keep-all;
}

/**! 02. Typography **/
html {
    font-size: 87.5%;
}

@media all and (max-width: 768px) {
    html {
        font-size: 81.25%;
    }
}

body {
    font-family:  "Apple SD Gothic Neo",'notokr-regular','Noto Sans SC', sans-serif;
    !important; font-size: 1em;
    line-height: 1.7em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #222;
    font-weight: 400;
    /* margin: 20px; */
}
@font-face {
    font-family: 'AGBookBQBold';
    src: url('../fonts/agbook/AGBookBold/AGBookBQ-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/agbook/AGBookBold/AGBookBQ-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/agbook/AGBookBold/AGBookBQ-Bold.woff') format('woff'), /* Modern Browsers */
         url('../fonts/agbook/AGBookBold/AGBookBQ-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/agbook/AGBookBold/AGBookBQ-Bold.svg#AGBookBQ-Bold') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'AGBookBQMedium';
    src: url('../fonts/agbook/AGBookMedium/AGBookBQ-Medium.eot'); /* IE9 Compat Modes */
    src: url('../fonts/agbook/AGBookMedium/AGBookBQ-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/agbook/AGBookMedium/AGBookBQ-Medium.woff') format('woff'), /* Modern Browsers */
         url('../fonts/agbook/AGBookMedium/AGBookBQ-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/agbook/AGBookMedium/AGBookBQ-Medium.svg#AGBookBQ-Medium') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'AGBookBQRegular';
    src: url('../fonts/agbook/AGBookRegular/AGBookBQ-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/agbook/AGBookRegular/AGBookBQ-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/agbook/AGBookRegular/AGBookBQ-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/agbook/AGBookRegular/AGBookBQ-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/agbook/AGBookRegular/AGBookBQ-Regular.svg#AGBookBQ-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'AGBookBQLight';
    src: url('../fonts/agbook/AGBookLight/AGBookBQ-Light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/agbook/AGBookLight/AGBookBQ-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/agbook/AGBookLight/AGBookBQ-Light.woff') format('woff'), /* Modern Browsers */
         url('../fonts/agbook/AGBookLight/AGBookBQ-Light.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/agbook/AGBookLight/AGBookBQ-Light.svg#AGBookBQ-Light') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'AGBookBQUltraLight';
    src: url('../fonts/agbook/AGBookUltraLight/AGBookBQ-UltraLight.eot'); /* IE9 Compat Modes */
    src: url('../fonts/agbook/AGBookUltraLight/AGBookBQ-UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/agbook/AGBookUltraLight/AGBookBQ-UltraLight.woff') format('woff'), /* Modern Browsers */
         url('../fonts/agbook/AGBookUltraLight/AGBookBQ-UltraLight.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/agbook/AGBookUltraLight/AGBookBQ-UltraLight.svg#AGBookBQ-UltraLight') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}


/*
@font-face {
    font-family: 'Futura-Bol';
    src: url('../fonts/futura/futura-bold/futura-bold.eot?33839631');
    src: url('../fonts/futura/futura-bold/futura-bold.eot?33839631#iefix') format('embedded-opentype'), url('../fonts/futura/futura-bold/futura-bold.woff2?33839631') format('woff2'), url('../fonts/futura/futura-bold/futura-bold.woff?33839631') format('woff'), url('../fonts/futura/futura-bold/futura-bold.ttf?33839631') format('truetype'), url('../fonts/futura/futura-bold/futura-bold.svg?33839631#stack-interface') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Futura-Med';
    src: url('../fonts/futura/futura-medium/futura-medium.eot?33839631');
    src: url('../fonts/futura/futura-medium/futura-medium.eot?33839631#iefix') format('embedded-opentype'), url('../fonts/futura/futura-medium/futura-medium.woff2?33839631') format('woff2'), url('../fonts/futura/futura-medium/futura-medium.woff?33839631') format('woff'), url('../fonts/futura/futura-medium/futura-medium.ttf?33839631') format('truetype'), url('../fonts/futura/futura-medium/futura-medium.svg?33839631#stack-interface') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Futura-Boo';
    src: url('../fonts/futura/futura-book/futura-book.eot?33839631');
    src: url('../fonts/futura/futura-book/futura-book.eot?33839631#iefix') format('embedded-opentype'), url('../fonts/futura/futura-book/futura-book.woff2?33839631') format('woff2'), url('../fonts/futura/futura-book/futura-book.woff?33839631') format('woff'), url('../fonts/futura/futura-book/futura-book.ttf?33839631') format('truetype'), url('../fonts/futura/futura-book/futura-book.svg?33839631#stack-interface') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Futura-Lig';
    src: url('../fonts/futura/futura-light/futura-light.eot?33839631');
    src: url('../fonts/futura/futura-light/futura-light.eot?33839631#iefix') format('embedded-opentype'), url('../fonts/futura/futura-light/futura-light.woff2?33839631') format('woff2'), url('../fonts/futura/futura-light/futura-light.woff?33839631') format('woff'), url('../fonts/futura/futura-light/futura-light.ttf?33839631') format('truetype'), url('../fonts/futura/futura-light/futura-light.svg?33839631#stack-interface') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
@font-face {
    font-family: 'notokr-bold';
    src: url('../fonts/notoKR/NotoKR-Bold/notokr-bold.eot?33839631');
    src: url('../fonts/notoKR/NotoKR-Bold/notokr-bold.eot?33839631#iefix') format('embedded-opentype'), url('../fonts/notoKR/NotoKR-Bold/notokr-bold.woff2?33839631') format('woff2'), url('../fonts/notoKR/NotoKR-Bold/notokr-bold.woff?33839631') format('woff'), url('../fonts/notoKR/NotoKR-Bold/notokr-bold.ttf?33839631') format('truetype'), url('../fonts/notoKR/NotoKR-Bold/notokr-bold.svg?33839631#stack-interface') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-medium';
    src: url('../fonts/notoKR/NotoKR-Medium/notokr-medium.eot?33839631');
    src: url('../fonts/notoKR/NotoKR-Medium/notokr-medium.eot?33839631#iefix') format('embedded-opentype'), url('../fonts/notoKR/NotoKR-Medium/notokr-medium.woff2?33839631') format('woff2'), url('../fonts/notoKR/NotoKR-Medium/notokr-medium.woff?33839631') format('woff'), url('../fonts/notoKR/NotoKR-Medium/notokr-medium.ttf?33839631') format('truetype'), url('../fonts/notoKR/NotoKR-Medium/notokr-medium.svg?33839631#stack-interface') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-regular';
    src: url('../fonts/notoKR/NotoKR-Regular/notokr-regular.eot?33839631');
    src: url('../fonts/notoKR/NotoKR-Regular/notokr-regular.eot?33839631#iefix') format('embedded-opentype'), url('../fonts/notoKR/NotoKR-Regular/notokr-regular.woff2?33839631') format('woff2'), url('../fonts/notoKR/NotoKR-Regular/notokr-regular.woff?33839631') format('woff'), url('../fonts/notoKR/NotoKR-Regular/notokr-regular.ttf?33839631') format('truetype'), url('../fonts/notoKR/NotoKR-Regular/notokr-regular.svg?33839631#stack-interface') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-demilight';
    src: url('../fonts/notoKR/NotoKR-Demilight/notokr-demilight.eot?33839631');
    src: url('../fonts/notoKR/NotoKR-Demilight/notokr-demilight.eot?33839631#iefix') format('embedded-opentype'), url('../fonts/notoKR/NotoKR-Demilight/notokr-demilight.woff2?33839631') format('woff2'), url('../fonts/notoKR/NotoKR-Demilight/notokr-demilight.woff?33839631') format('woff'), url('../fonts/notoKR/NotoKR-Demilight/notokr-demilight.ttf?33839631') format('truetype'), url('../fonts/notoKR/NotoKR-Demilight/notokr-demilight.svg?33839631#stack-interface') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-light';
    src: url('../fonts/notoKR/NotoKR-Light/notokr-light.eot?33839631');
    src: url('../fonts/notoKR/NotoKR-Light/notokr-light.eot?33839631#iefix') format('embedded-opentype'), url('../fonts/notoKR/NotoKR-Light/notokr-light.woff2?33839631') format('woff2'), url('../fonts/notoKR/NotoKR-Light/notokr-light.woff?33839631') format('woff'), url('../fonts/notoKR/NotoKR-Light/notokr-light.ttf?33839631') format('truetype'), url('../fonts/notoKR/NotoKR-Light/notokr-light.svg?33839631#stack-interface') format('svg');
    font-weight: normal;
    font-style: normal;
}




.agbookUltralight { font-family: 'AGBookBQUltraLight'!important;font-weight: normal!importantfont-style: normal!important;}
.agbookLight{font-family: 'AGBookBQLight'!important;font-weight: normal!important;	font-style: normal!important;}
.agbookRegular{font-family: 'AGBookBQRegular'!important;font-weight: normal!important;	font-style: normal!important;}
.agbookMedium{font-family: 'AGBookBQMedium'!important;font-weight: normal!important;	font-style: normal!important;}
.agbookBold{font-family: 'AGBookBQBold'!important;font-weight: normal!important;	font-style: normal!important;}

.futura-light {
    font-family: 'AGBookBQLight'!important;font-weight: normal!important;font-style: normal!important;
}

.futura-book {
    font-family: 'AGBookBQRegular'!important;font-weight: normal!important;font-style: normal!important;
}

.futura-medium {
    font-family: 'AGBookBQMedium'!important;font-weight: normal!important;font-style: normal!important;
}

.futura-bold {
    font-family: 'AGBookBQBold'!important;font-weight: normal!important;font-style: normal!important;
}

.notokr-black {
    font-family: 'AGBookBQBold' !important;font-weight: normal!important;font-style: normal!important;
}

.notokr-bold {
    font-family: notokr-bold !important;
}

.notokr-demilight {
    font-family: notokr-demilight !important;
}

.notokr-light {
    font-family: notokr-light !important;
}

.notokr-medium {
    font-family: notokr-medium !important;
}

.notokr-regular {
    font-family: notokr-regular !important;
}

.notokr-thin {
    font-family: notokr-thin !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    /* color: #252525; */
    font-weight: 400;
    font-variant-ligatures: common-ligatures;
    margin-top: 0;
    margin-bottom: 0;
}

h1, .h1 {
    font-family: 'Apple SD Gothic Neo','notokr-bold','Noto Sans SC';
    line-height: 1.3em;
    font-weight: 700;
}

h2, .h2 {
    font-family: 'Apple SD Gothic Neo','notokr-bold','Noto Sans SC';
    font-size: 2em;
    line-height: 1.3em;
    font-weight: 700;
}

h3, .h3 {
    font-family:  'Apple SD Gothic Neo','notokr-bold','Noto Sans SC';
    font-size: 1.285714285714286em;
    line-height: 1.7em;
    font-weight: 700;
}

h4, .h4 {
    font-family: 'Apple SD Gothic Neo','notokr-medium','Noto Sans SC';
    font-size: 1.142857142857143em;
    font-weight: 500;
    /* line-height: 1.36842105em; */
}

h5, .h5 {
    font-family:'Apple SD Gothic Neo','notokr-medium','Noto Sans SC';
    font-size: 1em;
    font-weight: 500;
    line-height: 1.85714286em;
}

h6, .h6 {
    font-family: 'Apple SD Gothic Neo', 'notokr-medium','Noto Sans SC';
    font-size: 0.85714286em;
    font-weight: 500;
    line-height: 1.6em;
}

.main-title {
    font-family:'AGBookBQMedium','Apple SD Gothic Neo', 'notokr-bold','Noto Sans SC';
    font-size: 2em;
    font-weight: 500;
    line-height: 1em;
}

.lead {
    font-size: 1em;
    line-height: 1.7em;
}

.date-txt {
    font-size: 1em;
    line-height: 1.4em;
}

@media all and (max-width: 767px) {
    h1, .h1 {
        font-size: 2.35714286em;
        line-height: 1.3em;
    }

    h2, .h2 {
        font-size: 1.78571429em;
        line-height: 1.3em;
    }
	h2.job_h2 {font-size: 1.5em;}

    h3, .h3 {
        font-size: 1.35714286em;
        line-height: 1.3em;
        word-break: break-all;
    }

    .lead {
        /* font-size: 1.35714286em; */
        line-height: 1.36842105em;
    }
    .height-limit-xs {
    	max-height: 100px;
    	overflow: hidden;
    	padding-top: 20px!important;
    }
    p.date {
    padding-top: 0!important;
}
}

p, ul, ol, pre, table, blockquote {
    margin-bottom: 0.2em;
}

ul, ol {
    list-style: none;
    /* line-height: 1.85714286em; */
}

ul.bullets {
    list-style: inside;
}

ol {
    list-style-type: upper-roman;
    list-style-position: inside;
}

blockquote {
    font-size: 1.78571429em;
    line-height: 1.5em;
    padding: 0;
    margin: 0;
    letter-spacing: -0.5px;
    color: #b7aa99;
    border-left: 0;
}

strong {
    font-weight: 600;
}

hr {
    margin: 1.85714286em 0;
    border-color: #fafafa;
}

a:hover, a:focus, a:active {
    text-decoration: none;
    outline: none;
}

a, a:hover {
    transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
}

/*! Typography -- Helpers */
.type--fade {
    opacity: .5;
}

.type--uppercase {
    text-transform: uppercase;
}

.type--bold {
    font-weight: bold;
}

.type--italic {
    font-style: italic;
}

.type--fine-print {
    font-size: 1.15em;
    /* font-family: 'notokr-medium'!important; */
    font-weight: normal;
}

.type--strikethrough {
    text-decoration: line-through;
    opacity: .5;
}

.type--underline {
    text-decoration: underline;
}

.type--body-font {
    font-family: 'Open Sans', 'Helvetica';
}

/**! 03. Position **/
body {
    overflow-x: hidden;
}

.pos-relative {
    position: relative;
}

.pos-absolute {
    position: absolute;
}

.pos-absolute.container {
    left: 0;
    right: 0;
}

.pos-top {
    top: 0;
}

.pos-bottom {
    bottom: 0;
}

.pos-right {
    right: 0;
}

.pos-left {
    left: 0;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}
footer .spacer2 {
    padding-right: 8px;
    margin-right: 8px;
}
.spacer {
    border-right: 1px solid #ccc;
    padding-right: 15px;
    margin-right: 15px;
    height: 11px;
    display: inline-block;
    position: relative;
}
.spacer2 {
    border-right: 1px solid #ccc;
    padding-right: 15px;
    margin-right: 15px;
    height: 11px;
    display: inline-block;
    position: relative;
}

footer .address {
    font-family:  "Apple SD Gothic Neo",'notokr-regular'!important;
    color: #333;
    line-height: 1.6em;
    font-size: 0.9em;
}

.clear {
    clear: both;
    display: block
}

@media all and (max-width: 767px) {
    .float-left, .float-right {
        float: none;
    }

    .float-left-xs {
        float: left!important;
    }

    .float-right-xs {
        float: right!important;
    }
    .cart-btn .btn {padding:10px!important;margin:0!important;}
}

.pos-vertical-center {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

@media all and (max-width: 767px) {
    .pos-vertical-center {
        top: 30%;
        transform: none;
        -webkit-transform: none;
    }
}

@media all and (max-height: 600px) {
    .pos-vertical-center {
        top: 0;
        transform: none;
        -webkit-transform: none;
    }
}

.pos-vertical-align-columns {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.pos-vertical-align-columns > div[class*='col-'] {
    display: table-cell;
    float: none;
    vertical-align: middle;
}

@media all and (max-width: 990px) {
    .pos-vertical-align-columns {
        display: block;
        width: auto;
    }

    .pos-vertical-align-columns > div[class*='col-'] {
        display: block;
    }
}

.inline-block {
    display: inline-block;
}

.block {
    display: block;
}

@media all and (max-width: 767px) {
    .block--xs {
        display: block;
    }
}

@media all and (max-width: 990px) {
    .text-center-md {
        text-align: center;
    }

    .text-left-md {
        text-align: left;
    }

    .text-right-md {
        text-align: right;
    }
        .bar .mobile {
        padding: 0
    }
}

@media all and (max-width: 767px) {
    .text-center-xs {
        text-align: center;
    }

    .text-left-xs {
        text-align: left;
    }

    .text-right-xs {
        text-align: right;
    }

    .bar .mobile {
        padding: 0
    }
}

/**! 04. Element Size **/
.height-100, .height-90, .height-80, .height-70, .height-60, .height-50, .height-40, .height-30, .height-20, .height-10 {
    height: auto;
    padding: 5em 0;
}

@media all and (max-width: 767px) {
    .height-100, .height-90, .height-80, .height-70, .height-60, .height-50, .height-40, .height-30, .height-20, .height-10 {
        height: auto;
        padding: 4em 0;
    }
}

@media all and (min-height: 600px) and (min-width: 767px) {
    .height-10 {
        height: 10vh;
    }

    .height-20 {
        height: 20vh;
    }

    .height-30 {
        height: 30vh;
    }

    .height-40 {
        height: 40vh;
    }

    .height-50 {
        height: 50vh;
    }

    .height-60 {
        height: 60vh;
    }

    .height-70 {
        height: 70vh;
    }

    .height-80 {
        height: 80vh;
    }

    .height-90 {
        height: 90vh;
    }

    .height-100 {
        height: 100vh;
    }
}

section.height-auto {
    height: auto;
}

section.height-auto .pos-vertical-center {
    top: 0;
    position: relative;
    transform: none;
}

@media all and (max-width: 767px) {
    div[class*='col-'][class*='height-'] {
        /* padding-top: 5.57142857em !important; */
        /* padding-bottom: 5.57142857em !important; */
    }
}

/**! 05. Images **/
img {
    max-width: 100%;
    margin-bottom: 1.85714286em;
}

/*p+img, img:last-child{
	margin-bottom: 0;
}*/
.img--fullwidth {
    width: 100%;
}

[data-grid="2"].masonry {
    -webkit-column-count: 2;
    -webkit-column-gap: 0;
    -moz-column-count: 2;
    -moz-column-gap: 0;
    column-count: 2;
    column-gap: 0;
}

[data-grid="2"].masonry li {
    width: 100%;
    float: none;
}

[data-grid="2"] li {
    width: 50%;
    display: inline-block;
}

[data-grid="3"].masonry {
    -webkit-column-count: 3;
    -webkit-column-gap: 0;
    -moz-column-count: 3;
    -moz-column-gap: 0;
    column-count: 3;
    column-gap: 0;
}

[data-grid="3"].masonry li {
    width: 100%;
    float: none;
}

[data-grid="3"] li {
    width: 33.33333333%;
    display: inline-block;
}

[data-grid="4"].masonry {
    -webkit-column-count: 4;
    -webkit-column-gap: 0;
    -moz-column-count: 4;
    -moz-column-gap: 0;
    column-count: 4;
    column-gap: 0;
}

[data-grid="4"].masonry li {
    width: 100%;
    float: none;
}

[data-grid="4"] li {
    width: 25%;
    display: inline-block;
}

[data-grid="5"].masonry {
    -webkit-column-count: 5;
    -webkit-column-gap: 0;
    -moz-column-count: 5;
    -moz-column-gap: 0;
    column-count: 5;
    column-gap: 0;
}

[data-grid="5"].masonry li {
    width: 100%;
    float: none;
}

[data-grid="5"] li {
    width: 20%;
    display: inline-block;
}

[data-grid="6"].masonry {
    -webkit-column-count: 6;
    -webkit-column-gap: 0;
    -moz-column-count: 6;
    -moz-column-gap: 0;
    column-count: 6;
    column-gap: 0;
}

[data-grid="6"].masonry li {
    width: 100%;
    float: none;
}

[data-grid="6"] li {
    width: 16.66666667%;
    display: inline-block;
}

[data-grid="7"].masonry {
    -webkit-column-count: 7;
    -webkit-column-gap: 0;
    -moz-column-count: 7;
    -moz-column-gap: 0;
    column-count: 7;
    column-gap: 0;
}

[data-grid="7"].masonry li {
    width: 100%;
    float: none;
}

[data-grid="7"] li {
    width: 14.28571429%;
    display: inline-block;
}

[data-grid="8"].masonry {
    -webkit-column-count: 8;
    -webkit-column-gap: 0;
    -moz-column-count: 8;
    -moz-column-gap: 0;
    column-count: 8;
    column-gap: 0;
}

[data-grid="8"].masonry li {
    width: 100%;
    float: none;
}

[data-grid="8"] li {
    width: 12.5%;
    display: inline-block;
}

@media all and (max-width: 767px) {
    [data-grid]:not(.masonry) li {
        width: 33.333333%;
    }

    [data-grid="2"]:not(.masonry) li {
        width: 50%;
    }

    [data-grid].masonry {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

.archive-thumb {
    text-align: center;
    padding: 55px 20px;
    background: #ededed;
    border: 0px solid #ededed;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}

.archive-thumb.related {
    background: #545252;
}

.archive-thumb:hover {
    background: #f4f4f4;
    border: 0px solid #333;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}

.archive-thumb img {
    margin-bottom: 0.92857143em;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    backface-visibility: hidden;
}

.archive-thumb:hover img {
    transform: translate3d(0, -5px, 0);
    -webkit-transform: translate3d(0, -5px, 0);
    box-shadow: 0 10px 36px 0 rgba(0, 0, 0, 0.3)
}

.archive-thumb img {
    max-height: 167px;
    min-height: 167px;
    box-shadow: 0 10px 36px 0 rgba(0, 0, 0, 0.05);
}

.background-image-holder {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover !important;
    background-position: 50% 50% !important;
    z-index: 0;
    transition: opacity .3s linear;
    -webkit-transition: opacity .3s linear;
    opacity: 0;
    background: #000;
}

.background-image-holder:not([class*='col-']) {
    width: 100%;
}

.background-image-holder.background--bottom {
    background-position: 50% 100% !important;
}

.background-image-holder.background--top {
    background-position: 50% 0% !important;
}

.image--light .background-image-holder {
    background: none;
}

.background-image-holder img {
    display: none;
}

[data-overlay] {
    position: relative;
}

[data-overlay]:before {
    position: absolute;
    content: '';
    background: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

[data-overlay] *:not(.container):not(.background-image-holder) {
    z-index: 2;
}

[data-overlay].image--light:before {
    background: #fff;
}

[data-overlay].bg--primary:before {
    background: #4a90e2;
}

[data-overlay="1"]:before {
    opacity: 0.1;
}

[data-overlay="2"]:before {
    opacity: 0.2;
}

[data-overlay="3"]:before {
    opacity: 0.3;
}

[data-overlay="4"]:before {
    opacity: 0.3;
}

[data-overlay="5"]:before {
    opacity: 0.5;
}

[data-overlay="6"]:before {
    opacity: 0.6;
}

[data-overlay="7"]:before {
    opacity: 0.7;
}

[data-overlay="8"]:before {
    opacity: 0.8;
}

[data-overlay="9"]:before {
    opacity: 0.9;
}

[data-overlay="10"]:before {
    opacity: 1;
}

[data-overlay="0"]:before {
    opacity: 0;
}

[data-scrim-bottom] {
    position: relative;
}

[data-scrim-bottom----]:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 80%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #252525 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #252525));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 60%, #252525 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 60%, #252525 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 60%, #252525 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, #252525 100%);
    bottom: 0;
    left: 0;
    z-index: 1;
    backface-visibility: hidden;
}

.gradient-bg:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #000));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 70%, #000 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 70%, #000 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 70%, #000 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, #000 100%);
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: 0.3;
    backface-visibility: hidden;
}

[data-scrim-bottom]:not(.image--light) h1, [data-scrim-bottom]:not(.image--light) h2, [data-scrim-bottom]:not(.image--light) h3, [data-scrim-bottom]:not(.image--light) h4, [data-scrim-bottom]:not(.image--light) h5, [data-scrim-bottom]:not(.image--light) h6 {
    color: #a5a5a5;
    color: #f1f1f1;
}

[data-scrim-bottom]:not(.image--light) p, [data-scrim-bottom]:not(.image--light) span, [data-scrim-bottom]:not(.image--light) ul {
    color: #e6e6e6;
}

[data-scrim-bottom].image--light:before {
    background: #fff;
}

[data-scrim-bottom="0"]:before,[data-scrim-related="0"]:before {
    opacity: 0
}

[data-scrim-bottom="1"]:before {
    opacity: 0.1
}

[data-scrim-bottom="2"]:before {
    opacity: 0.2;
}

[data-scrim-bottom="3"]:before {
    opacity: 0.3;
}

[data-scrim-bottom="4"]:before {
    opacity: 0.4;
}

[data-scrim-bottom="5"]:before {
    opacity: 0.5;
}

[data-scrim-bottom="6"]:before {
    opacity: 0.6;
}

[data-scrim-bottom="7"]:before {
    opacity: 0.7;
}

[data-scrim-bottom="8"]:before {
    opacity: 0.8;
}

[data-scrim-bottom="9"]:before {
    opacity: 0.9;
}

[data-scrim-bottom="10"]:before {
    opacity: 1;
}

////* 180503*/
/// [data-scrim-border="0"]:before {
    opacity: 0;
}

[data-scrim-border] {
    position: relative;
}

[data-scrim-bottom]:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    /* border: 3px solid #222; */
    bottom: 0;
    /* opacity: 0.5; */
    left: 0;
    background:#000;
    z-index: 1;
    backface-visibility: hidden;
}

[data-scrim-related]:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border: 3px solid #ececec;
    bottom: 0;
    left: 0;
    z-index: 1;
    backface-visibility: hidden;
}

////* 180503 - END*/
/// [data-scrim-top] {
    position: relative;
}

[data-scrim-top]:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, left bottom, color-stop(0%, #252525), color-stop(100%, rgba(0, 0, 0, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(12, 12, 12, 0) 100%);
    top: 0;
    left: 0;
    z-index: 1;
}

[data-scrim-top]:not(.image--light) h1, [data-scrim-top]:not(.image--light) h2, [data-scrim-top]:not(.image--light) h3, [data-scrim-top]:not(.image--light) h4, [data-scrim-top]:not(.image--light) h5, [data-scrim-top]:not(.image--light) h6 {
    color: #fff;
}

[data-scrim-top]:not(.image--light) p, [data-scrim-top]:not(.image--light) span, [data-scrim-top]:not(.image--light) ul {
    color: #e6e6e6;
}

[data-scrim-top].image--light:before {
    background: #fff;
}

[data-scrim-top="0"]:before {
    opacity: 0;
}

[data-scrim-top="1"]:before {
    opacity: 0.1;
}

[data-scrim-top="2"]:before {
    opacity: 0.2;
}

[data-scrim-top="3"]:before {
    opacity: 0.3;
}

[data-scrim-top="4"]:before {
    opacity: 0.4;
}

[data-scrim-top="5"]:before {
    opacity: 0.5;
}

[data-scrim-top="6"]:before {
    opacity: 0.6;
}

[data-scrim-top="7"]:before {
    opacity: 0.7;
}

[data-scrim-top="8"]:before {
    opacity: 0.8;
}

[data-scrim-top="9"]:before {
    opacity: 0.9;
}

[data-scrim-top="10"]:before {
    opacity: 1;
}

.imagebg {
    position: relative;
}

.imagebg .container {
    z-index: 2;
}

.imagebg .container:not(.pos-absolute) {
    position: relative;
}

.imagebg:not(.image--light) h1, .imagebg:not(.image--light) h2, .imagebg:not(.image--light) h3, .imagebg:not(.image--light) h4, .imagebg:not(.image--light) h5, .imagebg:not(.image--light) h6, .imagebg:not(.image--light) p, .imagebg:not(.image--light) ul, .imagebg:not(.image--light) blockquote {
    color: #fff;
}

.imagebg:not(.image--light) .bg--white h1, .imagebg:not(.image--light) .bg--white h2, .imagebg:not(.image--light) .bg--white h3, .imagebg:not(.image--light) .bg--white h4, .imagebg:not(.image--light) .bg--white h5, .imagebg:not(.image--light) .bg--white h6 {
    color: #252525;
}

.imagebg:not(.image--light) .bg--white p, .imagebg:not(.image--light) .bg--white ul {
    color: #666666;
}

div[data-overlay] h1, div[data-overlay] h2, div[data-overlay] h3, div[data-overlay] h4, div[data-overlay] h5, div[data-overlay] h6 {
    color: #fff;
}

div[data-overlay] p, div[data-overlay] ul {
    color: #fff;
}

.parallax {
    overflow: hidden;
}

.parallax .background-image-holder {
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
}

.image--xxs {
    max-height: 1.85714286em;
}

.image--xs {
    max-height: 3.71428571em;
}

.image--sm {
    max-height: 5.57142857em;
}

.image--md {
    max-height: 7.42857143em;
}

/**! 06. Buttons **/
.btn {
    font-family: 'AGBookBQRegular','Apple SD Gothic Neo','notokr-medium'!important;
    transition: 0.1s linear;
    -webkit-transition: 0.1s linear;
    -moz-transition: 0.1s linear;
    border-radius: 0px;
    padding-top: 0.76428571em;
    padding-bottom: 0.76428571em;
    padding-right: 2em;
    padding-left: 2em;
    border: 2px solid #252525;
    border-width: 2px;
    font-size: inherit;
    /* line-height: 1.85714286em; */
}

.btn .btn__text, .btn i {
    /* color: #252525; */
    /* border-color: #252525; */
    font-weight: 600;
    font-size: 0.85714286em;
}

.btn[class*='col-'] {
    margin-left: 0;
    margin-right: 0;
}

.btn:active {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.btn.bg--naver, .btn.bg--facebook, .btn.bg--twitter, .btn.bg--instagram, .btn.bg--googleplus, .btn.bg--pinterest, .btn.bg--dribbble, .btn.bg--behance, .btn.bg--dark {
    border-color: rgba(0, 0, 0, 0) !important;
}

.btn.bg--naver .btn__text, .btn.bg--facebook .btn__text, .btn.bg--twitter .btn__text, .btn.bg--instagram .btn__text, .btn.bg--googleplus .btn__text, .btn.bg--pinterest .btn__text, .btn.bg--dribbble .btn__text, .btn.bg--behance .btn__text, .btn.bg--dark .btn__text {
    color: #fff;
}

.btn.bg--naver .btn__text i, .btn.bg--facebook .btn__text i, .btn.bg--twitter .btn__text i, .btn.bg--instagram .btn__text i, .btn.bg--googleplus .btn__text i, .btn.bg--pinterest .btn__text i, .btn.bg--dribbble .btn__text i, .btn.bg--behance .btn__text i, .btn.bg--dark .btn__text i {
    color: #fff;
}

.btn.bg--naver:hover, .btn.bg--facebook:hover, .btn.bg--twitter:hover, .btn.bg--instagram:hover, .btn.bg--googleplus:hover, .btn.bg--pinterest:hover, .btn.bg--dribbble:hover, .btn.bg--behance:hover, .btn.bg--dark:hover {
    opacity: .9;
}

.btn.bg--error {
    background: #e23636;
    border-color: #e23636 !important;
}

.btn.bg--error:hover {
    background: #e54c4c;
    border-color: #e54c4c !important;
    color: #fff !important;
}

.btn.bg--error .btn__text {
    color: #fff;
}

.btn.bg--error .btn__text i {
    color: #fff;
}

@media all and (min-width: 768px) {
    .btn + .btn {
        margin-left: 0.5em;
    }
}

.btn:first-child {
    margin-left: 0;
}

.btn:last-child {
    margin-right: 0;
}

.btn--xs {
    padding-top: 4px;
    padding-bottom: 2px;
    padding-right: 0.6em;
    padding-left: 0.6em;
}

.btn--sm {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding- right: 0.8em;
    padding-left: 0.8em;
    padding-right: 0.8em;
}

.btn--lg {
    padding-top: 0.58035714em;
    padding-bottom: 0.58035714em;
    padding-right: 3.48214286em;
    padding-left: 3.48214286em;
}

.btn--lg .btn__text {
    font-size: 1.07142857em;
}

.btn-search {
    padding: 10px 16px 0px 18px;
    font-size: 1.8em;
    line-height: 1.8em;
    border: none;
    vertical-align: middle;
    min-height: 50px;
    /* margin-top: -0px; */
    /* margin-left: -3px; */
    background: rgba(255, 255, 255, 0.2);
}
@media (min-width:1024px){
.archive-btn .btn {min-width:130px}
}
.btn--primary, .btn--primary:visited {
    background: #000;
    border-color: #000;
    color: #FFF;
}
.btn-11358 {min-width: 113.58px}
@media (max-width: 375px){

.btn-11358 {min-width: 80px!important;max-width: 80px;}
}
.btn--primary .btn__text, .btn--primary:visited .btn__text {
    /* color: #fff; */
}

.btn--primary .btn__text i, .btn--primary:visited .btn__text i {
    color: #fff;
}

.btn--primary:hover {
    background: transparent;
    color: #000000!important;
}

.btn--primary:active {
    background: #222;
}

.btn--primary-1, .btn--primary-1:visited {
    background: #333;
    border-color: #333;
}

.btn--primary-1 .btn__text, .btn--primary-1:visited .btn__text {
    color: #fff;
}

.btn--primary-1:hover {
    background: #376faf;
}

.btn--primary-1:active {
    background: #2b5789;
}

.btn--primary-2, .btn--primary-2:visited {
    background: #465773;
    border-color: #465773;
}

.btn--primary-2 .btn__text, .btn--primary-2:visited .btn__text {
    color: #fff;
}

.btn--primary-2:hover {
    background: #506383;
}

.btn--primary-2:active {
    background: #3c4b63;
}

.btn--secondary {
    background: #fafafa;
    border-color: #fafafa;
}

.btn--secondary:hover {
    background: #ffffff;
}

.btn--secondary:active {
    background: #f5f5f5;
}

.btn--white {
    background: #fff;
    color: #252525;
    border-color: #fff;
}

.btn--white:hover {
    background: transparent;
    color: #fff;
    border-color: #fff;
}

.btn--white i {
    color: #252525;
}

.btn--border {
    background: #fff;
    color: #252525;
    border: 2px solid #333;
}

.btn--border:hover {
    background: #fff;
    color: #999;
    border: 2px solid #999;
}

.btn--border i {
    color: #252525;
}

.btn--border1 {
    background: #fff;
    color: #999!important;
    border: 1px solid #ccc;
    /* margin-top: 5px; */
}

.btn--border1:hover {
    background: #fff;
    color: #252525!important;
    border: 1px solid #333;
}


.btn-float {
    float: right;
    position: absolute;
    right: 10px;
    top: 12px;
}

.btn--transparent {
    background: none;
    border-color: rgba(0, 0, 0, 0);
    padding-left: 0;
    padding-right: 0;
}

.btn--transparent.btn--white .btn__text {
    color: #fff;
}

.btn--unfilled {
    background: none;
}

.btn--unfilled.btn--white .btn__text {
    color: #fff;
}

.btn--unfilled.btn--white i {
    color: #fff;
}

.btn--floating {
    position: fixed;
    bottom: 3.71428571em;
    right: 3.71428571em;
    z-index: 10;
}

/**! 07. Icons **/
.icon {
    line-height: 1em;
    font-size: 3.14285714em;
}

.icon--xs {
    font-size: 1em;
}

.icon--sm {
    font-size: 2.35714286em;
}

.icon--lg {
    font-size: 5.57142857em;
}

/**! 08. Lists **/
ul:last-child {
    margin: 0;
}


.history-design p strong {
    /* display:inline; */
    margin-right: 12px;
    font-family: 'Roboto-light';
    font-weight: 300;
    width: 115px;
    float: left;
    height: 49px;
}
.history-design p:not(strong) {
    /* left:70px; */
    /* position:relative; */
    /* float:left; */
    /* font-weight: 700; */
}
@media (max-width: 787px) {
    .history-design p strong {
        height: 120px;
    }
.history-design p strong:after {
    width: 46px;
    height: 58px;
    margin-top: -31px;
    top:0;
}
}

.history-design p strong:after {
    content: '';
    background: url('/img/bullet-history.png') right -20% no-repeat;
    width: 16px;
    height: 100px;
    /* padding: 0 20px; */
    /* display: block; */
    float: right;
    margin-top:  0px;
    margin-bottom: -113px;
}

 
.history-design p {
    line-height: 1.5em!important;
    font-size: 15px;
    margin-bottom: 0;
    clear: both;
}

.history-design p:last-child {
    margin-bottom: 3.45em;
}


li.social-link:hover {
    opacity:0.7;
}
li.social-link {
    width: 25px;
    height: 30px;
    text-align:center;
    text-align: center;
    }
li.social-link > img {
            max-width:100%;
            max-height: 100%;
        }

li.social-link2:hover {
    background: #eee;
    border: 1px solid #eee;
}
li.social-link2 {
    width: 34px;
    height: 34px;
    line-height: 32px;
    text-align:center;
    border-radius: 50%;
    border: 1px solid #222;
    text-align: center;
    background: #FFF;
    }
li.social-link2 > img {
            max-width:100%;
            max-height: 100%;
            /* padding-left:2px; */
            align:middle;
            padding-left:2px;
        }

        

.list-inline li {
    padding: 0 1em;
    margin-left: 0;
}

.list-inline li:first-child {
    padding-left: 0;
}

.social-first {
    margin-right: 0.6em;
}

.list-inline li:last-child {
    padding-right: 0;
}

.list-inline.list-inline--narrow li {
    padding: 0 .5em;
}

.list-inline.list-inline--wide li {
    padding: 0 2em;
}

/**! 09. Lightbox **/
.lb-outerContainer {
    border-radius: 0;
}

.lb-outerContainer .lb-container {
    padding: 0;
}

.lb-outerContainer .lb-container img {
    margin: 0;
}

.lightbox-gallery {
    overflow: hidden;
}

.lightbox-gallery li {
    float: left;
}

.lightbox-gallery li img {
    margin: 0;
    width: 100%;
}

.lightbox-gallery.gallery--gaps li {
    padding: 0.46428571em;
}

/**! 10. Menus **/
.menu-horizontal > li:not(:hover) > a, .menu-horizontal > li:not(:hover) > span, .menu-horizontal > li:not(:hover) > .modal-instance > .modal-trigger {
    opacity: 1;
}

.menu-horizontal > li > a, .menu-horizontal > li > span, .menu-horizontal > li > .modal-instance > .modal-trigger {
    transition: 0s ease;
    -webkit-transition: 0s ease;
    -moz-transition: 0s ease;
    /* color: #000!important; */
    /* padding-bottom: 2px; */
}

.menu-horizontal > li > a:hover, .menu-horizontal > li > span:hover, .menu-horizontal > li > .modal-instance > .modal-trigger:hover {
    color: #000;
}

.menu-horizontal > li.underline > a:hover,.menu-horizontal > li.underline > a.active {
    border-bottom: 2px solid #000;
    padding-bottom: 2px;
}
@media (max-width:768px){

.menu-horizontal > li.underline > a:hover, .menu-horizontal > li.underline > a.active {
    border-bottom: 0px solid #000;
    padding-bottom: 0px;
    color: #CD212A;
}
}
.menu-horizontal2 > li > a:hover {
    color: #999;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}

.bg--dark .menu-horizontal > li > a, .bg--dark .menu-horizontal > li > span {
    color: #fff;
}

.bg--dark .menu-horizontal > li > a:hover, .bg--dark .menu-horizontal > li > span:hover {
    color: #fff;
}

.menu-vertical {
    width: 55%;
}

.menu-vertical li {
    width: 100%;
}

.menu-vertical li a {
    font-weight: normal;
}

@media all and (min-width: 990px) {
    .bg--secondary {
        background: #fff!important;
    }

    .menu-horizontal, .menu-horizontal2 {
        display: inline-block;
    }

    .menu-horizontal > li, .menu-horizontal2 > li {
        display: inline-block;
    }

    .menu-horizontal > li:not(:last-child) {
        /* margin-right: 1.85714286em; */
    }

    .menu-vertical {
        display: inline-block;
    }

    .menu-vertical li {
        white-space: nowrap;
    }

    .menu-vertical .dropdown__container {
        top: 0;
    }

    .menu-vertical .dropdown__container .dropdown__content:not([class*='bg-']) {
        background: #ffffff;
    }

    .menu-vertical .dropdown__container .dropdown__content {
        transform: translateX(75%);
    }
}

/**! 11. Dropdowns **/
.dropdown {
    position: relative;
}

.dropdown .dropdown__container {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: 999;
}

.dropdown .dropdown__container .dropdown__container:before {
    height: 0;
}

.dropdown .dropdown__content {
    padding: 1.85714286em;
}

.dropdown .dropdown__content:not([class*='col-']) {
    width: 18.57142857em;
}

.dropdown .dropdown__content:not([class*='bg-']) {
    background: #ffffff;
}

.dropdown .dropdown__content:not([class='bg--dark']) .menu-vertical a {
    color: #000;
}

.dropdown .dropdown__content:not([class='bg--dark']) .menu-vertical a:hover {
    color: #999;
}

.dropdown .dropdown__trigger {
    cursor: pointer;
    user-select: none;
}

.dropdown.dropdown--active > .dropdown__container {
    opacity: 1;
}

.dropdown.dropdown--active > .dropdown__container > .container > .row > .dropdown__content {
    pointer-events: all;
}

@media all and (min-width: 991px) {
    .dropdown .dropdown__container:before {
        height: 0.92857143em;
        width: 100%;
        content: '';
        display: block;
    }

    .dropdown .dropdown__content.dropdown__content--md {
        padding: 2.78571429em;
    }

    .dropdown .dropdown__content.dropdown__content--lg {
        padding: 3.71428571em;
    }

    .dropdown .dropdown__content.dropdown__content--xlg {
        padding: 4.64285714em;
    }
}
.lang-margin{margin: 0 0 0 -22px;}
@media all and (max-width: 767px) {
    .lang-margin{margin: 0px 0 0 0px;border: 2px solid #222!important;}
    .dropdown .dropdown__container {
        min-width: 100%;
        position: relative;
        display: none;
    }

    .dropdown .dropdown__content {
        padding: 1.85714286em;
        left: 0 !important;
    }

    .dropdown.dropdown--active > .dropdown__container {
        display: block;
    }
}

body.dropdowns--hover .dropdown:not(.dropdown--click):hover > .dropdown__container {
    opacity: 1;
}

body.dropdowns--hover .dropdown:not(.dropdown--click):hover > .dropdown__container:before {
    pointer-events: all;
}

body.dropdowns--hover .dropdown:not(.dropdown--click):hover > .dropdown__container .dropdown__content {
    pointer-events: all;
}

body:not(.dropdowns--hover) .dropdown.dropdown--hover:hover > .dropdown__container {
    opacity: 1;
}

body:not(.dropdowns--hover) .dropdown.dropdown--hover:hover > .dropdown__container:before {
    pointer-events: all;
}

body:not(.dropdowns--hover) .dropdown.dropdown--hover:hover > .dropdown__container .dropdown__content {
    pointer-events: all;
}

@media all and (max-width: 990px) {
    body.dropdowns--hover .dropdown:not(.dropdown--click).dropdown--active > .dropdown__container {
        display: block;
    }

    body.dropdowns--hover .dropdown:not(.dropdown--click).dropdown--active > .dropdown__container:before {
        pointer-events: all;
    }
}

@media all and (max-width: 767px) {
    .dropdown.dropdown--absolute .dropdown__container {
        position: absolute;
    }

    .dropdown__container > .container {
        width: 100%!important;
    }
}

/**! 12. Form Elements **/
form {
    max-width: 100%;
}

form + form {
    margin-top: 30px;
}

form:before, form:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
}

form:after {
    clear: both;
}

label {
    margin: 0;
    font-size: 1.14285714em;
    font-weight: 400;
}

.input-number input[type], select {
    -webkit-appearance: none;
    background: #fcfcfc;
    padding: 0.464286em;
    margin: 0;
    border-radius: 0px;
    border: 1px solid #ececec;
}

input[type], select {
    border: none;
    height: 2.25em;
    background-image: none;
    border-bottom: 1px solid #ccc;
    color: #000;
    font-weight: 400;
    margin: 10px 0 0 0;
    padding: 0 0 3px;
    font-size: 1em;
    box-sizing: border-box;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
}
.book-search::placeholder {
  color: #333!important;
  font-size:14px!important;
}
.color--white input[type], .color--white select {
    border: none;
    height: 36px;
    background-image: none;
    border-bottom: 1px solid #696969;
    color: #eee!important;
    background: transparent!important;
    font-weight: 300;
    margin: 0px 0 0 0;
    padding: 0 0 3px;
    font-size: 1em;
    box-sizing: border-box;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
}

.color--white input[type]:focus {
    border-color: #FFF!important;
}

.search-result-input {
    height: 54px !important;
    /* background:#ccc!important; */
    padding-left: 15px!important;
    border: 1px solid #696969 !important;
}

.input-search {
    border: none;
    min-height: 50px!important;
    width: 70%;
    border: none!important;
    background-image: none;
    background: #f3f3f3!important;
    border-bottom: 0px solid #a7a7a7;
    color: #000;
    font-weight: 300;
    margin: 0px 0 0 !important;
    padding: 10px 10px 8px 15px!important;
    font-size: 1em;
    box-sizing: border-box;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
}
.search-width {width: 100%!important;}
.search-detail-btn {margin:10px 0 0 0}
@media (max-width:767px){
    .btn-search {width: 100%;padding: 12px 0 0 0!important;}
    .search-width {width: 100%!important;}
.search-detail-btn {margin:20px 0 0 0;font-size:1.2em}
}
textarea {
    height: auto;
    background-image: none;
    border: 1px solid #d8d8d8;
    color: #000;
    font-weight: 200;
    margin: 10px 0 10px 0;
    padding: 10px;
    font-size: 0.875em;
    line-height: 1.3;
    box-sizing: border-box;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
}

input[type]:focus,input:focus, textarea:focus, select:focus {
    outline: none !important;
    border-color: #000 !important;
}
}

input[type]:active, textarea:active, select:active {
    outline: none;
}

input[type]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
    color: #b3b3b3;
    font-size: 1.14285714em;
}

input[type]:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder {
    /* Firefox 18- */
    color: #b3b3b3;
    font-size: 1.14285714em;
}

input[type]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
    /* Firefox 19+ */
    color: #b3b3b3;
    font-size: 1.14285714em;
}

input[type]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
    color: #b3b3b3;
    font-size: 1.14285714em;
}

input[type="image"] {
    border: none;
    padding: none;
    width: auto;
}

textarea {
    display: block;
    width: 100%;
    max-width: 100%;
}

select {
    cursor: pointer;
    /* padding-right: 1.85714286em; */
    -webkit-appearance: none;
}

select::ms-expand {
    display: none;
}

input[type="submit"] {
    background: none;
    outline: none;
    border: none;
    background: #4a90e2;
    padding: 0.46428571em 2.78571429em 0.46428571em 2.78571429em;
    color: #fff;
}

@keyframes load {
    0% {
        opacity: 0;
        width: 0;
    }

    50% {
        width: 100%;
        opacity: .8;
        left: 0;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

button {
    background: none;
}

button[type="submit"].btn--loading {
    position: relative;
    overflow: hidden;
    pointer-events: none;
    color: rgba(0, 0, 0, 0);
}

button[type="submit"].btn--loading * {
    opacity: 0;
}

button[type="submit"].btn--loading:after {
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    background: #ddd;
    animation: load 1.5s ease-out infinite;
    left: 0;
    top: 0;
}

button[type="submit"].btn--loading .btn__text {
    opacity: 0;
}

button:focus {
    outline: none !important;
}

button.bg--error {
    color: #fff;
}

.input-icon {
    position: relative;
}

.input-icon i {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    position: absolute;
}

.input-checkbox, .input-radio, .input-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
}

.input-checkbox input, .input-radio input, .input-select input {
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    position: absolute !important;
}

.input-checkbox label, .input-radio label, .input-select label {
    display: block !important;
    cursor: pointer;
}

.input-checkbox {
    padding: 0;
}

.input-checkbox label {
    width: 24px;
    height: 24px;
    border-radius: 3px;
    background: #000;
}

.input-checkbox--switch label {
    width: 26px;
    height: 26px;
    border-radius: 3px;
    background: #000;
}

.input-radio {
    padding: 0;
}

.input-radio label {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #000;
}

.input-select {
    position: relative;
}

.input-select i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 1em;
    font-size: .87em;
}

.input-file {
    position: relative;
    display: inline-block;
}

.input-file input {
    display: none;
}

.form-error {
    margin-top: 1.5625em;
    padding: 0.78125em;
    background: #D84D4D;
    color: #fff;
    position: fixed;
    min-width: 350px;
    left: 50%;
    bottom: 1.5625em;
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
    z-index: 999;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}

.form-success {
    margin-top: 1.5625em;
    padding: 0.78125em;
    background: #1DC020;
    color: #fff;
    position: fixed;
    min-width: 350px;
    left: 50%;
    bottom: 1.5625em;
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
    z-index: 999;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}

.attempted-submit .field-error {
    border-color: #D84D4D !important;
}

.attempted-submit div.recaptcha.field-error {
    border-color: #D84D4D !important;
    border-style: solid;
    border: 1px solid;
    border-radius: 5px;
    padding: 5px;
}

div.recaptcha iframe {
    min-height: 0;
}

/**! 13. Accordions **/
.accordion li .accordion__title, .accordion li .accordion__content, .accordion li .accordion__content * {
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
}

.accordion-1 li .accordion__title, .accordion-1 li .accordion__content, .accordion li-1 .accordion__content * {
    transition: 0s linear;
    -webkit-transition: 0s linear;
    -moz-transition: 0s linear;
}

.accordion li .accordion__title {
    cursor: pointer;
    padding: 0.46428571em 0.92857143em;
    border: 1px solid #b5b5b5;
    border-bottom: none;
    background: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.accordion li:last-child .accordion__title {
    border-bottom: 1px solid #b5b5b5;
}

.accordion li .accordion__content {
    opacity: 0;
    visibility: hidden;
   /* max-height: 0; */
   height:0;
}

.accordion li .accordion__content > * {
    display: none;
}

.accordion li .accordion__content > *:first-child {
    padding-top: 0;
}

.accordion li .accordion__content > *:last-child {
    padding-bottom: 0;
}

.accordion li.active .accordion__title {
    background: #4a90e2;
    border-bottom: 1px solid #ececec;
}

.accordion li.active .accordion__content {
    opacity: 1;
    visibility: visible;
   /* max-height: 500px; */
	margin:0;
	padding:0;
	height:auto;
}

.accordion li.active .accordion__content > * {
    display: inline-block;
}

/**! 14. Breadcrumbs **/
.breadcrumb {
    padding: 0;
    margin: 0;
    background: none;
    display: inline-block;
}

.breadcrumb li {
    font-size: 1em;
}

.breadcrumb li + li:before {
    padding: 0 0.46428571em;
}

/**! 15. Pie Charts **/
.radial {
    position: relative;
}

.radial .radial__label {
    position: absolute;
    top: 58%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    margin-bottom: 0;
}

.radial .radial__label2 {
    position: absolute;
    top: 36%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    margin-bottom: 0;
    line-height: 1.3;
}

/**! 16. Tabs **/
.tabs {
    display: block;
    margin-bottom: 0;
}

.tabs > li {
    display: inline-block;
    opacity: .5;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* margin-right: -4px; */
}

.tabs > .active {
    opacity: 1;
    background: #CD212A;
    /* border:1px solid #CD212A */
}

.tabs:hover {
    opacity: 1;
}

.tabs .tab__title {
    cursor: pointer;
}

.tabs .tab__title:not(.btn) {
    padding: 0 1.85714286em;
}

.tabs li:first-child .tab__title:not(.btn) {
    padding-left: 0;
}

.tabs .tab__content {
    display: none;
}

.tabs-content {
    margin-top: 1em;
}

.tabs-content li > .tab__content {
    width: 100%;
    display: none;
}

.tabs-content > .active > .tab__content {
    display: block;
}

.tabs-container[data-content-align="left"] .tabs-content {
    text-align: left;
}

@media all and (max-width: 767px) {
    .tabs-content > li:not(.active) .tab__content {
        display: none !important;
    }
}

/**! 17. Boxes **/
.boxed {
    position: relative;
    overflow: hidden;
    padding: 1.2em;
    margin-bottom: 30px;
}

.boxed.boxed--lg {
    padding: 41px;
}

.boxed.boxed--sm {
    padding: 1.23809524em;
}

.boxed.boxed--border,.container--border {
    border: 1px solid #ececec;
}

.boxed.boxed--border-job {
    border: 2px solid #333;
}

a .boxed.boxed--border-job {

    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}
a .boxed.boxed--border-job:hover {
    border: 2px solid #333;
    background: #333;
    color: #ccc;

}
.boxed.boxed--border-job-apply {
    border: 0px solid #333;
    background: #333!important;
    color: #FFF!important;
}

a .boxed.boxed--border-job-apply {
    color: #FFF!important;
}

.boxed > div[class*='col-']:first-child:not(.boxed) {
    padding-left: 0;
}

.boxed > div[class*='col-']:last-child:not(.boxed) {
    padding-right: 0;
}

img + .boxed {
    margin-top: -1.85714286em;
}

@media all and (max-width: 767px) {
    .boxed {
        padding: 1.23809524em;
        margin-bottom: 15px;
    }

    .boxed.boxed--lg {
        padding: 1.23809524em;
    }

    .boxed div[class*='col-']:not(.boxed) {
        padding: 0;
    }

    .boxed:last-child {
        margin-bottom: 15px;
    }
}

/**! 18. Sliders Flickity **/
.slides:not(.flickity-enabled) li.imagebg:not(:first-child) {
    display: none;
}

.slides:not(.flickity-enabled) li.imagebg:first-child {
    background: #252525;
    animation: backgroundLoad .5s ease alternate infinite;
}

.slides:not(.flickity-enabled) li.imagebg:first-child .container {
    opacity: 0;
}

@keyframes backgroundLoad {
    0% {
        background: #252525;
    }

    100% {
        background: #3f3f3f;
    }
}

.slider.height-10 {
    height: auto;
}

.slider.height-10 .slides .flickity-slider > li {
    height: 10vh;
    padding: 0;
}

@media all and (min-width: 768px) {
    .slider.height-10 .slides li.imagebg {
        min-height: 10vh;
    }
}

.slider.height-20 {
    height: auto;
}

.slider.height-20 .slides .flickity-slider > li {
    height: 20vh;
    padding: 0;
}

@media all and (min-width: 768px) {
    .slider.height-20 .slides li.imagebg {
        min-height: 20vh;
    }
}

.slider.height-30 {
    height: auto;
}

.slider.height-30 .slides .flickity-slider > li {
    height: 30vh;
    padding: 0;
}

@media all and (min-width: 768px) {
    .slider.height-30 .slides li.imagebg {
        min-height: 30vh;
    }
}

.slider.height-40 {
    height: auto;
}

.slider.height-40 .slides .flickity-slider > li {
    height: 40vh;
    padding: 0;
}

@media all and (min-width: 768px) {
    .slider.height-40 .slides li.imagebg {
        min-height: 40vh;
    }
}

.slider.height-50 {
    height: auto;
}

.slider.height-50 .slides .flickity-slider > li {
    height: 50vh;
    padding: 0;
}

@media all and (min-width: 768px) {
    .slider.height-50 .slides li.imagebg {
        min-height: 50vh;
    }
}

.slider.height-60 {
    height: auto;
}

.slider.height-60 .slides .flickity-slider > li {
    height: 60vh;
    padding: 0;
}

@media all and (min-width: 768px) {
    .slider.height-60 .slides li.imagebg {
        min-height: 60vh;
    }
}

.slider.height-70 {
    height: auto;
}

.slider.height-70 .slides .flickity-slider > li {
    height: 70vh;
    padding: 0;
}

@media all and (min-width: 768px) {
    .slider.height-70 .slides li.imagebg {
        min-height: 70vh;
    }
}

.slider.height-80 {
    height: auto;
}

.slider.height-80 .slides .flickity-slider > li {
    height: 80vh;
    padding: 0;
}

@media all and (min-width: 768px) {
    .slider.height-80 .slides li.imagebg {
        min-height: 80vh;
    }
}

.slider.height-90 {
    height: auto;
}

.slider.height-90 .slides .flickity-slider > li {
    height: 90vh;
    padding: 0;
}

@media all and (min-width: 768px) {
    .slider.height-90 .slides li.imagebg {
        min-height: 90vh;
    }
}

.slider.height-100 {
    height: auto;
}

.slider.height-100 .slides .flickity-slider > li {
    height: 100vh;
    padding: 0;
}

@media all and (min-width: 768px) {
    .slider.height-100 .slides li.imagebg {
        min-height: 100vh;
    }
}

.slider .slides .flickity-slider > li:not([class*='col-']) {
    width: 100%;
}

.slider .slides.slides--gapless li[class*='col-'] {
    padding-left: 0;
    padding-right: 0;
}

.slider[data-arrows="true"].slider--arrows-hover:not(:hover) .flickity-prev-next-button {
    opacity: 0.15;
}

.slider[data-paging="true"]:not(section) {
    margin-bottom: 3.71428571em;
}

.slider[data-paging="true"]:not(section) .flickity-page-dots {
    bottom: -3.71428571em;
}

.slider[data-paging="true"]:not([class*='text-']) .flickity-page-dots {
    text-align: center;
}

.slider[data-children="1"] .flickity-prev-next-button {
    display: none;
}

.slider:not([data-paging="true"]) .slides {
    margin: 0;
}

.slider.controls--dark .flickity-page-dots .dot {
    background: #252525;
}

.slider.controls--dark .flickity-prev-next-button:before {
    color: #252525;
}

section.slider {
    padding: 0;
}

section.slider.height-10 {
    height: auto;
}

section.slider.height-10 .slides .flickity-slider > li {
    height: 10vh;
    padding: 0;
}

@media all and (min-width: 768px) {
    section.slider.height-10 .slides li.imagebg {
        min-height: 10vh;
    }
}

section.slider.height-20 {
    height: auto;
}

section.slider.height-20 .slides .flickity-slider > li {
    height: 20vh;
    padding: 0;
}

@media all and (min-width: 768px) {
    section.slider.height-20 .slides li.imagebg {
        min-height: 20vh;
    }
}

section.slider.height-30 {
    height: auto;
}

section.slider.height-30 .slides .flickity-slider > li {
    height: 30vh;
    padding: 0;
}

@media all and (min-width: 768px) {
    section.slider.height-30 .slides li.imagebg {
        min-height: 30vh;
    }
}

section.slider.height-40 {
    height: auto;
}

section.slider.height-40 .slides .flickity-slider > li {
    height: 40vh;
    padding: 0;
}

@media all and (min-width: 768px) {
    section.slider.height-40 .slides li.imagebg {
        min-height: 40vh;
    }
}

section.slider.height-50 {
    height: auto;
}

section.slider.height-50 .slides .flickity-slider > li {
    height: 50vh;
    padding: 0;
}

@media all and (min-width: 768px) {
    section.slider.height-50 .slides li.imagebg {
        min-height: 50vh;
    }
}

section.slider.height-60 {
    height: auto;
}

section.slider.height-60 .slides .flickity-slider > li {
    height: 60vh;
    padding: 0;
}

@media all and (min-width: 768px) {
    section.slider.height-60 .slides li.imagebg {
        min-height: 60vh;
    }
}

section.slider.height-70 {
    height: auto;
}

section.slider.height-70 .slides .flickity-slider > li {
    height: 70vh;
    padding: 0;
    margin: -8% 0 0 0;
}

@media all and (min-width: 768px) {
    section.slider.height-70 .slides li.imagebg {
        min-height: 70vh;
    }
}

section.slider.height-80 {
    height: auto;
}

section.slider.height-80 .slides .flickity-slider > li {
    height: 80vh;
    padding: 0;
    margin: -8% 0 40px 0;
}

@media all and (min-width: 768px) {
    section.slider.height-80 .slides li.imagebg {
        min-height: 80vh;
    }
}

section.slider.height-90 {
    height: auto;
}

section.slider.height-90 .slides .flickity-slider > li {
    height: 90vh;
    padding: 0;
}

@media all and (min-width: 768px) {
    section.slider.height-90 .slides li.imagebg {
        min-height: 90vh;
    }
}

section.slider.height-100 {
    height: auto;
}

section.slider.height-100 .slides .flickity-slider > li {
    height: 100vh;
    padding: 0;
}

@media all and (min-width: 768px) {
    section.slider.height-100 .slides li.imagebg {
        min-height: 100vh;
    }
}

section.slider[data-paging="true"] .flickity-page-dots {
    /*bottom: 1.85714286em;*/
    margin-bottom: -20px
}

section.slider:not(.image--light)[data-paging="true"] .flickity-page-dots .dot {
    /* background: #fff; */
}

section.slider .slides {
    margin: 0;
}

.slides .architect::before {
    border-top: 2px solid #FFF;
    padding-top: 25px;
    margin: 20px auto 0 auto;
    display: block;
    max-width: 100px;
    text-align: center;
    content: ""
}

.slides .architect {
    font-size: 1.1em
}

@media all and (max-width: 767px) {
    section.slider[class*='height-'] .slides .flickity-slider > li {
        height: 75vh;
        padding: 4em 0;
    }

    section.slider.space--lg .slides .flickity-slider > li {
        padding: 11.14285714em 0;
    }

    section.slider.space--xlg .slides .flickity-slider > li {
        padding: 11.14285714em 0;
    }
}
@media all and (max-width: 374px) {
    section.slider[class*='height-'] .slides .flickity-slider > li {
      
        padding: 7em 0;
    }
}
section.bg--dark .slider[data-paging="true"] .flickity-page-dots .dot, section.bg--primary .slider[data-paging="true"] .flickity-page-dots .dot {
    background: #fff;
}

.flickity-page-dots .dot {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    /* background: #252525; */
    border: none;
    margin: 0 0.46428571em;
}

.flickity-page-dots .dot:hover:not(.is-selected) {
    background: #dc3545;
    opacity: 1;
}

.text-center .flickity-page-dots, section.slider .flickity-page-dots {
    text-align: center;
}

.flickity-prev-next-button svg {
    display: none;
}

.flickity-prev-next-button:before {
    font-family: 'stack-interface';
    content: "\e80c";
    font-size: 4em;
    font-weight: normal;
}

.flickity-prev-next-button.previous:before {
    content: "\e80b";
}

.imagebg:not(.image--light) .flickity-page-dots .dot, .bg--dark .flickity-page-dots .dot {
    /* background: #fff; */
}

/**! 19. Hover Elements **/
.hover-element {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.hover-element * {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}

.hover-element .hover-element__reveal {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.hover-element .hover-element__reveal .boxed {
    height: 100%;
}

.hover-element:hover .hover-element__reveal, .hover-element.hover--active .hover-element__reveal {
    opacity: 1;
}

.hover-element img {
    margin-bottom: 0;
}

@media all and (max-width: 1024px) {
    .hover-element {
        cursor: pointer;
    }

    .archive-thumb {
        padding: 30px 20px;
    }

    .archive-thumb img {
        max-width: 100%;
        max-height: 120px;
        min-height: 100%
    }
}

.row:last-child div[class*='col-']:last-child .hover-element {
    margin-bottom: 0;
}

/**! 20. Masonry **/
.masonry .masonry__container.masonry--active .masonry__item {
    opacity: 1;
    pointer-events: all;
    float: left!important;
}

.masonry__item h4 a,.masonry__item div a {
    color: #000;
}

.masonry .masonry__container .masonry__item {
    opacity: 0;
    pointer-events: none;
}

.masonry .masonry__filters li {
    display: inline-block;
    cursor: pointer;
    text-transform: capitalize;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.masonry .masonry__filters li.active {
    cursor: default;
}

.masonry.masonry--gapless .masonry__item {
    padding: 0 !important;
    margin-bottom: 0;
}

/**! 21. Modals **/
.modal-instance .modal-body {
    display: none;
}

.modal-container {
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    padding: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 999;
    pointer-events: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.modal-container.modal-active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.modal-container:before {
    background: rgba(0, 0, 0, 0.85);
    content: '';
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.modal-container .modal-content {
    backface-visibility: hidden;
    position: fixed;
    z-index: 2;
    top: 50%;
    left: 50%;
    max-height: 100%;
    overflow-y: scroll;
    border: none;
    transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0);
    padding: 0;
    border-radius: 0;
    box-shadow: none;
}

.modal-container .modal-content:not(.height--natural) {
    width: 50%;
    height: 50%;
}

.modal-container .modal-content .modal-close-cross {
    cursor: pointer;
    position: absolute;
    opacity: .5;
    transition: 0.1s linear;
    -webkit-transition: 0.1s linear;
    -moz-transition: 0.1s linear;
    top: 1em;
    right: 1em;
    z-index: 99;
}

.modal-container .modal-content .modal-close-cross:before {
    content: '\00D7';
    font-size: 1.5em;
}

.modal-container .modal-content .modal-close-cross:hover {
    opacity: 1;
}

.modal-container .modal-content.imagebg:not(.image--light) .modal-close-cross:before {
    color: #fff;
}

.modal-container .modal-content iframe {
    width: 100%;
    outline: none;
    border: none;
    height: 100%;
    backface-visibility: hidden;
}

.modal-container .modal-content iframe:first-child + .modal-close-cross:last-child {
    top: -3.71428571em;
}

.modal-content.section-modal {
    pointer-events: none;
}

.modal-content.section-modal [class*='col-'] {
    pointer-events: all;
}

@media all and (max-width: 767px) {
    .modal-container .modal-content {
        width: 97% !important;
        height: auto !important;
        padding-top: 2em;
        padding-bottom: 2em;
    }

}

/**! 22. Maps **/
.map-container {
    position: relative;
    overflow: hidden;
}

.map-container iframe, .map-container .map-canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

/**! 23. Parallax **/
.parallax > .background-image-holder, .parallax .slides li > .background-image-holder {
    height: 100%;
    min-height: 100vh;
    top: -50vh;
    transition: opacity 0.3s ease !important;
    -webkit-transition: opacity 0.3s ease !important;
    -webkit-transform-style: preserve-3d;
}

.parallax:first-child .slides li > .background-image-holder, .parallax:first-child .background-image-holder {
    top: 0;
}

.main-container > a:first-child + .parallax .background-image-holder {
    top: 0;
}

@media all and (max-width: 1024px) {
    .parallax > .background-image-holder, .parallax .slides li > .background-image-holder {
        -webkit-transition: transform 0.016s linear !important;
        transition: transform 0.016s linear !important;
    }

    .parallax.parallax-disable-mobile .background-image-holder, .parallax.parallax-disable-mobile .slides li > .background-image-holder {
        top: 0 !important;
        transform: none !important;
    }
}

/**! 24. Notifications **/
.notification {
    max-width: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    position: fixed;
    z-index: 99;
    pointer-events: none;
    padding: 0;
    margin: 1em;
    opacity: 0;
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
}

.notification:not([class*='bg-']) {
    background: #fff;
}

.notification[class*='col-'] {
    min-width: 400px;
}

.notification .notification-close-cross {
    position: absolute;
    top: 1em;
    z-index: 99;
    right: 1em;
    cursor: pointer;
    transition: 0.1s linear;
    -webkit-transition: 0.1s linear;
    -moz-transition: 0.1s linear;
    opacity: .7;
}

.notification .notification-close-cross:before {
    content: '\00D7';
    font-size: 2.5em;
}

.notification .notification-close-cross:hover {
    opacity: 1;
}

.notification.notification--reveal {
    z-index: 99;
    pointer-events: initial;
}

.notification.notification--reveal[data-animation="from-bottom"] {
    animation: from-bottom 0.3s linear 0s forwards;
    -webkit-animation: from-bottom 0.3s linear 0s forwards;
    -moz-animation: from-bottom 0.3s linear 0s forwards;
}

.notification.notification--reveal[data-animation="from-top"] {
    animation: from-top 0.3s linear 0s forwards;
    -webkit-animation: from-top 0.3s linear 0s forwards;
    -moz-animation: from-top 0.3s linear 0s forwards;
}

.notification.notification--reveal[data-animation="from-left"] {
    animation: from-left 0.3s linear 0s forwards;
    -webkit-animation: from-left 0.3s linear 0s forwards;
    -moz-animation: from-left 0.3s linear 0s forwards;
}

.notification.notification--reveal[data-animation="from-right"] {
    animation: from-right 0.3s linear 0s forwards;
    -webkit-animation: from-right 0.3s linear 0s forwards;
    -moz-animation: from-right 0.3s linear 0s forwards;
}

.notification.notification--dismissed {
    animation: fade-out 0.4s linear 0s forwards !important;
    -webkit-animation: fade-out 0.4s linear 0s forwards !important;
    -moz-animation: fade-out 0.4s linear 0s forwards !important;
    pointer-events: none;
}

.bg--dark + .notification-close-cross:before {
    color: #fff;
}

a[data-notification-link] {
    text-decoration: none;
}

a[data-notification-link]:hover {
    text-decoration: none;
}

@media all and (max-width: 767px) {
    .notification[class*='col-'] {
        min-width: 0;
    }
}

@keyframes from-bottom {
    from {
        transform: translate3d(0, 100%, 0);
        -webkit-transform: translate3d(0, 100%, 0);
        opacity: 0;
    }

    to {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-moz-keyframes from-bottom {
    from {
        transform: translate3d(0, 100%, 0);
        -webkit-transform: translate3d(0, 100%, 0);
        opacity: 0;
    }

    to {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes from-bottom {
    from {
        transform: translate3d(0, 100%, 0);
        -webkit-transform: translate3d(0, 100%, 0);
        opacity: 0;
    }

    to {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes from-top {
    from {
        transform: translate3d(0, -100%, 0);
        -webkit-transform: translate3d(0, -100%, 0);
        opacity: 0;
    }

    to {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-moz-keyframes from-top {
    from {
        transform: translate3d(0, -100%, 0);
        -webkit-transform: translate3d(0, -100%, 0);
        opacity: 0;
    }

    to {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes from-top {
    from {
        transform: translate3d(0, -100%, 0);
        -webkit-transform: translate3d(0, -100%, 0);
        opacity: 0;
    }

    to {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes from-left {
    from {
        transform: translate3d(-100%, 0, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        opacity: 0;
    }

    to {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-moz-keyframes from-left {
    from {
        transform: translate3d(-100%, 0, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        opacity: 0;
    }

    to {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes from-left {
    from {
        transform: translate3d(-100%, 0, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        opacity: 0;
    }

    to {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes from-right {
    from {
        transform: translate3d(100%, 0, 0);
        -webkit-transform: translate3d(100%, 0, 0);
        opacity: 1;
    }

    to {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-moz-keyframes from-right {
    from {
        transform: translate3d(100%, 0, 0);
        -webkit-transform: translate3d(100%, 0, 0);
        opacity: 0;
    }

    to {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes from-right {
    from {
        transform: translate3d(100%, 0, 0);
        -webkit-transform: translate3d(100%, 0, 0);
        opacity: 0;
    }

    to {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes fade-out {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fade-out {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/**! 25. Video **/
iframe {
    width: 100%;
    min-height: 350px;
    border: none;
}

@media all and (max-width: 767px) {
    iframe {
        min-height: 220px;
    }
}

.videobg {
    background: #252525;
    position: relative;
    overflow: hidden;
}

.videobg .container, .videobg .background-image-holder {
    opacity: 0;
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
}

.videobg .background-image-holder {
    opacity: 0 !important;
}

.videobg.video-active .container {
    opacity: 1;
}

.videobg.video-active .loading-indicator {
    opacity: 0;
    visibility: hidden;
}

.videobg video {
    object-fit: cover;
    height: 100%;
    min-width: 100%;
    position: absolute;
    top: 0;
    z-index: 0 !important;
    left: 0;
}

@media all and (max-width: 1024px) {
    .videobg .background-image-holder, .videobg .container {
        opacity: 1 !important;
    }

    .videobg .loading-indicator {
        display: none;
    }

    .videobg video {
        display: none;
    }
}

.youtube-background {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 0 !important;
}

.youtube-background .mb_YTPBar {
    opacity: 0;
    height: 0;
    visibility: hidden;
}

@media all and (max-width: 1024px) {
    .youtube-background {
        display: none;
    }
}

.loading-indicator {
    position: absolute !important;
    top: 50%;
    left: 50%;
    z-index: 99 !important;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: loading-spinner 1s infinite ease-in-out;
    animation: loading-spinner 1s infinite ease-in-out;
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
}

@-webkit-keyframes loading-spinner {
    0% {
        -webkit-transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}

@keyframes loading-spinner {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

.video-cover {
    position: relative;
}

.video-cover video {
    max-width: 100%;
}

.video-cover iframe {
    background: #252525;
}

.video-cover .background-image-holder {
    z-index: 3;
}

.video-cover .video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0);
}

.video-cover .video-play-icon, .video-cover .background-image-holder {
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
}

.video-cover.reveal-video .video-play-icon, .video-cover.reveal-video .background-image-holder {
    opacity: 0 !important;
    pointer-events: none;
}

.video-cover[data-scrim-bottom]:before, .video-cover[data-overlay]:before, .video-cover[data-scrim-top]:before {
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    z-index: 4;
}

.video-cover.reveal-video[data-scrim-bottom]:before, .video-cover.reveal-video[data-overlay]:before, .video-cover.reveal-video[data-scrim-top]:before {
    opacity: 0;
    pointer-events: none;
}

.video-play-icon {
    width: 7.42857143em;
    height: 7.42857143em;
    border-radius: 50%;
    position: relative;
    z-index: 4;
    display: inline-block;
    border: 2px solid #ffffff;
    cursor: pointer;
    background: #ffffff;
}

.video-play-icon.video-play-icon--sm {
    width: 3.71428571em;
    height: 3.71428571em;
}

.video-play-icon.video-play-icon--sm:before {
    border-width: 4px 0 4px 9px;
}

.video-play-icon.video-play-icon--xs {
    width: 1.85714286em;
    height: 1.85714286em;
}

.video-play-icon.video-play-icon--xs:before {
    border-width: 3px 0 3px 6px;
    margin-left: -3px;
}

.video-play-icon.bg--primary:before {
    border-color: transparent transparent transparent #fff;
}

.video-play-icon:before {
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 50%;
    margin-left: -4px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 12px;
    border-color: transparent transparent transparent #ffffff;
    border-color: transparent transparent transparent #808080;
}

.video-play-icon.video-play-icon--dark {
    border-color: #252525;
    background: #252525;
}

.video-play-icon.video-play-icon--dark:before {
    border-color: transparent transparent transparent #252525;
}

.video-play-icon.video-play-icon--dark:before {
    border-color: transparent transparent transparent #fff;
}

@media all and (max-width: 767px) {
    .video-play-icon {
        width: 4.95238095em;
        height: 4.95238095em;
    }
}

.col-12:not([class*='col-lg']):not([class*='col-md']) .video-cover iframe {
    min-height: 550px;
}

@media all and (max-width: 990px) {
    div[class*='col-'][class*='-12']:not([class*='xs-12']) .video-cover iframe {
        min-height: 350px;
    }
}

div[class*='col-'][class*='-10'] .video-cover iframe {
    min-height: 450px;
}

div[class*='col-'][class*='-8'] .video-cover iframe {
    min-height: 400px;
}

div[class*='col-'][class*='-6'] .video-cover iframe {
    min-height: 350px;
}

@media all and (max-width: 1200px) {
    div[class*='col-'][class*='-6'] .video-cover iframe {
        min-height: 300px;
    }
}

@media all and (max-width: 990px) {
    div[class*='col-'][class*='-6'] .video-cover iframe {
        min-height: 220px;
    }
}

@media all and (max-width: 767px) {
    div[class*='col-'] .video-cover iframe {
        min-height: 220px !important;
    }
}

.modal-container video {
    max-width: 100%;
}

/**! 26. Colors **/
body {
    background: #ffffff;
}

.color--black {
    color: #000 !important;
}

.color--primary {
    color: #CD212A !important;
}

a {
    color: #CD212A;
}

.color--primary-1 {
    color: #31639c !important;
}

.color--primary-2 {
    color: #465773 !important;
}

.color--white,.color--white i {
    color: #fff;
}

.color--white i:hover {
    color: #ccc;
}

.color--light,.color--light i {
    color: #ccc;
}

.color--light i:hover {
    color: #FFF;
}

.color--dark {
    color: #252525;
}
.color_grey { color: #9a9a9a; font-weight: normal;}
a.color--grey, .color--grey, .color--grey i {
    color: #777777;
}

a.color--grey:hover, a.color--grey i:hover {
    color: #333;
}

a.color--lightgrey, .color--lightgrey, .color--lightgrey i {
    color: #ccc;
}

a.color--lightgrey:hover, a.color--lightgrey i:hover {
    color: #333;
}

.color--success {
    color: #4ebf56;
}

.color--error {
    color: #e23636;
}

.color--favorite,.color--favorite a {
    color: #e86f6f;
}

.color--favorite:hover,.color--favorite div:hover {
    color: #e00000;
}

.bg--dark {
    background: #252525;
}

.bg--banner {
    background: #fff;
    color: #5b5c61;
    margin-bottom: 20px;
}

.bg--dark:not(.nav-bar):not(.bar) {
    color: #ffffff;
}

.bg--dark:not(.nav-bar):not(.bar) h1, .bg--dark:not(.nav-bar):not(.bar) h2, .bg--dark:not(.nav-bar):not(.bar) h3, .bg--dark:not(.nav-bar):not(.bar) h4, .bg--dark:not(.nav-bar):not(.bar) h5, .bg--dark:not(.nav-bar):not(.bar) h6, .bg--dark:not(.nav-bar):not(.bar) i, .bg--dark:not(.nav-bar):not(.bar) span:not(.btn__text), .bg--dark:not(.nav-bar):not(.bar) p {
    color: #ffffff;
}

.bg--dark:not(.nav-bar):not(.bar) a:not(.btn) {
    color: #fff;
}

.bg--site {
    background: #ffffff;
}

.bg--secondary {
    background: #fafafa;
}

.bg--job {
    background: #e7e7e7!important;
}

.bg--related {
    background: #333!important;
}

.bg--related a {
    color: #929292!important;
}

.bg--related a:hover {
    color: #fff!important;
}

.bg--primary {
    background: #4a90e2;
}

.bg--primary p, .bg--primary span, .bg--primary ul, .bg--primary a:not(.btn) {
    color: #fff;
}

.bg--primary h1, .bg--primary h2, .bg--primary h3, .bg--primary h4, .bg--primary h5, .bg--primary h6, .bg--primary i {
    color: #fff;
}

.bg--primary .color--primary {
    color: #fff !important;
}

.bg--white {
    background: #fff;
}

.bg--white p, .bg--white span, .bg--white ul, .bg--white a:not(.btn) {
    color: #333;
}

.bg--white h1, .bg--white h2, .bg--white h3, .bg--white h4, .bg--white h5, .bg--white h6, .bg--white i {
    color: #252525;
}

.bg--error {
    background: #e23636;
}

.bg--success {
    background: #4ebf56;
}

.imagebg:not(.image--light) .bg--white p, .imagebg:not(.image--light) .bg--white span, .imagebg:not(.image--light) .bg--white ul, .imagebg:not(.image--light) .bg--white a:not(.btn) {
    color: #666666;
}

.imagebg:not(.image--light) .bg--white h1, .imagebg:not(.image--light) .bg--white h2, .imagebg:not(.image--light) .bg--white h3, .imagebg:not(.image--light) .bg--white h4, .imagebg:not(.image--light) .bg--white h5, .imagebg:not(.image--light) .bg--white h6, .imagebg:not(.image--light) .bg--white i {
    color: #252525;
}

.imagebg:not(.image--light) .bg--secondary {
    background: rgba(250, 250, 250, 0.2);
}

.bg--primary-1 {
    background: #252525!important;
}

.bg--primary-1 p, .bg--primary-1 span, .bg--primary-1 ul, .bg--primary-1 a:not(.btn) {
    color: #fff;
}

.bg--primary-1 h1, .bg--primary-1 h2, .bg--primary-1 h3, .bg--primary-1 h4, .bg--primary-1 h5, .bg--primary-1 h6, .bg--primary-1 i {
    color: #fff;
}

.bg--primary-2 {
    background: #465773;
}

.bg--primary-2 p, .bg--primary-2 span, .bg--primary-2 ul, .bg--primary-2 a:not(.btn) {
    color: #fff;
}

.bg--primary-2 h1, .bg--primary-2 h2, .bg--primary-2 h3, .bg--primary-2 h4, .bg--primary-2 h5, .bg--primary-2 h6, .bg--primary-2 i {
    color: #fff;
}

.image-bg:not(.image-light) *:not(a) {
    color: #fff;
}

.color--facebook {
    color: #3b5998;
}

.color--twitter {
    color: #00aced;
}

.color--googleplus {
    color: #dd4b39;
}

.color--instagram {
    color: #125688;
}

.color--pinterest {
    color: #cb2027;
}

.color--dribbble {
    color: #ea4c89;
}

.color--behance {
    color: #053eff;
}

.bg--facebook {
    background: #3b5998;
    color: #fff;
}

.bg--twitter {
    background: #00aced;
    color: #fff;
}
.bg--naver {
    background: #08ca00;
    color: #fff;
}

.bg--googleplus {
    background: #dd4b39;
    color: #fff;
}

.bg--instagram {
    background: #125688;
    color: #fff;
}

.bg--pinterest {
    background: #cb2027;
    color: #fff;
}

.bg--dribbble {
    background: #ea4c89;
    color: #fff;
}

.bg--behance {
    background: #053eff;
    color: #fff;
}

/**! 27. Image Blocks **/
.imageblock {
    position: relative;
    padding: 0;
}

.imageblock > .container, .imageblock > div[class*='col-']:not(.imageblock__content) {
    padding-top: 7.42857143em;
    padding-bottom: 7.42857143em;
    float: none;
    overflow: hidden;
}

.imageblock.imageblock--lg > .container, .imageblock.imageblock--lg > div[class*='col-']:not(.imageblock__content) {
    padding-top: 9.28571429em;
    padding-bottom: 9.28571429em;
    float: none;
    overflow: hidden;
}

.imageblock .imageblock__content {
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 2;
    padding: 0;
}

.imageblock .imageblock__content .slider {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.imageblock .imageblock__content .slider .slides > li {
    padding: 0;
    min-height: 100%;
    position: absolute !important;
}

.imageblock.allow-overflow .imageblock__content {
    overflow: visible;
}

@media all and (max-height: 728px) {
    .imageblock > .container, .imageblock > div[class*='col-']:not(.imageblock__content) {
        padding-top: 3.71428571em;
        padding-bottom: 3.71428571em;
    }
}

@media all and (max-width: 767px) {
    .imageblock[class*='space-'] {
        padding-bottom: 0;
        padding-top: 0;
    }

    .imageblock .imageblock__content {
        position: relative;
        min-height: 18.57142857em;
    }

    .imageblock > .container, .imageblock > div[class*='col-']:not(.imageblock__content) {
        padding-top: 5.57142857em;
        padding-bottom: 5.57142857em;
        float: none;
        overflow: hidden;
    }

    .imageblock.imageblock--lg > .container, .imageblock.imageblock--lg > div[class*='col-']:not(.imageblock__content) {
        padding-top: 5.57142857em;
        padding-bottom: 5.57142857em;
        float: none;
        overflow: hidden;
    }
    h4 {margin-bottom:10px!important;}
}

/**! 28. MailChimp & Campaign Monitor **/
form[action*='createsend.com'] * {
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    opacity: 0;
}

form[action*='createsend.com'].form--active * {
    opacity: 1;
}

form[action*='createsend.com'] .input-checkbox + br {
    display: none;
}

form[action*='createsend.com'].no-labels label {
    display: none;
}

form[action*='createsend.com'] br {
    display: none;
}

form[action*='createsend.com'] p > label:first-child {
    margin-bottom: 0.92857143em;
}

form[action*='list-manage.com'] h2 {
    font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
    color: #252525;
    font-weight: 300;
    font-variant-ligatures: common-ligatures;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.35714286em;
    line-height: 1.36842105em;
    margin-bottom: 1.36842105263158em;
    font-weight: 400;
}

form[action*='list-manage.com'] h2.inline-block + .h4.inline-block:not(.typed-text) {
    margin-left: 0.68421052631579em;
}

form[action*='list-manage.com'] .input-group ul {
    overflow: hidden;
}

form[action*='list-manage.com'] .input-group ul li {
    float: left;
}

form[action*='list-manage.com'] * {
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    opacity: 0;
}

form[action*='list-manage.com'].form--active * {
    opacity: 1;
}

form[action*='list-manage.com'].no-labels label {
    display: none;
}

form[action*='list-manage.com'] .small-meta {
    font-size: 0.5em;
}

/**! 29. Twitter **/
.twitter-feed .user {
    display: none;
}

.twitter-feed .interact {
    display: none;
}

.twitter-feed .timePosted {
    font-size: .87em;
}

/**! 30. Transitions **/
[class*='transition--'] {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    opacity: 0;
}

[class*='transition--'].transition--active {
    opacity: 1;
}

.transition--scale {
    transform: scale(0.98);
    -webkit-transform: scale(0.98);
}

.transition--scale.transition--active {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.transition--slide {
    transform: translate3d(200px, 0, 0);
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(30vw, 0, 0);
    -webkit-transform: translate3d(30vw, 0, 0);
}

.transition--slide.transition--active {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

/**! 31. Switchable Sections **/
.switchable {
    position: relative;
}

.switchable div[class*='col-']:first-child {
    float: left;
    right: auto;
}

.switchable div[class*='col-']:first-child:not([class*='pull']):not([class*='push']) {
    left: 0;
}

.switchable div[class*='col-']:last-child {
    /* float: right; */
    left: auto;
}

.switchable div[class*='col-']:last-child:not([class*='pull']):not([class*='push']) {
    right: 0;
}

.switchable.switchable--switch div[class*='col-']:first-child {
    float: right;
    right: 0;
    left: auto;
}

.switchable.switchable--switch div[class*='col-']:first-child:not([class*='pull']):not([class*='push']) {
    left: auto;
}

.switchable.switchable--switch div[class*='col-']:last-child {
    float: left;
    left: 0;
    right: auto;
}

.switchable .switchable__text {
    margin-top: 3.71428571em;
}

.switchable > div[class*='col-'] {
    padding: 0;
}

/**! 32. Typed Effect **/
.typed-text {
    display: inline-block;
}

.typed-text.typed-text--cursor:after {
    content: '|';
    font-size: 1.2em;
    -webkit-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
    position: relative;
    right: 6px;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/**! 33. Gradient BG **/
[data-gradient-bg] {
    position: relative;
    background: #000;
    opacity: 1;
}

[data-gradient-bg] > canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding-bottom: 1px;
}

[data-gradient-bg] > canvas + .background-image-holder {
    opacity: .2 !important;
}

/**! 34. Bars **/
.bar {
    padding: 0;
}

.bar .logo {
    margin: 0;
    position: relative;
    top: 4px;
}

.bar .menu-horizontal {
    position: relative;
    top: 6px;
}

.bar:not([class*='visible-']) + .bar {
    margin-top: 0.92857143em;
}

.bar.bar--xs {
    padding: 0.46428571em 0;
}

.bar.bar--sm {
    padding: 0.92857143em 0;
}

.bar.bar--lg {
    padding: 2.7em 0 0.5em 0;
}

.bar.bar--lg .logo {
    top: 0;
}

.bar.bar--xlg {
    padding: 4.64285714em 0;
}

.bar.bar--xlg .logo {
    top: 0;
}

.bar.bg--dark .logo-dark {
    display: none;
}

.bar:not(.bg--dark):not(.bar--transparent) .logo-light {
    display: none;
}

@media all and (max-width: 767px) {
    .bar.bar--mobile-sticky[data-scroll-class*='fixed'].pos-fixed {
        position: fixed;
        width: 100%;
        background: #fff;
        z-index: 999;
    }

    .bar.bar--mobile-sticky[data-scroll-class*='fixed'] + .bar.pos-fixed {
        top: 3.71428571em;
        position: fixed;
        width: 100%;
        background: #fff;
        z-index: 999;
    }
}

@media all and (min-width: 991px) {
	.list_m_side { display: none}
    .bar__module:not(:only-child) {
        display: inline-block;
    }

    .bar__module:not(:last-child) {
        margin-right: 0.92857143em;
    }

    .bar--transparent:not(.bar--dark) {
        background: none;
    }

    .bar--transparent:not(.bar--dark) .logo-dark {
        display: none;
    }

    .bar--transparent:not(.bar--dark) .logo-light {
        display: inline-block;
    }

    .bar--transparent:not(.bar--dark):not(.pos-fixed) .menu-horizontal > li > a, .bar--transparent:not(.bar--dark):not(.pos-fixed) .menu-horizontal > li > span {
        color: #fff;
    }

    .bar--transparent:not(.bar--dark):not(.pos-fixed) .btn:not([class*='primary']) {
        border-color: rgba(255, 255, 255, 0.3);
    }

    .bar--transparent:not(.bar--dark):not(.pos-fixed) .btn:not([class*='primary']) .btn__text {
        color: #fff;
    }

    .bar--transparent:not(.bar--dark):not(.pos-fixed) .btn:not([class*='primary']):hover {
        border-color: rgba(255, 255, 255, 0.7);
    }

    .bar--absolute {
        position: absolute;
    }

    .bar--absolute, .pos-fixed {
        z-index: 99;
        width: 100%;
    }

    .bar.pos-fixed {
        position: fixed;
        top: 0;
        animation: fadeInDown 0.3s ease-out forwards;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
    }

    .bar.pos-fixed:not([class*='bg-']) {
        background: #ffffff;
    }

    .bar.pos-fixed:not([class*='bg-']) .logo-dark {
        display: inline-block;
    }

    .bar.pos-fixed:not([class*='bg-']) .logo-light {
        display: none;
    }

    .bar.pos-fixed.bg--dark {
        background: #252525;
    }
}

@media all and (max-width: 991px) {
	.list_m_side { display: block; margin-top: 20px !important; border-top: 1px solid #444; padding-top: 20px !important}
	.list_m_side li {font-family: 'Apple SD Gothic Neo','notokr-medium','Noto Sans SC';  font-weight: normal!important; font-style: normal!important; line-height: 1.5em !important;text-transform: uppercase; text-align: left;  display: block}
	.list_m_side li a {color: #FFF; display: block; font-size: 16px!important;}
    .bar__module {
        margin-bottom: 0.92857143em;
        padding: 5px 30px 20px 30px;
        background: #252525;
    }

    .bar__module a {
        color: #FFF;
    }

    .bar__module_3 {
        padding: 12px 28px 0 28px;
        background: #ccc;
    }

    .mobile-bg3 {
        background: #ccc
    }

    .bar__module_3 a {
        color: #555;
    }

    .bar__module li {
        line-height: 2.2em;
        text-align: left;
        font-size: 18px!important;
    }

    .bar__module + .bar__module {
        margin-top: 1.85714286em;
    }

    .bar__module_3 li {
        display: inline-block;
        /* float:left;*/
    }

    .bar__module_3 li:first-child {
        padding-right: 30px;
    }

    .bar__module_3 li:last-child a {
        color: #eee;
    }

    .bar__module_3 li:last-child {
        float: right;
        padding-right: 0;
        text-align: right
    }

    .bar__module_3 .menu-vertical li {
        display: block!important;
        float: none;
    }

    .mobile ul .bar__module_3 {
        margin-bottom: 20px
    }

    .bar__module .btn {
        display: block;
    }

    .bar__module .btn + .btn {
        margin-left: 0 !important;
    }

    .bar__module .btn:not(:last-child) {
        margin-bottom: 0.92857143em;
    }

    .bar + nav.bar {
        padding: 0;
        margin-bottom: -4px;
        position: relative;
    }
}

/**! 35. Navigation InPage **/
.page-navigator {
    position: fixed;
    padding: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 1.85714286em;
    z-index: 10;
}

.page-navigator ul {
    display: inline-block;
    padding: 0.92857143em;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 1.85714286em;
    transition: all .2s ease;
}

.page-navigator ul:hover {
    background: rgba(0, 0, 0, 0.6);
}

.page-navigator ul li:not(:last-child) {
    margin-bottom: 1.85714286em;
}

@media all and (max-width: 767px) {
    .page-navigator {
        right: 0;
    }

    .page-navigator ul {
        border-radius: 1.85714286em 0 0 1.85714286em;
        padding: 1.85714286em 0.92857143em;
    }
}

.page-navigator li a {
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    transition: all .2s ease;
    display: block;
    position: relative;
}

.page-navigator li a:not(:hover) {
    opacity: .5;
}

.page-navigator li a.inner-link--active {
    opacity: 1;
    animation: bulge .5s ease;
    -webkit-animation: bulge .5s ease;
}

@keyframes bulge {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes bulge {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1);
    }
}

.page-navigator li a[data-title]:before {
    content: attr(data-title);
    position: absolute;
    right: 12px;
    top: -14px;
    background: #222;
    color: #fff;
    border-radius: 6px;
    padding: 4px 8px;
    display: inline-block;
    transition: all .2s ease;
    white-space: nowrap;
}

.page-navigator li a[data-title]:not(:hover):before {
    opacity: 0;
    transform: translateX(-20px);
}

/**! 36. Helper Classes **/
.clearfix {
    overflow: hidden;
}

.clearfix-after:after {
    content: "";
    display: table;
    clear: both;
}

.allow-overflow {
    overflow: visible;
}

.container .row--gapless {
    padding-left: 15px;
    padding-right: 15px;
}

.container .row--gapless > div[class*='col-'] {
    padding: 0;
}

@media all and (max-width: 767px) {
    .text-left-xs {
        text-align: left;
    }
    div.right-xs {
    float: right;
}

div.left-xs {
    float: left;
}

}

@media all and (max-width: 991px) {
    .text-left-sm {
        text-align: left;
    }
}

section > .row--gapless {
    padding-left: 0;
    padding-right: 0;
}

section > .row--gapless > div[class*='col-'] {
    padding: 0;
}

div.right {
    float: right;
}

div.left {
    float: left;
}

.clearboth {
    clear: both
}

section.text-right > .container:last-child > .row:only-child > div[class*='col-']:only-child {
    float: right;
}

.title-border::before {
    content: '';
    border-bottom: 2px solid #FFF;
}

/**! 37. Spacing **/
.top-section-border {
    border-top: 4px solid #303030;
    /* background: #f4f4f4; */
    /* margin-bottom: 40px; */
}

section, footer {
    padding-top: 4.285714285714286em;
    padding-bottom: 4.285714285714286em;
}

section.project {
    padding-top: 24.7em;
    padding-bottom: 0em;
}

section.view-project {
    min-height: 500px;
    padding: 0;
}

section.archive {
    padding-top: 4.2em;
    padding-bottom: 3.8em;
}

section.report {
    padding-top: 4.285714285714286em;
    padding-bottom: 3.285714285714286em;
}

.space-protect-top {
    min-height: 11em;
    background: rgba(0, 0, 0, 0.45);
    padding: 2em 0 2.2em 0;
}

.space-archive-top {
    background: rgba(0, 0, 0, 0.8);
    padding: 2em 0 2.2em 0;
}

.space-archive-top-2 {
    background: rgba(0, 0, 0, 0.8);
    padding: 2.5em 0 4.2em 0;
}

.float-title-area {
    position: absolute;
    z-index: 99;
    padding-top: 2em
}

section.space--xxs, footer.space--xxs {
    padding-top: 1.85714286em;
    padding-bottom: 1.85714286em;
}

section.space--xs, footer.space--xs {
    padding-top: 3.71428571em;
    padding-bottom: 1em;
}

section.space--sm, footer.space--sm {
    padding-top: 3em;
    padding-bottom: 2em;
}

section.space--sm2, footer.space--sm2 {
    padding-top: 3em;
    padding-bottom: 4em;
}

section.space--md, footer.space--md {
    padding-top: 11.14285714em;
    padding-bottom: 11.14285714em;
}

section.space--lg, footer.space--lg {
    padding-top: 14.85714286em;
    padding-bottom: 14.85714286em;
}

section.space--xlg, footer.space--xlg {
    padding-top: 29.71428571em;
    padding-bottom: 29.71428571em;
}

section.space--0, footer.space--0 {
    padding: 0;
}

section.section--even, footer.section--even {
    padding-top: 7.42857143em;
    padding-bottom: 7.42857143em;
}

section.space-bottom--sm, footer.space-bottom--sm {
    padding-bottom: 4.95238095em;
}

@media all and (max-width: 767px) {
    section, footer, section.section--even {
        padding: 3em 0;
    }

    section.space--lg, footer.space--lg, section.section--even.space--lg, section.space--md, footer.space--md, section.section--even.space--md {
        padding: 5.57142857em 0;
    }

    section.space--xlg, footer.space--xlg, section.section--even.space--xlg {
        padding: 8.35714286em 0;
    }
}

div[class*='col-'] > div[class*='col-']:first-child {
    padding-left: 0;
}

div[class*='col-'] > div[class*='col-']:last-child {
    padding-right: 0;
}

@media all and (max-width: 767px) {
    .col-xs-6:nth-child(odd) {
        padding-right: 7.5px;
    }

    .col-xs-6:nth-child(even) {
        padding-left: 7.5px;
    }
}

@media all and (min-width: 768px) {
    .mt--1 {
        margin-top: 1.85714286em;
    }

    .mt--2 {
        margin-top: 3.71428571em;
    }

    .mt--3 {
        margin-top: 5.57142857em;
    }

    .mb--1 {
        margin-bottom: 1.85714286em;
    }

    .mb--2 {
        margin-bottom: 3.71428571em;
    }

    .mb--3 {
        margin-bottom: 5.57142857em;
    }
}

@media all and (max-width: 990px) {
    .mt--1, .mt--2 {
        margin-top: 1.85714286em;
    }

    .mt--3 {
        margin-top: 2.78571429em;
    }
}

.unpad {
    padding: 0;
}

.unpad--bottom {
    padding-bottom: 0;
}

.unpad--top {
    padding-top: 0;
}

section.unpad--bottom {
    padding-bottom: 0;
}

section.unpad {
    padding: 0;
}

section.unpad--top {
    padding-top: 0;
}

.unmarg--bottom {
    margin-bottom: 0;
}

.unmarg {
    margin: 0;
}

.unmarg--top {
    margin-top: 0;
}

/**! 38. Boxed Layout **/
@media all and (min-width: 1280px) {
    body.boxed-layout {
        padding: 3.71428571em 0;
        background: #ededed;
    }

    body.boxed-layout section:not([class*='bg-']):not(.imagebg), body.boxed-layout footer:not([class*='bg-']):not(.imagebg), body.boxed-layout nav:not([class*='bg-']):not(.bar--transparent):not(.bar--absolute), body.boxed-layout .tabs-container:not([class*='bg-']):not(.imagebg) {
        background: #ffffff;
    }

    body.boxed-layout .nav-container, body.boxed-layout .main-container, body.boxed-layout > section, body.boxed-layout nav {
        max-width: 1280px;
        margin: 0 auto;
    }
}

/**! 39. Wizard **/
.wizard__body {
    list-style: none;
}

.wizard__step:not(.active) {
    display: none;
}

.wizard__step .wizard__title {
    display: none;
}

.wizard__controls {
    overflow: hidden;
}

.wizard__controls .wizard-prev {
    float: left;
}

.wizard__controls .wizard-next {
    float: right;
}

.wizard__controls .wizard-prev:hover, .wizard__controls .wizard-next:hover {
    transform: none !important;
}

.wizard__controls .wizard-prev.inactive, .wizard__controls .wizard-next.inactive {
    pointer-events: none;
    opacity: .3;
    cursor: not-allowed;
}

/**! 40. Alerts **/
.alert {
    overflow: hidden;
    border: 1px solid #e6e6e6;
    padding: 0.92857143em;
}

.alert .alert__body, .alert .alert__close {
    display: inline-block;
    user-select: none;
}

.alert .alert__body {
    float: left;
}

.alert .alert__close {
    float: right;
    cursor: pointer;
}

.alert.bg--error {
    background: #fce8e8;
    border-color: #e23636;
}

.alert.bg--error .alert__close {
    color: #e23636;
}

.alert.bg--success {
    background: #e4f5e5;
    border-color: #4ebf56;
}

.alert.bg--success .alert__close {
    color: #4ebf56;
}

.alert.bg--primary {
    background: #fafcfe;
    border-color: #4a90e2;
}

.alert.bg--primary .alert__body > span {
    color: #666666;
}

.alert.bg--primary .alert__close {
    color: #4a90e2;
}

.alert.alert--dismissed {
    display: none;
}

/**! 41. Progress - Horizontal **/
.progress-horizontal:after {
    content: "";
    display: table;
    clear: both;
}

.progress-horizontal .progress-horizontal__bar {
    position: relative;
    overflow: hidden;
}

.progress-horizontal .progress-horizontal__progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

/**! 42. Theme Overrides **/
/*! -- Stack Customizers -- */
.box-shadow {
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
}

.box-shadow-shallow {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
}

.box-shadow-wide {
    box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
}

.border--round {
    border-radius: 0px;
}

.border--round:before {
    border-radius: 0px;
}

.border--round .background-image-holder {
    border-radius: 0px;
}

.border--round [data-scrim-top]:before, .border--round [data-scrim-bottom]:before, .border--round [data-overlay]:before {
    border-radius: 0px;
}

.imageblock.border--round .background-image-holder {
    border-radius: 0px 0 0 0px;
}

@media all and (max-width: 767px) {
    .imageblock.border--round .background-image-holder {
        border-radius: 0px 0px 0 0;
    }
}

.theme--square .border--round, .theme--square .btn {
    border-radius: 0px;
}

.theme--bordered {
    border: 0.92857143em solid #252525;
}

.main-container.transition--fade:not(.transition--active) {
    cursor: wait;
}

@media all and (min-width: 1280px) {
    body.boxed-layout > section.bar-3:first-of-type {
        border-radius: 6px 6px 0 0;
    }

    body.boxed-layout .main-container > footer:last-child {
        border-radius: 0 0 6px 6px;
    }
}

body.boxed-layout .modal-container section:not([class*='bg-']) {
    background: none;
}

/*! -- Stack Helpers -- */
@media all and (max-width: 767px) {
    .block--xs {
        margin-top: 0.92857143em;
    }
}

.container .container {
    max-width: 100%;
}

.switchable-toggle {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
}

.back-to-top {
    position: fixed;
    width: 3em;
    height: 3em;
    background: #fff;
    /* border-radius: 50%; */
    text-align: center;
    right: 20px;
    bottom: 20px;
    padding-top: 9px;
    /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); */
    /* box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04); */
    z-index: 99;
    border: 1px solid #e2e2e2;
    transition: 0.2s ease-out;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
}

.back-to-top i {
    color: #252525;
}

.back-to-top:not(.active) {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
    -webkit-transform: translate3d(0, 20px, 0);
    pointer-events: none;
}

.back-to-top.active:hover {
    transform: translate3d(0, -5px, 0);
    -webkit-transform: translate3d(0, -5px, 0);
}

.disable-scroll-bars {
    -ms-overflow-style: none;
}

.disable-scroll-bars::-webkit-scrollbar {
    display: none;
}

/*! -- Stack Animations -- */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 50px, 0);
        -webkit-transform: translate3d(0, 50px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-font-smoothing: antialiased;
    }
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 50px, 0);
        -webkit-transform: translate3d(0, 50px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-font-smoothing: antialiased;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100px, 0);
        -webkit-transform: translate3d(0, -100px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-font-smoothing: antialiased;
    }
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100px, 0);
        -webkit-transform: translate3d(0, -100px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-font-smoothing: antialiased;
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, -50px, 0);
        -webkit-transform: translate3d(0, -50px, 0);
        -webkit-font-smoothing: antialiased;
    }
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, -50px, 0);
        -webkit-transform: translate3d(0, -50px, 0);
        -webkit-font-smoothing: antialiased;
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(50px, 0, 0);
        -webkit-transform: translate3d(50px, 0, 0);
        -webkit-font-smoothing: antialiased;
    }
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(50px, 0, 0);
        -webkit-transform: translate3d(50px, 0, 0);
        -webkit-font-smoothing: antialiased;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-50px, 0, 0);
        -webkit-transform: translate3d(-50px, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-font-smoothing: antialiased;
    }
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-50px, 0, 0);
        -webkit-transform: translate3d(-50px, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-font-smoothing: antialiased;
    }
}

@keyframes pulse {
    0% {
        opacity: 0;
        transform: scale(1);
        -webkit-transform: scale(1);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: scale(2);
        -webkit-transform: scale(2);
    }
}

@-webkit-keyframes pulse {
    0% {
        opacity: 0;
        transform: scale(1);
        -webkit-transform: scale(1);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: scale(2);
        -webkit-transform: scale(2);
    }
}

@keyframes kenBurns {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.1);
    }
}

@-webkit-keyframes kenBurns {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.1);
    }
}

/*! -- Stack Sections -- */
section:not(.unpad):not(.imagebg):not([class*='bg--']):not(.imageblock):not(.unpad--bottom):not(.border--bottom):not(.space--xxs) + section:not(.unpad):not(.imagebg):not([class*='bg--']):not(.imageblock):not(.border--bottom):not(.space--xxs) {
    padding-top: 0;
}

section:not(.unpad):not(.imagebg):not([class*='bg--']):not(.imageblock):not(.unpad--bottom):not(.border--bottom) + footer:not(.unpad):not(.imagebg):not([class*='bg--']):not(.imageblock):not(.unpad--bottom):not(.border--bottom) {
    /* padding-top: 0; */
}

section:not(.imagebg):not([class*='bg-']) + section.bg--secondary {
    /* border-top: 1px solid #ebebeb; */
}

section.bg--secondary:not(.imagebg) + section:not(.imagebg):not([class*='bg-']) {
    border-top: 1px solid #ebebeb;
}

section.bg--secondary:not(.unpad):not(.imageblock):not(.unpad--bottom):not(.border--bottom) + section.bg--secondary {
    padding-top: 0;
}

section.bg--secondary + footer:not(.bg--dark):not(.bg--secondary) {
    border-top: 1px solid #ebebeb;
}

section.bg--dark + section.bg--dark {
    padding-top: 0;
}

section.bg--dark:last-of-type + footer.bg--dark {
    background: #1b1b1b;
}

section.border--bottom:not([data-gradient-bg]) {
    border-bottom: 1px solid #ececec;
}

section.unpad {
    overflow: hidden;
}

section:not([class*='bg--']) + footer.bg--secondary {
    border-top: 1px solid #ebebeb;
}

section.text-center div[class*='col-']:first-child:last-child {
    margin: 0 auto;
    float: none;
}

.section--overlap {
    z-index: 2;
    position: relative;
}

/*! -- Stack Typography -- */
@media all and (max-width: 1024px) {
    html {
        font-size: 80%;
    }
}

h1, .h1 {
    letter-spacing: -0.01em;
}

h1:not(:last-child), .h1:not(:last-child) {
    margin-bottom: 0.2em;
}

@media all and (min-width: 768px) {
    h1.h1--large, .h1.h1--large {
        font-weight: 200;
        font-size: 4.428571428571429em;
        line-height: 1.048387096774194em;
    }

    h1.h1--large:not(:last-child), .h1.h1--large:not(:last-child) {
        margin-bottom: 0.419354838709677em;
    }

    h1.h1--large.type--uppercase, .h1.h1--large.type--uppercase {
        letter-spacing: 10px;
        margin-right: -10px;
    }

    h1.h1--large + p.lead, .h1.h1--large + p.lead {
        margin-top: 2.052631578947368em;
    }
}

h2, .h2 {
    margin-bottom: 0.3em;
}

h3, .h3 {
    /* margin-bottom: 1.04em; */
}

h3 strong, .h3 strong {
    font-weight: 400;
}

blockquote {
    font-family: 'Nanum Myeongjo', serif;
    /* font-style: italic; */
    font-weight: 300;
}

blockquote:not(:last-child) {
    margin-bottom: 1.04em;
}

blockquote > p {
    font-size: 1em !important;
}

h4, .h4 {
    margin-bottom: 1em;
    /* font-weight: 600; */
}

h4.inline-block + .h4.inline-block:not(.typed-text), .h4.inline-block + .h4.inline-block:not(.typed-text) {
    margin-left: 0.68421052631579em;
}

h5, .h5 {
    font-weight: 600;
}

h5:not(:last-child), .h5:not(:last-child) {
    margin-bottom: 1.85714286em;
}

h6, .h6 {
    font-weight: 700;
}

h6:not(:last-child), .h6:not(:last-child) {
    margin-bottom: 2.16666666666667em;
}

h6.type--uppercase, .h6.type--uppercase {
    letter-spacing: 1px;
    margin-right: -1px;
}

span.h1:not(.inline-block), span.h2:not(.inline-block), span.h3:not(.inline-block), span.h4:not(.inline-block), span.h5:not(.inline-block), span.h6:not(.inline-block) {
    display: block;
}

b {
    font-weight: 600;
}

hr {
    border-color: #ababab;
}

hr.light {
    border-bottom: 1px solid #dcdcdc!important;
    border: none;
    margin: 0 0 15px 0;
    padding-top: 15px;
}
hr.light2 {
    border-bottom: 1px solid #dcdcdc!important;
    border: none;
    margin: 0 0 15px 0;
    padding-top: 10px;
}
hr.dark {
    border-bottom: 1px solid #333!important;
    border: none;
    margin-bottom: 15px;
    padding-top: 15px;
}

hr.bookmark {
    border-bottom: 1px solid #555!important;
    border: none;
    margin-bottom: 30px;
    padding-top: 5px;
}

.hr2 {
    border-color: #000000;
}

.hr-nomargin {
    border-color: #d6d6d6;
    margin: 0!important;
}

.bg--dark hr {
    border-color: #585858;
}

[class*='bg-']:not(.bg--white):not(.bg--secondary) p, [class*='imagebg']:not(.image--light) p {
    opacity: .9;
}

.lead {
    font-weight: 400; 
    color: #808080;
    /* overflow: hidden; */
}

.lead-report,.lead-report a {
    font-family: 'ABGookBQLight','Apple SD Gothic Neo', 'notokr-regular';
    font-size: 14px;
    /* color: #333; */
}

.lead:not(:last-child) {
    margin-bottom: 1em;
}

.lead + .btn:last-child {
    margin-top: 0.92857143em;
}

p:last-child {
    margin-bottom: 0;
}

p.date {
    font-family: 'AGBookBQUltraLight';
    padding-top: 20px;
}

p.bookmark-date {
    font-family: 'AGBookBQUltraLight';
    padding-top: 10px;
}

p.date strong {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

pre {
    padding: 0.92857143em;
    background: #fafafa;
    border: 1px solid #ececec;
    border-radius: 6px;
    line-height: 20px;
    max-height: 500px;
}

.bg--secondary > pre {
    background: #f5f5f5;
    border-color: #ddd;
}

.text-block {
    margin-bottom: 1.85714286em;
}

.text-block h2, .text-block .h2 {
    margin-bottom: 0.3939393939394em;
}

.text-block h5, .text-block .h5 {
    margin: 0;
}

.text-block h4:not(:last-child), .text-block .h4:not(:last-child) {
    margin-bottom: 0.3421052631579em;
}

.text-block h3, .text-block .h3 {
    margin-bottom: 0.52em;
}

@media all and (min-width: 768px) {
    div[class*='col-'] .text-block + .text-block {
        margin-top: 3.71428571em;
    }
}

.heading-block {
    margin-bottom: 2em;
}

.heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .heading-block h5, .heading-block h6, .heading-block .h1, .heading-block .h2, .heading-block .h3, .heading-block .h4, .heading-block .h5, .heading-block .h6 {
    margin-bottom: 0;
}

/*! -- Stack Colours -- */
.bg--dark .bg--secondary {
    background: #343434;
}

/*! -- Stack Links -- */
a {
    color: #000;
    /* font-weight: 700; */
}

a:hover {
    color: #999;
    text-decoration: none;
}

a.block {
    font-weight: normal;
    text-decoration: none;
    color: #000;
}

a:hover.block {
    font-weight: normal;
    text-decoration: none;
    color: #999;
}

p a, span a, label a {
    font-size: 1em;
    /* text-decoration: underline; */
    /* font-weight: 400; */
    /* line-height: 1.85714286em; */
}

.link-border {
    display: inline;
    font-size: 1.1em;
    text-decoration: none;
    border-bottom: 1px solid #bbb;
    padding-bottom: 3px;
    /* letter-spacing: -0.5px; */
}

.top-border {
    border-top: 1px solid #a7a7a7;
    padding-top: 12px;
}

.link-border-5px {
    display: block;
    width: 100%;
    font-size: 1.1em;
    margin-top: 5px;
    text-decoration: none;
    border-bottom: 1px solid #a7a7a7;
    padding-bottom: 12px;
}

.link-border2 {
    font-family: 'AGBookBQRegular','Apple SD Gothic Neo','notokr-bold','Noto Sans SC';
    font-weight:normal!important;
    display: block;
    width: 100%;
    font-size: 14px;
    margin-top: 10px;
    text-decoration: none;
    border-bottom: 1px solid #a7a7a7;
    padding-bottom: 10px;
}

.link-border2:hover {
    padding-bottom: 10px;
    border-bottom: 3px solid #333;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}

.link-border2 a:hover {
    color: #222;
}
.link-border3 a {
    height: 2.25em;
    width: 100%;
    border: none;
    display: inline-block;
    padding-left: 0;
    font-size: 14px;
    color:#333 !important;
    border-bottom: 1px solid #d0d0d0;
    border-radius: 0px;
    margin: 10px 0 20px 0;
    }

p + a:not(.btn) {
    font-size: 0.85714286em;
    line-height: 2.16666667em;
}

.imagebg:not(.image--light) a {
    color: #fff;
    /* font-weight: 600; */
}

/*! -- Stack Tables -- */
table {
    width: 100%;
    border-collapse: separate;
    border-top: 1px solid #555;
}

table th, table td {
    padding: 0.5714285714285714em;
    border-bottom: 1px solid #eee;
}

table th {
    /* background: #fafafa; */
    color: #8b8d92;
}

table tr:not(:last-of-type) {
    border-bottom: 1px solid #ececec;
}

.subscription table {
    width: 100%;
    border-collapse: separate;
    border-top: 0px solid #555;
}

.subscription th, .subscription td {
    padding: 2px 5px;
    border-bottom: 0px solid #eee;
    text-align: left;
}

.subscription th {
    /* background: #fafafa; */
    color: #8b8d92;
}

.subscription tr:not(:last-of-type) {
    border-bottom: 0px solid #ececec;
}

table.border--round {
    border-radius: 6px;
    border: 1px solid #ececec;
}

.table--alternate-column th:nth-child(odd) {
    background: none;
}

.table--alternate-column td:nth-child(even) {
    background: #fafafa;
}

.table--alternate-row tbody tr:nth-child(even) {
    background: #fafafa;
}

.bg--dark table.border--round {
    border-radius: 6px;
    border: 1px solid #3f3f3f;
}

.bg--dark table th {
    background: #3f3f3f;
    color: #fff;
}

.bg--dark .table--alternate-row tbody tr:nth-child(even) {
    background: #323232;
}

/*! -- Stack Lists -- */
ul:not([class*='menu']) li > a {
    font-weight: normal;
}

ul:not([class*='menu']) li > a:hover {
    text-decoration: none;
    color: #999;
}

ol {
    list-style-position: outside;
    list-style-type: decimal;
}

ol li:not(:last-child) {
    margin-bottom: 1.85714286em;
}

ol.lead li:not(:last-child) {
    margin-bottom: 1.26315789473684em;
}

.list-inline {
    margin-left: 0;
    display: inline-block;
}

.list-inline li {
    display: inline-block;
    padding: 0;
}

.list-inline li:not(:last-child) {
    margin-right: 0.6em;
}

.list-inline:not(:last-child) {
    margin-right: 1.85714286em;
}

.list-inline--images img {
    max-height: 2.78571429em;
}

@media all and (min-width: 768px) {
    .list-inline--images li:not(:last-child) {
        margin-right: 5.57142857em;
    }
}

@media all and (max-width: 767px) {
    .list-inline--images li:not(:last-child) {
        margin-bottom: 1.85714286em;
    }
}

.list--loose > li:not(:last-child) {
    margin-bottom: 0.46428571em;
}

.list--hover li {
    transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
}

.list--hover li:not(:hover) {
    opacity: 0.9;
}

.social-list a {
    color: #252525;
}

.imagebg:not(.image--light) .social-list a {
    color: #fff;
}

.results-list > li > a:first-child {
    display: flex;
    align-items: center;
    margin-bottom: 0.92857143em;
}

.results-list > li > a:first-child span {
    display: inline-block;
    margin-left: 0.46428571em;
}

.results-list > li > a:first-child h4 {
    display: inline-block;
    margin-bottom: 0;
}

.results-list > li > a:first-child:hover h4, .results-list > li > a:first-child:hover span {
    text-decoration: underline;
}

.results-list > li:not(:last-child) {
    margin-bottom: 1.85714286em;
    padding-bottom: 1.85714286em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

@media all and (max-width: 767px) {
    .list-inline:not(.social-list):not(.list-inline--images) {
        display: block;
    }

    .list-inline:not(.social-list):not(.list-inline--images) li {
        display: block;
        margin: 0;
    }

    .list-inline:not(.social-list):not(.list-inline--images) li:not(:last-child) {
        margin-bottom: 0.46428571em;
    }
}

@media all and (max-width: 767px) {
    .list-inline {
        min-width: 100%;
    }
}

.row--list span.h6 {
    margin-bottom: 0;
}

.row--list span.h3:last-child {
    margin-bottom: 0;
}

@media all and (max-width: 767px) {
    .row--list > li {
        margin-bottom: 0.92857143em;
    }
}

/*! -- Stack Rules -- */
hr:first-child {
    margin-top: 0;
}

hr.short {
    width: 2.78571429em;
    border-color: #666;
    text-align: left;
}
hr.short-light {
    width: 4em;
    border-color: #ddd;
    text-align: left;
    margin: 0.8em 0 1.8em 0;
}
hr[data-title] {
    margin: 2.5em 0;
    text-align: center;
}

hr[data-title]:before {
    content: attr(data-title);
    background: #ffffff;
    position: relative;
    bottom: 14px;
    padding: 0.92857143em;
    /* font-style: italic; */
}

.bg--dark hr:not(.short), .imagebg hr:not(.short), .bg--primary hr:not(.short) {
    opacity: .4;
}

/*! -- Stack Buttons -- */
.btn {
    position: relative;
}

/*.btn:not([class*='primary']) {
  border-color: #d3d3d3;
}*/
/*.btn:not([class*='primary']):hover {
  border-color: #252525;
}*/
.btn.type--uppercase {
    letter-spacing: .5px;
}

.btn.type--uppercase .btn__text {
    letter-spacing: .5px;
    margin-right: -0.5px;
}

.btn .label {
    top: -0.92857143em;
    right: -3.71428571em;
}

.btn.btn--lg .btn__text {
    font-weight: 600;
}

.btn.btn--lg.type--uppercase .btn__text {
    letter-spacing: 1px;
}

.btn + p.type--fine-print, .btn + span.type--fine-print {
    margin-top: 1.08333333333334em;
}

.btn.block {
    margin-left: 0;
}

.btn.block + .btn.block {
    margin-top: 0.92857143em;
}

.btn:hover {
    transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
}

.btn.btn--sm + .btn--sm {
    margin-left: 0.92857143em;
}

p > .btn {
    text-decoration: none;
}

@media all and (max-width: 767px) {
    .btn {
        /* margin-bottom: 1.85714286em; */
    }
}

.btn--icon {
    padding-left: 5.57142857em;
}

.btn--icon i {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.1);
    padding: 0 13px;
    /* border-radius: 6px 0 0 6px; */
    font-size: 16px;
    line-height: 41px;
}
.btn--icon img {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.1);
    padding: 13px 14px 14px 14px;
    /* border-radius: 6px 0 0 6px; */
    font-size: 16px;
    line-height: 41px;
    width: 43px;
    height: 41px;
}

.btn--icon i.socicon {
    line-height: 42px;
}

.btn--cart {
    width: 3.71428571em;
    height: 3.71428571em;
    border: 2px solid #252525;
    display: block;
    text-align: center;
    border-radius: 6px;
    opacity: .4;
    padding: 0;
}

.btn--cart:hover {
    opacity: 1;
}

.btn--cart .btn__text {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.142857142857143em;
}

.imagebg:not(.image--light) .btn--icon:not([class*='bg']):not([class*='primary']) i {
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
}

@media all and (min-width: 768px) {
    .btn-group .btn {
        margin-bottom: 0 !important;
        margin-left: 0;
    }

    .btn-group .btn + .btn {
        margin-left: 0;
    }

    .btn-group .btn:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

    .btn-group .btn:first-child {
        border-radius: 6px 0 0 6px;
    }

    .btn-group .btn:last-child {
        border-radius: 0 6px 6px 0;
    }

    .btn-group .btn:first-child:nth-last-child(2), .btn-group .btn:last-child:nth-child(2) {
        width: 50%;
    }
}

.btn-group {
    border: none;
    padding: 0;
}

@media all and (max-width: 767px) {
    .btn-group .btn {
        display: block;
    }
}

.bg--primary div:not([class*='feature']) .btn--primary {
    background: #fff;
    border-color: #fff;
}

.bg--primary div:not([class*='feature']) .btn--primary .btn__text {
    color: #4a90e2;
}

.bg--primary > .btn--primary {
    background: #fff;
    border-color: #fff;
}

.bg--primary > .btn--primary .btn__text {
    color: #4a90e2;
}

.bg--dark .btn:not(.btn--primary) {
    border-color: #3f3f3f;
}

.bg--dark .btn:not(.btn--primary):hover {
    border-color: #656565;
}

.bg--dark .btn .btn__text {
    color: #fff;
}

.imagebg:not(.image--light) .btn:not([class*='primary']) {
    border-color: rgba(255, 255, 255, 0.3);
}

.imagebg:not(.image--light) .btn:not([class*='primary']):hover {
    border-color: #fff;
}

.imagebg.image--light .btn:not([class*='primary']) {
    /* border-color: #252525; */
    /* background: rgba(255, 255, 255, 0.3); */
}

.imagebg.image--light .btn:not([class*='primary']):hover {
    /* background: rgba(255, 255, 255, 0.5); */
}

h1 + .btn, .h1 + .btn {
    margin-top: 1.85714286em;
}

h2 + .btn, .h2 + .btn {
    margin-top: 0.92857143em;
}

/*! -- Stack Images -- */
img:last-child {
    margin-bottom: 0;
}

img.flag {
    max-height: 1.85714286em;
}

img.image--sm:not(:last-child) {
    margin-bottom: 0.92857143em;
}

img.promo.border--round {
    border: 1px solid #ececec;
}

p.lead img {
    max-height: 1.68421053em;
}

.imagebg h1, .imagebg h2, .imagebg h3, .imagebg h4, .imagebg h5, .imagebg h6 {
    position: relative;
}

/*.imagebg:not(.image--light) span {
  color: #fff;
}*/
.imagebg.border--round {
    overflow: hidden;
}

section.parallax .row .background-image-holder {
    transform: none !important;
    top: 0 !important;
}

.triptych.border--round img {
    position: relative;
    border-radius: 6px;
    width: 33.333333%;
    float: left;
    margin: 0;
}

.triptych.border--round img:nth-child(2) {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    z-index: 2;
    box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
}

.gallery > div[class*='col-'] {
    margin-bottom: 30px;
}

.gallery-1 {
    overflow: hidden;
    position: relative;
}

.gallery-1 .gallery__image:not(:last-child) {
    margin-bottom: 30px;
}

.gallery-1 > div[class*='col-']:first-child > .gallery__image {
    height: 800px;
}

.gallery-1 > div[class*='col-']:last-child > .gallery__image {
    height: calc(385px);
}

.gallery__image {
    position: relative;
    overflow: hidden;
}

@media all and (max-width: 767px) {
    .gallery-1 .gallery__image {
        max-height: 300px;
        margin-bottom: 15px;
    }

    .gallery-1 .gallery__image:not(:last-child) {
        margin-bottom: 15px;
    }
}

.section--ken-burns {
    overflow: hidden;
}

.section--ken-burns > .background-image-holder, .section--ken-burns > img:only-child {
    animation: kenBurns 15s ease alternate infinite;
    -webkit-animation: kenBurns 15s ease alternate infinite;
}

/*! -- Stack Titles -- */
.breadcrumbs {
    list-style: none;
}

.breadcrumbs li {
    font-size: 0.85714285714286em;
    display: inline-block;
}

.breadcrumbs li:not(:last-child) {
    margin-right: 1.08333333333334em;
}

.breadcrumbs li:not(:last-child):after {
    content: '\00bb';
    margin-left: 1.08333333333334em;
}

.breadcrumbs li a {
    font-weight: normal;
}

.imagebg .breadcrumbs, .bg--primary .breadcrumbs {
    color: #fff;
}

.imagebg .breadcrumbs a, .bg--primary .breadcrumbs a {
    color: #fff;
    font-weight: 600;
}

.elements-title {
    border-top: none !important;
}

.elements-title + .tabs-container:not( :nth-last-child(2)), .elements-title + section:not( :nth-last-child(2)) {
    margin-bottom: 9.28571429em;
}

.elements-title + section:not(.imagebg):not([class*='bg-']):not(.unpad) {
    padding-top: 1.85714286em;
}

/*! -- Stack Labels -- */
.label {
    display: inline-block;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .5px;
    color: #fff;
    text-transform: uppercase;
    height: 26px;
    min-width: 65px;
    padding: 0 10px;
    text-align: center;
    border-radius: 50px;
    position: absolute;
    z-index: 3;
    top: 1.23809524em;
    right: 1.23809524em;
}

.label:not([class*='bg--']) {
    background: #31639c;
}

.label.label--inline {
    position: relative;
    top: 0;
    right: 0;
}

.label.label--inline:not(:last-child) {
    margin-right: 0.92857143em;
}

.label.label--inline + span, .label.label--inline + p {
    position: relative;
    top: 1px;
}

.label.switchable-toggle {
    left: 50%;
    right: auto;
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
}

.bg--primary-1 .label:not([class*='bg--']) {
    background: #465773;
}

/*! -- Stack Bars -- */
.menu-horizontal > li, .menu-vertical > li {
    font-family: 'AGBookBQMedium','Apple SD Gothic Neo', 'notokr-medium', 'Roboto', 'Helvetica', Sans-Serif;
    text-transform: uppercase;
    font-weight:normal!important; font-style:normal!important;
}

.menu-horizontal > li {
    font-size: 1.15em;
}
.menu-horizontal .modal-instance {
    font-size: 0.875em;
}
.menu-vertical > li {
    font-size: 0.875em!important;
}

.bar .logo {
    /* max-height: 1.85714286em; */
    max-width: 100%;
}

.menu-horizontal > li > a, .menu-horizontal > li > .modal-instance > a {
    font-weight: 500;
}

.menu-horizontal > li a:hover {
    text-decoration: none;
}

.hamburger-toggle i {
    color: #252525;
}

@media all and (min-width: 990px) {
    .menu-margin li:not(:last-child) {
        margin-right: 2.0em !important;
    }

    .menu-horizontal li:not(:last-child) {
        margin-right: 1.4em;
    }

    .bar__module:not(:only-child) .menu-horizontal {
        top: 0;
    }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
    .bar-2 .menu-horizontal > li, .bar-1 .menu-horizontal > li {
        display: inline-block;
    }

    .bar-2 .menu-horizontal > li:not(:first-child), .bar-1 .menu-horizontal > li:not(:first-child) {
        margin-left: 0.92857143em;
    }

    .bar-2 .bar__module, .bar-1 .bar__module {
        margin-bottom: 1.85714286em;
    }

    .bar-2 .row div[class*='col-']:last-child .bar__module:last-child, .bar-1 .row div[class*='col-']:last-child .bar__module:last-child {
        margin-bottom: 0;
    }
}

.bar-1 .menu-horizontal > li > .dropdown__trigger, .bar-1 .menu-horizontal > li > a {
    font-size: 0.857142857142857em;
    line-height: 2.166666666666667em;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .5px;
}

@media all and (min-width: 1024px) {
    .bar-1 .bar__module + .bar__module {
        margin-left: 1.85714286em;
    }
    .main-container{margin-top:15px}
}

@media all and (min-width: 991px) {
    .bar-2 .logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
}

.bar-3 {
    font-size: 0.85714286em;
}

.bar-3 .menu-horizontal {
    top: 0;
}

@media all and (max-width: 990px) {
    .bar-3 .menu-horizontal li {
        display: inline-block;
    }

    .bar-3 .menu-horizontal li:not(:last-child) {
        margin-right: 0.92857143em;
    }
}

@media all and (min-width: 990px) {
    .bar-toggle .col-md-1 .logo {
        top: 10px;
    }
}

@media all and (max-width: 767px) {
    .bar-4 .logo-light {
        display: none;
    }

    .bar-4 .logo-dark {
        margin-bottom: 1.85714286em;
    }

    .bar.bg--dark {
        background: #252525;
    }

    .bar.bg--dark .hamburger-toggle i {
        color: #fff;
    }

    .bar .logo {
        max-width: 85px;
    }
}

/*! -- Stack Utilties -- */
.hidden {
    display: none !important;
    visibility: hidden !important;
}

.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important;
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs, td.visible-xs {
        display: table-cell !important;
    }

    .bar.bar--sm {
        padding: 1.5em 0 1.25em 0;
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md, td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg, td.visible-lg {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

@media (max-width: 1400px) {
    .hidden-xlg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print, td.visible-print {
        display: table-cell !important;
    }
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

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

.text-justify {
    text-align: justify;
}

@media all and (min-width: 768px) and (max-width: 990px) {
    .text-left-sm {
        text-align: left;
    }

    .text-right-sm {
        text-align: right;
    }

    .text-center-sm {
        text-align: center;
    }
}

@media all and (max-width: 767px) {
    .text-left-xs {
        text-align: left;
    }

    .text-right-xs {
        text-align: right;
    }

    .text-center-xs {
        text-align: center;
    }

    footer .address {
        margin-top: 30px;
        font-size: 13px;
    }

    footer .spacer {
        border-right: 0px solid #ccc;
        padding-right: 0px;
        margin-right: 0px;
        height: auto;
        display: block;
    }

    footer strong {
        display: block
    }
}

/*! -- Stack Alerts -- */
.alert {
    border-radius: 6px;
}

.alert:not(:last-child) {
    margin-bottom: 1.85714286em;
}

.alert .alert__close {
    font-size: 1.35714286em;
}

/*! -- Stack Menu Toggle -- */
.menu-toggle {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
    width: 3.71428571em;
    height: 3.71428571em;
    border-radius: 50%;
    text-align: center;
    background: #fff;
    display: inline-block;
    transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
}

.menu-toggle i {
    font-size: 1.78571429em;
    position: relative;
    top: 13px;
    color: #252525;
}

.menu-toggle:hover {
    box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
    transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0, -2px, 0);
}

/*! -- Stack Nav Utility -- */
.nav-utility {
    padding: 0.92857143em 0;
}

.nav-utility .nav-utility__module {
    font-size: 0.85714285714286em;
}

.nav-utility .nav-utility__module a {
    color: #666666;
    font-weight: normal;
}

.nav-utility .nav-utility__module a i {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    display: inline-block;
}

.nav-utility .nav-utility__module a:hover i {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
}

.nav-utility .nav-utility__module.right:not(:last-child) {
    margin-left: 2.16666666666667em;
}

.utility-toggle {
    display: inline-block;
    cursor: pointer;
    width: 3px;
    height: 3px;
    position: relative;
    bottom: 8px;
    border-radius: 50%;
    background: #252525;
}

.utility-toggle:before, .utility-toggle:after {
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    position: absolute;
    background: #252525;
}

.utility-toggle:before {
    top: 6px;
}

.utility-toggle:after {
    top: 12px;
}

/*! -- Stack Nav Stacked -- */
.bar-stacked .logo {
    margin-bottom: 1em;
}

/*! -- Stack Nav Side Menu -- */
.notification.side-menu {
    z-index: 9999;
    background: #ffffff;
    padding-top: 1.85714286em;
    margin: 0;
    height: 100%;
    box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
    width: 27.85714286em;
}

.notification.side-menu .side-menu__module {
    overflow: hidden;
    padding: 2.78571429em;
}

.notification.side-menu .side-menu__module + hr:not(:last-child) {
    margin: 0;
}

.notification.side-menu .menu-vertical li a {
    font-size: 1.35714286em;
    line-height: 1.36842105em;
}

.notification.side-menu .menu-vertical li a:hover {
    text-decoration: none;
}

.notification.side-menu .btn:not(:last-child) {
    /* margin-bottom: 1.85714286em; */
}

.notification.side-menu .btn + ul.list--loose {
    margin-top: 0.92857143em;
}

.notification.side-menu .notification-close-cross {
    top: 0.92857143em;
    right: 2.78571429em;
    margin-top: 8px;
}

.notification.side-menu .social-list:not(:first-child) {
    margin-top: 1.85714286em;
}

.menu-toggle.pos-fixed {
    position: fixed;
    right: 5.57142857em;
    animation: fadeInDown .3s ease forwards;
}

@media all and (min-width: 768px) {
    .side-menu .side-menu__module span.type--fine-print {
        /*position: relative;*/ top: 8px;
    }
}

@media all and (max-width: 767px) {
    .side-menu {
        width: 100%;
    }

    .side-menu .side-menu__module .float-right, .side-menu .side-menu__module .float-left {
        display: block;
    }
}

/*! -- Stack Nav Sidebar Column -- */
.nav-container.nav-container--sidebar + .main-container {
    width: calc(100vw - 20.428571428571463em);
    float: right;
}

.nav-sidebar-column {
    position: fixed;
    z-index: 3;
    left: 0;
    width: 20.42857143em;
    border-right: 1px solid #ececec;
    height: 100vh;
    overflow-y: scroll;
    -ms-overflow-style: none;
    padding: 2.78571429em 1.85714286em;
}

.nav-sidebar-column:not([class*='bg-']) {
    background: #ffffff;
}

.nav-sidebar-column.bg--dark {
    border-right: 1px solid #3f3f3f;
}

.nav-sidebar-column::-webkit-scrollbar {
    display: none;
}

.nav-sidebar-column .logo {
    max-height: 2.32142857em;
    margin-bottom: 0.92857143em;
}

.nav-sidebar-column .text-block > p {
    margin-bottom: 0.92857143em;
}

.nav-sidebar-column .menu-vertical li.dropdown:not(:hover):after {
    opacity: .35;
}

.nav-sidebar-column .menu-vertical a:hover {
    text-decoration: none;
}

.nav-sidebar-column .dropdown .dropdown__container, .nav-sidebar-column .dropdown .dropdown__content {
    left: 0 !important;
    position: relative;
    pointer-events: all;
}

.nav-sidebar-column .dropdown .dropdown__container:before {
    height: 0;
}

.nav-sidebar-column .dropdown .dropdown__content {
    transform: none !important;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding-top: 0.46428571em;
    padding-right: 0;
    padding-left: 0.46428571em;
    background: none !important;
}

.nav-sidebar-column .dropdown .menu-vertical li.dropdown:after {
    right: 1.85714286em;
}

.nav-sidebar-column .dropdown:not(.dropdown--active) .dropdown__container {
    display: none;
}

.nav-sidebar-column .dropdown.dropdown--hover:hover > .dropdown__container {
    display: block;
}

.nav-sidebar-column .social-list {
    margin-bottom: 0.92857143em;
}

body.dropdowns--hover .nav-sidebar-column .dropdown:hover > .dropdown__container {
    display: block;
}

.nav-sidebar-column-toggle {
    transition: all .3s ease;
    left: 0;
    width: 3.71428571em;
    height: 3.71428571em;
    background: #ffffff;
    text-align: center;
    position: fixed;
    z-index: 4;
    cursor: pointer;
    border-radius: 0 0 6px 0;
    box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.1);
}

.nav-sidebar-column-toggle > i {
    transition: all .3s ease;
    font-size: 1.78571429em;
    position: relative;
    top: 11px;
}

.nav-sidebar-column-toggle:not(.toggled-class) > i {
    opacity: .5;
}

.nav-sidebar-column-toggle.toggled-class i:before {
    content: '\e80b';
}

@media all and (max-width: 990px) {
    .nav-sidebar-column {
        transition: all .3s ease;
        left: -20.42857143em;
        box-shadow: 2px 0px 4px rgba(0, 0, 0, 0);
    }

    .nav-sidebar-column.active {
        left: 0;
        box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.1);
    }

    .nav-sidebar-column-toggle.toggled-class {
        left: 20.42857143em;
    }

    .nav-container.nav-container--sidebar + .main-container {
        width: 100%;
        float: none;
    }
}

.nav-container.nav-container--right .nav-sidebar-column {
    right: 0;
    left: auto;
}

.nav-container.nav-container--right + .main-container {
    float: left;
}

.nav-container.nav-container--right .nav-sidebar-column-toggle {
    left: auto;
    right: 0;
    border-radius: 0 0 0 6px;
    box-shadow: -2px 1px 4px rgba(0, 0, 0, 0.1);
}

@media all and (max-width: 990px) {
    .nav-container.nav-container--right .nav-sidebar-column {
        right: -20.42857143em;
        left: auto;
    }

    .nav-container.nav-container--right .nav-sidebar-column.active {
        left: auto;
        right: 0;
        box-shadow: -2px 0px 4px rgba(0, 0, 0, 0.1);
    }

    .nav-container.nav-container--right .nav-sidebar-column-toggle.toggled-class {
        left: auto;
        right: 20.42857143em;
    }
}

/*! -- Stack Nav Fullscreen -- */
.menu-fullscreen {
    color: #fff;
}

.menu-fullscreen .pos-absolute {
    width: 100%;
}

.menu-fullscreen a {
    color: #fff;
}

.menu-fullscreen a:hover {
    text-decoration: none;
}

.menu-fullscreen .social-list {
    margin-right: 0;
}

.menu-fullscreen:before {
    background: rgba(0, 0, 0, 0.9);
}

.menu-fullscreen .modal-content .modal-close-cross {
    right: 3.71428571em;
    top: 1em;
}

@media all and (max-width: 767px) {
    .menu-fullscreen .pos-bottom {
        position: relative;
    }
}

/*! -- Stack Dropdowns -- */
.dropdown > .dropdown__trigger:after {
    font-family: "stack-interface";
    display: inline-block;
    font-size: 8px;
    position: relative;
    bottom: 2px;
}

.dropdown > .dropdown__trigger .image--xxs {
    margin-right: 0.46428571em;
}

.dropdown .dropdown__content {
    border-radius: 0px;
    /* box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.08); */
    /* -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.08); */
    padding: 0.5em 0.8em;
    border: 2px solid #303030;
}

.dropdown .dropdown__content h5:not(:last-child) {
    margin-bottom: 0.92857143em;
}

.dropdown .dropdown__content .background-image-holder {
    border-radius: 6px 0 0 6px;
}

.dropdown .dropdown__content > .pos-absolute[class*='col-'] {
    left: 0;
    top: 0;
    height: 100%;
    position: absolute !important;
}

.dropdown .dropdown__content > .pos-absolute[class*='col-'][data-overlay]:before {
    border-radius: 6px 0 0 6px;
}

.menu-horizontal > .dropdown > .dropdown__trigger:after {
    content: '\e80a';
    margin-left: 4px;
}

.menu-vertical > .dropdown > .dropdown__trigger {
    display: inline-block;
    width: 100%;
}

@media all and (max-width: 767px) {
    .dropdown [class*='col-'] + [class*='col-'] {
        margin-top: 0.92857143em;
    }

    .dropdown .dropdown__content:not([class*='bg-']) {
        border: none;
        box-shadow: none;
    }
}

@media all and (max-width: 767px) {
    .dropdown__container {
        left: 0 !important;
    }
}

.menu-vertical li {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}

.menu-vertical li:not(:hover):not(.dropdown--active) {
    opacity: 1;
}

.menu-vertical li:not(:last-child) {
    margin-bottom: 0.30952381em;
}

.menu-vertical li.dropdown {
    position: relative;
}

.menu-vertical li.dropdown:after {
    content: '\e80c';
    font-family: 'stack-interface';
    right: 0;
    top: 0;
    position: absolute;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    display: inline-block;
    transform: translate3d(-10px, 0, 0);
    -webkit-transform: translate3d(-10px, 0, 0);
}

.menu-vertical li.dropdown:hover:after {
    transform: translate3d(-5px, 0, 0);
    -webkit-transform: translate3d(-5px, 0, 0);
}

.menu-vertical li.separate {
    border-top: 1px solid #e6e6e6;
    margin-top: 0.92857143em;
    padding-top: 0.92857143em;
}

.menu-vertical li.separate.dropdown:after {
    top: .92857143em;
}

.menu-vertical + h5 {
    margin-top: 1.85714286em;
}

.dropdown__container > .container {
    width: 100vw;
    max-width: 1140px;
}

@media all and (max-width: 990px) {
    .menu-vertical .dropdown.dropdown--active:after {
        opacity: 0;
    }
}

@media all and (min-width: 991px) {
    .dropdown .dropdown__container:before {
        height: 15px;
    }
}

/*! -- Stack Twitter Feeds -- */
.tweets-feed .interact {
    display: none;
}

.tweets-feed .user a:hover {
    text-decoration: none;
}

.tweets-feed .user img {
    border-radius: 50%;
}

.tweets-feed-1 {
    border-radius: 6px;
    border: 1px solid #ececec;
    overflow: hidden;
}

.tweets-feed-1 li {
    overflow: hidden;
    padding: 1.85714286em;
    padding-bottom: 0;
}

.tweets-feed-1 li:not(:last-child) {
    border-bottom: 1px solid #ececec;
}

.tweets-feed-1 .user {
    width: 20%;
    float: left;
    margin-bottom: 0.92857143em;
}

.tweets-feed-1 .user img {
    max-height: 3.71428571em;
    margin-right: 0.46428571em;
}

.tweets-feed-1 .user [data-scribe="element:name"], .tweets-feed-1 .user [data-scribe="element:screen_name"] {
    display: none;
}

.tweets-feed-1 .tweet, .tweets-feed-1 .timePosted {
    width: 80%;
    float: right;
}

.tweets-feed-1 .tweet {
    margin-bottom: 0.46428571em;
}

.tweets-feed-1 .timePosted {
    font-size: 0.85714286em;
    line-height: 2.16666667em;
}

.tweets-feed-1:not(:last-child) + .btn {
    margin-top: 2.78571429em;
}

.imagebg .tweets-feed-1, .bg--dark .tweets-feed-1 {
    border-color: rgba(255, 255, 255, 0.1);
}

.imagebg .tweets-feed-1 li:not(:last-child), .bg--dark .tweets-feed-1 li:not(:last-child) {
    border-color: rgba(255, 255, 255, 0.1);
}

.tweets-feed-2 .user {
    display: none;
}

.tweets-feed-2 .timePosted {
    display: none;
}

.tweets-feed-2 li {
    overflow: hidden;
}

.tweets-feed-2 li:before {
    font-family: 'socicon';
    content: "\e08d";
}

.tweets-feed-2 li .tweet {
    width: 85%;
    float: right;
}

.tweets-feed.slider .user img {
    display: inline-block;
    clear: both;
    margin-bottom: 0.92857143em;
}

.tweets-feed.slider .user [data-scribe="element:name"] {
    display: none;
}

.tweets-feed.slider .user [data-scribe="element:screen_name"] {
    display: block;
    font-size: 1.35714286em;
    line-height: 1.36842105em;
    font-weight: normal;
}

.tweets-feed.slider .tweet {
    margin-top: 1.36842105263158em;
    margin-bottom: 0.68421052631579em;
    font-size: 1.35714286em;
    line-height: 1.36842105em;
}

.tweets-feed.slider .timePosted {
    margin: 0;
}

.tweets-feed.slider:not(:last-child) + .btn {
    margin-top: 2.78571429em;
}

/*! -- Stack Instagram -- */
.instafeed a {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}

.instafeed a:hover {
    opacity: .75;
}

.instafeed:not(.instafeed--gapless) li {
    padding: 0.46428571em;
}

.instafeed.instafeed--gapless li {
    margin-bottom: -1px;
}

.instafeed + .btn {
    margin-top: 2.78571429em;
}

.instafeed[data-grid="1"][data-amount="8"] li {
    display: inline-block;
    width: 12.5%;
}

.instagram {
    position: relative;
}

.instagram.unpad .btn {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0);
    margin: 0;
}

/*! -- Stack Cards -- */
.card__top {
    position: relative;
    overflow: hidden;
}

.card__action a {
    color: #666666;
    text-decoration: none;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}

.card__action a i {
    color: #252525;
    font-size: 1em;
}

.card__action a span {
    position: relative;
    bottom: 2px;
}

.card__action a:not(:hover) {
    opacity: .5;
}

.card p a {
    text-decoration: none;
}

.masonry__item .card.boxed {
    margin-bottom: 0;
}

.card-1 .card__avatar {
    margin-bottom: 0.92857143em;
}

.card-1 .card__avatar img {
    max-height: 2.78571429em;
    margin-right: 0.46428571em;
    margin-bottom: 0;
}

.card-1 .card__avatar, .card-1 .card__meta {
    display: inline-block;
}

.card-1 .card__meta {
    float: right;
}

.card-1 .card__body {
    border-bottom: 1px solid #ececec;
    padding-bottom: 0.92857143em;
    margin-bottom: 0.92857143em;
}

.card-1 .card__body img {
    margin-bottom: 0.92857143em;
}

.card-1 .card__body h4 {
    margin-bottom: 0.342105263157895em;
}

.bg--dark .card-1 .card__body {
    border-color: #3f3f3f;
}

@media all and (max-width: 767px) {
    .card .list-inline:not(.social-list) li {
        display: inline-block;
    }

    .card .list-inline:not(.social-list) li:not(:first-child) {
        margin-left: 0.92857143em;
    }
}

.card-2 .card__top img {
    border-radius: 6px 6px 0 0;
}

.card-2 .card__body {
    border-bottom: 1px solid #ececec;
    padding-bottom: 1.85714286em;
}

.card-2 .card__body h4 {
    margin: 0;
}

.card-2 .card__body p {
    margin-top: 0.92857143em;
}

.card-2 .card__bottom {
    overflow: hidden;
}

.card-2 .card__bottom > div {
    display: inline-block;
    width: 50%;
    float: left;
}

.card-2 .card__bottom .h6 {
    margin-bottom: 0.541666666666667em;
}

.card-2 .card__body, .card-2 .card__bottom {
    padding: 1.85714286em;
    border: 1px solid #ececec;
}

.card-2 .card__body {
    border-bottom: none;
    border-top: none;
}

.card-2 .card__bottom {
    border-radius: 0 0 6px 6px;
    padding: 0.92857143em 1.85714286em;
}

.card-2 .card__action i {
    font-size: 1.78571429em;
}

.bg--dark .card-2 .card__body, .bg--dark .card-2 .card__bottom {
    border-color: #3f3f3f;
}

/*! -- Stack Checkmarks & Crosses -- */
.checkmark {
    display: inline-block;
    position: relative;
    width: 1.23809524em;
    height: 1.23809524em;
    border-radius: 50%;
    text-align: center;
}

.checkmark:not([class*='bg-']) {
    background: #4a90e2;
}

.checkmark:before {
    content: '\2713';
    color: #fff;
    font-size: 11px;
    position: absolute;
    width: 100%;
    left: 0;
    top: -4px;
}

.checkmark.checkmark--cross:before {
    content: '\2717';
}

.checkmark:not(:last-child) {
    margin-right: 13px;
}

/*! -- Stack Icons -- */
.icon:not(.block) {
    display: inline-block;
}

.icon.icon--xs {
    font-size: 1.14285714285714em;
}

.icon.icon--xs2 {
    font-size: 1.32em;
    line-height: 2em;
    top: 3px;
}

.icon.icon--xs3 {
    font-size: 1.6em;
    line-height: 1em;
    top: 7px;
}

.text-block .icon + h4 {
    margin-top: 0.6842105263158em;
}

.imagebg .icon {
    color: #fff;
}

p .material-icons {
    font-size: 1em;
}

p .material-icons:first-child {
    margin-right: 0.30952381em;
}

.material-icons {
    font-family: 'Material Icons' !important;
}

.icon-circle {
    position: relative;
    display: inline-block;
    width: 3.71428571em;
    height: 3.71428571em;
    border-radius: 50%;
    border: 1px solid #ececec;
    background: #fafafa;
    text-align: center;
}

.icon-circle i {
    font-size: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 0;
}

/*! -- Stack Tooltips -- */
.tooltip {
    position: relative;
    top: 3px;
    display: inline-block;
    width: 1.23809524em;
    height: 1.23809524em;
    border-radius: 50%;
    background: #252525;
    text-align: center;
    cursor: pointer;
}

.tooltip .tooltip__anchor {
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    position: absolute;
    top: -5px;
    left: 6px;
}

.tooltip .tooltip__text {
    transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    text-align: left;
    z-index: 10;
    position: absolute;
    width: 280px;
    background: #fafafa;
    border: 1px solid #ececec;
    padding: 0.61904762em;
    left: 1.48571429em;
    top: -0.92857143em;
    opacity: 0;
    pointer-events: none;
    cursor: default;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
    line-height: 20px;
}

.tooltip:hover .tooltip__text {
    opacity: 1;
}

.tooltip:last-child {
    margin-left: 0.92857143em;
}

[data-tooltip] {
    position: relative;
    overflow: visible;
}

[data-tooltip]:after {
    transition: all .2s ease;
    content: attr(data-tooltip);
    position: absolute;
    top: -24px;
    left: 50%;
    transform: translateX(-50%);
    background: #252525;
    color: #fff;
    border: 1px solid #e7e7e7;
    padding: 2px 12px;
    pointer-events: none;
    white-space: nowrap;
    font-size: 11px;
    line-height: 18px;
    font-weight: 600;
    border-radius: 2px;
    z-index: 2;
    font-family: 'Open Sans';
}

[data-tooltip]:not(:hover):after {
    opacity: 0;
}

/*! -- Stack Boxes -- */
.boxed {
    border-radius: 0px;
}

.boxed .background-image-holder {
    border-radius: 6px;
}

.boxed:before {
    border-radius: 6px;
}

.boxed:not(:last-child) {
    margin-bottom: 30px;
}

.boxed:not([class*='bg-']) {
    background: #ffffff;
}

.boxed.bg--secondary .boxed {
    background: #fafafa;
}

@media all and (min-width: 768px) {
    .switchable .imagebg .boxed {
        padding-left: 5.57142857em;
    }
}

.bg--dark .boxed:not([class*='bg-']), .imagebg:not(.image--light) .boxed:not([class*='bg-']) {
    background: none;
    color: #fff;
}

.bg--dark .boxed:not([class*='bg-']).boxed--border, .imagebg:not(.image--light) .boxed:not([class*='bg-']).boxed--border {
    border-color: #3f3f3f;
}

.bg--dark .boxed[class*='bg-'].boxed--border, .imagebg:not(.image--light) .boxed[class*='bg-'].boxed--border {
    border: none;
}

.imagebg:not(.image--light) .boxed:not(.bg--white):not(.bg--none) {
    background: rgba(20, 20, 20, 0.3);
}

.imagebg:not(.image--light) .boxed:not(.bg--white):not(.bg--none).boxed--border {
    border: none;
}

.imagebg:not(.image--light) .boxed:not(.bg--white):not(.bg--none) .boxed {
    background: none;
}

.bg--primary .boxed:not(.imagebg) {
    color: #666666;
}

.bg--primary .boxed:not(.imagebg) p {
    color: #666666;
}

.bg--primary .boxed:not(.imagebg) h1, .bg--primary .boxed:not(.imagebg) h2, .bg--primary .boxed:not(.imagebg) h3, .bg--primary .boxed:not(.imagebg) h4, .bg--primary .boxed:not(.imagebg) h5, .bg--primary .boxed:not(.imagebg) h6, .bg--primary .boxed:not(.imagebg) .h1, .bg--primary .boxed:not(.imagebg) .h2, .bg--primary .boxed:not(.imagebg) .h3, .bg--primary .boxed:not(.imagebg) .h4, .bg--primary .boxed:not(.imagebg) .h5, .bg--primary .boxed:not(.imagebg) .h6, .bg--primary .boxed:not(.imagebg) i {
    color: #252525;
}

.bg--primary .boxed:not(.imagebg) a {
    color: #4a90e2;
}

.bg--primary .boxed:not(.imagebg) .color--primary {
    color: #4a90e2 !important;
}

@media all and (min-width: 768px) {
    .boxed.boxed--emphasis {
        transform: scale(1.075);
        -webkit-transform: scale(1.075);
    }
}

/*! -- Stack Features Small -- */
.feature:not(.boxed) {
    margin-bottom: 60px;
}

.feature.feature--featured:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #4a90e2;
    left: 0;
}

.feature h5 {
    margin: 0;
}

.feature h4 {
    margin-bottom: 0.342105263157895em;
}

.feature h4 + p {
    max-width: 22.28571429em;
}

.feature i + h5 {
    margin-top: 1.85714286em;
}

.feature i + h4 {
    margin-top: 0.68421052631579em;
}

.feature i.icon--lg + h4 {
    margin-top: 1.36842105263158em;
}

.feature i.icon--lg + .h5 {
    margin-top: 0.92857143em;
}

.feature img + .boxed {
    border-radius: 0 0 6px 6px;
    border-top: none;
}

a.feature {
    display: block;
    text-decoration: none;
    font-weight: normal;
    color: #666666;
}

a.feature img:first-child:not(:last-child) {
    margin-bottom: 0.92857143em;
}

@media all and (max-width: 767px) {
    a.feature {
        margin-bottom: 0.92857143em !important;
    }
}

.imagebg:not(.image--light) .feature.bg--white a:not(.btn) {
    color: #4a90e2;
}

.imagebg:not(.image--light) .feature.bg--white .label {
    color: #fff;
}

@media all and (max-width: 767px) {
    .feature .feature__body form .row {
        margin-left: 0;
        margin-right: 0;
    }
}

section.text-center .feature-6 h4 + p {
    margin: 0 auto;
}

@media all and (min-width: 768px) {
    .row div[class*='col-']:nth-child(1):nth-last-child(3) .feature, .row div[class*='col-']:nth-child(2):nth-last-child(2) .feature, .row div[class*='col-']:nth-child(3):last-child .feature {
        margin-bottom: 0;
    }
}

a.block > .feature {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}

a.block:hover > .feature {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
}

.feature-1 {
    min-height: 11.8em;
}
.boxed--border-job h3.pb-5 { height:35px; width:100%; white-space: nowrap;overflow:hidden; text-overflow: ellipsis;}
.boxed--border-job div.pb-5 {display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical; height:88px; width:100%;  overflow:hidden; text-overflow: ellipsis;}

.feature-1 p {
    margin: 0;
}

.feature-1 p.lead {
    min-height: 5.05263157894737em;
}

.feature-1 > img:first-child {
    border-radius: 6px 6px 0 0;
}

.feature-1 > a.block img {
    /* border-radius: 6px 6px 0 0; */
}

.feature-1 > a.block + .feature__body {
    /* border-radius: 0 0 6px 6px; */
}

.feature-1[class*='box-shadow'] {
    border-radius: 6px;
    transition: 0.35s ease-out;
    -webkit-transition: 0.35s ease-out;
    -moz-transition: 0.35s ease-out;
}

.feature-1[class*='box-shadow']:hover {
    transform: translate3d(0, -10px, 0);
    -webkit-transform: translate3d(0, -10px, 0);
    box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
}

.hover-shadow {
    border-radius: 6px;
    backface-visibility: hidden;
    overflow: hidden;
    border: 1px solid #ececec;
    transition: 0.35s ease-out;
    -webkit-transition: 0.35s ease-out;
    -moz-transition: 0.35s ease-out;
}

.hover-shadow:hover {
    transform: translate3d(0, -10px, 0);
    -webkit-transform: translate3d(0, -10px, 0);
    box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
}

.bg--dark .hover-shadow {
    border-color: #222;
}

.bg--dark .hover-shadow:hover {
    box-shadow: 0 23px 40px #000000;
}

.feature-2 {
    overflow: hidden;
}

.feature-2 .feature__body {
    width: 75%;
    float: right;
}

.feature-2 h5 {
    margin-bottom: 0.46428571em;
}

.feature-2 p:last-child {
    margin: 0;
}

.feature-2 i {
    width: 25%;
    float: left;
}

.feature-large .feature-2 + .feature-2:last-child {
    margin-bottom: 0;
}

@media all and (max-width: 990px) {
    .feature-2 .feature__body, .feature-2 i {
        width: 100%;
        float: none;
    }

    .feature-2 p:first-of-type {
        margin-top: 0.92857143em;
    }
}

.feature-3 i {
    margin-bottom: 0.16666666666667em;
}

.feature-3 p {
    min-height: 7.42857143em;
}

.feature-4 .btn {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    border-radius: 0;
    padding: 0.92857143em;
}

.feature-4 .btn:hover {
    transform: none;
}

.feature-4 p {
    min-height: 9.28571429em;
}

.feature-4 p:last-of-type {
    margin-bottom: 3.71428571em;
}

.feature-5 i {
    width: 25%;
    float: left;
}

.feature-5 .feature__body {
    width: 75%;
    float: right;
}

.feature-5 p {
    min-height: 5.57142857em;
}

.feature-5 p:last-of-type {
    margin-bottom: 0.92857143em;
}

.feature-5:not([class*='bg-']) {
    color: #252525;
}

.feature-6 p {
    min-height: 9.28571429em;
}

.feature-6 p:last-child {
    margin: 0;
}

.feature-7 {
    height: 13em;
    margin-bottom: 30px;
}

.feature-7[data-overlay]:before {
    border-radius: 6px;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}

.feature-7[data-overlay]:hover:before {
    opacity: .75;
}

.feature-7 .background-image-holder {
    border-radius: 6px;
}

.feature-7 h3 {
    margin: 0;
}

.row--gapless .feature-7 {
    margin: 0;
    border-radius: 0;
}

.row--gapless .feature-7 .background-image-holder {
    border-radius: 0;
}

.row--gapless .feature-7:before {
    border-radius: 0;
}

@media all and (max-width: 767px) {
    .feature-7 .pos-vertical-center {
        top: 50%;
        transform: translate3d(0, -50%, 0);
        -webkit-transform: translate3d(0, -50%, 0);
    }
}

.feature-8 {
    padding: 2.78571429em 0 3.71428571em 0;
}

.feature-8:not(.boxed) {
    margin-bottom: 0;
}

.feature-8 .feature__body {
    max-width: 70%;
    margin: 0 auto;
}

.feature-8 p {
    min-height: 5.57142857em;
}

@media all and (max-width: 990px) {
    .feature-8 .feature__body {
        max-width: 85%;
    }
}

@media all and (max-width: 767px) {
    .feature p {
        min-height: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .feature.boxed {
        margin-bottom: 10px;
        min-height: 187px;
    }

    .feature:not(.boxed) {
        margin-bottom: 30px;
    }

    .feature.feature-8 {
        margin-bottom: 0;
    }
}

.feature-8 img {
    max-height: 14.85714286em;
}

.feature-9 h4 {
    margin: 0;
}

.feature-9:not(.boxed) {
    margin-bottom: 30px;
}

@media all and (min-width: 768px) {
    .features-small-14 .text-block {
        margin-bottom: 3.71428571em;
    }

    .features-small-14 h4 {
        min-height: 2.736842105263158em;
    }
}

/*! -- Stack Features Large -- */
@media all and (min-width: 768px) {
    .staggered div[class*='col-']:nth-child(2):last-child {
        margin-top: 13em;
    }

    .staggered div[class*='col-']:nth-child(2):last-child:not(:last-child) {
        margin-bottom: 9.28571429em;
    }

    .staggered div[class*='col-'] .feature:not(:last-child) {
        margin-bottom: 9.28571429em;
    }
}

.feature-large h4:first-child {
    margin-bottom: 0.68421052631579em;
}

.feature-large .feature:not(.boxed) {
    margin-bottom: 30px;
}

.feature-large .feature-3.text-center p {
    margin: 0 auto;
}

.feature-large .lead + .feature-large__group {
    margin-top: 3.71428571em;
}

.feature-large .feature-large__group {
    overflow: hidden;
}

.feature-large-1 .lead {
    margin-bottom: 2.73684210526316em;
}

@media all and (min-width: 768px) {
    .feature-large-2 div[class*='col-']:first-child {
        margin-top: 5.57142857em;
    }

    .feature-large-2 div[class*='col-']:last-child {
        margin-top: 7.42857143em;
    }
}

@media all and (max-width: 767px) {
    .feature-large-2 img {
        margin: 1.85714286em 0;
    }
}

.feature-large-7.switchable .boxed div[class*='col-']:only-child {
    float: none;
}

.feature-large-13 p.lead + .text-block {
    margin-top: 3.71428571em;
}

.feature-large-13 div[class*='col-'] .text-block + .text-block {
    margin-top: 2.78571429em;
}

@media all and (min-width: 1200px) {
    .feature-large-13:not(.text-center) .text-block p {
        max-width: 26em;
    }
}

.feature-large-14 h5 {
    margin-bottom: 0.46428571em;
}

.feature-large-14 .boxed {
    margin-bottom: 0;
}

.feature-large-14 .boxed.boxed--border img {
    border-radius: 6px;
}

@media all and (min-width: 768px) {
    .feature-large-14.switchable .switchable__text {
        margin-top: 5.57142857em;
    }
}

/*! -- Stack Accordions -- */
.accordion .accordion__title {
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    opacity: .5;
    margin-bottom: 0.92857143em;
}

.accordion .accordion__title:hover {
    opacity: 1;
}

.accordion .accordion__title:before {
    font-family: "stack-interface";
    /* content: '\e80d'; */
    margin-right: 6px;
    color: #252525;
}

.accordion .accordion__title span {
    display: inline-block;
}

.accordion li.active {
    margin-bottom: 0.92857143em;
}

.accordion li.active .accordion__title {
    opacity: 1;
}

.accordion li.active .accordion__title:before {
    /* content: '\e80a'; */
}

.accordion li.active .accordion__content {
    animation: fadeUp .5s ease forwards;
    -webkit-animation: fadeUp .5s ease forwards;
}

.accordion-1 .accordion__title {
    transition: 0s ease;
    -webkit-transition: 0s ease;
    -moz-transition: 0s ease;
    opacity: .8;
    margin-bottom: 0;
}

.accordion-1 li.active .accordion__content {
    animation: fadeUp 0s ease forwards!important;
    -webkit-animation: fadeUp 0s ease forwards!important;
    padding: 20px 0 25px 0;
    background: #f9f9f9;
}

.accordion-1 {
    padding: 0 15px
}

.accordion-1 li.active .accordion__title {
    border-bottom: 1px solid #969696;
    background-color: #FFF;
}

.accordion-1 li.active .accordion__title span {
    color: #3b3f4a;
}

.accordion-1 li.active .accordion__title:before {
    color: #fff;
}

.accordion-1 li .accordion__title {
    border-left: none;
    border-right: none;
    border-radius: 0px;
    padding: 12px 0px;
    border-bottom: 0px solid #ECECEC;
    margin-bottom: 0;
}

.accordion-1 li.active {
    margin-bottom: 0!important;
}

.accordion-2 li .accordion__title {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #ECECEC;
    padding-left: 0;
    display: none;
}

.accordion-2 li.active .accordion__title {
    background: none;
    position: absolute;
    display: block;
    right: 0;
    text-align: right;
    top: 10px;
    width: 50px;
    color: #FFF;
    float: right;
    z-index: 999;
    border-bottom: 0px solid rgba(0, 0, 0, 0);
}
@media (max-width:767px){
    .accordion-2 li.active .accordion__title {width: 20px;right: 15px;top: 1px;text-align: right;/* width: 50px; */}
}

.accordion-2 li.active {
    margin-bottom: 0!important
}

.bg--dark .accordion-2 li .accordion__title, .imagebg:not(.image--light) .accordion-2 li .accordion__title, .bg--primary .accordion-2 li .accordion__title, .bg--dark .accordion-1 li .accordion__title, .imagebg:not(.image--light) .accordion-1 li .accordion__title, .bg--primary .accordion-1 li .accordion__title {
    border-color: #4b4b4b;
}

.bg--dark .accordion-2 li .accordion__title:before, .imagebg:not(.image--light) .accordion-2 li .accordion__title:before, .bg--primary .accordion-2 li .accordion__title:before, .bg--dark .accordion-1 li .accordion__title:before, .imagebg:not(.image--light) .accordion-1 li .accordion__title:before, .bg--primary .accordion-1 li .accordion__title:before {
    color: #fff;
}

.imagebg:not(.image--light) .accordion li .accordion__title, .bg--primary .accordion li .accordion__title {
    border-color: rgba(255, 255, 255, 0.3);
}

/*! -- Stack Tabs -- */
.tabs-container.tabs--vertical {
    overflow: hidden;
}

.tabs-container.tabs--vertical .tabs {
    width: 25%;
    float: left;
}

.tabs-container.tabs--vertical .tabs li {
    display: block;
}

.tabs-container.tabs--vertical .tabs li:not(:last-child) {
    border-right: none;
    border-bottom: 1px solid #ECECEC;
}

.tabs-container.tabs--vertical .tabs-content {
    width: 70%;
    float: right;
    margin-top: 0;
}

.tabs-container.tabs--vertical .tabs-content > li:not(.active) .tab__content {
    animation: fadeOutUp .5s ease forwards;
    -webkit-animation: fadeOutUp .5s ease forwards;
}

.tabs-container.tabs--vertical .tabs-content > li.active .tab__content {
    animation: fadeInUp .5s ease forwards;
    -webkit-animation: fadeInUp .5s ease forwards;
    backface-visibility: hidden;
}

.tabs-container.tabs--vertical.tabs--icons .tabs {
    width: 15%;
    text-align: center;
}

.tabs-container.tabs--vertical.tabs--icons .tabs-content {
    width: 80%;
}

@media all and (max-width: 767px) {
    .tabs-container.tabs--vertical .tabs, .tabs-container.tabs--vertical .tabs-content {
        width: 100%;
        float: none;
    }

    .tabs-container.tabs--vertical .tabs {
        margin-bottom: 1.85714286em;
    }

    .tabs-container.tabs--vertical .tabs-content > li:not(.active) .tab__content {
        animation: fadeOutRight .5s ease forwards;
        -webkit-animation: fadeOutRight .5s ease forwards;
    }

    .tabs-container.tabs--vertical .tabs-content > li.active .tab__content {
        animation: fadeInLeft .5s ease forwards;
        -webkit-animation: fadeInLeft .5s ease forwards;
        backface-visibility: hidden;
    }
}

.tabs {
    display: inline-block;
    border: 1px solid #ECECEC;
    /* border-radius: 6px; */
    margin-bottom: 1.85714286em;
    width: 100%;
}

.tabs li {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    padding: 30px 0px;
    width: 33.3%;
}

.tabs-faq {
    margin-top: 25px;
    border: none;
    margin-bottom: 35px;
}

.tabs-faq li {
    text-align: center;
    padding: 0px 0px;
    width: 12.5%;
    font-size: 1.2em;
    font-family:'Apple SD Gothic Neo', 'notokr-medium';
    font-weight: normal!important;
}

.tabs-faq li {
    border-right: 1px solid #c3c3c3!important;
    transition: 0s ease;
    -webkit-transition: 0s ease;
    -moz-transition: 0s ease;
}

.tabs-faq li:first-child {
    border-left: 1px solid #c3c3c3!important;
}

.tabs-faq li.active, .tabs-order li.active {
    font-family: 'Apple SD Gothic Neo', 'notokr-bold'!important;
    border-right: 0;
    padding: 12px 0px;
}

.tabs-order {
    margin-top: 10px;
    border: none;
    margin-bottom: 30px;
}

.tabs-order li {
    text-align: center;
    float: left;
    padding: 11px 0px 12px 0;
    margin-right: 0px!important;
    width: 50%;
    font-size: 1.2em;
    font-family:'Apple SD Gothic Neo', 'notokr-medium';
    font-weight: normal!important;
}

.tabs-order li {
    border: 1px solid #c3c3c3!important;
    transition: 0s ease;
    -webkit-transition: 0s ease;
    -moz-transition: 0s ease;
}

.tabs li:not(:last-child) {
    border-right: 1px solid #ECECEC;
    margin-right: -4px;
}

.tabs li.active {
    opacity: 1;
}

.tabs li.active .tab__title {
    color: #999;
}

.tabs li.active .tab__title span {
    color: #b9b9b9;
}

.tabs li:not(.active) {
    opacity: .5;
}

.tabs li:hover {
    opacity: 1;
    cursor: pointer;
}

.tabs .tab__title {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}

.tabs .tab__title:not(.btn) {
    padding-right: 0;
    padding-left: 0;
}

.tabs .tab__title i + span {
    margin-top: 0.46428571em;
    display: inline-block;
    margin-bottom: 0;
}

.bg--primary .tabs {
    border-color: #fff;
}

.bg--primary .tabs li.active .tab__title {
    color: #fff;
}

.bg--primary .tabs li.active .tab__title span {
    color: #fff;
}

.bg--primary .tabs li:not(:last-child) {
    border-color: #fff;
}

@media all and (min-width: 768px) {
    .tabs.tabs--spaced {
        margin-bottom: 3.71428571em;
    }
}

.tabs-content {
    position: relative;
}

.tabs-content > li:not(.active) .tab__content {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    opacity: 0;
    pointer-events: none;
    animation: fadeOutRight .5s ease forwards;
    -webkit-animation: fadeOutRight .5s ease forwards;
}

.tabs-content > li.active {
    animation: fadeInLeft .5s ease forwards;
    -webkit-animation: fadeInLeft .5s ease forwards;
    backface-visibility: hidden;
}

@media all and (max-width: 767px) {
    .tabs li {
        /* display: block; */
    }
    .eng .tabs li {min-height:105px;width: 33%;vertical-align: top;padding: 0 10px;}
    .eng .tabs li .tab__title{vertical-align:middle;padding-top:20px}
    .tabs-faq li {
    padding: 0px 15px;
    width: auto;
}
.tabs-faq li.active, .tabs-order li.active{padding:10px;border:none}

    .tabs li:not(:last-child) {
        /* border-bottom: 1px solid #ECECEC; */
        /* border-right: none; */
    }
    .accordion li .accordion__content {
    max-height: 100%!important;
    margin: auto -15px!important;
}
}

.tabs--folder .tabs {
    overflow: hidden;
    margin-bottom: 0;
    border-radius: 6px 6px 0 0;
    border-bottom: none;
}

.tabs--folder .tabs > li {
    border-top: 3px solid rgba(0, 0, 0, 0);
}

.tabs--folder .tabs > li.active {
    border-top: 3px solid #4a90e2;
}

.tabs--folder .tabs-content {
    overflow: hidden;
    position: relative;
    bottom: 8px;
    padding: 1.85714286em;
    border: 1px solid #ECECEC;
    border-radius: 0 0 6px 6px;
}

.tabs--folder .tabs-content > li:not(.active) .tab__content {
    top: 1.85714286em;
    left: 1.85714286em;
}

.tabs--folder .tab__title .h5 {
    margin: 0;
    display: inline-block;
}

.tabs--folder .tab__title .label {
    position: relative;
    color: #fff !important;
    top: -2px;
    right: 0;
    margin-left: 0.46428571em;
    min-width: 0;
}

/*! -- Stack Switchable Sections -- */
@media all and (min-width: 768px) {
    .switchable .container > .row {
        flex-flow: row-reverse;
    }

    .switchable.switchable--switch .container > .row {
        flex-flow: row;
    }
}

.switchable .switchable__text {
    margin-top: 1.85714286em;
}

.switchable [class*='col-']:first-child .switchable__text {
    margin-bottom: 2.78571429em;
}

.section--overlap .row {
    position: relative;
    margin-top: -13em;
}

@media all and (max-width: 990px) {
    .switchable .switchable__text {
        margin-top: 0;
    }
}

@media all and (max-width: 767px) {
    .switchable .switchable__text {
        margin-top: 1.85714286em;
    }

    .switchable .imageblock__content[class*='col-'] {
        float: none !important;
    }

    .switchable .row > div[class*='col-'] {
        float: none !important;
    }

    .switchable .row > div[class*='col-']:last-child:not(:only-child) {
        margin-top: 1.85714286em;
    }
}

/*! -- Stack CTA -- */
.cta .btn:first-child:not(:last-child) {
    margin-bottom: 1.85714286em;
}

.cta.boxed:last-child {
    margin-bottom: 0;
}

@media all and (min-width: 768px) {
    .cta--horizontal h4, .cta--horizontal .lead, .cta--horizontal .btn {
        margin: 0;
    }

    .cta--horizontal h4, .cta--horizontal .lead {
        /* position: relative; */
        /* top: 10px; */
        padding-top: 10px;
    }

    .cta--horizontal .border {
        position: relative;
        border-top: 2px solid #fff;
        max-width: 80px;
    }

    .bg--dark .cta-1 > div[class*='col-']:last-child, .imagebg .cta-1 > div[class*='col-']:last-child {
        border-left: none;
    }
}

@media all and (min-width: 1200px) {
    .cta-1.boxed--border {
        padding: 0;
    }

    .cta-1 > div[class*='col-'] {
        padding: 1.23809524em 15px;
    }

    .cta-1 > div[class*='col-']:last-child {
        border-left: 1px solid #ECECEC;
    }
}

@media all and (max-width: 990px) {
    .cta-1 {
        text-align: center;
    }

    .cta-1 > div[class*='col-'] {
        padding-left: 0;
        padding-right: 0;
    }

    .cta-1 > div[class*='col-']:not(:last-child) {
        margin-bottom: 0.92857143em;
    }

    .cta-1 > div[class*='col-']:last-child {
        margin-top: 1.85714286em;
    }
}

@media all and (max-width: 767px) {
    .cta .lead {
        margin: 1.36842105263158em 0;
    }
}

.cta-2 {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}

.cta-2 h2 {
    margin: 1.57575757575758em 0;
}

.cta-2.bg--primary:hover {
    background: #5798e4;
}

.cta-2:hover {
    background: #ffffff;
}

@media all and (min-width: 768px) {
    .cta-3 .switchable__text {
        margin-top: 5.57142857em;
    }
}

/*! -- Stack Videos -- */
.video-play-icon:before {
    border-color: transparent transparent transparent #252525;
    margin-top: -3px;
}

.modal-instance .video-play-icon + span {
    position: relative;
    display: inline-block;
    margin-left: 0.92857143em;
    white-space: nowrap;
    bottom: 22px;
}

.modal-instance .video-play-icon.video-play-icon--xs + span {
    bottom: 8px;
    margin-left: 0.46428571em;
}

.video-cover {
    background: #252525;
}

.video-cover.border--round {
    overflow: hidden;
}

.video-cover.border--round iframe {
    border-radius: 6px;
}

.video-cover:not(:last-child) {
    margin-bottom: 1.85714286em;
}

.video-cover + span.h4 + span {
    display: inline-block;
    margin-left: 0.92857143em;
}

@media all and (min-width: 1025px) {
    .video-play-icon {
        transition: 0.2s ease-out;
        -webkit-transition: 0.2s ease-out;
        -moz-transition: 0.2s ease-out;
    }

    .video-play-icon:hover {
        box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
        transform: translate3d(-50%, -52%, 0);
        -webkit-transform: translate3d(-50%, -52%, 0);
    }
}

.imagebg .video-cover .video-play-icon {
    z-index: 10;
}

@media all and (min-width: 768px) {
    h2 + .video-cover {
        margin-top: 3.71428571em;
    }
}

@media all and (min-width: 768px) {
    .video-1 .video-play-icon {
        margin-right: 1.85714286em;
    }

    .video-1 h2 {
        display: inline-block;
        position: relative;
        bottom: 14px;
    }

    div[class*='col-sm-6'] .video-1 h2 {
        bottom: 0;
        display: block;
    }

    div[class*='col-sm-6'] .video-1 .video-play-icon {
        margin-bottom: 0.46428571em;
    }
}

.video-1 h2 {
    margin: 0;
}

.imageblock__content .modal-instance {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0);
}

/*! -- Stack Modals -- */
.modal-container .modal-content:not(.height--natural) {
    height: auto;
    width: auto;
}

.modal-instance:not(.block) {
    display: inline-block;
    text-transform: none;
    color: #000;
}

.modal-instance.block > .btn {
    display: block;
}

@media all and (min-width: 768px) {
    .modal-instance + span:last-child {
        display: inline-block;
        margin-left: 0.92857143em;
    }
}

.modal-container .modal-content {
    max-height: 95%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}

.modal-container .modal-content .feature:only-child {
    margin-bottom: 0;
}

.modal-container .modal-content .feature:only-child .boxed {
    margin-bottom: 0;
}

.modal-container .modal-content .imagebg:not(.image--light) .modal-close-cross:before {
    color: #fff;
}

.modal-container .modal-content .container {
    width: 100vw;
}

@media all and (max-width: 767px) {
    .modal-container .modal-content > .modal-close-cross {
        top: 3em;
        background: #222;
        width: 2em;
        height: 2em;
        text-align: center;
        border-radius: 50%;
        color: #fff;
    }

    .modal-container:not(.modal-active) .modal-content {
        display: none;
    }
}

.modal-content {
    -ms-overflow-style: none;
}

.modal-content::-webkit-scrollbar {
    display: none;
}

/*! -- Stack Notifications -- */
.notification {
    max-width: inherit;
    margin: 1.85714286em;
    box-shadow: none;
}

.notification:not([class*='bg--']) {
    background: none;
}

.notification > .boxed {
    margin: 0;
}

.notification > .feature, .notification .feature__body {
    margin-bottom: 0;
}

.search-box {
    width: 100%;
    margin: 0;
    padding: 2em;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.09);
}

.search-box.notification--reveal {
    z-index: 9999;
}

.search-box .notification-close-cross {
    top: 2.32142857em;
    right: 1.85714286em;
}

.notification-close-cross.notification-close-cross--circle {
    background: #222;
    width: 2em;
    height: 2em;
    text-align: center;
    border-radius: 50%;
    color: #fff;
}

/*! -- Stack Loader -- */
.loader {
    border: 3px solid #4a90e2;
    border-radius: 30px;
    height: 30px;
    left: 50%;
    margin: -15px 0 0 -15px;
    opacity: 0;
    position: fixed;
    z-index: 10;
    top: 50%;
    width: 30px;
    animation: pulsate 0.7s ease-out infinite;
}

.loader.loader--fade {
    opacity: 0;
    animation: none;
}

@keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

/*! -- Stack Lightboxes -- */
.lb-close {
    position: relative;
    top: 10px;
}

.lb-close:before {
    content: '\00D7';
    color: #fff;
    font-size: 2.5em;
    font-weight: 400;
}

.lb-close:hover {
    text-decoration: none;
}

.lb-prev:after, .lb-next:after {
    font-family: 'stack-interface';
    position: fixed;
}

.lb-prev:after {
    content: '\e801';
    left: 1.85714286em;
}

.lb-next:after {
    content: '\e802';
    right: 1.85714286em;
}

.lb-data {
    overflow: hidden;
    min-height: 30px;
}

a[data-lightbox] {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}

a[data-lightbox]:hover {
    opacity: .8;
    cursor: zoom-in;
}

/*! -- Stack Covers -- */
.cover .typed-headline {
    margin-bottom: 3.71428571em;
}

.cover .typed-headline .type--bold {
    font-weight: 400;
}

.cover .triptych {
    margin-top: 3.71428571em;
}

.cover .btn + .modal-instance {
    margin-top: 1.85714286em;
}

.cover h3 + form, .cover .h3 + form {
    margin-top: 2.78571429em;
}

.cover .lead + .boxed {
    margin-top: 3.71428571em;
}

.cover.unpad--bottom {
    overflow: hidden;
}

.cover .modal-instance.block:not(:first-child):not(:last-child) {
    margin: 2.78571429em 0;
}

.cover .pos-bottom {
    margin-bottom: 1.85714286em;
}

@media all and (min-width: 768px) {
    .cover .row .row:last-child {
        /* margin-top: 5.57142857em; */
    }

    .row .dash {
        background: url(../img/dash.png) no-repeat 49% 18px !important;
    }
}

@media all and (max-width: 767px) {
    .cover .pos-bottom.pos-absolute {
        position: relative;
        margin-top: 1.85714286em;
    }
}

@media all and (max-width: 990px) {
    .cover .mt--3 {
        margin-top: 0;
    }
}

@media all and (min-width: 768px) {
    .cover .triptych {
        margin-top: 7.42857143em;
    }
}

.cover-fullscreen {
    min-height: 100vh;
}

.cover-fullscreen.slider[data-paging="true"] .slides .flickity-slider > li {
    height: 100vh;
}

.cover-fullscreen.slider[data-paging="true"] .pos-bottom {
    bottom: 5.57142857em;
    width: 100%;
}

.cover-fullscreen.slider[data-paging="true"] h4 {
    margin: 0;
}

.cover-slider {
    overflow: hidden;
}

.cover-slider .slider {
    position: relative;
    width: 100%;
    pointer-events: none;
}

.cover-slider .slider:nth-child(1) {
    transform: translateY(-30%);
}

.cover-slider .slider:nth-child(2) {
    transform: translateY(-25%);
}

.cover-slider .slider:nth-child(3) {
    transform: translateY(-20%);
}

.cover-slider .slider .slide {
    opacity: .05;
}

.cover-slider .typed-headline {
    margin: 0;
}

.cover-slider .typed-headline + .btn {
    margin-top: 0.92857143em;
}

.cover-slider .slider-container {
    transform: rotateZ(-30deg) translateY(-10%);
    -webkit-transform: rotateZ(-30deg) translateY(-10%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

@media all and (min-width: 768px) {
    .cover-slider + .cta-4 {
        position: absolute;
        background: none;
        color: #fff;
        border-bottom: none !important;
        width: 100%;
        transform: translate3d(0, -100%, 0);
        -webkit-transform: translate3d(0, -100%, 0);
    }

    .cover-slider + .cta-4 a {
        color: #fff;
        font-weight: 600;
    }
}

.cover-features.space--lg {
    padding-bottom: 3.71428571em;
}

.cover-features .row:nth-child(2) {
    margin-top: 11.14285714em;
}

@media all and (max-width: 767px) {
    .cover-features.space--lg {
        padding-bottom: 1.85714286em;
    }

    .cover-features .row:nth-child(2) {
        margin-top: 3.71428571em;
    }
}

/*! -- Stack Processes -- */
.process-1 {
    padding: 3.71428571em 0;
    position: relative;
    overflow: hidden;
}

.process-1 .process__item {
    width: 50%;
}

.process-1 .process__item:not(:last-child) {
    margin-bottom: 1.85714286em;
}

.process-1:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    left: 50%;
    top: 0;
    background: #ef3c85;
}

.process__item {
    position: relative;
}

.process__item:after {
    content: '';
    width: 1.3em;
    height: 1.3em;
    background: #4975e4;
    border: 2px solid #4975e4;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    margin-left: -1px;
}

@media all and (min-width: 768px) {
    .process-1 .process__item:nth-child(odd) {
        text-align: right;
        padding-right: 3.71428571em;
    }

    .process-1 .process__item:nth-child(odd):after {
        right: -0.92857143em;
    }

    .process-1 .process__item:nth-child(even) {
        margin-left: 50%;
        padding-left: 3.71428571em;
    }

    .process-1 .process__item:nth-child(even):after {
        left: -0.92857143em;
    }
}

@media all and (max-width: 767px) {
    .process-1:before, .process-2:before {
        left: 0.92857143em;
    }

    .process-1 .process__item, .process-2 .process__item {
        width: 100%;
        padding-left: 3.71428571em;
    }

    .process-1 .process__item:after, .process-2 .process__item:after {
        left: 0;
    }
}

.bg--dark .process-1:before, .imagebg .process-1:before, .bg--dark .process-2:before, .imagebg .process-2:before {
    background: #fff;
}

.bg--dark .process-1 .process__item:after, .imagebg .process-1 .process__item:after, .bg--dark .process-2 .process__item:after, .imagebg .process-2 .process__item:after {
    background: #fff;
}

.bg--dark .process-1 .process__item:after, .bg--dark .process-2 .process__item:after {
    border-color: #252525;
}

.process-2 {
    position: relative;
}

.process-2 .process__item {
    padding-top: 3.71428571em;
}

.process-2 .process__item:after {
    display: inline-block;
    text-align: center;
}

.process-2:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    top: 0.92857143em;
    left: 0;
    background: #bfc1ce;
}

@media all and (max-width: 767px) {
    .process-2:before {
        height: 100%;
        width: 2px;
        left: 20px;
        margin-left: 2px;
        background: #ededed;
    }

    .process-2 .process__item:after {
        top: 57px
    }
}

.process-3 {
    list-style: none;
    position: relative;
}

.process-3 li {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.process-3 li .process__number {
    float: left;
    width: 15%;
    width: 3.71428571em;
    height: 3.71428571em;
    border-radius: 50%;
    border: 2px solid #4a90e2;
    background: #fff;
    text-align: center;
}

.process-3 li .process__number span {
    font-size: 1.35714286em;
    font-weight: bold;
    color: #4a90e2;
    position: relative;
    top: 12px;
}

.process-3 li .process__body {
    width: 80%;
    float: right;
}

.process-3 li .process__body h4 {
    margin-bottom: 0.342105263157895em;
}

.process-3 li:not(:last-child) {
    margin-bottom: 3.71428571em;
}

.process-3:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    left: 1.85714286em;
    top: 0;
    border-left: 1px dashed #ddd;
}

.bg--dark .process-3 li .process__number {
    background: #252525;
}

.bg--dark .process-3:before {
    border-color: #aaa;
}

.process-stepper > li {
    transition: all .3s ease;
    display: inline-block;
    float: left;
    text-align: center;
    position: relative;
}

.process-stepper > li:before {
    transition: all .3s ease;
    content: '';
    width: 0.92857143em;
    height: 0.92857143em;
    background: #ccc;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.92857143em;
}

.process-stepper > li:after {
    transition: all .3s ease;
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    background: #ccc;
    top: 5px;
    left: 0;
}

.process-stepper > li:first-child:after, .process-stepper > li:last-child:after {
    width: 50%;
}

.process-stepper > li:first-child:after {
    left: 50%;
}

.process-stepper > li.active:before, .process-stepper > li.active:after {
    background: #4a90e2;
}

.process-stepper > li > span {
    cursor: default;
}

.process-stepper[data-process-steps="6"] > li {
    width: 16.666666666666667%;
}

.process-stepper[data-process-steps="5"] > li {
    width: 20%;
}

.process-stepper[data-process-steps="4"] > li {
    width: 25%;
}

.process-stepper[data-process-steps="3"] > li {
    width: 33.33333333%;
}

.process-stepper[data-process-steps="2"] > li {
    width: 50%;
}

.bg--dark .process-stepper li:not(.active):before, .bg--dark .process-stepper li:not(.active):after {
    background: #585858;
}

/*! -- Stack Typed Text -- */
span + .typed-text.h2 {
    margin-left: 4px;
}

span + .typed-text.h1 {
    margin-left: 6px;
}

@media all and (max-width: 767px) {
    .typed-text {
        display: block;
    }

    .typed-headline {
        margin-bottom: 1.85714286em;
    }

    .typed-headline h1, .typed-headline .h1 {
        margin-bottom: 0;
    }
}

/*! -- Stack Forms -- */
form:before, form:after {
    content: '';
}

.bg--dark input, .imagebg:not(.image--light) input, .bg--dark textarea, .imagebg:not(.image--light) textarea, .bg--dark select, .imagebg:not(.image--light) select, .bg--dark .input-select:after, .imagebg:not(.image--light) .input-select:after {
    color: #333333;
}

.bg--dark label, .imagebg:not(.image--light) label {
    color: #ccc;
}

.bg--dark form.attempted-submit input.field-error {
    background: #D84D4D;
    color: #fff;
}

form {
    position: relative;
}

form > div[class*='col-']:not(:last-child), form > .row > div[class*='col-']:not(:last-child) {
    margin-bottom: 1em;
}

form .boxed:last-child {
    margin: 0;
}

form.form--clearfix {
    margin-left: -15px;
}

@media all and (min-width: 768px) {
    div[class*='col-'] > form div[class*='col-']:last-child:nth-child(2) {
        /* padding-right: 0; */
    }

    div[class*='col-'] > form div[class*='col-']:first-child:nth-last-child(2) {
        /* padding-left: 0; */
    }

    form.form--horizontal > div[class*='col-'] {
        margin: 0;
    }
}

@media all and (max-width: 767px) {
    .row form > .row {
        /* margin-left: 0; */ /* margin-right: 0; */
    }
}

h2 + form, .h2 + form {
    margin-top: 2.78571429em;
}

h3 + form, .h3 + form, .lead + form {
    /* margin-top: 2.78571429em; */
}

.cover .lead + form {
    margin-top: 3.71428571em;
}

form + span.type--fine-print {
    margin-top: 1.08333333333334em;
    display: inline-block;
}

.form--inline > span.h4 {
    color: #666666;
}

.form--inline input, .form--inline [class*='input-'] {
    display: inline-block;
    max-width: 200px;
}

.form--inline > span:not(:last-child), .form--inline input:not(:last-child), .form--inline [class*='input-']:not(:last-child) {
    margin-right: 0.92857143em;
}

.form--inline button {
    max-width: 200px;
}

.bg--dark .form--inline > span.h4, .imagebg:not(.image--light) .form--inline > span.h4 {
    color: #fff;
}

button, input[type="submit"] {
    /* height: 3.25000000000001em; */
}

button.btn, input[type="submit"].btn {
    font-size: 1em;
    font-weight: 700;
    padding-left: 0;
    padding-right: 0;
}

button.btn.btn--primary, input[type="submit"].btn.btn--primary {
    color: #fff;
}

button.btn.type--uppercase, input[type="submit"].btn.type--uppercase {
    letter-spacing: .5px;
    margin-right: -0.5px;
}

button.checkmark.checkmark--cross, input[type="submit"].checkmark.checkmark--cross {
    width: 1.85714286em;
    height: 1.85714286em;
    border: none;
    background: #e23636;
}

button.checkmark.checkmark--cross:before, input[type="submit"].checkmark.checkmark--cross:before {
    content: '\00d7';
    font-size: 18px;
    top: -1px;
}

button[type="submit"].btn--loading:after, input[type="submit"][type="submit"].btn--loading:after {
    background: #4a90e2;
}

.bg--primary button.btn {
    border-color: rgba(255, 255, 255, 0.5);
    color: #fff;
}

.bg--primary button.btn:hover {
    border-color: #fff;
}

.bg--primary button.btn.btn--primary {
    color: #4a90e2;
    border-color: #4a90e2;
}

.bg--primary button.btn.btn--primary-1 {
    border-color: #31639c;
}

.policy_wrap {
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px solid #ddd;
    padding: 15px;
}

input, select {
    height: 2.7em;
}

input.field-error {
    border-color: #EBA8A8;
}

input[type] + input[type], input[type] + .input-checkbox, input[type] + button, input[type] + .input-select {
    margin-top: 0.92857143em;
}

input, [class*='input-'] label, select, textarea {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}

input:not([class*='col-']), select:not([class*='col-']), .input-select:not([class*='col-']), textarea:not([class*='col-']), button[type="submit"]:not([class*='col-']) {
    width: 100%;
}

input[type], select, textarea {
    /* padding-left: 0.92857143em; */
}

input[type]:focus, select:focus, textarea:focus {
    border-color: #000000;
}

input[type="image"] {
    border: none;
    padding: none;
    width: auto;
}

.btn-padding {
    padding-top: 30px
}

@media all and (max-width: 768px) {
    .btn-padding {
        padding-top:10px
    }
}

label {
    font-size: 1em;
}

.bg--primary label, .bg--primary-1 label {
    color: #fff;
}

.input-icon i {
    top: 8px;
    left: 8px;
}

.input-icon input {
    padding-left: 2.78571429em;
}

.input-icon.input-icon--right i {
    left: auto;
    right: 8px;
}

.input-icon.input-icon--right input {
    padding-right: 2.78571429em;
    padding-left: .92857143em;
}

.text-center .input-checkbox label, .text-center .input-radio label {
    margin: 0 auto;
}

.input-checkbox label, .input-radio label {
    font-size: 1em;
}

.input-checkbox {
    margin-top: 0.46428571em;
}

.input-checkbox.field-error label {
    border-color: #EBA8A8;
}

.input-checkbox label {
    background: none;
    border: 1px solid #d3d3d3;
    text-align: center;
    position: relative;
}

.input-checkbox label:not(:last-child) {
    margin-right: 0.46428571em;
}

.input-checkbox label:hover {
    border-color: #CD212A;
}

.input-checkbox label:before {
    content: '';
    left: 0;
    border-radius: 6px;
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #000000;
    opacity: 0;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}

.input-checkbox input:checked + label {
    border-color: #3b3f4a;
    background: #3b3f4a;
}

.input-checkbox input:checked + label:after {
    content: 'L';
    transform: rotateY(180deg) rotateZ(-45deg);
    color: #fff;
    position: absolute;
    width: 100%;
    left: 1px;
    top: -2px;
    font-weight: 700;
}

.input-checkbox input:checked + label:before {
    animation: pulse .45s ease forwards;
    -webkit-animation: pulse .45s ease forwards;
}

.input-checkbox + span {
    display: inline-block;
    position: relative;
    bottom: 10px;
    margin-left: 0.92857143em;
    font-size: 0.85714286em;
    white-space: nowrap;
}

.input-checkbox + button[type] {
    margin-top: 0.92857143em;
}

.input-checkbox + span + button[type] {
    margin-top: 0.92857143em;
}

.bg--dark .input-checkbox:not(.checked) label {
    border-color: #a5a5a5;
}

.bg--dark .input-checkbox + span {
    opacity: .75;
}

.input-checkbox.input-checkbox--switch label {
    width: 3em;
    border-radius: 60px;
}

.input-checkbox.input-checkbox--switch label:before {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border-color: #d3d3d3;
    opacity: 1;
    left: 2px;
    top: 2px;
}

.input-checkbox.input-checkbox--switch label:hover:before {
    border-color: #CD212A;
}

.input-checkbox.input-checkbox--switch input:checked + label {
    background: none;
}

.input-checkbox.input-checkbox--switch input:checked + label:before {
    animation: none !important;
    background: #262627;
    border-color: #262627;
    transform: translateX(1.15em);
}

.input-checkbox.input-checkbox--switch input:checked + label:after {
    display: none;
}

.input-radio.field-error label {
    border-color: #EBA8A8;
}

.input-radio .input__label {
    font-size: .85714286em;
    display: inline-block;
}

.input-radio .input__label + label {
    margin-top: 0.92857143em;
}

.input-radio label {
    position: relative;
    background: none;
    border: 1px solid #d3d3d3;
}

.input-radio label:hover {
    border-color: #CD212A;
    color: #CD212A;
}

.input-radio label:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #9cafd8;
    transition: 2s ease;
    -webkit-transition: 2s ease;
    -moz-transition: 2s ease;
    opacity: 0;
    left: 0;
}

.input-radio input:checked + label {
    border-color: #262627;
    background-color: #262627;
}
.input-radio input:disabled+ label {
    border-color: #d3d3d3;
    background-color: #eeeeee;
}
.input-radio input:checked.disabled+ label {
    border-color: #262627;
    background-color: #999;
}
 
.input-radio input:checked + label:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    left: 5px;
    top: 5px;
    background-color: #fff;
    border-radius: 50%;
}

.input-radio input:checked + label:before {
    animation: pulse .4s ease forwards;
}

.input-radio--innerlabel label {
    transition: all .3s ease;
    height: 2.78571429em;
    line-height: 2.50714286em;
    padding: 0 0.92857143em;
    border: 1px solid #ececec;
    border-radius: 22px;
    cursor: pointer;
    width: 100%;
    text-align: center;
}

.input-radio--innerlabel:hover {
    border-color: #CD212A;
}

.input-radio--innerlabel input:checked + label {
    border-color: #CD212A;
    background: #CD212A;
    color: #999;
}

.input-radio--innerlabel input:checked + label:after {
    display: none;
}

.input-radio--innerlabel input:checked + label:before {
    animation: none;
}

@media all and (max-width: 768px) {
    .input-radio input:checked + label:after {
        top: 3px;
        left: 3px;
    }

    .input-radio label {
        width: 18px;
        height: 18px;
    }
}

.bg--primary .input-radio--innerlabel {
    border-color: #76abe9;
}

.bg--primary .input-radio--innerlabel:hover {
    border-color: #fff;
}

.bg--primary .input-radio--innerlabel.checked {
    background: #fff;
    border-color: #fff;
}

.bg--primary .input-radio--innerlabel.checked label {
    color: #4a90e2;
}

.bg--primary-1 .input-radio--innerlabel {
    border-color: #3e7cc2;
}

.bg--primary-1 .input-radio--innerlabel:hover {
    border-color: #fff;
}

.bg--primary-1 .input-radio--innerlabel.checked {
    background: #fff;
    border-color: #fff;
}

.bg--primary-1 .input-radio--innerlabel.checked label {
    color: #31639c;
}

.input-select {
    position: relative;
}

.input-select select {
    -moz-appearance: none;
    -webkit-appearance: none;
}

.input-select select::-ms-expand {
    display: none;
}

.input-select:not(:last-child) {
    margin-bottom: 0.92857143em;
}

.input-select:after {
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    font-size: 30px;
    pointer-events: none;
    padding: 0 13px;
    border-left: 0px solid #ececec;
    line-height: 50px;
}

select {
    height: 40px;
    display: inline-block;
    padding-left: 10px;
    font-size: 14px;
    color: #222;
    border: 1px solid #ccc;
    border-radius: 0px;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background: url('../img/ic_arrow_drop_down_black_24px.png') no-repeat 98% 50%;
}

.color--white select {
    height: 36px;
    border: none;
    display: inline-block;
    padding-left: 0;
    font-size: 14px;
    color: #ccc!important;
    border-bottom: 1px solid #5f5f5f;
    border-radius: 0px;
    margin-top: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background: url('../img/ic_arrow_drop_down_black_24dp-w.png') no-repeat 98% 50% !important;
}

.color--white select option {
    font-size: 0.875em;
    line-height: 2em;
    color: #ccc!important;
    background: #252525 !important;
    border: none;
}

.color--white select:focus {
    border-color: #ffffff!important;
}

.store select {
    height: 2.25em;
    border: none;
    display: inline-block;
    padding-left: 0;
    font-size: 14px;
    color: #333!important;
    border-bottom: 1px solid #d0d0d0;
    border-radius: 0px;
    margin-top: 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background: url('../img/ic_arrow_drop_down_black_24px.png') no-repeat 100% 50% !important;
}

select::-ms-expand {
    display: none;
}

.input-select.input-select--borderless:after {
    border-left: none;
}

.input-select:focus:after {
    border-color: #4a90e2;
}

.input-select select:focus {
    border-color: #4a90e2;
}

.input-number {
    position: relative;
}

.input-number > input[type="number"] {
    padding-left: .46428571em;
    -moz-appearance: textfield;
    width: 100%;
    text-align: center;
}

.input-number > input[type="number"]::-webkit-inner-spin-button {
    display: none;
}

.input-number .input-number__controls {
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
    padding: 0 0.92857143em;
}

.input-number .input-number__controls > span {
    position: absolute;
    display: block;
    width: 10%;
    min-width: 3.71428571em;
    height: 100%;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    text-align: center;
    padding-top: 3px;
    transition: all .3s ease;
}

.input-number .input-number__controls > span:hover {
    color: #4a90e2;
}

.input-number .input-number__controls .input-number__increase {
    right: 0;
    border-left: 1px solid #ececec;
}

.input-number .input-number__controls .input-number__decrease {
    left: 0;
    border-right: 1px solid #ececec;
}

/*! -- Stack Subscribe Forms -- */
.subscribe-form-1 h3 {
    margin-bottom: 0.52em;
}

.subscribe-form-1.boxed form {
    margin: 1.85714286em;
}

@media all and (min-width: 991px) {
    .subscribe-form-2 p {
        top: 2px;
        position: relative;
    }

    .subscribe-form-2 input {
        margin: 0;
    }

    .subscribe-form-2 form [class*='col-'] {
        margin: 0 !important;
    }
}

@media all and (max-width: 990px) {
    .subscribe-form-2 {
        text-align: center;
    }

    .subscribe-form-2 form {
        margin-top: 1.85714286em;
    }
}

/*! -- Stack Elaborate Forms -- */
@media all and (max-width: 767px) {
    .elaborate-form-1 .pos-vertical-center {
        padding-left: 15px;
        padding-right: 15px;
    }

    .elaborate-form-1 form .col-xs-6:nth-child(even) {
        padding-left: 15px;
    }

    .elaborate-form-1 form .col-xs-6:nth-child(odd) {
        padding-right: 15px;
    }

    .elaborate-form-1 .row form > .row {
        margin-left: -15px;
        margin-right: -15px;
    }
    .quantity {width:85px!important}
    .input-number .input-number__controls > span {
   
    min-width: 1.71428571em;
}
}
.quantity {width:180px}
/* Stack Boxed Forms */
.boxed-form h4 {
    margin-bottom: 0.684210526315789em;
}

.boxed-form:last-child {
    margin-bottom: 0;
}

/* Stack Datepicker Form */
.datepicker {
    cursor: pointer;
}

.datepicker.datepicker--fluid + .picker {
    max-width: none;
}

.picker {
    transition: all .3s ease;
    z-index: 10;
    max-width: 100%;
    -webkit-transition: all .3s ease;
    margin-top: 0.46428571em;
    position: absolute;
    background: #ffffff;
    border: 1px solid #ececec;
    border-radius: 6px;
    padding: 0.92857143em;
    box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
}

.picker table td,.picker table th {
    font-family: 'Futura-Boo';
}

.picker .picker__header {
    text-align: center;
    margin-bottom: 0.92857143em;
}

.picker .picker__header > div {
    font-weight: 600;
    display: inline-block;
    color: #252525;
}

.picker .picker__header > div:not(:last-child) {
    margin-right: 0.46428571em;
}

.picker .picker__header .picker__nav--prev, .picker .picker__header .picker__nav--next {
    height: 10px;
    width: 10px;
    cursor: pointer;
}

.picker .picker__header .picker__nav--prev:after, .picker .picker__header .picker__nav--next:after {
    font-family: 'stack-interface';
}

.picker .picker__header .picker__nav--next {
    float: right;
}

.picker .picker__header .picker__nav--next:after {
    content: '\e80c';
}

.picker .picker__header .picker__nav--prev {
    float: left;
}

.picker .picker__header .picker__nav--prev:after {
    content: '\e80b';
}

.picker .picker__day {
    transition: all .3s ease;
    cursor: pointer;
}

.picker .picker__day.picker__day--highlighted {
    color: #c9c9ca;
    font-weight: 600;
    background: #CD212A;
    border-radius: 20px;
    text-align: center;
    margin-right: -3px;
    padding: 2px 5px;
    min-width: 26px;
}

.picker .picker__day:hover {
    color: #CD212A;
}

.picker:not(.picker--opened) {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: scale(0);
}

.picker .picker__holder {
    outline: none !important;
    border: none !important;
}

.picker table td {
    padding: 0.3em 0.7em;
    padding-top: 0;
    text-align: center;
}

.picker .picker__footer {
    text-align: center;
}

.picker .picker__button--today {
    float: left;
}

.picker .picker__button--close {
    float: right;
}

.picker button {
    transition: all .3s ease;
    height: auto;
    border: none;
    display: inline-block;
}

.picker button:not(:hover) {
    opacity: .5;
}

/* Stack Horizontal Forms */
.form-horizontal {
    display: flex;
}

.form-horizontal > div[class*='col-'], .form-horizontal > div[class*='col-']:not(:last-child) {
    margin-bottom: 0;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

.form-horizontal .picker {
    top: 100%;
}

@media all and (max-width: 990px) {
    .form-horizontal {
        display: block;
    }

    label {
        /* margin-top: 0.46428571em; */
    }

    button {
        /* margin-top: 1.85714286em; */
    }
}

/*! -- Stack Sliders -- */
.flickity-prev-next-button {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    border-radius: 0;
    background: transparent;
    width: 2.78571429em;
    height: 5.57142857em;
}

.archive-history.flickity-prev-next-button.next {
    right: -100px!important;
}

.flickity-prev-next-button:hover {
    color: #252525;
    background: transparent
}

.flickity-prev-next-button.previous {
    left: -40px;
}

.flickity-prev-next-button.next {
    right: -40px;
}

.flickity-prev-next-button:before {
    color: #fff;
}

.slider.slider--inline-arrows .flickity-prev-next-button {
    background: none;
}

.slider.slider--inline-arrows .flickity-prev-next-button:before {
    font-size: 1.78571429em;
    color: #252525;
    content: '\e802';
}

.slider.slider--inline-arrows .flickity-prev-next-button.previous:before {
    content: '\e801';
}

.slider.slider--columns .previous {
    left: 15px;
}

.slider.slider--columns .next {
    right: 15px;
}

.slider.border--round .slides li {
    /* border-radius: 6px; */
    overflow: hidden;
}

.slider.boxed--border .slides li {
    border: 1px solid #ececec;
}

.slider .slides li .feature:not(.feature-9) {
    margin-bottom: 0;
}

.slide .boxed:last-child {
    margin-bottom: 0;
}

.slide:not([class*='col-']) > img:only-child {
    width: 100%;
}

.bg--dark .slider.slider--inline-arrows .flickity-prev-next-button:before, .bg--primary .slider.slider--inline-arrows .flickity-prev-next-button:before, .imagebg:not(.image--light) .slider.slider--inline-arrows .flickity-prev-next-button:before {
    color: #fff;
}

@media all and (max-width: 990px) {
    .flickity-prev-next-button {
        display: none;
    }
}

@media all and (min-width: 768px) {
    h2 + .slider, .h2 + .slider {
        margin-top: 3.71428571em;
    }
}

.slider.slider--ken-burns:not(.parallax) .slide.is-selected > .background-image-holder, .slider.slider--ken-burns:not(.parallax) .slide.is-selected > img:only-child {
    animation: kenBurns 15s ease alternate infinite;
    -webkit-animation: kenBurns 15s ease alternate infinite;
}

.radial {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.radial .h2 {
    font-size: 1.9em!important;
}

.radial .radial__label {
    transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
}

.radial:not(.radial--active) .radial__label {
    opacity: 0;
}

.radial:not(:last-child) {
    margin-bottom: 1.85714286em;
}
.article__title.store {height:71px;}
@media all and (max-width: 767px) {
    .radial {
        margin-bottom: 1.85714286em;
    }
    .masonry-blog-magazine article, .masonry-blog-magazine .masonry__promo {
    height: 255px;
}

.masonry-news article, .masonry-news .news__thumb{
    height: 180px!important;
}
.height-180-xs {
height: calc(180px)!important;
height: 180px!important;}
.masonry-blog-magazine .height--tall {
    height: calc(540px);
}

.masonry-blog-magazine .height--tall-1 {
    height: calc(230px)!important;
}

.masonry-blog-magazine .height--tall-2 {
    height: calc(437px);
}

.masonry-blog-magazine .height--med-1 {
    height: calc(120px)!important;
}

.masonry-blog-magazine .height--med-2 {
    height: calc(120px)!important;
}

.masonry-blog-magazine .height--med-180 {
    height: calc(180px)!important;
}

.masonry-blog-magazine .height--med-140 {
    height: calc(140px);
}

.masonry-blog-magazine .height--report-top {
    height: calc(280px);
}
.archive-thumb img {min-height:110px;max-height:110px}
.article__title.store {height: calc(65px);}
.masonry-blog-magazine .article__title {height: calc(35px);}
}

/*! -- Stack Pricing -- */
.pricing {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    position: relative;
}

.pricing h3:first-child {
    margin: 0;
}

.pricing .label {
    top: 2.78571429em;
    right: 2.78571429em;
}

.pricing .h2 {
    margin-bottom: 0;
}

.pricing ul li:not(:last-child) {
    margin-bottom: 0.46428571em;
}

.pricing ul li .checkmark + span {
    position: relative;
    bottom: 3px;
}

.pricing:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
}

.pricing .h1 {
    font-size: 4.21428571428571em;
    line-height: 1.10169491525424em;
    margin-bottom: 0.22033898305085em;
}

.pricing .h1 .pricing__dollar {
    font-size: 0.51020408163265em;
    position: relative;
    bottom: 20px;
}

.pricing .feature-6 p {
    min-height: 5.57142857em;
}

.pricing-1 .btn:last-child {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    border-radius: 0 0 6px 6px;
    padding: 0.92857143em 0;
    margin: 0;
}

.pricing-1 .btn:last-child:hover {
    transform: none !important;
}

.pricing-1 ul {
    margin-bottom: 5.57142857em;
}

.pricing-1 p {
    min-height: 5.57142857em;
}

.pricing-1 p:first-of-type {
    margin-top: 1.85714286em;
}

.pricing-1 p:last-of-type {
    margin-bottom: 5.57142857em;
}

.pricing-1 img + p:first-of-type {
    margin-top: 0;
}

@media all and (min-width: 991px) {
    .pricing-2 ul:first-child {
        margin-top: 4.64285714em;
    }
}

@media all and (max-width: 990px) {
    .pricing-2 {
        text-align: center;
    }

    .pricing-2 ul:first-child {
        margin-top: 1.85714286em;
    }
}

.pricing-3 {
    border: 1px solid #ececec;
    border-radius: 6px;
}

.pricing-3 .pricing__head {
    margin: 0;
    border-bottom: 1px solid #ececec;
}

.pricing-3 .pricing__head + .btn {
    display: block;
    border-radius: 0;
    padding: 0.92857143em 0;
}

.pricing-3 ul {
    border-radius: 0 0 6px 6px;
}

.pricing-3 ul li {
    padding: 0.92857143em 0;
}

.pricing-3 ul li:not(:last-child) {
    border-bottom: 1px solid #ececec;
    margin: 0;
}

.pricing-3 ul:last-child {
    margin: 0;
}

@media all and (max-width: 990px) {
    .pricing-3 {
        margin-bottom: 1.85714286em;
    }
}

@media all and (min-width: 768px) {
    .pricing-section-1 .pricing:not(.boxed--emphasis) {
        left: 0.92857143em;
    }

    .pricing-section-1 .pricing.boxed--emphasis {
        right: 0.92857143em;
    }
}

@media all and (min-width: 990px) {
    .pricing-section-2 div[class*='col-'] {
        padding: 0;
    }

    .pricing-section-2 div[class*='col-']:not(:first-child):not(:last-child) .pricing__head {
        border-radius: 0;
    }

    .pricing-section-2 div[class*='col-']:first-child .pricing {
        border-radius: 6px 0 0 6px;
    }

    .pricing-section-2 div[class*='col-']:first-child .pricing .pricing__head {
        border-radius: 6px 0 0 0;
    }

    .pricing-section-2 div[class*='col-']:last-child .pricing {
        border-radius: 0 6px 6px 6px;
        border-right: 1px solid #ececec;
    }

    .pricing-section-2 div[class*='col-']:last-child .pricing .pricing__head {
        border-radius: 0 6px 0 0;
    }

    .pricing-section-2 .pricing {
        border: 1px solid #ececec;
        border-radius: 0 0 0 6px;
        border-right: none;
    }

    .pricing-section-2 .pricing:hover {
        box-shadow: none;
    }

    .pricing-section-2 .pricing ul {
        margin: 0;
    }
}

.pricing-section-2.bg--dark .pricing, .pricing-section-2.bg--dark .pricing .pricing__head, .pricing-section-2.bg--dark .pricing ul li:not(:last-child), .pricing-section-2.bg--dark div[class*='col-']:last-child .pricing {
    border-color: #3f3f3f;
}

.pricing-section-2.imagebg .pricing, .pricing-section-2.imagebg .pricing .pricing__head, .pricing-section-2.imagebg .pricing ul li:not(:last-child), .pricing-section-2.imagebg div[class*='col-']:last-child .pricing {
    border-color: rgba(255, 255, 255, 0.2);
}

/*! -- Stack Progress Horizontal -- */
.progress-horizontal:not(:last-child) {
    margin-bottom: 1.85714286em;
}

.progress-horizontal.progress-horizontal--lg .progress-horizontal__bar {
    height: 1.85714286em;
}

.progress-horizontal.progress-horizontal--sm .progress-horizontal__bar {
    height: 0.46428571em;
}

.progress-horizontal__bar {
    height: 0.92857143em;
    border-radius: 100px;
    background: #fafafa;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.progress-horizontal__bar:not(:last-child) {
    margin-bottom: 0.46428571em;
}

.progress-horizontal__progress {
    background: #4a90e2;
    border-radius: 100px;
}

/*! -- Stack Maps -- */
iframe[src*='google.com/maps'] {
    border: none;
}

.map-container {
    min-height: 400px;
}

.map-container:not(:last-child) {
    margin-bottom: 1.85714286em;
}

.map-container.border--round {
    overflow: hidden;
    z-index: 2;
}

.map-container.border--round .gm-style {
    border-radius: 6px;
}

.map-container iframe {
    left: 0;
}

@media all and (min-width: 768px) {
    .background-image-holder .map-container, .imageblock__content .map-container {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .map-container + div[class*='col-'] {
        margin-top: 3.71428571em;
    }
}

/*! -- Stack Testimonials -- */
.testimonial {
    position: relative;
    overflow: hidden;
}

.testimonial h5:nth-last-child(2) {
    margin: 0;
}

.testimonial .testimonial__image {
    margin-bottom: 1.85714286em;
}

@media all and (min-width: 1025px) {
    .testimonial-1 .switchable__text {
        margin-top: 7.42857143em;
    }
}

.testimonial-2 {
    float: none;
    width: 100%;
}

.testimonial-2 .testimonial__image img {
    max-height: 3.71428571em;
    float: left;
    margin-right: 1.85714286em;
}

.testimonial-2 .boxed {
    width: 100%;
}

.bg--secondary .testimonial-2 .boxed {
    background: #fff;
}

@media all and (max-width: 990px) {
    .testimonial-2 p {
        min-height: 7.42857143em;
    }
}

@media all and (max-width: 767px) {
    .testimonial-2 p {
        min-height: 0;
    }
     article .article__body p {
    text-align: left!important;
}
}

@media all and (min-width: 768px) {
    .lead + .testimonial-2 {
        margin-top: 3.71428571em;
    }
}

@media all and (min-width: 768px) {
    .testimonials-1 .list-inline {
        position: relative;
        top: 0.92857143em;
    }

    .testimonials-1 .list-inline li:not(:last-child) {
        margin-right: 3.71428571em;
    }
}

@media all and (max-width: 767px) {
    .testimonials-1 .list-inline {
        margin-top: 1.85714286em;
    }

    .testimonials-1 .list-inline li {
        margin-bottom: 1.85714286em;
    }
}

/*! -- Stack Masonry -- */
.masonry__item:not(:empty) {
    margin-bottom: 30px;
    transform-style: preserve-3d;
}

.masonry__item:not(:empty) article {
    margin: 0;
}

.masonry__item:not(:empty) article .boxed {
    margin: 0;
}

.masonry__item:empty {
    height: 0;
    min-height: 0;
}

.masonry hr + .masonry__container, .masonry hr + .row {
    margin-top: 4.64285714em;
}

.masonry-filter-holder:not(.masonry-filters--horizontal) {
    display: inline-block;
    cursor: pointer;
    height: 3.71428571em;
    position: relative;
    z-index: 9;
    min-width: 143px;
}

.masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters {
    cursor: pointer;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    z-index: 2;
    display: inline-block;
    position: absolute;
    left: 0;
    text-align: left;
    padding: 0.92857143em 1.85714286em;
    border: 1px solid #ececec;
    background: #ffffff;
    border-radius: 6px;
}

.masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul {
    margin: 0;
    cursor: pointer;
}

.masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    display: block;
    color: #666666;
    white-space: nowrap;
}

.masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li:not(:last-child) {
    margin-bottom: 0.92857143em;
}

.masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li.active {
    color: #4a90e2;
    cursor: pointer;
}

.masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li.active:after {
    content: '\25bc';
    font-size: 8px;
    margin-left: 6px;
    position: relative;
    bottom: 2px;
    display: inline-block;
    transform: scaleX(1.4) scaleY(0.9);
    transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
}

.masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li:hover {
    color: #4a90e2;
}

.masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul:hover li.active:after {
    opacity: 0;
}

.masonry-filter-holder:not(.masonry-filters--horizontal):not(:hover) .masonry__filters ul {
    max-height: 1.85714286em;
    overflow: hidden;
}

.masonry-filter-holder:not(.masonry-filters--horizontal):not(:hover) .masonry__filters ul li:not(.active) {
    display: none;
}

.masonry-filter-holder:not(.masonry-filters--horizontal):hover .masonry__filters {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
}

.masonry-filter-holder:not(.masonry-filters--horizontal):hover .masonry__filters ul li.active {
    cursor: default;
}

.masonry-filters--horizontal {
    display: inline-block;
}

.masonry-filters--horizontal .masonry__filters {
    display: inline-block;
    position: relative;
    margin-left: 0.92857143em;
}

.masonry-filters--horizontal .masonry__filters ul li {
    transition: all .3s ease;
    cursor: pointer;
    display: inline-block;
}

.masonry-filters--horizontal .masonry__filters ul li:not(:last-child) {
    margin-right: 1.85714286em;
}

.masonry-filters--horizontal .masonry__filters ul li.active {
    color: #4a90e2;
}

.masonry-filters--horizontal .masonry__filters ul li:not(.active) {
    opacity: .5;
}

.masonry-filters--horizontal .masonry__filters ul li:hover {
    opacity: 1;
}

.masonry-filter-holder + .masonry__container {
    margin-top: 3.71428571em;
}

.bg--dark .masonry-filter-holder .masonry__filters {
    background: #2a2a2a;
    border-color: #3f3f3f;
}

.bg--dark .masonry-filter-holder .masonry__filters li {
    color: #fff;
}

.masonry.masonry-demos .masonry__item:not(:empty) {
    margin-bottom: 3.71428571em;
}

.masonry.masonry-demos .masonry__item h5 {
    margin-bottom: 0;
}

.masonry.masonry-demos .masonry__item:not([style]) .hover-item {
    min-height: 450px;
    background: #323232;
    border: 1px solid #3f3f3f;
}

.masonry.masonry-demos .hover-item {
    transition: 0.35s ease-out;
    -webkit-transition: 0.35s ease-out;
    -moz-transition: 0.35s ease-out;
    border-radius: 6px;
    overflow: hidden;
}

.masonry.masonry-demos .hover-item:hover {
    transform: translateY(-10px);
}

.masonry.masonry-demos .masonry__container {
    margin-top: 3.71428571em;
}

/*! -- Stack Blog -- */
article .article__title {
    margin-bottom: 3.71428571em;
}

article .article__title > a {
    display: block;
}

article .article__title > a:hover {
    text-decoration: none;
    opacity: .75;
}

article .article__title h2 {
    margin-bottom: 0.3939393939394em;
}

article .article__title h1 {
    margin-bottom: 0.29545454545455em;
}

article .article__body img, article .article__body iframe, article .article__body .video-cover {
    /* border-radius: 6px; */
}

article .article__body img {
    /* height: 100%!important; */
    /* width: 100%!important; */
    padding: 0;
}

article .article__body img:not(:last-child), article .article__body iframe:not(:last-child), article .article__body .video-cover:not(:last-child) {
    margin-bottom: 1.85714286em;
}

article .article__body > a:first-child > img {
    margin-bottom: 1.85714286em;
}

article .article__body .article__txt p, article .article__body .article__txt div, article .article__body .article__txt li {
    font-family: "Apple SD Gothic Neo", notokr-regular,'Noto Sans SC'!important;
    font-size: 15px!important;
    line-height: 1.8em;
}
article .article__body b {color:; line-height: 2;}

article .article__body p, article .article__body ul {
    color: #525559;
}

article .article__body p {
    text-align: justify;
}

article .article__body .article__txt p, 
article .article__body .article__txt span, 
article .article__body .article__txt div, 
article .article__body .article__txt li {
    font-family:  "Apple SD Gothic Neo", notokr-regular,'Noto Sans SC'!important;
}

article .article__body h3 {
    font-size: 1.4em;
    line-height: 1.8em;
    font-weight: 400;
    margin-bottom: 20px;
    color: #525559;
}

article .article__body .bold {
    line-height: 1.8em;
    font-family:  "Apple SD Gothic Neo",notokr-bold;
    margin-bottom: 5px!important;
    color: #767d86;
    font-weight:700;
}

article .article__body .company {
    line-height: 1.6em;
    font-family: "Apple SD Gothic Neo", notokr-bold;
    font-size: 1.2em;
    color: #252525;
}

article .article__body .caption {
    line-height: 1.3em;
    margin: -10px 0 30px 0!important;
    color: #777;
    border-left: 1px solid #ccc;
    padding-left: 15px;
}

article .article__body p:not(:last-child), article .article__body ul:not(:last-child) {
    margin-bottom: 0;
}

article .article__body p + .btn:last-child, article .article__body ul + .btn:last-child {
    margin-top: 0.5em;
}

article .article__body p + h5, article .article__body ul + h5 {
    margin-top: 1em;
}

article .article__body blockquote {
    text-align: center;
}

article .article__body .architect div {
    color: #555;
    font-size: 13px;
    font-family:  "Apple SD Gothic Neo",'notokr-light','Futura-Boo';
    font-weight: 200;
    margin-bottom: 5px;
}

article .article__body .architect-eng div {
    color: #555;
    font-size: 1em;
    font-family: 'Futura-Boo';
    font-weight: 200;
}

article .article__body .architect p {
    color: #333;
    font-family:  "Apple SD Gothic Neo",'notokr-regular';
    font-size: 1.05em;line-height:1.3em!important;
    margin-bottom: 15px;
}

article .article__body .architect-eng p {
    color: #333;
    font-family: 'Futura-Boo';
    font-size: 1.2em;
    margin-bottom: 1.7em
}

article .article__body blockquote:not(:last-child) {
    margin-top: 2.08em;
    margin-bottom: 2.08em;
}

article .article__share {
    margin-top: 5.57142857em;
}

article.imagebg {
    padding: 1.85714286em;
    overflow: hidden;
}

article.imagebg:before {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}

article.imagebg:hover:before {
    opacity: 1;
}

article.imagebg .article__title {
    margin: 0;
    position: absolute;
    bottom: 0;
    z-index: 2;
    max-width: 90%;
}

article.imagebg .article__title span {
    font-size: 0.85714286em;
}

article.imagebg .label {
    z-index: 2;
    top: 1.85714286em;
    right: 1.85714286em;
}

article.feature-1 h5 {
    min-height: 3.71428571em;
}

article.feature-1 a img {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}

article.feature-1 a:hover img {
    opacity: .85;
}

/*--- tag could ---*/
.tagcloud a {
    font-size: 13px !important;
    display: block;
    float: left;
    padding: 5px 10px;
    margin-right: 1px;
    margin-top: 1px;
    border: 0px solid;
    border-color: inherit;
    font-weight: 600;
    text-transform: uppercase;
}

.tagcloud a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    background: #CD212A;
    color: #eee;
}

.tagcloud {
    display: inline-block;
    padding: 0px 0 0 0;
}

.tagcloud a {
    background-color: #eee;
    color: #5e6169;
}

.favorite i {
    float: left;
}

.favorite div {
    line-height: 2.3em;
    font-size: 1.6em;
    color: #333;
    margin-left: 7px;
    float: left;
    font-family: 'agbookMedium';
}

figure[class*='col-'] {
    padding: 0 !important;
}

figure.pull-right {
    margin-left: 2.78571429em;
}

figure.pull-left {
    margin-right: 2.78571429em;
}

figure img:not(:last-child) {
    margin-bottom: 0.46428571em !important;
}

figure figcaption {
    font-size: 0.85714286em;
    font-style: italic;
}

section.unpad > article .imagebg + div {
    padding: 5.57142857em 0;
}

.article__author {
    padding-bottom: 1.85714286em;
}

.article__author img {
    max-height: 3.71428571em;
    margin-bottom: 0.46428571em;
}

.slides--gapless article.imagebg {
    height: 27.85714286em;
}

.masonry-blog-magazine article, .masonry-blog-magazine .masonry__promo {
    height: 255px;
}

.masonry-news article, .masonry-news .news__thumb {
    height: 180px;
}

.masonry-blog-magazine .height--tall {
    height: calc(540px);
}

.masonry-blog-magazine .height--tall-1 {
    height: calc(383px);
}

.masonry-blog-magazine .height--tall-2 {
    height: calc(437px);
}

.masonry-blog-magazine .height--med-1 {
    height: calc(244px);
}

.masonry-blog-magazine .height--med-2 {
    height: calc(185px);
}
.masonry-blog-magazine .height--med-180 {
    height: calc(180px);
}
.masonry-blog-magazine .height--med-140 {
    height: calc(140px);
}

.masonry-blog-magazine .height--report-top {
    height: calc(280px);
}

@media all and (min-width: 991px) {
    .masonry__promo.boxed--lg {
        padding: 7.42857143em;
    }
}

@media all and (max-width: 990px) {
    .masonry-blog-magazine .height--tall {
        height: 338px;
    }

    .masonry__promo .pos-vertical-center {
        top: 0;
        transform: none;
    }
}

@media all and (max-width: 1200px) {
    .masonry__promo.boxed--lg {
        padding: 3.71428571em;
    }
}

.pagination {
    text-align: center;
    margin-top: 1.85714286em;
}

.pagination:after {
    content: "";
    display: table;
    clear: both;
}

.pagination a {
    font-weight: normal;
}

.pagination div[class*='col-'] {
    padding: 0;
}

.pagination ol {
    margin-bottom: 0;
    display: inline-block;
}

.pagination ol li {
    display: inline-block;
    font-family: agbookRegular;
    margin: 0 0 1.28em 0;
    /* min-width: 37px; */
}

.pagination ol li a {
    color: #333;
    padding: 10px 14px;
    border: 1px solid #ececec;
}

.pagination ol li a:hover {
    color: #eee;
    background: #333;
}

.pagination ol li:not(:last-child) {
    margin-right: 0.46428571em;
}

.pagination ol li.pagination__current {
    cursor: default;
    padding: 7px 14px;
    background: #999;
    color: #eee;
    border: 1px solid #999;
}

.pagination__prev, .pagination__next {
    display: inline-block;
    color: #999;
    margin-top: 5px
}

.pagination__next {
    float: right;
}

.pagination__prev {
    float: left;
}

.blog-article-wide:not(:last-child) {
    border-bottom: 1px solid #ececec;
    margin-bottom: 3.71428571em;
}

.masonry-blog-list hr + .masonry__container {
    margin-top: 0;
}

.masonry-blog-list article {
    border-bottom: 1px solid #ececec;
    padding-top: 2.78571429em;
    margin-bottom: 5.57142857em;
}

.masonry-blog-list article .article__body {
    padding-bottom: 5.57142857em;
}

.masonry-blog-magazine .masonry__item a,.masonry-news .masonry__item a {
    font-weight: normal;
    color: #000;
        transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}

.masonry-blog-magazine .masonry__item a:hover,.masonry-news .masonry__item a:hover {
    text-decoration: none;
    color: #999;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}

.masonry-filter-container {
    margin-bottom: 1.85714286em;
}

.masonry-filter-container > span {
    position: relative;
}

.masonry-filter-container > span + .masonry-filter-holder {
    margin-left: 0.92857143em;
}

.comments__list li {
    padding: 1.3em 0;
    border-bottom: 1px solid #ececec;
}

.comments__list li:last-child {
    border-bottom: 1px solid #ececec;
}

.comments__list li:nth-child(odd) {
    background: #fff;
}

.comments__list li:nth-child(even) {
    background: #fff;
}

.comments__list li:first-child {
    
    border-top: 1px solid #ececec;
    border-radius: 0px 0px 0 0;
}

.comments__list li:last-child {
    border-radius: 0;
}

.bg--secondary .comments__list li:nth-child(even) {
    background: #fff;
}

@media all and (min-width: 768px) {
    .comments__list li {
        /* padding: 2.78571429em; */
    }
}

.comment {
    overflow: hidden;
}

.comment:not(:last-child) {
    border-bottom: 1px solid #ececec;
    padding-bottom: 1.85714286em;
}

.comment .comment__avatar {
    width: 15%;
    float: left;
}

.comment .comment__avatar img {
    max-height: 3.71428571em;
}

.comment .comment__meta {
    font-size: 0.85714286em;
}

.comment .comment__meta a {
    display: inline-block;
}

.comment .comment__meta a:not(:first-child) {
    /* margin-left: 1.08333333333334em; */
}

.comment .comment__meta + p {
    margin-top: 0.92857143em;
}

.comment .comment__body {
    width: 100%;
    /* float: right; */
}

.comment .comment__body .star {
    padding: 2px 0 0 15px;
    vertical-align: bottom;
    color: #CD212A;
}

.comment .comment__body .star i {
    font-size: 16px;
}

.comment .comment__body h5.type--fine-print {
    margin: 0;
}

.comment + .comment {
    margin-top: 1.85714286em;
    padding-left: 5%;
}

@media all and (min-width: 768px) {
    .comments + .comments-form {
        margin-top: 3.71428571em;
    }
}

@media all and (min-width: 768px) {
    h3 + .related-blog-list {
        margin-top: 3.71428571em;
    }
   
}

.related-blog-list li:not(:last-child) {
    margin-bottom: 1.85714286em;
}

.related-blog-list article img {
    border-radius: 6px;
}

.related-blog-list article .article__title {
    margin-top: 0.92857143em;
    margin-bottom: 0;
}

.related-blog-list article .article__title .h4 {
    margin-bottom: 0.68421052631579em;
}

@media all and (min-width: 991px) {
    .sidebar {
        margin-top: 7.42857143em;
        position: relative;
        bottom: 18px;
    }
}

.sidebar__widget > h5:first-child {
    margin-bottom: 0.92857143em;
}

.sidebar__widget:not(:last-child) {
    margin-bottom: 3.71428571em;
}

.tag-cloud li {
    display: inline-block;
}

.tag-cloud li:not(:last-child) {
    margin-right: 0.46428571em;
}

.tag-cloud li:not(:last-child):after {
    content: ',';
}

.conversation__head {
    border-radius: 6px 6px 0 0;
}

.conversation__head.boxed:not(:last-child) {
    margin: 0;
}

.conversation__head h4 {
    margin: 0;
}

.conversation__head .conversation__avatar {
    margin-top: 0.92857143em;
}

.conversation__head .conversation__avatar img {
    max-height: 1.85714286em;
    display: inline-block;
    margin-right: 0.46428571em;
    margin-bottom: 0;
}

@media all and (min-width: 768px) {
    .conversation__avatar {
        position: absolute;
        top: 1.85714286em;
        right: 2.78571429em;
    }
}

.conversation__reply {
    border-top: none !important;
    border-bottom: none;
    border-radius: 0;
}

.conversation__reply.boxed:not(:last-child) {
    margin-bottom: 0;
}

.conversation__reply + .conversation__comments .comments__list li:first-child {
    border-radius: 0;
    border-top: none;
}

/*! -- Stack Portfolio -- */
.project-thumb > a {
    display: block;
}

.project-thumb:not(.hover-element) > a {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    /* margin-bottom: 1em; */
}

.project-thumb:not(.hover-element) > a:hover, .background-image-holder:not(.hover-element) > a:hover {
    opacity: .85;
}

.project-thumb.hover-element {
    margin: 0;
}

.project-thumb.hover-element > a {
    height: 24.14285714em;
    text-decoration: none;
    font-weight: normal;
}

.project-thumb.hover-element .background-image-holder {
    transition: 0.5s ease-out;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
}

.project-thumb.hover-element .hover-element__reveal .project-thumb__title {
    padding: 1.85714286em;
    z-index: 2;
    position: relative;
    color: #fff;
}

.project-thumb.hover-element .hover-element__reveal .project-thumb__title h5 {
    margin: 0;
}

.project-thumb.hover-element.hover--active {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}

.project-thumb.hover-element.hover--active:hover {
    opacity: .85;
}

.project-thumb.hover-element:not(.hover--active)[data-scrim-top] .hover-element__reveal {
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    transform: translate3d(0, -100px, 0);
    -webkit-transform: translate3d(0, -100px, 0);
}

.project-thumb.hover-element:not(.hover--active)[data-scrim-top]:hover .hover-element__reveal {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.project-thumb.hover-element [data-scrim-top]:before {
    height: 100%;
}

.project-thumb h4 {
    margin-bottom: 0;
}

.project-thumb.height-40 {
    min-height: 350px;
}
.project-title-eng{font-size: 2.4em;line-height: 1.4em;margin-top: -6px;}
@media all and (max-width: 767px) {
    .project-thumb.height-40 {
        height: 350px;
        min-width: 100%;
    }
    .academia .btn {min-width: auto!important;/* max-width: 96px; */padding: 10px;float: left;margin-right: 1px;}
}
 .academia .btn {min-width:130px;}
@media all and (min-width: 768px) {
    .col-xs-12:not(.col-sm-6) .project-thumb.hover-element > a {
        height: 46.42857143em;
    }
}

.project-thumb.border--round .background-image-holder {
    border-radius: 6px;
}

.project-thumb.border--round > a {
    border-radius: 6px;
    overflow: hidden;
}

.project-thumb.border--round:before {
    border-radius: 6px;
    overflow: hidden;
}

.col-md-4 .project-thumb > a:not(.imagebg) {
    margin-bottom: 0.92857143em;
}

/*! -- Stack Shop -- */
.cart-form button[type="submit"] {
    margin-top: 1.85714286em;
}

.cart-total > div {
    overflow: hidden;
}

@media all and (min-width: 768px) {
    .cart-total {
        margin-top: 3.71428571em;
    }

    .cart-customer-details {
        margin-top: 7.42857143em;
    }
}

@media all and (max-width: 767px) {
    .cart-total {
        margin-top: 1.85714286em;}
.job-img {

    width: 150px!important;
    height: 112px!important;

}
}

.cart-customer-details div[class*='col-'] {
    margin-top: 0.46428571em;
}

.cart-customer-details .input-checkbox {
    margin: 1.85714286em 0;
}

.cart-customer-details .input-checkbox + span {
    bottom: 38px;
}

.archive-search h4 {
    margin-bottom: 0
}

.archive-search p.txt strong,.archive-search p.txt strong a,.archive-search h4.title strong {
    font-weight: normal;
    padding-bottom: 2px;
    border-bottom: 1px solid #CD212A;
    color: #CD212A
}

article.job-img {
    margin-bottom: 1.92857143em;
    /*background: #fff; */
    border-radius: 0;
    width: 200px;
    height: 150px;
    overflow: hidden;
    /* padding-top: 10%; */
    position: relative;
    /* vertical-align: middle; */
}

.job-img img {
    margin-top: 0.92857143em;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    backface-visibility: hidden;
}
.job-img .background-image-holder {
    background-size: contain!important;
    background-repeat:no-repeat!important;
    max-width:200px;
    max-height: 150px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-position:center center!important;
}

.job-img:hover {
    opacity: 0.6;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    backface-visibility: hidden;
}

.job-img-view {
    margin-bottom: 0.8em;
    background: #fff;
    width: 150px;
    /* height: 112px!important; */
    overflow: hidden;
    border: 1px solid #eee !important;
    margin-right: 10px;
    position: relative;
    /* padding:10px; */
    text-align: center;
    vertical-align: middle;
    line-height:112px;
}
.job-img-view img {
    max-height:92px;
    max-width:130px;

    
}
.job-list-border {
    border-bottom: 1px solid #ededed;
    display: block;
    padding: 18px 0;
    width: 100%;
}

.job-list-border:first-child {
    border-top: 1px solid #777777;
}

.job-list-border:last-child {
    border-bottom: 1px solid #777777!important;
}

.job-summary {
    line-height: 1.8em;
}

.job-summary div {
    display: inline-block;
    width: 30%;
    color: #777;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    margin-bottom: 5px
}

.job-summary {
    border-top: 1px solid #eee;
    padding-top: 5px;
}

.job-summary div:before {
    content: '';
}

.job-summary span {
    display: inline-block;
    width: 70%;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    margin-bottom: 5px
}

.job-summary2 {
    line-height: 1em;
}

.job-summary2 div {
    display: inline-block;
    width: 15.5%;
    color: #777;
    /* padding-bottom:5px; */
    /* margin-bottom:5px; */
    border-left: 1px so;
}

.job-summary2 {
    /* border-top: 1px solid #eee; */
    /* padding-top: 11px; */
    /* border-bottom: 1px solid #eee; */
}

.job-summary2 div:before {
    content: '';
}

.job-summary2 span {
    display: inline-block;
    width: 75%;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-left: 1px solid #eee;
    padding-left: 20px;
}

@media all and (min-width: 1200px) {
    .store .account-content {
        padding-right:30px;
    }
}

.order-summary .order-address {
    margin-top: 30px;
    width: 46%;
    float: left;
    margin-bottom: 30px
}

.order-summary .order-info {
    padding-top: 15px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px
}

.order-table tfoot td,.order-table tfoot th {
    text-align: right;
    padding: 3px 20px 3px 0;
    background-color: #f8f8f8;
    white-space: nowrap;
    text-transform: none;
    border: none;
}

.order-table tfoot th {
    font-weight: 400;
    color: #333
}

.order-table tfoot td {
    padding-right: 20px;
}

.order-table tfoot td.order-items-total,.order-table tfoot th.order-items-total {
    padding: 25px 20px 3px 0;
}

.order-table tfoot tr.total td,.order-table tfoot tr.total th {
    font-size: 16px;
    font-weight: bold
}

.order-table tfoot tr.order-vat-costs td,.order-table tfoot tr.order-vat-costs th {
    background: #f8f8f8;
    padding-bottom: 25px
}

.order-table tfoot tr.order-total-amount td,.order-table tfoot tr.order-total-amount th {
    padding: 26px 13px 26px 0;
    font-size: 16px
}

.order-table tfoot tr.order-total-amount td span.total-amount,.order-table tfoot tr.order-total-amount th span.total-amount {
    font-weight: normal
}

td.cover-img {
    width: 90px;
    padding: 15px;
}

td.bookmark-img {
    width: 110px;
    padding: 15px;
    height: auto
}

article.store-space p.no {
    display: inline-block;
    width: 6%;
    font-family: 'agbookRegular';
    color: #666
}

article.store-space div {
    display: inline-block;
    width: 90%
}

article.store-space img {
    padding-top: 20px
}

.product-block .feature {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #333;
}

article.store-space {
    padding: 20px 0 80px
}

.product-block .border2px {
    margin-bottom: 30px;
    border-bottom: 1px solid #333;
}

.btn-reputation {
    color: #CD212A!important;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    /* height: 120px!important; */
    text-align: center;
    line-height: 39px!important;
    border: 0px solid #ccc;
    cursor: pointer;
    /* padding-top: 3px; */
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-transition: all 0.24s ease-in-out;
    -moz-transition: all 0.24s ease-in-out;
    -o-transition: all 0.24s ease-in-out;
    transition: all 0.24s ease-in-out;
}

.like-count {
    /* padding-left: 0; */
    text-align: center;
}

.btn-reputation:hover {
    background: #FFF;
    color: #AE2424 !important;
}

.count-number:before {
    content: '';
    background: url(../img/baseline-favorite_border.svg) 50% 50% no-repeat;
    width: 48px;
    height: 48px;
    display: block;
    text-align: center;
    position: relative;
    margin:0 auto;
    -webkit-transition: all 0.24s ease-in-out;
    -moz-transition: all 0.24s ease-in-out;
    -o-transition: all 0.24s ease-in-out;
    transition: all 0.24s ease-in-out;
}
.btn-reputation div:hover:before {
    content: '';
    background: url(../img/baseline-favorite.svg) 50% 50% no-repeat;

}
span.count-number {margin-left:-25px;letter-spacing:-2px;}
.product-block p {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.border-none{border:none!important;padding-bottom:0!important}
.product {
    margin-bottom: 0.92857143em;
}

.product img {
    margin-bottom: 0.92857143em;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    backface-visibility: hidden;
}

.product a:hover img {
    transform: translate3d(0, -5px, 0);
    -webkit-transform: translate3d(0, -5px, 0);
}

.product .label + img {
    margin-top: 2.78571429em;
}

.product h5 {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 0.46428571em;
}

.product .h4 {
    margin-bottom: 0;
}

.product .h4:first-child {
    clear: left;
}

.product .product__controls {
    overflow: hidden;
    margin-bottom: 0.92857143em;
}

.product .product__controls label, .product .product__controls button {
    position: relative;
    top: 6px;
}

.product.product--tile {
    padding: 1.85714286em;
    border-radius: 6px;
}

@media all and (min-width: 1200px) {
    .product .btn--cart {
        position: absolute;
        right: 1.85714286em;
        bottom: 1.85714286em;
    }
}

.col-sm-6:not(.col-md-3) .product {
    text-align: center;
}

.col-md-3 .product--tile h5 {
    display: block;
}

.masonry--tiles {
    padding: 10px;
}

.masonry--tiles .masonry__item:not(:empty) {
    padding: 0 6px;
    margin-bottom: 12px;
}

.masonry--tiles .masonry__item:not(:empty) .product--tile {
    margin: 0;
}

.masonry--tiles .masonry__item:not(:empty) .product--tile .label {
    top: 1.85714286em;
    right: 2.78571429em;
}

/*! -- Stack Wizard -- */
.wizard {
    transition: opacity .3s ease;
    opacity: 0;
}

.wizard.active {
    opacity: 1;
}

.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {
    background: #4a90e2;
    transition: all .3s ease;
    padding: 0.46428571em 1.85714286em;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff;
}

.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {
    background: none;
    color: #252525;
}

.wizard > .steps a {
    position: relative;
}

.wizard > .steps a:before {
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    background: #eee;
    display: block;
    bottom: 0;
    transition: all .2s ease;
}

.wizard > .steps a:after {
    content: '';
    position: absolute;
    width: 100%;
    bottom: 7px;
    height: 2px;
    background: #eee;
    left: 0;
    transition: all .2s ease;
}

.wizard > .steps li:first-child a:after {
    width: 50%;
    left: 50%;
}

.wizard > .steps li:last-child a:after {
    width: 50%;
}

.wizard > .steps li.current a:after, .wizard > .steps li.current a:before {
    background-color: #4a90e2;
}

.wizard > .steps a, .wizard > .steps a:hover {
    padding-bottom: 2.78571429em;
}

.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active, .wizard > .steps .disabled a, .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active {
    background: none;
    color: #252525;
}

.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
    margin: 0;
}

.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.wizard > .steps > ul, .wizard > .actions {
    text-align: center;
}

.wizard > .steps > ul > li, .wizard > .actions > ul > li {
    float: none;
    display: inline-block;
}

.wizard > section {
    padding: 0;
}

.wizard > .content {
    background: #fafafa;
    margin-top: 1.85714286em;
    margin-bottom: 1.85714286em;
    border: 1px solid #ececec;
}

.wizard > .content > .body {
    padding: 1.85714286em;
    width: 100%;
    height: 100%;
}

.wizard > .steps .number {
    font-size: 1em;
}

@media all and (max-width: 767px) {
    .wizard > .steps .number {
        display: block;
    }

    .wizard > .content {
        min-height: 25em;
    }

    .wizard .pos-vertical-center {
        top: 50%;
        transform: translateY(-50%);
        -wekbit-transform: translateY(-50%);
    }
    .job-img .background-image-holder {

    max-width:130px;
    max-height: 92px;

}
}

.wizard.bg--white {
    background: none !important;
}

.wizard.bg--white > .content {
    background: #fff;
}

.wizard > .content img {
    max-height: 240px;
}

@media all and (max-width: 767px) {
    .wizard > .content img {
        max-height: 120px;
        margin-bottom: 0.92857143em;
    }
}

/*! -- Stack Footers -- */
footer .type--fine-print:not(p) {
    opacity: 1;
    font-size: 14px;
}

footer a {
    font-weight: normal;
}

footer:not(.bg--primary):not(.bg--dark) a {
    color: #252525;
}

footer a.type--fine-print:not(:first-child) {
    margin-left: 1.85714286em;
}

footer .logo {
    max-height: 2.8em;
    padding-top: 7px;
}

footer ul:not(.list-inline):not(.slides) > li {
    line-height: 2.32142857em !important;
}

footer.footer-2 .row:last-child {
    margin-top: 3.71428571em;
}

footer.footer-5 .row [class*='col-'] > div:nth-last-child(2) {
    margin: 0.92857143em;
}

footer.footer-5 .row [class*='col-'] > div:nth-last-child(2) .type--fine-print {
    opacity: 1;
}

footer.footer-6 .footer__lower {
    background: #fafafa;
    margin-top: 1.85714286em;
    padding: 1.85714286em 0;
}

footer.footer-6.bg--dark .footer__lower {
    background: #181818;
}

footer.footer-6.bg--secondary .footer__lower {
    background: #f5f5f5;
}

footer.footer-6.bg--primary .footer__lower {
    background: #3483de;
}

footer.footer-7 {
    padding: 1.85714286em 0;
}

@media all and (min-width: 768px) {
    footer .list-inline + .btn {
        position: relative;
        bottom: 4px;
    }

    footer .logo {
        margin: 0;
    }

    footer .logo:not(:last-child) {
        margin-right: 1.85714286em;
    }

    footer.footer-3 .logo + ul {
        position: relative;
        top: 5px;
    }

    footer.footer-3 .logo + ul a {
        color: #252525;
    }

    footer.footer-3 .social-list {
        position: relative;
        /* top: 9px; */
    }

    footer.footer-3 .row:last-child {
        margin-top: 35px;
    }

    footer.footer-4 .logo + span {
        position: relative;
    }

    footer.footer-4 form {
        position: relative;
        bottom: 4px;
    }

    footer.footer-4 .row:last-child {
        margin-top: 1.85714286em;
    }

    footer.imagebg:not(.image--light) span, footer.imagebg:not(.image--light) p, footer.imagebg:not(.image--light) a {
        color: #fff;
    }

    .footer-1 .type--fine-print {
        position: relative;
        top: 2px;
    }
}

@media all and (max-width: 767px) {
    footer .logo {
    max-height: 5em;
    padding-top: 35px;
}

    footer .social-list {
        margin: 1.85714286em 0;
    }

    .footer-4 form {
        margin: 1.85714286em 0;
    }

    .footer-4 .logo {
        margin: 0;
    }

    .footer-6 .footer__lower .social-list {
        margin-top: 1.85714286em;
    }

    .footer-7 .social-list {
        margin-top: 1.85714286em;
    }

    .footer-1 .social-list {
        margin-top: 1.85714286em;
    }

    .footer-1 .logo {
        display: block;
        margin-top: 1.85714286em;
        margin-bottom: 0.92857143em;
        margin-left: auto;
        margin-right: auto;
    }
}

.pb-0 {
    padding-bottom: 0px!important;
    display: block;
}

.pb-5 {
    padding-bottom: 5px!important;
    display: block;
}

.pb-10 {
    padding-bottom: 10px!important;
    display: block;
}

.pb-15 {
    padding-bottom: 15px!important;
    display: block;
}

.pb-20 {
    padding-bottom: 20px!important;
    display: block;
}

.pb-25 {
    padding-bottom: 25px!important;
    display: block;
}

.pb-30 {
    padding-bottom: 30px!important;
    display: block;
}

.pb-40 {
    padding-bottom: 40px!important;
    display: block;
}

.pb-50 {
    padding-bottom: 50px!important;
    display: block;
}

.pb-60 {
    padding-bottom: 60px!important;
    display: block;
}

.pl-40 {
    padding-left: 40px!important;
}

.pt-0 {
    padding-top: 0px!important;
    display: block;
}

.pt-5 {
    padding-top: 5px!important;
    display: block;
}

.pt-10 {
    padding-top: 10px!important;
    display: block;
}

.pt-15 {
    padding-top: 15px!important;
    display: block;
}

.pt-20 {
    padding-top: 20px!important;
    display: block;
}

.pt-25 {
    padding-top: 25px!important;
    display: block;
}

.pt-30 {
    padding-top: 30px!important;
    display: block;
}

.pt-40 {
    padding-top: 40px!important;
    display: block;
}

.pt-50 {
    padding-top: 50px!important;
    display: block;
}

.pt-60 {
    padding-top: 60px!important;
    display: block;
}
@media (max-width:768px){
    .mt-5-xs{margin-top: 5px!important;}
    .mt-7-xs{margin-top: 7px!important;}
    .mt-10-xs{margin-top: 10px!important}
	.mt-20-xs{margin-top: 20px!important}
	.mt-30-xs{margin-top: 30px!important}
	.mb-20-xs{margin-bottom: 20px!important}
	.mb-30-xs{margin-bottom: 30px!important}
	.mb-10-xs{margin-bottom: 10px!important}  
	.mb-0-xs{margin-bottom: 0px!important} 
	.mb-1-xs{margin-bottom: 1px!important} 
	.pt-20-xs{padding-top: 20px!important} 
	.pt-40-xs{padding-top: 40px!important} 
	.pb-20-xs{padding-bottom: 20px!important} 
	.pb-40-xs{padding-bottom: 40px!important} 
    .plr-0-xs{padding-left: 0px!important; padding-right: 0px!important} 
    .plr-5-xs{padding-left: 5px!important; padding-right: 5px!important} 
    .plr-10-xs{padding-left: 10px!important; padding-right: 10px!important} 
    .plr-15-xs{padding-left: 15px!important; padding-right: 15px!important} 
	.plr-20-xs{padding-left: 20px!important; padding-right: 20px!important} 
	.plr-25-xs{padding-left: 25px!important; padding-right: 25px!important} 

    .pl-15-xs{padding-left: 15px!important; } 
    .pr-15-xs{padding-right: 15px!important} 
    .pl-0-xs{padding-left: 0px!important; } 
    .pr-0-xs{padding-right: 0px!important} 
    .block-xs {float:none!important;display:block;text-align:left;}
}

.padding-lr-35 {
    padding-right: 3.5em;
    padding-left: 3.5em;
}
.pr-5 {padding-right: 5px!important} 
.pr-10 {padding-right: 10px} 
.pr-15 {padding-right: 15px!important} 
.pr-20 {padding-right: 20px!important} 
.pl-5 {padding-left: 5px!important} 
.pl-10 {padding-left: 10px!important} 
.pl-15 {padding-left: 15px!important} 
.pl-20 {padding-left: 20px!important} 
.pr-40-lg {padding-right:40px}
.plr-00{
    padding-right: 0;
    padding-left: 0;
}
.plr-0{
    padding-right: 0;
    padding-left: 0;
}
.pr-0, .pr-00{
    padding-right: 0;
}
.pl-0, .pl-00{
    padding-left: 0;
}
.row.plr-15{
    padding-right: 15px;
    padding-left: 15px;
}
@media (max-width:768px){
.plr-0,.pl-0,.pr-0{
    padding-right: 15px!important;
    padding-left: 15px!important;
}
.pr-40-lg {padding-right:0px!important;}
.row.plr-15{
    padding-right: 0px;
    padding-left: 0px;
}
}
.mb-0 {
    margin-bottom: 0px!important;
    display: block;
}

.mb-5 {
    margin-bottom: 5px!important;
    display: block;
}

.mb-10 {
    margin-bottom: 10px!important;
    display: block;
}

.mb-15 {
    margin-bottom: 15px!important;
    display: block;
}

.mb-20 {
    margin-bottom: 20px!important;
    display: block;
}

.mb-25 {
    margin-bottom: 25px!important;
    display: block;
}

.mb-30 {
    margin-bottom: 30px!important;
    display: block;
}

.mb-40 {
    margin-bottom: 40px!important;
    display: block;
}

.mb-50 {
    margin-bottom: 50px!important;
    display: block;
}

.mb-60 {
    margin-bottom: 60px!important;
    display: block;
}

.mb-70 {
    margin-bottom: 70px!important;
    display: block;
}

.mb-80 {
    margin-bottom: 80px!important;
    display: block;
}

@media all and (max-width: 767px) {
    .margin-top-xs {
        margin-top: 30px!important
    }

    .margin-top-xs2 {
        margin-top: 50px!important
    }
}

.mt-0 {
    margin-top: 0px!important;
    display: block;
}

.mt-5 {
    margin-top: 5px!important;
    display: block;
}

.mt-10 {
    margin-top: 10px!important;
    display: block;
}

.mt-15 {
    margin-top: 15px!important;
    display: block;
}

.mt-20 {
    margin-top: 20px!important;
    display: block;
}

.mt-25 {
    margin-top: 25px!important;
    display: block;
}

.mt-30 {
    margin-top: 30px!important;
    display: block;
}

.mt-40 {
    margin-top: 40px!important;
    display: block;
}

.mt-50 {
    margin-top: 50px!important;
    display: block;
}

.mt-60 {
    margin-top: 60px!important;
    display: block;
}

.ml--5 {
    margin-left: -5px
}

.ml--10 {
    margin-left: -10px
}

.font-10 {
    font-size: 10px !important;
}

.font-12 {
    font-size: 12px !important;
}

.font-13 {
    font-size: 13px !important;
}

.font-14 {
    font-size: 14px !important;
}

.font-16 {
    font-size: 16px !important;
}

.font-18 {
    font-size: 18px !important;
}

.font-1em {
    font-size: 1em !important;
}

.font-12em {
    font-size: 1.2em !important;
}

.font-14em {
    font-size: 1.4em !important;
}

.font-16em {
    font-size: 1.6em !important;
}

.font-18em {
    font-size: 1.8em !important;
}

.font-20em {
    font-size: 2em !important;
}

.font-21em {
    font-size: 2.1em !important;
}

.font-22em {
    font-size: 2.2em !important;
}

.font-23em {
    font-size: 2.3em !important;
}

.font-24em {
    font-size: 2.4em !important;
}

.font-28em {
    font-size: 2.8em !important;
}

.font-32em {
    font-size: 3.2em !important;
}

.font-36em {
    font-size: 3.6em !important;
}

.l-h-10 {
    line-height: 1.0em;
}

.l-h-11 {
    line-height: 1.2em;
}

.l-h-12 {
    line-height: 1.2em;
}

.l-h-13 {
    line-height: 1.3em;
}

.l-h-14 {
    line-height: 1.4em;
}

.l-h-16 {
    line-height: 1.6em;
}

.l-h-18 {
    line-height: 1.8em;
}

.l-h-20 {
    line-height: 2em;
}

.l-h-22 {
    line-height: 2.2em;
}

.ls-002 {
    letter-spacing: 0.02em
}

.bold {
    font-weight: bold;
}

.nounderline {
    text-decoration: none!important;
}

.nounderline:first-child {
    padding-right: 20px;
}

.l-s-3 {
    letter-spacing: -0.03em;
}

.l-s_6 {
    letter-spacing: 0.06em;
}

.display-inline {
    display: inline-block;
}

.display-flex {
    display: flex;
    flex-wrap: wrap;
}

.material-icons.md-18 {
    font-size: 18px;
}

.material-icons.md-24 {
    font-size: 24px;
}

.material-icons.md-30 {
    font-size: 30px;
}

.material-icons.md-36 {
    font-size: 36px;
}

.material-icons.md-48 {
    font-size: 48px;
}

.share-bg {
    background: #000;
    opacity: 0.75;
    /* border-radius: 19px; */
    padding: 10px;
    width: 38px;
    height: 252px;
    position: fixed;
    top: 461px;
    left: 20px;
    z-index: 999;
}

.rotate {
    /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.v-title {
    vertical-align: baseline;
    left: 0.5%;
    top: 46%;
    position: absolute;
    color: #eee;
    z-index: 999;
    font-family: 'agbookRegular',  "Apple SD Gothic Neo",'notokr-medium';
    text-transform: uppercase;
    letter-spacing: .15625em;
    font-size: 1.175em;
    border-bottom: 1px solid #FFF;
}

.overflow-hidden {
    overflow: hidden;
}

.history-overflow {
    overflow-y: hidden;
    overflow-x: auto;
    position: relative;
    height: 60px;
    width: 1200px;
    white-space: nowrap;
}

.history-overflow .year {
    margin-right: 20px;
    font-size: 1.4em;
    font-family: 'Futura-Med';
    color: #555
}

.history-overflow .year:hover {
    color: #999
}

.history-overflow .current {
    color: #000;
    border-bottom: 1px solid #333;
    padding-bottom: 5px
}

.archive-history ul li {
}

.flickity-slider .year {
    margin-right: 20px;
    font-size: 1.4em;
    font-family: 'AGBookBQRegular';
    color: #777
}

.flickity-slider .year:hover {
    color: #ccc
}

.flickity-slider li .current {
    color: #000;
    border-bottom: 1px solid #333;
    padding-bottom: 0px
}

.width100 {
    width: 100%;
    display: block
}

/*
div, div:hover,p, p:hover,span, span:hover {
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
*/
.subscription .body {
    border-left: 1px solid #eee;
    padding-left: 15px;
    padding-right: 15px;
}

.subscription ul {
    list-style-image: url(../img/bullet.png);
    padding: 5px 0 15px 13px;
}

.subscription ul li {
    list-style-type: disc;
    /* list-style-position: inside; */
    line-height: 1.4em;
    margin-bottom: 7px;
    padding-left: 3px;
}

a .mypage-icon {
    background: #f4f4f4;
    padding: 45px;
    border-radius:0;
    width: 130px;
    height: 130px;
    margin: 0 auto;
    line-height: 40px;
}

a .mypage-icon:hover {
    background: #fff;
    border: 2px solid #000;
    padding: 43px;
    transition: 0.1s ease;
    -webkit-transition: 0.1s ease;
    -moz-transition: 0.1s ease;
}
@media (max-width: 576px) {

    .order-x-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-x-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-x-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-x-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-x-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-x-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-x-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-x-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-x-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-x-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-x-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-x-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-x-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-x-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-x-12 {
        -ms-flex-order: 12;
        order: 12
    }
}

.btn-link:hover { opacity:0.7;}
.ver-m { vertical-align:middle}
.visual_wrap_c {  text-align: center; z-index: 1;  }
.visual_slider_c { width:100%; height:125px;}
.visual_slider_c li { display:block; height:125px;width:100%;}
.visual_slider_c li img { display:block; width:100%;}

.visual_wrap_a {  text-align: center; z-index: 1;  }
.visual_slider_a { width:100%;   }
.visual_slider_a li { display:block;  width:100%;}
.visual_slider_a li img { display:block; width:100%;}

@media (max-width: 767px) {
.row .half:nth-child(3) .main_half_img, .row .half:nth-child(4) .main_half_img {  margin-top:3em; display:block; }
}
.row .col-md-12:nth-child(3) .main_half_img, .row .col-md-12:nth-child(4) .main_half_img { margin:3em 0 0 0; display:block; } {
    margin-top: 4.285714285714286em; 
}

.iw_inner { padding:15px; } 
.iw_inner p, .iw_inner p a {color: #333 !important;   font-size: 14px !important; line-height: 1.3em!important; margin-bottom:0;}

.btn.btn_red {background: #CD212A;border-color:#CD212A; color:#FFF}
.select_tour { border: 1px solid #ececec; background-color: #fcfcfc; height: 32px; margin: 0}
.tour_brd { border-bottom: 1px solid #eee; padding-top: 0; margin-bottom: 10px;}

	.job_side-summary li { margin-bottom: 15px; border-bottom: 1px solid #eee;}
	.job_side-summary .category { color: #777;}
	.job_side-summary h4 {font-size: 1em; line-height: 1.4em; color: #222;font-weight: 500;}
	.job_side-summary a.block {text-decoration: none;transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;}
	.job_side-summary a.block:hover p, .job_side-summary a.block:hover h4 {    text-decoration: none;
    color: #999;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;}