@charset "UTF-8";

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

Name: style.css
Version: 3.2

-------------------------------------

Table of contents
        
    01. Google font
    02. Reset
    03. Typography
    04. Background color
    05. Custom
    06. Button
    07. Border
    08. Aside style
    09. Video
    10. Background image
    11. Margin
    12. Padding
    13. Display and float
    14. Position
    15. Width
    16. Height
    17. Icon
    18. Magnific popup
    19. Header
    20. Page title
    21. Swiper carousel
    22. Grid
    23. Portfolio
    24. Elements
    25. Blog
    26. Footer
    27. Home page
    28. Others
*/

/* ===================================
    01. Google font
====================================== */

@import url('https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');

/* ===================================
    02. Reset
====================================== */
html {font-size : 15px;}

body {font-family : 'Roboto', sans-serif; -webkit-font-smoothing : antialiased; font-smoothing : antialiased; font-size : 14px; color : #6F6F6F; font-weight : 400;line-height : 24px;}

body, html {height : 100%; -moz-osx-font-smoothing : grayscale;}

a, a:active, a:focus {color : #6F6F6F; text-decoration : none;}

a:hover, a:active {color : var(--base-color); text-decoration : none;}

a:focus, a:active, button:focus, button:active, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline : none; box-shadow : none;}

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

video {background-size : cover; display : table-cell; vertical-align : middle; width : 100%;}

input, textarea, select {border : 1px solid #D1D1D1; font-size : 14px; padding : 8px 15px; width : 100%; margin : 0 0 20px 0; max-width : 100%; resize : none; color : inherit;}

input[type="submit"] {width : auto}

input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] {-webkit-appearance : none; outline : none;}

input:focus, textarea:focus {border-color : #585858 !important; outline : none;}

input[type="button"]:focus, input:focus, textarea:focus, select:focus, .form-control:focus, .btn.focus, .btn:focus {outline : none; box-shadow : none;}

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

iframe {border : 0;}

p {margin : 0 0 25px}

b, strong {font-weight : 600;}

.last-paragraph-no-margin p:last-of-type {margin-bottom : 0}

.alt-font strong {font-weight : 700}

ul, ol, dl {list-style-position : outside; margin-bottom : 25px}

* {transition-timing-function : ease-in-out; -ms-transition-timing-function : ease-in-out; -moz-transition-timing-function : ease-in-out; -webkit-transition-timing-function : ease-in-out; -o-transition-timing-function : ease-in-out; transition-duration : .2s; -ms-transition-duration : .2s; -moz-transition-duration : .2s; -webkit-transition-duration : .2s; -o-transition-duration : .2s;}

*:hover {transition-timing-function : ease-in-out; -ms-transition-timing-function : ease-in-out; -moz-transition-timing-function : ease-in-out; -webkit-transition-timing-function : ease-in-out; -o-transition-timing-function : ease-in-out; transition-duration : .2s; -ms-transition-duration : .2s; -moz-transition-duration : .2s; -webkit-transition-duration : .2s; -o-transition-duration : .2s;}

.no-transition *, .swiper-container *, .swiper *, .mfp-container *, .portfolio-wrapper *, .parallax, .rev-slider *, .header-searchbar *, .header-social-icon *, .dropdropdown-menu * {transition-timing-function : none; -moz-transition-timing-function : none; -webkit-transition-timing-function : none; -o-transition-timing-function : none; -ms-transition-timing-function : none; transition-duration : 0s; -moz-transition-duration : 0s; -webkit-transition-duration : 0s; -o-transition-duration : 0s; -ms-transition-duration : 0s;}

::selection {color : #000; background : #DBDBDB;}

::-moz-selection {color : #000; background : #DBDBDB;}

::-webkit-input-placeholder {color : #6F6F6F; text-overflow : ellipsis;}

::-moz-placeholder {color : #6F6F6F; text-overflow : ellipsis; opacity : 1;}

:-ms-input-placeholder {color : #6F6F6F; text-overflow : ellipsis; opacity : 1;}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {padding-right : 15px; padding-left : 15px;}

.row {margin-right : -15px; margin-left : -15px;}

.row > * {padding-right : 15px; padding-left : 15px;}

.row.g-0 {margin-right : 0; margin-left : 0;}

.row.g-0 > * {padding-right : 0; padding-left : 0;}

header [class^="container-"] [class^="col-"], header [class^="container-"] [class*=" col-"] {position : relative; padding-left : 15px; padding-right : 15px;}

.swiper-container, .swiper { z-index : 1; }

/* base color variable*/
:root {--base-color: #c22892;}

@media (prefers-reduced-motion : no-preference) {
    :root {scroll-behavior : auto}
}



/* ===================================
    03. Typography
====================================== */

/* font family */
.alt-font {font-family : 'Montserrat', sans-serif; font-weight : 500}

.main-font {font-family : 'Roboto', sans-serif;}

/* heading */
h1, h2, h3, h4, h5, h6 {margin : 0 0 25px; padding : 0; letter-spacing : 0; font-weight : 400;}

h1 {font-size : 70px; line-height : 70px;}

h2 {font-size : 55px; line-height : 60px}

h3 {font-size : 48px; line-height : 54px}

h4 {font-size : 40px; line-height : 46px}

h5 {font-size : 32px; line-height : 40px}

h6 {font-size : 25px; line-height : 30px}

/* text size */
.text-extra-small {font-size : 11px; line-height : 14px}

.text-small {font-size : 12px; line-height : 20px}

.text-medium {font-size : 16px; line-height : 23px}

.text-large {font-size : 18px; line-height : 26px}

.text-extra-large {font-size : 20px; line-height : 26px}

.title-large {font-size : 100px; line-height : 95px}

.title-extra-large {font-size : 130px; line-height : 120px}

/* text color */
.text-white-2, .btn.text-white-2 {color : #FFF}

.text-black, .btn.text-black {color : #000}

.text-extra-dark-gray, .btn.text-extra-dark-gray {color : #232323}

.text-dark-gray, .btn.text-dark-gray {color : #626262}

.text-extra-medium-gray, .btn.text-extra-medium-gray {color : #757575}

.text-medium-gray, .btn.text-medium-gray {color : #939393}

.text-extra-light-gray, .btn.text-extra-light-gray {color : #B7B7B7}

.text-light-gray, .btn.text-light-gray {color : #D6D5D5}

.text-very-light-gray, .btn.text-very-light-gray {color : #EDEDED}

.text-deep-pink, .btn.text-deep-pink {color : var(--base-color)}

.text-gold, .btn-text-gold {
    color                   : #FFD700; /* Fallback color */
    background-image        : linear-gradient(to bottom, #FFD700, #F0B400); /* Adjust colors for desired effect */
    -webkit-background-clip : text;
    -webkit-text-fill-color : transparent; /* Makes the text transparent, revealing the gradient */
}

.text-silver, .btn-text-silver {
    color                   : #D3D3D3; /* Fallback silver color (light gray) */
    background-image        : linear-gradient(to bottom, #E0E0E0, #C0C0C0); /* Silver gradient */
    -webkit-background-clip : text;
    -webkit-text-fill-color : transparent;
    background-clip         : text; /* Standard property */
    text-fill-color         : transparent; /* Standard property */
}

.text-bronze, .btn-text-bronze {
    color                   : #A67D3D; /* Fallback bronze color */
    background-image        : linear-gradient(to bottom, #CD7F32, #8C582C); /* Bronze gradient */
    -webkit-background-clip : text;
    -webkit-text-fill-color : transparent;
    background-clip         : text;
    text-fill-color         : transparent;
}


/* dropcap */
.first-letter {float : left; font-size : 50px; line-height : auto; margin : 0 20px 0 0; text-align : center; padding : 10px 0; font-weight : 600}

.first-letter-big {float : left; font-size : 110px; line-height : 110px; margin : 0 20px 0 0; padding : 0 8px; text-align : center; font-weight : 600; position : relative;}

.first-letter-big:before {position : absolute; border-bottom : 1px solid; content : ""; display : block; width : 100%; top : 55%; left : 0}

.first-letter-block {font-size : 30px; height : 55px; line-height : 22px; padding : 15px 0; width : 55px; font-weight : 500; margin-top : 5px}

.first-letter-block-round {border-radius : 6px; border : 1px solid;}

.first-letter-round {border-radius : 50%; font-size : 35px; padding : 15px; width : 65px; height : 65px; line-height : 32px;}

/* blockquote */
blockquote {padding : 20px 30px}

blockquote p {font-size : 18px; line-height : 30px; margin-bottom : 17px !important; font-weight : 300}

blockquote {border-left : 2px solid; padding : 15px 40px; margin : 45px 0}

blockquote footer {color : #939393;}

blockquote .small:before, blockquote footer:before, blockquote small:before {content : '\2014 \00A0';}

.blog-image blockquote {padding : 60px; border : 0; margin : 0;}

.blog-image blockquote h6:before {content : "\e67f"; font-family : 'themify'; font-size : 40px; top : 5px; position : relative; margin-right : 12px; color : var(--base-color);}

/* text link hover color */
a.text-link-white-2, a.text-link-white-2 i {color : #FFFFFF}

a.text-link-white-2:hover, a.text-link-white-2:hover i, a.text-link-white-2:focus, a.text-link-white-2:focus i {color : var(--base-color);}

a.text-link-black, a.text-link-black i {color : #000000}

a.text-link-dark-gray {color : #939393}

a.text-link-dark-gray:hover, .text-link-dark-gray:focus {color : #232323}

a.text-link-extra-dark-gray {color : #232323}

a.text-link-extra-dark-gray:hover, a.text-link-extra-dark-gray:focus {color : #000000}

a.text-link-deep-pink, a.text-link-deep-pink i {color : var(--base-color);}

a.text-link-deep-pink:hover, a.text-link-deep-pink:hover i, a.text-link-deep-pink:focus, a.text-link-deep-pink:focus i {color : #FFF}

/* hover color */
a.text-white-2-hover:hover, a.text-white-2-hover:focus {color : #FFF !important;}

a.text-black-hover:hover, a.text-black-hover:focus {color : #000 !important;}

a.text-deep-pink-hover:hover, a.text-deep-pink-hover:focus {color : var(--base-color) !important;}

a.text-extra-dark-gray-hover:hover {color : #232323 !important;}

a.text-dark-gray-hover:hover {color : #626262 !important;}

a.text-extra-medium-gray-hover:hover {color : #757575 !important;}

a.text-medium-gray-hover:hover {color : #939393 !important;}

a.text-extra-light-gray-hover:hover {color : #B7B7B7 !important;}

a.text-light-gray-hover:hover {color : #D6D5D5 !important;}

a.text-very-light-gray-hover:hover {color : #EDEDED !important;}

/* letter spacing */
.no-letter-spacing {letter-spacing : 0px}

.letter-spacing-1 {letter-spacing : 1px}

.letter-spacing-2 {letter-spacing : 2px}

.letter-spacing-3 {letter-spacing : 3px}

.letter-spacing-4 {letter-spacing : 4px}

.letter-spacing-5 {letter-spacing : 5px}

.letter-spacing-6 {letter-spacing : 6px}

.letter-spacing-7 {letter-spacing : 7px}

.letter-spacing-8 {letter-spacing : 8px}

.letter-spacing-9 {letter-spacing : 9px}

.letter-spacing-10 {letter-spacing : 10px}

.letter-spacing-minus-1 {letter-spacing : -1px}

.letter-spacing-minus-2 {letter-spacing : -2px}

.letter-spacing-minus-3 {letter-spacing : -3px}

.letter-spacing-minus-4 {letter-spacing : -4px}

.letter-spacing-minus-5 {letter-spacing : -5px}

.letter-spacing-minus-6 {letter-spacing : -6px}

.letter-spacing-minus-7 {letter-spacing : -7px}

.letter-spacing-minus-8 {letter-spacing : -8px}

.letter-spacing-minus-9 {letter-spacing : -9px}

.letter-spacing-minus-10 {letter-spacing : -10px}

/* font weight */
.font-weight-100 {font-weight : 100}

.font-weight-200 {font-weight : 200}

.font-weight-300 {font-weight : 300}

.font-weight-400 {font-weight : 400}

.font-weight-500 {font-weight : 500}

.font-weight-600 {font-weight : 600}

.font-weight-700 {font-weight : 700}

.font-weight-800 {font-weight : 800}

.font-weight-900 {font-weight : 900}

/* text property */
.text-transform-unset {text-transform : unset}

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

.text-decoration-line-through {text-decoration : line-through;}

.line-height-unset {line-height : unset}

.line-height-normal {line-height : normal}

.line-height-none {line-height : 0}

.word-wrap {word-wrap : break-word}

.text-nowrap {white-space : nowrap;}

.text-transform-none {text-transform : none}

.title-line-through {padding : 0 15px}

.text-middle-line {position : relative; white-space : nowrap}

.text-outside-line {position : relative}

.text-outside-line::before {border-top : 1px solid; content : ""; height : 0; left : auto; position : absolute; right : -60px; top : 50%; width : 40px; opacity : .4;}

.text-outside-line::after {border-top : 1px solid; content : ""; height : 0; left : auto; position : absolute; left : -60px; top : 50%; width : 40px; opacity : .4;}

.text-outside-line-left {position : relative}

.text-outside-line-left::before {border-top : 1px solid; content : ""; height : 0; left : auto; position : absolute; left : -100%; top : 50%; width : 90%; opacity : .2;}

.text-startside-line {position : relative; padding-left : 35px}

.text-startside-line:before {border-top : 1px solid; content : ""; height : 0; left : auto; position : absolute; left : 0; top : 45%; width : 25px; opacity : .7}

.text-outside-line-full {position : relative; display : inline-block}

.text-outside-line-full::before {content : ""; position : absolute; top : 50%; height : 1px; width : 99%; display : block; border-bottom : 1px solid; right : 100%; margin-right : 25px; opacity : .15}

.text-outside-line-full::after {content : ""; position : absolute; top : 50%; height : 1px; width : 99%; display : block; border-bottom : 1px solid; left : 100%; margin-left : 25px; opacity : .15}

.text-middle-line:before {border-bottom : 1px solid; position : absolute; content : ""; width : 100%; top : 53%; opacity : 0.35}

.text-bottom-line {width : 1px; border-top : 30px solid; margin-left : auto; margin-right : auto;}

.text-middle-line-deep-pink:before {border-bottom : 1px solid var(--base-color); position : absolute; content : ""; width : 100%; margin-top : 5px; margin-left : -20px; top : 50%; -webkit-transform : translateY(-50%); -moz-transform : translateY(-50%); -ms-transform : translateY(-50%); -o-transform : translateY(-50%); transform : translateY(-50%);}

.text-decoration-line-through-black, .text-decoration-line-through-deep-pink {position : relative;}

.text-decoration-line-through-deep-pink:before {background : var(--base-color);}

.text-decoration-line-through-black:before {background : #000;}

.text-decoration-line-through-black::before, .text-decoration-line-through-deep-pink:before {content : ""; height : 1px; left : -10px; position : absolute; top : 52%; width : calc(100% + 20px);-webkit-transform : translateY(-52%); -moz-transform : translateY(-52%); -ms-transform : translateY(-52%); -o-transform : translateY(-52%); transform : translateY(-52%);}

/* line height */
.line-height-10 {line-height : 10px}

.line-height-13 {line-height : 13px}

.line-height-18 {line-height : 18px}

.line-height-20 {line-height : 20px}

.line-height-24 {line-height : 24px}

.line-height-22 {line-height : 22px}

.line-height-26 {line-height : 26px}

.line-height-28 {line-height : 28px}

.line-height-30 {line-height : 30px}

.line-height-35 {line-height : 35px}

.line-height-40 {line-height : 40px}

.line-height-45 {line-height : 45px}

.line-height-50 {line-height : 50px}

.line-height-55 {line-height : 55px}

.line-height-60 {line-height : 60px}

.line-height-65 {line-height : 65px}

.line-height-70 {line-height : 70px}

.line-height-75 {line-height : 75px}

.line-height-80 {line-height : 80px}

.line-height-85 {line-height : 85px}

.line-height-90 {line-height : 90px}

.line-height-95 {line-height : 95px}

.line-height-100 {line-height : 100px}

.line-height-110 {line-height : 110px}

.line-height-120 {line-height : 120px}

/* ===================================
    04. Background color
====================================== */

.bg-transparent, .background-transparent {background-color : transparent;}

.bg-white, .background-white {background-color : #FFF;}

.bg-black, .background-black {background-color : #000;}

.bg-extra-dark-gray {background-color : #1C1C1C;}

.bg-dark-gray {background-color : #757575;}

.bg-extra-medium-gray {background-color : #939393;}

.bg-very-dark-gray {background-color : #121212;}

.bg-medium-gray {background-color : #DBDBDB;}

.bg-extra-light-gray {background-color : #E0E0E0}

.bg-medium-light-gray {background-color : #EDEDED}

.bg-light-gray {background-color : #F7F7F7}

.bg-very-light-gray {background-color : #FAFAFA}

.bg-deep-pink {background-color : var(--base-color)}

.bg-nb25-deep {background-color: #1F4763 }

.bg-nb26 {background-color: #c22892}

.bg-transparent-white {background-color : rgba(255, 255, 255, 0.3); background : -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 37%, rgba(255, 255, 255, 1) 96%, rgba(255, 255, 255, 1) 100%); background : -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(37%, rgba(255, 255, 255, 0)), color-stop(96%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1))); background : -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 37%, rgba(255, 255, 255, 1) 96%, rgba(255, 255, 255, 1) 100%); background : -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 37%, rgba(255, 255, 255, 1) 96%, rgba(255, 255, 255, 1) 100%); background : -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 37%, rgba(255, 255, 255, 1) 96%, rgba(255, 255, 255, 1) 100%); background : linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 37%, rgba(255, 255, 255, 1) 96%, rgba(255, 255, 255, 1) 100%); filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);}

.bg-transparent-black {background-color : rgba(0, 0, 0, 0); background : -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 37%, rgba(0, 0, 0, 1) 96%, rgba(0, 0, 0, 1) 100%); background : -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(37%, rgba(0, 0, 0, 0)), color-stop(96%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, 1))); background : -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 37%, rgba(0, 0, 0, 1) 96%, rgba(0, 0, 0, 1) 100%); background : -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 37%, rgba(0, 0, 0, 1) 96%, rgba(0, 0, 0, 1) 100%); background : -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 37%, rgba(0, 0, 0, 1) 96%, rgba(0, 0, 0, 1) 100%); background : linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 37%, rgba(0, 0, 0, 1) 96%, rgba(0, 0, 0, 1) 100%); filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=1);}

.bg-gradient-light-red-light-orange {background-image : linear-gradient(to right top, #FF8E43, #FF7A41, #FF6343, #FF4848, #FF214F)}

.bg-gradient-light-red-light-white {background-image : linear-gradient(50deg, #FF214F 0%, #FFFFFF 100%);}

.bg-white-opacity {background-color : rgba(255, 255, 255, 0.85);}

.bg-black-opacity {background-color : rgba(0, 0, 0, 0.85);}

.bg-black-opacity-light {background-color : rgba(0, 0, 0, 0.5);}

.bg-deep-pink-opacity {background-color : rgba(255, 33, 79, 0.85);}

.bg-charcoal-gray {background-color : #0E0F10;}

.bg-transparent-white2 {background : rgba(255, 255, 255, .2) !important;}

.bg-transparent-black-very-light {background-color : rgba(0, 0, 0, 0.15) !important;}

/* ===================================
    05. Custom
====================================== */
section {padding : 130px 0; overflow : hidden;}

section.big-section {padding : 160px 0;}

section.extra-big-section {padding : 200px 0;}

section.half-section {padding : 80px 0;}

label {margin-bottom : 5px; font-weight : 700;}

.overlap-section {margin-top : -14%; position : relative}

.d-inherit {display : inherit !important;}

/* input */
.input-border-bottom {background : transparent; border : 0; border-bottom : 1px solid #484848; padding : 10px 0; margin-bottom : 30px; font-size : 14px; border-radius : 0;}

.input-border-bottom:focus {background : transparent; border : 0; border-bottom : 1px solid #929292;}

.input-border-bottom::-webkit-input-placeholder {font-weight : 300; font-size : 14px;}

.input-border-bottom::-moz-placeholder {font-weight : 300; font-size : 14px;}

.input-border-bottom:-ms-input-placeholder {font-weight : 300; font-size : 14px;}

.extra-big-input, .extra-big-textarea, .extra-big-select select {padding : 18px 25px; font-size : 14px; line-height : 24px; height : 62px;}

.big-input, .big-textarea, .big-select select {padding : 18px 25px; font-size : 14px; border-radius : 0;}

.medium-input, .medium-textarea, .medium-select select {padding : 12px 20px; font-size : 14px; line-height : normal; border-radius : 0;}

.small-input, .small-textarea {padding : 12px 15px; font-size : 11px; line-height : normal}

.small-select select {padding : 15px 15px; line-height : normal}

.medium-input-light, .medium-textarea-light, .medium-select-light select {padding : 12px 25px; font-size : 12px; line-height : normal}

.extra-small-input, .extra-small-textarea, .extra-small-select select {padding : 9px 17px; font-size : 12px; line-height : normal}

.select-style {width : 100%; overflow : hidden; background : url("../images/select-arrow.png") no-repeat 97% 50%; border : 1px solid #D1D1D1; margin-bottom : 20px}

.select-style select {width : 100%; border : none; box-shadow : none; background-color : transparent; background-image : none; -webkit-appearance : none; -moz-appearance : none; appearance : none; cursor : pointer;}

.select-style select:focus {outline : none; border : none; box-shadow : none}

.input-group input, .input-group textarea, .input-group select {margin : 0; border-radius : 4px 0 0 4px; border-color : #FFF; padding : 19px 25px;}

.input-group-append .btn {border-radius : 0 4px 4px 0}

.input-group-append .btn.btn-large {line-height : 2px; height : 62px; padding : 15px 25px !important}

.input-group-404 input {height : 62px;}

.input-group .required-error {border : 1px solid #EE2323 !important}

.input-group .required-error, .input-group .required-error + .input-group-btn button, .input-group .required-error + .input-group-btn a.btn, .input-group .required-error + .input-group-append > .btn {border : 1px solid #EE2323 !important}

.input-border-white .input-border-bottom {border-bottom : 1px solid #FFFFFF; color : #FFF; border-top : transparent !important; border-left : transparent !important; border-right : transparent !important}

.input-border-white .input-border-bottom:focus {background : transparent; border-bottom : 1px solid #FFFFFF; color : #FFF}

.input-border-white .input-border-bottom::-webkit-input-placeholder {color : #FFF;}

.input-border-white .input-border-bottom::-moz-placeholder {color : #FFF;}

.input-border-white .input-border-bottom:-ms-input-placeholder {color : #FFF;}

.btn .caret {border-top : 4px solid}

input.input-bg {background-color : #F7F7F7; border-radius : 4px; border : 1px solid rgba(0, 0, 0, .1);padding : 10px 20px; margin-bottom : 15px;}

input.input-bg:focus, textarea.input-bg:focus {border : 0; border : 1px solid rgba(0, 0, 0, .3);}

textarea.input-bg {background-color : #F7F7F7; border-radius : 4px; border : 1px solid rgba(0, 0, 0, .1);padding : 10px 20px; margin-bottom : 15px; min-height : 130px;}

.input-bg::-webkit-input-placeholder {font-weight : 400; font-size : 14px;}

.input-bg::-moz-placeholder {font-weight : 400; font-size : 14px;}

.input-bg:-ms-input-placeholder {font-weight : 400; font-size : 14px;}

#success-subscribe-newsletter {clear : both; margin : 0 15px 15px; text-align : center; border : 1px solid #1A940A; color : #1A940A; padding : 7px 0; display : none; font-size : 14px}

#success-subscribe-newsletter2 {clear : both; margin : 0 15px 15px; text-align : center; border : 1px solid #1A940A; color : #1A940A; padding : 7px 0; display : none; font-size : 14px}

.form-results {clear : both; margin : 0 0 15px; text-align : center; padding : 10px 0; display : none; font-size : 14px}

/* separator */
.separator-line-verticle-extra-small {width : 1px; height : 8px;}

.separator-line-verticle-small-thick {width : 17px; height : 3px;}

.separator-line-verticle-small {width : 1px; height : 13px;}

.separator-line-verticle-small-thick2 {width : 64px; height : 7px;}

.separator-line-verticle-large {width : 1px; height : 20px;}

.separator-line-verticle-extra-large {width : 1px; height : 30px;}

.separator-line-verticle-extra-large2 {width : 1px; height : 80px;}

.separator-line-verticle-medium-thick-full {width : 8px; height : 40px;}

.separator-line-verticle-large-thick {width : 109px; height : 11px}

.separator-line-horrizontal-medium-light {width : 36px; height : 3px;}

.separator-line-horrizontal-medium-light2 {width : 40%; height : 1px;}

.separator-line-horrizontal-medium-light3 {width : 18%; height : 1px;}

.separator-line-horrizontal-medium-thick {width : 50px; height : 5px;}

.separator-line-horrizontal-full {width : 100%; height : 1px;}

/* divider */
.divider-full {width : 100%; height : 1px; display : inline-block}

.new-demo {background : var(--base-color); font-size : 10px; font-weight : 600; color : #FFF; margin-left : 8px; padding : 2px 8px;}

/* opacity */
.opacity-very-light {position : absolute; height : 100%; width : 100%; opacity : 0.2; top : 0; left : 0;}

.opacity-light {position : absolute; height : 100%; width : 100%; opacity : 0.3; top : 0; left : 0;}

.opacity-extra-medium {position : absolute; height : 100%; width : 100%; opacity : 0.5; top : 0; left : 0;}

.opacity-medium {position : absolute; height : 100%; width : 100%; opacity : 0.75; top : 0; left : 0;}

.opacity-full {position : absolute; height : 100%; width : 100%; opacity : 0.8; top : 0; left : 0;}

.opacity-full-dark {position : absolute; height : 100%; width : 100%; opacity : 0.9; top : 0; left : 0;}

.opacity1 {opacity : .1}

.opacity2 {opacity : .2}

.opacity3 {opacity : .3}

.opacity4 {opacity : .4}

.opacity5 {opacity : .5}

.opacity6 {opacity : .6}

.opacity7 {opacity : .7}

.opacity8 {opacity : .8}

.opacity9 {opacity : .9}

/* box-shadow */
.btn-shadow {box-shadow : 0 0 6px rgba(0, 0, 0, .3);}

.box-shadow-light {box-shadow : 0 0 3px rgba(0, 0, 0, .1);}

.box-shadow {box-shadow : 0 0 3px rgba(0, 0, 0, .2);}

.box-shadow-dark {box-shadow : 0 0 4px rgba(0, 0, 0, .4);}

.box-shadow-large {box-shadow : 0 0 12px rgba(0, 0, 0, .1);}

/* z-index */
.z-index-1111 {z-index : 1111;}

.z-index-111 {z-index : 111;}

.z-index-1 {z-index : 1;}

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

.z-index-3 {z-index : 3;}

.z-index-4 {z-index : 4;}

.z-index-5 {z-index : 5;}

.z-index-0 {z-index : 0;}

.z-index-minus1 {z-index : -1;}

.z-index-minus2 {z-index : -2;}

/* verticle align */
.vertical-middle {-webkit-transform : translateY(-50%); -ms-transform : translateY(-50%); transform : translateY(-50%); -moz-transform : translateY(-50%); -o-transform : translateY(-50%); position : absolute; top : 50%; left : 0; right : 0}

.clear-both {clear : both}

.line-break {display : block;}

.absolute-middle-center {left : 50%; top : 50%; position : absolute; -ms-transform : translateX(-50%) translateY(-50%); -moz-transform : translateX(-50%) translateY(-50%); -webkit-transform : translateX(-50%) translateY(-50%); transform : translateX(-50%) translateY(-50%); -o-transform : translateX(-50%) translateY(-50%);}

.absolute-bottom-center {left : 50%; top : 80%; position : absolute; -ms-transform : translateX(-50%) translateY(-80%); -moz-transform : translateX(-50%) translateY(-80%); -webkit-transform : translateX(-50%) translateY(-80%); transform : translateX(-50%) translateY(-80%); -o-transform : translateX(-50%) translateY(-80%);}

/* google map filters */
.filter-grayscale-50 {-ms-filter : grayscale(50%); filter : grayscale(50%);}

.filter-grayscale-100 {-ms-filter : grayscale(100%); filter : grayscale(100%);}

.filter-invert-50 {-ms-filter : invert(50%); filter : invert(50%);}

.filter-invert-100 {-ms-filter : invert(100%); filter : invert(100%);}

.filter-mix-100 {-ms-filter : grayscale(100%) invert(100%); filter : grayscale(100%) invert(100%);}

.map iframe {height : 619px; vertical-align : bottom; width : 100%;}

/* ===================================
    06. Button
====================================== */

.btn {display : inline-block; border : 2px solid transparent; color : inherit; letter-spacing : .5px; line-height : inherit; border-radius : 0; text-transform : uppercase; width : auto; font-family : 'Montserrat', sans-serif; font-weight : 600; transition-duration : 0.3s; transition-timing-function : ease-in-out; white-space : nowrap;}

.btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger, .btn-info:hover {color : #FFF;}

/* button size */
.btn.btn-very-small {font-size : 9px; padding : 1px 17px; line-height : 22px;}

.btn.btn-small {font-size : 11px; padding : 4px 24px;}

.btn.btn-medium {font-size : 12px; padding : 6px 25px 5px;}

.btn.btn-large {font-size : 13px; padding : 9px 34px; line-height : 25px}

.btn.btn-extra-large {font-size : 15px; padding : 12px 40px 13px; line-height : 25px}

.btn-dual .btn {margin-left : 10px; margin-right : 10px;}

.btn i {margin-left : 6px; vertical-align : middle; position : relative; top : -1px}

/* button background */
.btn.btn-white {background : #FFFFFF; border-color : #FFFFFF; color : #232323}

.btn.btn-white:hover, .btn.btn-white:focus {background : transparent; color : #FFF}

.btn.btn-black {background : #000000; border-color : #000000; color : #FFF}

.btn.btn-black:hover, .btn.btn-black:focus {background : transparent; color : #000}

.btn.btn-dark-gray {background : #232323; border-color : #232323; color : #FFF}

.btn.btn-dark-gray:hover, .btn.btn-dark-gray:focus {background : transparent; color : #232323}

.btn.btn-light-gray {background : #DBDBDB; border-color : #DBDBDB; color : #232323}

.btn.btn-light-gray:hover, .btn.btn-light-gray:focus {background : transparent; border-color : #DBDBDB; color : #DBDBDB}

.btn.btn-deep-pink {background : var(--base-color); border-color : var(--base-color); color : #FFFFFF}

.btn.btn-deep-pink:hover, .btn.btn-deep-pink:focus {background : transparent; border-color : var(--base-color); color : var(--base-color)}

.btn-warning, .btn-warning:hover {color : #FFF;}

/* button transparent */
.btn.btn-transparent-white {background : transparent; border-color : #FFFFFF; color : #FFFFFF}

.btn.btn-transparent-white:hover, .btn.btn-transparent-white:focus {background : #FFFFFF; border-color : #FFFFFF; color : #232323}

.btn.btn-transparent-black {background : transparent; border-color : #000000; color : #000000}

.btn.btn-transparent-black:hover, .btn.btn-transparent-black:focus {background : #000000; border-color : #000000; color : #FFFFFF}

.btn.btn-transparent-dark-gray {background : transparent; border-color : #232323; color : #232323}

.btn.btn-transparent-dark-gray:hover, .btn.btn-transparent-dark-gray:focus {background : #232323; border-color : #232323; color : #FFFFFF}

.btn.btn-transparent-light-gray {background : transparent; border-color : #DBDBDB; color : #DBDBDB}

.btn.btn-transparent-light-gray:hover, .btn.btn-transparent-light-gray:focus {background : #DBDBDB; border-color : #DBDBDB; color : #232323}

.btn.btn-transparent-deep-pink {background : transparent; border-color : var(--base-color); color : var(--base-color)}

.btn.btn-transparent-deep-pink:hover, .btn.btn-transparent-deep-pink:focus {background : var(--base-color); border-color : var(--base-color); color : #FFF}

.btn.btn-gold {
    background-image : linear-gradient(to bottom, #FFD700, #F0B400);
    color            : #8B4513;
    text-shadow      : 1px 1px 2px rgba(0, 0, 0, 0.3); /* Adjust shadow as needed */
    border           : none;
    padding          : 10px 20px;
    font-size        : 16px;
    cursor           : pointer;
}

.btn.btn-silver {
    background-image : linear-gradient(to bottom, #E0E0E0, #C0C0C0); /* Silver gradient */
    color            : #696969; /* Darker gray text for contrast */
    text-shadow      : 1px 1px 2px rgba(0, 0, 0, 0.2); /* Subtle shadow */
    border           : none;
    padding          : 10px 20px;
    font-size        : 16px;
    cursor           : pointer;
}

.btn.btn-bronze {
    background-image : linear-gradient(to bottom, #CD7F32, #8C582C); /* Bronze gradient */
    color            : #FFFFFF; /* Dark brown text for contrast */
    text-shadow      : 1px 1px 1px rgba(0, 0, 0, 0.1); /* Very subtle, dark shadow */
    border           : none;
    padding          : 10px 20px;
    font-size        : 16px;
    cursor           : pointer;
}

/* button rounded */
.btn.btn-rounded {border-radius : 50px}

.btn.btn-rounded.btn-very-small {padding : 2px 23px 1px;}

.btn.btn-rounded.btn-small {padding : 5px 29px;}

.btn.btn-rounded.btn-medium {padding : 6px 32px;}

.btn.btn-rounded.btn-large {padding : 9px 38px;}

.btn.btn-rounded.btn-extra-large {padding : 12px 45px 13px;}

/* image button */
.image-button {width : 100%; background : rgba(0, 0, 0, 0.80); padding : 26px; font-family : "Roboto", sans-serif; font-size : 16px;}

.image-button:hover {background : rgba(0, 0, 0, 0.5);}

.tag-cloud a {font-size : 10px; padding : 3px 8px; border : 1px solid #D9D9D9; margin : 0 8px 8px 0; display : inline-block; text-transform : uppercase; color : #232323; line-height : 18px;}

.tag-cloud a:hover {background : #232323; color : #FFF !important; border : 1px solid #232323;}

/* dropdown style 1 */
.dropdown-style-1 .btn {color : #FFF; font-size : 11px; line-height : normal; padding : 0; margin : 0; background : transparent; border : none; font-weight : normal}

.dropdown-style-1 .btn.dropdown-toggle::after {vertical-align : middle; border-top : .4em solid; border-right : .4em solid transparent; border-bottom : 0; border-left : .4em solid transparent; margin-left : 0;}

.dropdown-style-1 .btn:hover, .custom-dropdown btn:focus {color : var(--base-color);}

.dropdown-style-1 .dropdown-menu {margin-top : 2px; min-width : 130px; border-radius : 0; border : none; z-index : 444; right : 0; left : auto !important; padding : 5px 0; transition-timing-function : ease-in-out; -ms-transition-timing-function : ease-in-out; -moz-transition-timing-function : ease-in-out; -webkit-transition-timing-function : ease-in-out; -o-transition-timing-function : ease-in-out; transition-duration : 0s; -ms-transition-duration : 0s; -moz-transition-duration : 0s; -webkit-transition-duration : 0s; -o-transition-duration : 0s;}

.dropdown-style-1 .dropdown-menu > li > a {padding : 6px 15px; font-size : 12px; display : block; line-height : normal;}

.dropdown-style-1 .dropdown-menu > li > a:hover, .dropdown-style-1 .dropdown-menu > li > a:focus {background : #EDEDED}

/* button link */
.btn.btn-link {padding : 7px 0 0; position : relative; text-decoration : none; border : 0; border-bottom : 1px solid; background-color : transparent; letter-spacing : normal; line-height : 18px; transition : all 0.3s ease-in-out; -moz-transition : all 0.3s ease-in-out; -webkit-transition : all 0.3s ease-in-out; -ms-transition : all 0.3s ease-in-out; -o-transition : all 0.3s ease-in-out;}

/* ===================================
    07. Border
====================================== */
.border-all {border : 1px solid #EDEDED}

/* boder width */
.border-width-1 {border-width : 1px;}

.border-width-2 {border-width : 2px;}

.border-width-3 {border-width : 3px;}

.border-width-4 {border-width : 4px;}

.border-width-5 {border-width : 5px;}

.border-width-6 {border-width : 6px;}

.border-width-7 {border-width : 7px;}

.border-width-8 {border-width : 8px;}

.border-width-9 {border-width : 9px;}

.border-width-10 {border-width : 10px;}

.border-width-20 {border-width : 20px;}

/* boder align */
.border-top {border-top : 1px solid;}

.border-bottom {border-bottom : 1px solid;}

.border-left {border-left : 1px solid;}

.border-right {border-right : 1px solid;}

.border-lr {border-left : 1px solid; border-right : 1px solid;}

.border-tb {border-top : 1px solid; border-bottom : 1px solid;}

/* border color */
.border-color-white {border-color : #FFF !important;}

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

.border-color-extra-dark-gray {border-color : #232323 !important;}

.border-color-medium-dark-gray {border-color : #363636 !important;}

.border-color-dark-gray {border-color : #939393 !important;}

.border-color-extra-medium-gray {border-color : #DBDBDB !important;}

.border-color-medium-gray {border-color : #E4E4E4 !important;}

.border-color-extra-light-gray {border-color : #EDEDED !important;}

.border-color-light-gray {border-color : #F5F5F5 !important;}

.border-color-light-pink {border-color : #862237 !important;}

.border-color-deep-pink {border-color : var(--base-color) !important;}

.border-color-transparent-pink {border-color : rgba(255, 33, 79, 0.45) !important;}

.required-error {border : 1px solid #EE2323 !important}

.input-border-bottom.required-error {border-width : 0 !important; border-bottom-width : 1px !important; border-bottom-color : #EE2323 !important}

.g-recaptcha.required-error iframe {border : 1px solid #EE2323;}

.g-recaptcha.required-error {border : 0 !important}

/* boder style */
.border-dotted {border-style : dotted !important;}

.border-dashed {border-style : dashed !important;}

.border-solid {border-style : solid !important;}

.border-double {border-style : double !important;}

.border-groove {border-style : groove !important;}

.border-ridge {border-style : ridge !important;}

.border-inset {border-style : inset !important;}

.border-outset {border-style : outset !important;}

.border-none {border-style : none !important;}

.border-hidden {border-style : hidden !important;}

.border-transperent {border-color : transparent !important;}

.no-border-top {border-top : 0 !important}

.no-border-bottom {border-bottom : 0 !important}

.no-border-right {border-right : 0 !important}

.no-border-left {border-left : 0 !important}

/* border for overline icon box */
.overline-icon-box {border-top-width : 4px;}

/* border color for overline icon box */
.overline-icon-box.overline-white {border-top-color : #FFF !important;}

.overline-icon-box.overline-black {border-top-color : #000 !important;}

.overline-icon-box.overline-extra-dark-gray {border-top-color : #232323 !important;}

.overline-icon-box.overline-medium-dark-gray {border-top-color : #363636 !important;}

.overline-icon-box.overline-dark-gray {border-top-color : #939393 !important;}

.overline-icon-box.overline-extra-light-gray {border-top-color : #DBDBDB !important;}

.overline-icon-box.overline-medium-gray {border-top-color : #E4E4E4 !important;}

.overline-icon-box.overline-light-gray {border-top-color : #F5F5F5 !important;}

.overline-icon-box.overline-light-pink {border-top-color : #862237 !important;}

.overline-icon-box.overline-deep-pink {border-top-color : var(--base-color) !important;}

.overline-icon-box.overline-transparent-pink {border-top-color : rgba(255, 33, 79, 0.45) !important;}

/* transparent border */
.border-black-light {border-color : rgba(0, 0, 0, .1) !important;}

.border-white-light {border-color : rgba(255, 255, 255, .1) !important;}

/* border radius */
.border-radius-1 {border-radius : 1px}

.border-radius-2 {border-radius : 2px}

.border-radius-3 {border-radius : 3px}

.border-radius-4 {border-radius : 4px}

.border-radius-5 {border-radius : 5px}

.border-radius-6 {border-radius : 6px}

.border-radius-7 {border-radius : 7px}

.border-radius-8 {border-radius : 8px}

.border-radius-9 {border-radius : 9px}

.border-radius-10 {border-radius : 10px}

.border-radius-50 {border-radius : 50%}

.border-radius-100 {border-radius : 100%}

.border-radius-none {border-radius : 0}

/* ===================================
    08. Aside style
====================================== */

.aside-title {position : relative; overflow : hidden}

.aside-title span {display : inline-block; vertical-align : middle; margin-right : 20px;}

.aside-title:after {content : ""; display : inline-block; width : 100%; background : var(--base-color); height : 1px; top : 50%; position : absolute;}

.right-sidebar {padding-right : 60px;}

.left-sidebar {padding-left : 60px;}

/* ===================================
    09. Video
====================================== */

.video-wrapper {height : 100%; overflow : hidden; position : absolute; width : 100%;}

.htms-video {background-color : #000; height : auto; left : 50%; min-height : 100%; min-width : 100%; position : absolute; top : 50%; -ms-transform : translate(-50%, -50%); -webkit-transform : translate(-50%, -50%); transform : translate(-50%, -50%); -moz-transform : translate(-50%, -50%); -o-transform : translate(-50%, -50%); width : auto; z-index : -3;}

.video-wrapper iframe {height : 100%; left : 0; position : absolute; top : -5px !important; width : 100%;}

.video-background {position : absolute; height : 100%; width : 100%; z-index : 1; top : 0; background : rgba(67, 67, 67, 0.5)}

/* ===================================
    10. Background image
====================================== */

.parallax {position : relative !important; background-size : cover !important; overflow : hidden; background-attachment : fixed !important; transition-duration : 0s; -moz-transition-duration : 0s; -webkit-transition-duration : 0s; -o-transition-duration : 0s;}

.fix-background {background-attachment : fixed !important; background-position : center center; background-repeat : no-repeat; background-size : cover !important; overflow : hidden; position : relative; transition-duration : 0.2s; transition-timing-function : ease-in;}

.cover-background {position : relative !important; background-size : cover !important; overflow : hidden !important; background-position : center !important; background-repeat : no-repeat !important;}

.background-size-inherit {background-size : inherit}

.background-attachment-inherit {background-attachment : inherit}

.background-position-left {background-position : left center;}

.background-position-left-bottom {background-position : left bottom;}

.background-position-right {background-position : right center;}

.background-position-top {background-position : center top !important;}

.up-down-ani {display : table; position : relative; -webkit-animation-name : up-down-animation; -webkit-animation-duration : .7s; -webkit-animation-timing-function : linear; -webkit-animation-delay : .7s; -webkit-animation-iteration-count : infinite; -webkit-animation-direction : alternate; -moz-animation-name : up-down-animation; -moz-animation-duration : .7s; -moz-animation-timing-function : linear; -moz-animation-delay : .7s; -moz-animation-iteration-count : infinite; -ms-animation-name : up-down-animation; -ms-animation-duration : .7s; -ms-animation-timing-function : linear; -ms-animation-delay : .7s; -ms-animation-iteration-count : infinite; -ms-animation-direction : alternate; -o-animation-direction : alternate; -o-animation-name : up-down-animation; -o-animation-duration : .7s; -o-animation-timing-function : linear; -o-animation-delay : .7s; -o-animation-iteration-count : infinite; -o-animation-direction : alternate; animation-direction : alternate; animation-name : up-down-animation; animation-duration : .7s; animation-timing-function : linear; animation-delay : .7s; animation-iteration-count : infinite; animation-direction : alternate; margin : 0 auto;}

.background-position-x-50 {background-position-x : 50% !important;}

/*==============================
    11. Margin
================================*/

.margin-half-all {margin : .5%}

.margin-one-all {margin : 1%}

.margin-one-half-all {margin : 1.5%}

.margin-two-all {margin : 2%}

.margin-two-half-all {margin : 2.5%}

.margin-three-all {margin : 3%}

.margin-three-half-all {margin : 3.5%}

.margin-four-all {margin : 4%}

.margin-four-half-all {margin : 4.5%}

.margin-five-all {margin : 5%}

.margin-five-half-all {margin : 5.5%}

.margin-six-all {margin : 6%}

.margin-six-half-all {margin : 6.5%}

.margin-seven-all {margin : 7%}

.margin-seven-half-all {margin : 7.5%}

.margin-eight-all {margin : 8%}

.margin-eight-half-all {margin : 8.5%}

.margin-nine-all {margin : 9%}

.margin-nine-half-all {margin : 9.5%}

.margin-ten-all {margin : 10%}

.margin-ten-half-all {margin : 10.5%}

.margin-eleven-all {margin : 11%}

.margin-eleven-half-all {margin : 11.5%}

.margin-twelve-all {margin : 12%}

.margin-twelve-half-all {margin : 12.5%}

.margin-thirteen-all {margin : 13%}

.margin-thirteen-half-all {margin : 13.5%}

.margin-fourteen-all {margin : 14%}

.margin-fourteen-half-all {margin : 14.5%}

.margin-fifteen-all {margin : 15%}

.margin-fifteen-half-all {margin : 15.5%}

.margin-sixteen-all {margin : 16%}

.margin-sixteen-half-all {margin : 16.5%}

.margin-seventeen-all {margin : 17%}

.margin-seventeen-half-all {margin : 17.5%}

.margin-eighteen-all {margin : 18%}

.margin-eighteen-half-all {margin : 18.5%}

.margin-nineteen-all {margin : 19%}

.margin-nineteen-half-all {margin : 19.5%}

.margin-twenty-all {margin : 20%}

.margin-twenty-half-all {margin : 20.5%}

.margin-twenty-one-all {margin : 21%}

.margin-twenty-one-half-all {margin : 21.5%}

.margin-twenty-two-all {margin : 22%}

.margin-twenty-two-half-all {margin : 22.5%}

.margin-twenty-three-all {margin : 23%}

.margin-twenty-three-half-all {margin : 23.5%}

.margin-twenty-four-all {margin : 24%}

.margin-twenty-four-half-all {margin : 24.5%}

.margin-twenty-five-all {margin : 25%}

.margin-5px-all {margin : 5px}

.margin-10px-all {margin : 10px}

.margin-15px-all {margin : 15px}

.margin-20px-all {margin : 20px}

.margin-25px-all {margin : 25px}

.margin-30px-all {margin : 30px}

.margin-35px-all {margin : 35px}

.margin-40px-all {margin : 40px}

.margin-45px-all {margin : 45px}

.margin-50px-all {margin : 50px}

.margin-55px-all {margin : 55px}

.margin-60px-all {margin : 60px}

.margin-65px-all {margin : 65px}

.margin-70px-all {margin : 70px}

.margin-75px-all {margin : 75px}

.margin-80px-all {margin : 80px}

.margin-85px-all {margin : 85px}

.margin-90px-all {margin : 90px}

.margin-95px-all {margin : 95px}

.margin-100px-all {margin : 100px}

.no-margin {margin : 0 !important}

.no-margin-lr {margin-left : 0 !important; margin-right : 0 !important}

.no-margin-tb {margin-top : 0 !important; margin-bottom : 0 !important}

.no-margin-top {margin-top : 0 !important}

.no-margin-bottom {margin-bottom : 0 !important}

.no-margin-left {margin-left : 0 !important}

.no-margin-right {margin-right : 0 !important}

.margin-lr-auto {margin-left : auto !important; margin-right : auto !important}

.margin-auto {margin : 0 auto !important;}

/* margin top */
.margin-half-top {margin-top : .5%}

.margin-one-top {margin-top : 1%}

.margin-one-half-top {margin-top : 1.5%}

.margin-two-top {margin-top : 2%}

.margin-two-half-top {margin-top : 2.5%}

.margin-three-top {margin-top : 3%}

.margin-three-half-top {margin-top : 3.5%}

.margin-four-top {margin-top : 4%}

.margin-four-half-top {margin-top : 4.5%}

.margin-five-top {margin-top : 5%}

.margin-five-half-top {margin-top : 5.5%}

.margin-six-top {margin-top : 6%}

.margin-six-half-top {margin-top : 6.5%}

.margin-seven-top {margin-top : 7%}

.margin-seven-half-top {margin-top : 7.5%}

.margin-eight-top {margin-top : 8%}

.margin-eight-half-top {margin-top : 8.5%}

.margin-nine-top {margin-top : 9%}

.margin-nine-half-top {margin-top : 9.5%}

.margin-ten-top {margin-top : 10%}

.margin-ten-half-top {margin-top : 10.5%}

.margin-eleven-top {margin-top : 11%}

.margin-eleven-half-top {margin-top : 11.5%}

.margin-twelve-top {margin-top : 12%}

.margin-twelve-half-top {margin-top : 12.5%}

.margin-thirteen-top {margin-top : 13%}

.margin-thirteen-half-top {margin-top : 13.5%}

.margin-fourteen-top {margin-top : 14%}

.margin-fourteen-half-top {margin-top : 14.5%}

.margin-fifteen-top {margin-top : 15%}

.margin-fifteen-half-top {margin-top : 15.5%}

.margin-sixteen-top {margin-top : 16%}

.margin-sixteen-half-top {margin-top : 16.5%}

.margin-seventeen-top {margin-top : 17%}

.margin-seventeen-half-top {margin-top : 17.5%}

.margin-eighteen-top {margin-top : 18%}

.margin-eighteen-half-top {margin-top : 18.5%}

.margin-nineteen-top {margin-top : 19%}

.margin-nineteen-half-top {margin-top : 19.5%}

.margin-twenty-top {margin-top : 20%}

.margin-twenty-half-top {margin-top : 20.5%}

.margin-twenty-one-top {margin-top : 21%}

.margin-twenty-one-half-top {margin-top : 21.5%}

.margin-twenty-two-top {margin-top : 22%}

.margin-twenty-two-half-top {margin-top : 22.5%}

.margin-twenty-three-top {margin-top : 23%}

.margin-twenty-three-half-top {margin-top : 23.5%}

.margin-twenty-four-top {margin-top : 24%}

.margin-twenty-four-half-top {margin-top : 24.5%}

.margin-twenty-five-top {margin-top : 25%}

.margin-5px-top {margin-top : 5px}

.margin-10px-top {margin-top : 10px}

.margin-15px-top {margin-top : 15px}

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

.margin-25px-top {margin-top : 25px}

.margin-30px-top {margin-top : 30px}

.margin-35px-top {margin-top : 35px}

.margin-40px-top {margin-top : 40px}

.margin-45px-top {margin-top : 45px}

.margin-50px-top {margin-top : 50px}

.margin-55px-top {margin-top : 55px}

.margin-60px-top {margin-top : 60px}

.margin-65px-top {margin-top : 65px}

.margin-70px-top {margin-top : 70px}

.margin-75px-top {margin-top : 75px}

.margin-80px-top {margin-top : 80px}

.margin-85px-top {margin-top : 85px}

.margin-90px-top {margin-top : 90px}

.margin-95px-top {margin-top : 95px}

.margin-100px-top {margin-top : 100px}

/* margin bottom */
.margin-half-bottom {margin-bottom : .5%}

.margin-one-bottom {margin-bottom : 1%}

.margin-one-half-bottom {margin-bottom : 1.5%}

.margin-two-bottom {margin-bottom : 2%}

.margin-two-half-bottom {margin-bottom : 2.5%}

.margin-three-bottom {margin-bottom : 3%}

.margin-three-half-bottom {margin-bottom : 3.5%}

.margin-four-bottom {margin-bottom : 4%}

.margin-four-half-bottom {margin-bottom : 4.5%}

.margin-five-bottom {margin-bottom : 5%}

.margin-five-half-bottom {margin-bottom : 5.5%}

.margin-six-bottom {margin-bottom : 6%}

.margin-six-half-bottom {margin-bottom : 6.5%}

.margin-seven-bottom {margin-bottom : 7%}

.margin-seven-half-bottom {margin-bottom : 7.5%}

.margin-eight-bottom {margin-bottom : 8%}

.margin-eight-half-bottom {margin-bottom : 8.5%}

.margin-nine-bottom {margin-bottom : 9%}

.margin-nine-half-bottom {margin-bottom : 9.5%}

.margin-ten-bottom {margin-bottom : 10%}

.margin-ten-half-bottom {margin-bottom : 10.5%}

.margin-eleven-bottom {margin-bottom : 11%}

.margin-eleven-half-bottom {margin-bottom : 11.5%}

.margin-twelve-bottom {margin-bottom : 12%}

.margin-twelve-half-bottom {margin-bottom : 12.5%}

.margin-thirteen-bottom {margin-bottom : 13%}

.margin-thirteen-half-bottom {margin-bottom : 13.5%}

.margin-fourteen-bottom {margin-bottom : 14%}

.margin-fourteen-half-bottom {margin-bottom : 14.5%}

.margin-fifteen-bottom {margin-bottom : 15%}

.margin-fifteen-half-bottom {margin-bottom : 15.5%}

.margin-sixteen-bottom {margin-bottom : 16%}

.margin-sixteen-half-bottom {margin-bottom : 16.5%}

.margin-seventeen-bottom {margin-bottom : 17%}

.margin-seventeen-half-bottom {margin-bottom : 17.5%}

.margin-eighteen-bottom {margin-bottom : 18%}

.margin-eighteen-half-bottom {margin-bottom : 18.5%}

.margin-nineteen-bottom {margin-bottom : 19%}

.margin-nineteen-half-bottom {margin-bottom : 19.5%}

.margin-twenty-bottom {margin-bottom : 20%}

.margin-twenty-half-bottom {margin-bottom : 20.5%}

.margin-twenty-one-bottom {margin-bottom : 21%}

.margin-twenty-one-half-bottom {margin-bottom : 21.5%}

.margin-twenty-two-bottom {margin-bottom : 22%}

.margin-twenty-two-half-bottom {margin-bottom : 22.5%}

.margin-twenty-three-bottom {margin-bottom : 23%}

.margin-twenty-three-half-bottom {margin-bottom : 23.5%}

.margin-twenty-four-bottom {margin-bottom : 24%}

.margin-twenty-four-half-bottom {margin-bottom : 24.5%}

.margin-twenty-five-bottom {margin-bottom : 25%}

.margin-5px-bottom {margin-bottom : 5px}

.margin-10px-bottom {margin-bottom : 10px}

.margin-15px-bottom {margin-bottom : 15px}

.margin-20px-bottom {margin-bottom : 20px}

.margin-25px-bottom {margin-bottom : 25px}

.margin-30px-bottom {margin-bottom : 30px}

.margin-35px-bottom {margin-bottom : 35px}

.margin-40px-bottom {margin-bottom : 40px}

.margin-45px-bottom {margin-bottom : 45px}

.margin-50px-bottom {margin-bottom : 50px}

.margin-55px-bottom {margin-bottom : 55px}

.margin-60px-bottom {margin-bottom : 60px}

.margin-65px-bottom {margin-bottom : 65px}

.margin-70px-bottom {margin-bottom : 70px}

.margin-75px-bottom {margin-bottom : 75px}

.margin-80px-bottom {margin-bottom : 80px}

.margin-85px-bottom {margin-bottom : 85px}

.margin-90px-bottom {margin-bottom : 90px}

.margin-95px-bottom {margin-bottom : 95px}

.margin-100px-bottom {margin-bottom : 100px}

/* margin right */
.margin-half-right {margin-right : .5%}

.margin-one-right {margin-right : 1%}

.margin-one-half-right {margin-right : 1.5%}

.margin-two-right {margin-right : 2%}

.margin-two-half-right {margin-right : 2.5%}

.margin-three-right {margin-right : 3%}

.margin-three-half-right {margin-right : 3.5%}

.margin-four-right {margin-right : 4%}

.margin-four-half-right {margin-right : 4.5%}

.margin-five-right {margin-right : 5%}

.margin-five-half-right {margin-right : 5.5%}

.margin-six-right {margin-right : 6%}

.margin-six-half-right {margin-right : 6.5%}

.margin-seven-right {margin-right : 7%}

.margin-seven-half-right {margin-right : 7.5%}

.margin-eight-right {margin-right : 8%}

.margin-eight-half-right {margin-right : 8.5%}

.margin-nine-right {margin-right : 9%}

.margin-nine-half-right {margin-right : 9.5%}

.margin-ten-right {margin-right : 10%}

.margin-ten-half-right {margin-right : 10.5%}

.margin-eleven-right {margin-right : 11%}

.margin-eleven-half-right {margin-right : 11.5%}

.margin-twelve-right {margin-right : 12%}

.margin-twelve-half-right {margin-right : 12.5%}

.margin-thirteen-right {margin-right : 13%}

.margin-thirteen-half-right {margin-right : 13.5%}

.margin-fourteen-right {margin-right : 14%}

.margin-fourteen-half-right {margin-right : 14.5%}

.margin-fifteen-right {margin-right : 15%}

.margin-fifteen-half-right {margin-right : 15.5%}

.margin-sixteen-right {margin-right : 16%}

.margin-sixteen-half-right {margin-right : 16.5%}

.margin-seventeen-right {margin-right : 17%}

.margin-seventeen-half-right {margin-right : 17.5%}

.margin-eighteen-right {margin-right : 18%}

.margin-eighteen-half-right {margin-right : 18.5%}

.margin-nineteen-right {margin-right : 19%}

.margin-nineteen-half-right {margin-right : 19.5%}

.margin-twenty-right {margin-right : 20%}

.margin-twenty-half-right {margin-right : 20.5%}

.margin-twenty-right {margin-right : 21%}

.margin-twenty-one-half-right {margin-right : 21.5%}

.margin-twenty-two-right {margin-right : 22%}

.margin-twenty-two-half-right {margin-right : 22.5%}

.margin-twenty-three-right {margin-right : 23%}

.margin-twenty-three-half-right {margin-right : 23.5%}

.margin-twenty-four-right {margin-right : 24%}

.margin-twenty-four-half-right {margin-right : 24.5%}

.margin-twenty-five-right {margin-right : 25%}

.margin-5px-right {margin-right : 5px}

.margin-10px-right {margin-right : 10px}

.margin-15px-right {margin-right : 15px}

.margin-20px-right {margin-right : 20px}

.margin-25px-right {margin-right : 25px}

.margin-30px-right {margin-right : 30px}

.margin-35px-right {margin-right : 35px}

.margin-40px-right {margin-right : 40px}

.margin-45px-right {margin-right : 45px}

.margin-50px-right {margin-right : 50px}

.margin-55px-right {margin-right : 55px}

.margin-60px-right {margin-right : 60px}

.margin-65px-right {margin-right : 65px}

.margin-70px-right {margin-right : 70px}

.margin-75px-right {margin-right : 75px}

.margin-80px-right {margin-right : 80px}

.margin-85px-right {margin-right : 85px}

.margin-90px-right {margin-right : 90px}

.margin-95px-right {margin-right : 95px}

.margin-100px-right {margin-right : 100px}

/* margin left */
.margin-half-left {margin-left : .5%}

.margin-one-left {margin-left : 1%}

.margin-one-half-left {margin-left : 1.5%}

.margin-two-left {margin-left : 2%}

.margin-two-half-left {margin-left : 2.5%}

.margin-three-left {margin-left : 3%}

.margin-three-half-left {margin-left : 3.5%}

.margin-four-left {margin-left : 4%}

.margin-four-half-left {margin-left : 4.5%}

.margin-five-left {margin-left : 5%}

.margin-five-half-left {margin-left : 5.5%}

.margin-six-left {margin-left : 6%}

.margin-six-half-left {margin-left : 6.5%}

.margin-seven-left {margin-left : 7%}

.margin-seven-half-left {margin-left : 7.5%}

.margin-eight-left {margin-left : 8%}

.margin-eight-half-left {margin-left : 8.5%}

.margin-nine-left {margin-left : 9%}

.margin-nine-half-left {margin-left : 9.5%}

.margin-ten-left {margin-left : 10%}

.margin-ten-half-left {margin-left : 10.5%}

.margin-eleven-left {margin-left : 11%}

.margin-eleven-half-left {margin-left : 11.5%}

.margin-twelve-left {margin-left : 12%}

.margin-twelve-half-left {margin-left : 12.5%}

.margin-thirteen-left {margin-left : 13%}

.margin-thirteen-half-left {margin-left : 13.5%}

.margin-fourteen-left {margin-left : 14%}

.margin-fourteen-half-left {margin-left : 14.5%}

.margin-fifteen-left {margin-left : 15%}

.margin-fifteen-half-left {margin-left : 15.5%}

.margin-sixteen-left {margin-left : 16%}

.margin-sixteen-half-left {margin-left : 16.5%}

.margin-seventeen-left {margin-left : 17%}

.margin-seventeen-half-left {margin-left : 17.5%}

.margin-eighteen-left {margin-left : 18%}

.margin-eighteen-half-left {margin-left : 18.5%}

.margin-nineteen-left {margin-left : 19%}

.margin-nineteen-half-left {margin-left : 19.5%}

.margin-twenty-left {margin-left : 20%}

.margin-twenty-half-left {margin-left : 20.5%}

.margin-twenty-one-left {margin-left : 21%}

.margin-twenty-one-half-left {margin-left : 21.5%}

.margin-twenty-two-left {margin-left : 22%}

.margin-twenty-two-half-left {margin-left : 22.5%}

.margin-twenty-three-left {margin-left : 23%}

.margin-twenty-three-half-left {margin-left : 23.5%}

.margin-twenty-four-left {margin-left : 24%}

.margin-twenty-four-half-left {margin-left : 24.5%}

.margin-twenty-five-left {margin-left : 25%}

.margin-5px-left {margin-left : 5px}

.margin-10px-left {margin-left : 10px}

.margin-15px-left {margin-left : 15px}

.margin-20px-left {margin-left : 20px}

.margin-25px-left {margin-left : 25px}

.margin-30px-left {margin-left : 30px}

.margin-35px-left {margin-left : 35px}

.margin-40px-left {margin-left : 40px}

.margin-45px-left {margin-left : 45px}

.margin-50px-left {margin-left : 50px}

.margin-55px-left {margin-left : 55px}

.margin-60px-left {margin-left : 60px}

.margin-65px-left {margin-left : 65px}

.margin-70px-left {margin-left : 70px}

.margin-75px-left {margin-left : 75px}

.margin-80px-left {margin-left : 80px}

.margin-85px-left {margin-left : 85px}

.margin-90px-left {margin-left : 90px}

.margin-95px-left {margin-left : 95px}

.margin-100px-left {margin-left : 100px}

/* margin left and right */
.margin-half-lr {margin-left : .5%; margin-right : .5%}

.margin-one-lr {margin-left : 1%; margin-right : 1%;}

.margin-one-half-lr {margin-left : 1.5%; margin-right : 1.5%;}

.margin-two-lr {margin-left : 2%; margin-right : 2%;}

.margin-two-half-lr {margin-left : 2.5%; margin-right : 2.5%;}

.margin-three-lr {margin-left : 3%; margin-right : 3%;}

.margin-three-half-lr {margin-left : 3.5%; margin-right : 3.5%;}

.margin-four-lr {margin-left : 4%; margin-right : 4%;}

.margin-four-half-lr {margin-left : 4.5%; margin-right : 4.5%;}

.margin-five-lr {margin-left : 5%; margin-right : 5%;}

.margin-five-half-lr {margin-left : 5.5%; margin-right : 5.5%;}

.margin-six-lr {margin-left : 6%; margin-right : 6%;}

.margin-six-half-lr {margin-left : 6.5%; margin-right : 6.5%;}

.margin-seven-lr {margin-left : 7%; margin-right : 7%;}

.margin-seven-half-lr {margin-left : 7.5%; margin-right : 7.5%;}

.margin-eight-lr {margin-left : 8%; margin-right : 8%;}

.margin-eight-half-lr {margin-left : 8.5%; margin-right : 8.5%;}

.margin-nine-lr {margin-left : 9%; margin-right : 9%;}

.margin-nine-half-lr {margin-left : 9.5%; margin-right : 9.5%;}

.margin-ten-lr {margin-left : 10%; margin-right : 10%;}

.margin-ten-half-lr {margin-left : 10.5%; margin-right : 10.5%;}

.margin-eleven-lr {margin-left : 11%; margin-right : 11%;}

.margin-eleven-half-lr {margin-left : 11.5%; margin-right : 11.5%;}

.margin-twelve-lr {margin-left : 12%; margin-right : 12%;}

.margin-twelve-half-lr {margin-left : 12.5%; margin-right : 12.5%;}

.margin-thirteen-lr {margin-left : 13%; margin-right : 13%;}

.margin-thirteen-half-lr {margin-left : 13.5%; margin-right : 13.5%;}

.margin-fourteen-lr {margin-left : 14%; margin-right : 14%;}

.margin-fourteen-half-lr {margin-left : 14.5%; margin-right : 14.5%;}

.margin-fifteen-lr {margin-left : 15%; margin-right : 15%;}

.margin-fifteen-half-lr {margin-left : 15.5%; margin-right : 15.5%;}

.margin-sixteen-lr {margin-left : 16%; margin-right : 16%;}

.margin-sixteen-half-lr {margin-left : 16.5%; margin-right : 16.5%;}

.margin-seventeen-lr {margin-left : 17%; margin-right : 17%;}

.margin-seventeen-half-lr {margin-left : 17.5%; margin-right : 17.5%;}

.margin-eighteen-lr {margin-left : 18%; margin-right : 18%;}

.margin-eighteen-half-lr {margin-left : 18.5%; margin-right : 18.5%;}

.margin-nineteen-lr {margin-left : 19%; margin-right : 19%;}

.margin-nineteen-half-lr {margin-left : 19.5%; margin-right : 19.5%;}

.margin-twenty-lr {margin-left : 20%; margin-right : 20%;}

.margin-twenty-half-lr {margin-left : 20.5%; margin-right : 20.5%;}

.margin-twenty-one-lr {margin-left : 21%; margin-right : 21%;}

.margin-twenty-one-half-lr {margin-left : 21.5%; margin-right : 21.5%;}

.margin-twenty-two-lr {margin-left : 22%; margin-right : 22%;}

.margin-twenty-two-half-lr {margin-left : 22.5%; margin-right : 22.5%;}

.margin-twenty-three-lr {margin-left : 23%; margin-right : 23%;}

.margin-twenty-three-half-lr {margin-left : 23.5%; margin-right : 23.5%;}

.margin-twenty-four-lr {margin-left : 24%; margin-right : 24%;}

.margin-twenty-four-half-lr {margin-left : 24.5%; margin-right : 24.5%;}

.margin-twenty-five-lr {margin-left : 25%; margin-right : 25%;}

.margin-5px-lr {margin-left : 5px; margin-right : 5px;}

.margin-10px-lr {margin-left : 10px; margin-right : 10px;}

.margin-15px-lr {margin-left : 15px; margin-right : 15px;}

.margin-20px-lr {margin-left : 20px; margin-right : 20px;}

.margin-25px-lr {margin-left : 25px; margin-right : 25px;}

.margin-30px-lr {margin-left : 30px; margin-right : 30px;}

.margin-35px-lr {margin-left : 35px; margin-right : 35px;}

.margin-40px-lr {margin-left : 40px; margin-right : 40px;}

.margin-45px-lr {margin-left : 45px; margin-right : 45px;}

.margin-50px-lr {margin-left : 50px; margin-right : 50px;}

.margin-55px-lr {margin-left : 55px; margin-right : 55px;}

.margin-60px-lr {margin-left : 60px; margin-right : 60px;}

.margin-65px-lr {margin-left : 65px; margin-right : 65px;}

.margin-70px-lr {margin-left : 70px; margin-right : 70px;}

.margin-75px-lr {margin-left : 75px; margin-right : 75px;}

.margin-80px-lr {margin-left : 80px; margin-right : 80px;}

.margin-85px-lr {margin-left : 85px; margin-right : 85px;}

.margin-90px-lr {margin-left : 90px; margin-right : 90px;}

.margin-95px-lr {margin-left : 95px; margin-right : 95px;}

.margin-100px-lr {margin-left : 100px; margin-right : 100px;}

/* margin top and bottom */
.margin-half-tb {margin-top : .5%; margin-bottom : .5%}

.margin-one-tb {margin-top : 1%; margin-bottom : 1%;}

.margin-one-half-tb {margin-top : 1.5%; margin-bottom : 1.5%;}

.margin-two-tb {margin-top : 2%; margin-bottom : 2%;}

.margin-two-half-tb {margin-top : 2.5%; margin-bottom : 2.5%;}

.margin-three-tb {margin-top : 3%; margin-bottom : 3%;}

.margin-three-half-tb {margin-top : 3.5%; margin-bottom : 3.5%;}

.margin-four-tb {margin-top : 4%; margin-bottom : 4%;}

.margin-four-half-tb {margin-top : 4.5%; margin-bottom : 4.5%;}

.margin-five-tb {margin-top : 5%; margin-bottom : 5%;}

.margin-five-half-tb {margin-top : 5.5%; margin-bottom : 5.5%;}

.margin-six-tb {margin-top : 6%; margin-bottom : 6%;}

.margin-six-half-tb {margin-top : 6.5%; margin-bottom : 6.5%;}

.margin-seven-tb {margin-top : 7%; margin-bottom : 7%;}

.margin-seven-half-tb {margin-top : 7.5%; margin-bottom : 7.5%;}

.margin-eight-tb {margin-top : 8%; margin-bottom : 8%;}

.margin-eight-half-tb {margin-top : 8.5%; margin-bottom : 8.5%;}

.margin-nine-tb {margin-top : 9%; margin-bottom : 9%;}

.margin-nine-half-tb {margin-top : 9.5%; margin-bottom : 9.5%;}

.margin-ten-tb {margin-top : 10%; margin-bottom : 10%;}

.margin-ten-half-tb {margin-top : 10.5%; margin-bottom : 10.5%;}

.margin-eleven-tb {margin-top : 11%; margin-bottom : 11%;}

.margin-eleven-half-tb {margin-top : 11.5%; margin-bottom : 11.5%;}

.margin-twelve-tb {margin-top : 12%; margin-bottom : 12%;}

.margin-twelve-half-tb {margin-top : 12.5%; margin-bottom : 12.5%;}

.margin-thirteen-tb {margin-top : 13%; margin-bottom : 13%;}

.margin-thirteen-half-tb {margin-top : 13.5%; margin-bottom : 13.5%;}

.margin-fourteen-tb {margin-top : 14%; margin-bottom : 14%;}

.margin-fourteen-half-tb {margin-top : 14.5%; margin-bottom : 14.5%;}

.margin-fifteen-tb {margin-top : 15%; margin-bottom : 15%;}

.margin-fifteen-half-tb {margin-top : 15.5%; margin-bottom : 15.5%;}

.margin-sixteen-tb {margin-top : 16%; margin-bottom : 16%;}

.margin-sixteen-half-tb {margin-top : 16.5%; margin-bottom : 16.5%;}

.margin-seventeen-tb {margin-top : 17%; margin-bottom : 17%;}

.margin-seventeen-half-tb {margin-top : 17.5%; margin-bottom : 17.5%;}

.margin-eighteen-tb {margin-top : 18%; margin-bottom : 18%;}

.margin-eighteen-half-tb {margin-top : 18.5%; margin-bottom : 18.5%;}

.margin-nineteen-tb {margin-top : 19%; margin-bottom : 19%;}

.margin-nineteen-half-tb {margin-top : 19.5%; margin-bottom : 19.5%;}

.margin-twenty-tb {margin-top : 20%; margin-bottom : 20%;}

.margin-twenty-half-tb {margin-top : 20.5%; margin-bottom : 20.5%;}

.margin-twenty-one-tb {margin-top : 21%; margin-bottom : 21%;}

.margin-twenty-one-half-tb {margin-top : 21.5%; margin-bottom : 21.5%;}

.margin-twenty-two-tb {margin-top : 22%; margin-bottom : 22%;}

.margin-twenty-two-half-tb {margin-top : 22.5%; margin-bottom : 22.5%;}

.margin-twenty-three-tb {margin-top : 23%; margin-bottom : 23%;}

.margin-twenty-three-half-tb {margin-top : 23.5%; margin-bottom : 23.5%;}

.margin-twenty-four-tb {margin-top : 24%; margin-bottom : 24%;}

.margin-twenty-four-half-tb {margin-top : 24.5%; margin-bottom : 24.5%;}

.margin-twenty-five-tb {margin-top : 25%; margin-bottom : 25%;}

.margin-5px-tb {margin-top : 5px; margin-bottom : 5px;}

.margin-10px-tb {margin-top : 10px; margin-bottom : 10px;}

.margin-15px-tb {margin-top : 15px; margin-bottom : 15px;}

.margin-20px-tb {margin-top : 20px; margin-bottom : 20px;}

.margin-25px-tb {margin-top : 25px; margin-bottom : 25px;}

.margin-30px-tb {margin-top : 30px; margin-bottom : 30px;}

.margin-35px-tb {margin-top : 35px; margin-bottom : 35px;}

.margin-40px-tb {margin-top : 40px; margin-bottom : 40px;}

.margin-45px-tb {margin-top : 45px; margin-bottom : 45px;}

.margin-50px-tb {margin-top : 50px; margin-bottom : 50px;}

.margin-55px-tb {margin-top : 55px; margin-bottom : 55px;}

.margin-60px-tb {margin-top : 60px; margin-bottom : 60px;}

.margin-65px-tb {margin-top : 65px; margin-bottom : 65px;}

.margin-70px-tb {margin-top : 70px; margin-bottom : 70px;}

.margin-75px-tb {margin-top : 75px; margin-bottom : 75px;}

.margin-80px-tb {margin-top : 80px; margin-bottom : 80px;}

.margin-85px-tb {margin-top : 85px; margin-bottom : 85px;}

.margin-90px-tb {margin-top : 90px; margin-bottom : 90px;}

.margin-95px-tb {margin-top : 95px; margin-bottom : 95px;}

.margin-100px-tb {margin-top : 100px; margin-bottom : 100px;}

/* ===============================
    12. Padding
================================= */

.no-padding {padding : 0 !important}

.no-padding-lr {padding-left : 0 !important; padding-right : 0 !important}

.no-padding-tb {padding-top : 0 !important; padding-bottom : 0 !important}

.no-padding-top {padding-top : 0 !important}

.no-padding-bottom {padding-bottom : 0 !important}

.no-padding-left {padding-left : 0 !important}

.no-padding-right {padding-right : 0 !important}

.padding-half-all {padding : .5%;}

.padding-one-all {padding : 1%;}

.padding-one-half-all {padding : 1.5%;}

.padding-two-all {padding : 2%;}

.padding-two-half-all {padding : 2.5%;}

.padding-three-all {padding : 3%;}

.padding-three-half-all {padding : 3.5%;}

.padding-four-all {padding : 4%;}

.padding-four-half-all {padding : 4.5%;}

.padding-five-all {padding : 5%;}

.padding-five-half-all {padding : 5.5%;}

.padding-six-all {padding : 6%;}

.padding-six-half-all {padding : 6.5%;}

.padding-seven-all {padding : 7%;}

.padding-seven-half-all {padding : 7.5%;}

.padding-eight-all {padding : 8%;}

.padding-eight-half-all {padding : 8.5%;}

.padding-nine-all {padding : 9%;}

.padding-nine-half-all {padding : 9.5%;}

.padding-ten-all {padding : 10%;}

.padding-ten-half-all {padding : 10.5%;}

.padding-eleven-all {padding : 11%;}

.padding-eleven-half-all {padding : 11.5%;}

.padding-twelve-all {padding : 12%;}

.padding-twelve-half-all {padding : 12.5%;}

.padding-thirteen-all {padding : 13%;}

.padding-thirteen-half-all {padding : 13.5%;}

.padding-fourteen-all {padding : 14%;}

.padding-fourteen-half-all {padding : 14.5%;}

.padding-fifteen-all {padding : 15%;}

.padding-fifteen-half-all {padding : 15.5%;}

.padding-sixteen-all {padding : 16%;}

.padding-sixteen-half-all {padding : 16.5%;}

.padding-seventeen-all {padding : 17%;}

.padding-seventeen-half-all {padding : 17.5%;}

.padding-eighteen-all {padding : 18%;}

.padding-eighteen-half-all {padding : 18.5%;}

.padding-nineteen-all {padding : 19%;}

.padding-nineteen-half-all {padding : 19.5%;}

.padding-twenty-all {padding : 20%;}

.padding-twenty-half-all {padding : 20.5%;}

.padding-twenty-one-all {padding : 21%;}

.padding-twenty-one-half-all {padding : 21.5%;}

.padding-twenty-two-all {padding : 22%;}

.padding-twenty-two-half-all {padding : 22.5%;}

.padding-twenty-three-all {padding : 23%;}

.padding-twenty-three-half-all {padding : 23.5%;}

.padding-twenty-four-all {padding : 24%;}

.padding-twenty-four-half-all {padding : 24.5%;}

.padding-twenty-five-all {padding : 25%;}

.padding-twenty-five-half-all {padding : 25.5%;}

.padding-5px-all {padding : 5px;}

.padding-10px-all {padding : 10px;}

.padding-15px-all {padding : 15px;}

.padding-20px-all {padding : 20px;}

.padding-25px-all {padding : 25px;}

.padding-30px-all {padding : 30px;}

.padding-35px-all {padding : 35px;}

.padding-40px-all {padding : 40px;}

.padding-45px-all {padding : 45px;}

.padding-50px-all {padding : 50px;}

.padding-55px-all {padding : 55px;}

.padding-60px-all {padding : 60px;}

.padding-65px-all {padding : 65px;}

.padding-70px-all {padding : 70px;}

.padding-75px-all {padding : 75px;}

.padding-80px-all {padding : 80px;}

.padding-85px-all {padding : 85px;}

.padding-90px-all {padding : 90px;}

.padding-95px-all {padding : 95px;}

.padding-100px-all {padding : 100px;}

/* padding top */
.padding-half-top {padding-top : .5%;}

.padding-one-top {padding-top : 1%;}

.padding-one-half-top {padding-top : 1.5%;}

.padding-two-top {padding-top : 2%;}

.padding-two-half-top {padding-top : 2.5%;}

.padding-three-top {padding-top : 3%;}

.padding-three-half-top {padding-top : 3.5%;}

.padding-four-top {padding-top : 4%;}

.padding-four-half-top {padding-top : 4.5%;}

.padding-five-top {padding-top : 5%;}

.padding-five-half-top {padding-top : 5.5%;}

.padding-six-top {padding-top : 6%;}

.padding-six-half-top {padding-top : 6.5%;}

.padding-seven-top {padding-top : 7%;}

.padding-seven-half-top {padding-top : 7.5%;}

.padding-eight-top {padding-top : 8%;}

.padding-eight-half-top {padding-top : 8.5%;}

.padding-nine-top {padding-top : 9%;}

.padding-nine-half-top {padding-top : 9.5%;}

.padding-ten-top {padding-top : 10%;}

.padding-ten-half-top {padding-top : 10.5%;}

.padding-eleven-top {padding-top : 11%;}

.padding-eleven-half-top {padding-top : 11.5%;}

.padding-twelve-top {padding-top : 12%;}

.padding-twelve-half-top {padding-top : 12.5%;}

.padding-thirteen-top {padding-top : 13%;}

.padding-thirteen-half-top {padding-top : 13.5%;}

.padding-fourteen-top {padding-top : 14%;}

.padding-fourteen-half-top {padding-top : 14.5%;}

.padding-fifteen-top {padding-top : 15%;}

.padding-fifteen-half-top {padding-top : 15.5%;}

.padding-sixteen-top {padding-top : 16%;}

.padding-sixteen-half-top {padding-top : 16.5%;}

.padding-seventeen-top {padding-top : 17%;}

.padding-seventeen-half-top {padding-top : 17.5%;}

.padding-eighteen-top {padding-top : 18%;}

.padding-eighteen-half-top {padding-top : 18.5%;}

.padding-nineteen-top {padding-top : 19%;}

.padding-nineteen-half-top {padding-top : 19.5%;}

.padding-twenty-top {padding-top : 20%;}

.padding-twenty-half-top {padding-top : 20.5%;}

.padding-twenty-one-top {padding-top : 21%;}

.padding-twenty-one-half-top {padding-top : 21.5%;}

.padding-twenty-two-top {padding-top : 22%;}

.padding-twenty-two-half-top {padding-top : 22.5%;}

.padding-twenty-two-top {padding-top : 22%;}

.padding-twenty-two-half-top {padding-top : 22.5%;}

.padding-twenty-three-top {padding-top : 23%;}

.padding-twenty-three-half-top {padding-top : 23.5%;}

.padding-twenty-four-top {padding-top : 24%;}

.padding-twenty-four-half-top {padding-top : 24.5%;}

.padding-twenty-five-top {padding-top : 25%;}

.padding-5px-top {padding-top : 5px;}

.padding-10px-top {padding-top : 10px;}

.padding-15px-top {padding-top : 15px;}

.padding-20px-top {padding-top : 20px;}

.padding-25px-top {padding-top : 25px;}

.padding-30px-top {padding-top : 30px;}

.padding-35px-top {padding-top : 35px;}

.padding-40px-top {padding-top : 40px;}

.padding-45px-top {padding-top : 45px;}

.padding-50px-top {padding-top : 50px;}

.padding-55px-top {padding-top : 55px;}

.padding-60px-top {padding-top : 60px;}

.padding-65px-top {padding-top : 65px;}

.padding-70px-top {padding-top : 70px;}

.padding-75px-top {padding-top : 75px;}

.padding-80px-top {padding-top : 80px;}

.padding-85px-top {padding-top : 85px;}

.padding-90px-top {padding-top : 90px;}

.padding-95px-top {padding-top : 95px;}

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

/* padding bottom */
.padding-half-bottom {padding-bottom : .5%;}

.padding-one-bottom {padding-bottom : 1%;}

.padding-one-half-bottom {padding-bottom : 1.5%;}

.padding-two-bottom {padding-bottom : 2%;}

.padding-two-half-bottom {padding-bottom : 2.5%;}

.padding-three-bottom {padding-bottom : 3%;}

.padding-three-half-bottom {padding-bottom : 3.5%;}

.padding-four-bottom {padding-bottom : 4%;}

.padding-four-half-bottom {padding-bottom : 4.5%;}

.padding-five-bottom {padding-bottom : 5%;}

.padding-five-half-bottom {padding-bottom : 5.5%;}

.padding-six-bottom {padding-bottom : 6%;}

.padding-six-half-bottom {padding-bottom : 6.5%;}

.padding-seven-bottom {padding-bottom : 7%;}

.padding-seven-half-bottom {padding-bottom : 7.5%;}

.padding-eight-bottom {padding-bottom : 8%;}

.padding-eight-half-bottom {padding-bottom : 8.5%;}

.padding-nine-bottom {padding-bottom : 9%;}

.padding-nine-half-bottom {padding-bottom : 9.5%;}

.padding-ten-bottom {padding-bottom : 10%;}

.padding-ten-half-bottom {padding-bottom : 10.5%;}

.padding-eleven-bottom {padding-bottom : 11%;}

.padding-eleven-half-bottom {padding-bottom : 11.5%;}

.padding-twelve-bottom {padding-bottom : 12%;}

.padding-twelve-half-bottom {padding-bottom : 12.5%;}

.padding-thirteen-bottom {padding-bottom : 13%;}

.padding-thirteen-half-bottom {padding-bottom : 13.5%;}

.padding-fourteen-bottom {padding-bottom : 14%;}

.padding-fourteen-half-bottom {padding-bottom : 14.5%;}

.padding-fifteen-bottom {padding-bottom : 15%;}

.padding-fifteen-half-bottom {padding-bottom : 15.5%;}

.padding-sixteen-bottom {padding-bottom : 16%;}

.padding-sixteen-half-bottom {padding-bottom : 16.5%;}

.padding-seventeen-bottom {padding-bottom : 17%;}

.padding-seventeen-half-bottom {padding-bottom : 17.5%;}

.padding-eighteen-bottom {padding-bottom : 18%;}

.padding-eighteen-half-bottom {padding-bottom : 18.5%;}

.padding-nineteen-bottom {padding-bottom : 19%;}

.padding-nineteen-half-bottom {padding-bottom : 19.5%;}

.padding-twenty-bottom {padding-bottom : 20%;}

.padding-twenty-half-bottom {padding-bottom : 20.5%;}

.padding-twenty-one-bottom {padding-bottom : 21%;}

.padding-twenty-one-half-bottom {padding-bottom : 21.5%;}

.padding-twenty-two-bottom {padding-bottom : 22%;}

.padding-twenty-two-half-bottom {padding-bottom : 22.5%;}

.padding-twenty-three-bottom {padding-bottom : 23%;}

.padding-twenty-three-half-bottom {padding-bottom : 23.5%;}

.padding-twenty-four-bottom {padding-bottom : 24%;}

.padding-twenty-four-half-bottom {padding-bottom : 24.5%;}

.padding-twenty-five-bottom {padding-bottom : 25%;}

.padding-5px-bottom {padding-bottom : 5px;}

.padding-10px-bottom {padding-bottom : 10px;}

.padding-15px-bottom {padding-bottom : 15px;}

.padding-20px-bottom {padding-bottom : 20px;}

.padding-25px-bottom {padding-bottom : 25px;}

.padding-30px-bottom {padding-bottom : 30px;}

.padding-35px-bottom {padding-bottom : 35px;}

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

.padding-45px-bottom {padding-bottom : 45px;}

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

.padding-55px-bottom {padding-bottom : 55px;}

.padding-60px-bottom {padding-bottom : 60px;}

.padding-65px-bottom {padding-bottom : 65px;}

.padding-70px-bottom {padding-bottom : 70px;}

.padding-75px-bottom {padding-bottom : 75px;}

.padding-80px-bottom {padding-bottom : 80px;}

.padding-85px-bottom {padding-bottom : 85px;}

.padding-90px-bottom {padding-bottom : 90px;}

.padding-95px-bottom {padding-bottom : 95px;}

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

/* padding right */
.padding-half-right {padding-right : .5%;}

.padding-one-right {padding-right : 1%;}

.padding-one-half-right {padding-right : 1.5%;}

.padding-two-right {padding-right : 2%;}

.padding-two-half-right {padding-right : 2.5%;}

.padding-three-right {padding-right : 3%;}

.padding-three-half-right {padding-right : 3.5%;}

.padding-four-right {padding-right : 4%;}

.padding-four-half-right {padding-right : 4.5%;}

.padding-five-right {padding-right : 5%;}

.padding-five-half-right {padding-right : 5.5%;}

.padding-six-right {padding-right : 6%;}

.padding-six-half-right {padding-right : 6.5%;}

.padding-seven-right {padding-right : 7%;}

.padding-seven-half-right {padding-right : 7.5%;}

.padding-eight-right {padding-right : 8%;}

.padding-eight-half-right {padding-right : 8.5%;}

.padding-nine-right {padding-right : 9%;}

.padding-nine-half-right {padding-right : 9.5%;}

.padding-ten-right {padding-right : 10%;}

.padding-ten-half-right {padding-right : 10.5%;}

.padding-eleven-right {padding-right : 11%;}

.padding-eleven-half-right {padding-right : 11.5%;}

.padding-twelve-right {padding-right : 12%;}

.padding-twelve-half-right {padding-right : 12.5%;}

.padding-thirteen-right {padding-right : 13%;}

.padding-thirteen-half-right {padding-right : 13.5%;}

.padding-fourteen-right {padding-right : 14%;}

.padding-fourteen-half-right {padding-right : 14.5%;}

.padding-fifteen-right {padding-right : 15%;}

.padding-fifteen-half-right {padding-right : 15.5%;}

.padding-sixteen-right {padding-right : 16%;}

.padding-sixteen-half-right {padding-right : 16.5%;}

.padding-seventeen-right {padding-right : 17%;}

.padding-seventeen-half-right {padding-right : 17.5%;}

.padding-eighteen-right {padding-right : 18%;}

.padding-eighteen-half-right {padding-right : 18.5%;}

.padding-nineteen-right {padding-right : 19%;}

.padding-nineteen-half-right {padding-right : 19.5%;}

.padding-twenty-right {padding-right : 20%;}

.padding-twenty-half-right {padding-right : 20.5%;}

.padding-twenty-one-right {padding-right : 21%;}

.padding-twenty-one-half-right {padding-right : 21.5%;}

.padding-twenty-two-right {padding-right : 22%;}

.padding-twenty-two-half-right {padding-right : 22.5%;}

.padding-twenty-three-right {padding-right : 23%;}

.padding-twenty-three-half-right {padding-right : 23.5%;}

.padding-twenty-four-right {padding-right : 24%;}

.padding-twenty-four-half-right {padding-right : 24.5%;}

.padding-twenty-five-right {padding-right : 25%;}

.padding-5px-right {padding-right : 5px;}

.padding-10px-right {padding-right : 10px;}

.padding-15px-right {padding-right : 15px;}

.padding-20px-right {padding-right : 20px;}

.padding-25px-right {padding-right : 25px;}

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

.padding-35px-right {padding-right : 35px;}

.padding-40px-right {padding-right : 40px;}

.padding-45px-right {padding-right : 45px;}

.padding-50px-right {padding-right : 50px;}

.padding-55px-right {padding-right : 55px;}

.padding-60px-right {padding-right : 60px;}

.padding-65px-right {padding-right : 65px;}

.padding-70px-right {padding-right : 70px;}

.padding-75px-right {padding-right : 75px;}

.padding-80px-right {padding-right : 80px;}

.padding-85px-right {padding-right : 85px;}

.padding-90px-right {padding-right : 90px;}

.padding-95px-right {padding-right : 95px;}

.padding-100px-right {padding-right : 100px;}

/* padding left */
.padding-half-left {padding-left : .5%;}

.padding-one-left {padding-left : 1%;}

.padding-one-half-left {padding-left : 1.5%;}

.padding-two-left {padding-left : 2%;}

.padding-two-half-left {padding-left : 2.5%;}

.padding-three-left {padding-left : 3%;}

.padding-three-half-left {padding-left : 3.5%;}

.padding-four-left {padding-left : 4%;}

.padding-four-half-left {padding-left : 4.5%;}

.padding-five-left {padding-left : 5%;}

.padding-five-half-left {padding-left : 5.5%;}

.padding-six-left {padding-left : 6%;}

.padding-six-half-left {padding-left : 6.5%;}

.padding-seven-left {padding-left : 7%;}

.padding-seven-half-left {padding-left : 7.5%;}

.padding-eight-left {padding-left : 8%;}

.padding-eight-half-left {padding-left : 8.5%;}

.padding-nine-left {padding-left : 9%;}

.padding-nine-half-left {padding-left : 9.5%;}

.padding-ten-left {padding-left : 10%;}

.padding-ten-half-left {padding-left : 10.5%;}

.padding-eleven-left {padding-left : 11%;}

.padding-eleven-half-left {padding-left : 11.5%;}

.padding-twelve-left {padding-left : 12%;}

.padding-twelve-half-left {padding-left : 12.5%;}

.padding-thirteen-left {padding-left : 13%;}

.padding-thirteen-half-left {padding-left : 13.5%;}

.padding-fourteen-left {padding-left : 14%;}

.padding-fourteen-half-left {padding-left : 14.5%;}

.padding-fifteen-left {padding-left : 15%;}

.padding-fifteen-half-left {padding-left : 15.5%;}

.padding-sixteen-left {padding-left : 16%;}

.padding-sixteen-half-left {padding-left : 16.5%;}

.padding-seventeen-left {padding-left : 17%;}

.padding-seventeen-half-left {padding-left : 17.5%;}

.padding-eighteen-left {padding-left : 18%;}

.padding-eighteen-half-left {padding-left : 18.5%;}

.padding-nineteen-left {padding-left : 19%;}

.padding-nineteen-half-left {padding-left : 19.5%;}

.padding-twenty-left {padding-left : 20%;}

.padding-twenty-half-left {padding-left : 20.5%;}

.padding-twenty-one-left {padding-left : 21%;}

.padding-twenty-one-half-left {padding-left : 21.5%;}

.padding-twenty-two-left {padding-left : 22%;}

.padding-twenty-two-half-left {padding-left : 22.5%;}

.padding-twenty-three-left {padding-left : 23%;}

.padding-twenty-three-half-left {padding-left : 23.5%;}

.padding-twenty-four-left {padding-left : 24%;}

.padding-twenty-four-half-left {padding-left : 24.5%;}

.padding-twenty-five-left {padding-left : 25%;}

.padding-5px-left {padding-left : 5px;}

.padding-10px-left {padding-left : 10px;}

.padding-15px-left {padding-left : 15px;}

.padding-20px-left {padding-left : 20px;}

.padding-25px-left {padding-left : 25px;}

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

.padding-35px-left {padding-left : 35px;}

.padding-40px-left {padding-left : 40px;}

.padding-45px-left {padding-left : 45px;}

.padding-50px-left {padding-left : 50px;}

.padding-55px-left {padding-left : 55px;}

.padding-60px-left {padding-left : 60px;}

.padding-65px-left {padding-left : 65px;}

.padding-70px-left {padding-left : 70px;}

.padding-75px-left {padding-left : 75px;}

.padding-80px-left {padding-left : 80px;}

.padding-85px-left {padding-left : 85px;}

.padding-90px-left {padding-left : 90px;}

.padding-95px-left {padding-left : 95px;}

.padding-100px-left {padding-left : 100px;}

/* padding top and bottom */
.padding-half-tb {padding-top : .5%; padding-bottom : .5%;}

.padding-one-tb {padding-top : 1%; padding-bottom : 1%;}

.padding-one-half-tb {padding-top : 1.5%; padding-bottom : 1.5%;}

.padding-two-tb {padding-top : 2%; padding-bottom : 2%;}

.padding-two-half-tb {padding-top : 2.5%; padding-bottom : 2.5%;}

.padding-three-tb {padding-top : 3%; padding-bottom : 3%;}

.padding-three-half-tb {padding-top : 3.5%; padding-bottom : 3.5%;}

.padding-four-tb {padding-top : 4%; padding-bottom : 4%;}

.padding-four-half-tb {padding-top : 4.5%; padding-bottom : 4.5%;}

.padding-five-tb {padding-top : 5%; padding-bottom : 5%;}

.padding-five-half-tb {padding-top : 5.5%; padding-bottom : 5.5%;}

.padding-six-tb {padding-top : 6%; padding-bottom : 6%;}

.padding-six-half-tb {padding-top : 6.5%; padding-bottom : 6.5%;}

.padding-seven-tb {padding-top : 7%; padding-bottom : 7%;}

.padding-seven-half-tb {padding-top : 7.5%; padding-bottom : 7.5%;}

.padding-eight-tb {padding-top : 8%; padding-bottom : 8%;}

.padding-eight-half-tb {padding-top : 8.5%; padding-bottom : 8.5%;}

.padding-nine-tb {padding-top : 9%; padding-bottom : 9%;}

.padding-nine-half-tb {padding-top : 9.5%; padding-bottom : 9.5%;}

.padding-ten-tb {padding-top : 10%; padding-bottom : 10%;}

.padding-ten-half-tb {padding-top : 10.5%; padding-bottom : 10.5%;}

.padding-eleven-tb {padding-top : 11%; padding-bottom : 11%;}

.padding-eleven-half-tb {padding-top : 11.5%; padding-bottom : 11.5%;}

.padding-twelve-tb {padding-top : 12%; padding-bottom : 12%;}

.padding-twelve-half-tb {padding-top : 12.5%; padding-bottom : 12.5%;}

.padding-thirteen-tb {padding-top : 13%; padding-bottom : 13%;}

.padding-thirteen-half-tb {padding-top : 13.5%; padding-bottom : 13.5%;}

.padding-fourteen-tb {padding-top : 14%; padding-bottom : 14%;}

.padding-fourteen-half-tb {padding-top : 14.5%; padding-bottom : 14.5%;}

.padding-fifteen-tb {padding-top : 15%; padding-bottom : 15%;}

.padding-fifteen-half-tb {padding-top : 15.5%; padding-bottom : 15.5%;}

.padding-sixteen-tb {padding-top : 16%; padding-bottom : 16%;}

.padding-sixteen-half-tb {padding-top : 16.5%; padding-bottom : 16.5%;}

.padding-seventeen-tb {padding-top : 17%; padding-bottom : 17%;}

.padding-seventeen-half-tb {padding-top : 17.5%; padding-bottom : 17.5%;}

.padding-eighteen-tb {padding-top : 18%; padding-bottom : 18%;}

.padding-eighteen-half-tb {padding-top : 18.5%; padding-bottom : 18.5%;}

.padding-nineteen-tb {padding-top : 19%; padding-bottom : 19%;}

.padding-nineteen-half-tb {padding-top : 19.5%; padding-bottom : 19.5%;}

.padding-twenty-tb {padding-top : 20%; padding-bottom : 20%;}

.padding-twenty-half-tb {padding-top : 20.5%; padding-bottom : 20%;}

.padding-twenty-one-tb {padding-top : 21%; padding-bottom : 21%;}

.padding-twenty-one-half-tb {padding-top : 21.5%; padding-bottom : 21.5%;}

.padding-twenty-two-tb {padding-top : 22%; padding-bottom : 22%;}

.padding-twenty-two-half-tb {padding-top : 22.5%; padding-bottom : 22.5%;}

.padding-twenty-three-tb {padding-top : 23%; padding-bottom : 23%;}

.padding-twenty-three-half-tb {padding-top : 23.5%; padding-bottom : 23.5%;}

.padding-twenty-four-tb {padding-top : 24%; padding-bottom : 24%;}

.padding-twenty-four-half-tb {padding-top : 24.5%; padding-bottom : 24.5%;}

.padding-twenty-five-tb {padding-top : 25%; padding-bottom : 25%;}

.padding-thirty-tb {padding-top : 30%; padding-bottom : 30%;}

.padding-5px-tb {padding-top : 5px; padding-bottom : 5px;}

.padding-10px-tb {padding-top : 10px; padding-bottom : 10px;}

.padding-15px-tb {padding-top : 15px; padding-bottom : 15px;}

.padding-20px-tb {padding-top : 20px; padding-bottom : 20px;}

.padding-25px-tb {padding-top : 25px; padding-bottom : 25px;}

.padding-30px-tb {padding-top : 30px; padding-bottom : 30px;}

.padding-35px-tb {padding-top : 35px; padding-bottom : 35px;}

.padding-40px-tb {padding-top : 40px; padding-bottom : 40px;}

.padding-45px-tb {padding-top : 45px; padding-bottom : 45px;}

.padding-50px-tb {padding-top : 50px; padding-bottom : 50px;}

.padding-55px-tb {padding-top : 55px; padding-bottom : 55px;}

.padding-60px-tb {padding-top : 60px; padding-bottom : 60px;}

.padding-65px-tb {padding-top : 65px; padding-bottom : 65px;}

.padding-70px-tb {padding-top : 70px; padding-bottom : 70px;}

.padding-75px-tb {padding-top : 75px; padding-bottom : 75px;}

.padding-80px-tb {padding-top : 80px; padding-bottom : 80px;}

.padding-85px-tb {padding-top : 85px; padding-bottom : 85px;}

.padding-90px-tb {padding-top : 90px; padding-bottom : 90px;}

.padding-95px-tb {padding-top : 95px; padding-bottom : 95px;}

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

/* padding left and right */
.padding-half-lr {padding-left : .5%; padding-right : .5%;}

.padding-one-lr {padding-left : 1%; padding-right : 1%;}

.padding-one-half-lr {padding-left : 1.5%; padding-right : 1.5%;}

.padding-two-lr {padding-left : 2%; padding-right : 2%;}

.padding-two-half-lr {padding-left : 2.5%; padding-right : 2.5%;}

.padding-three-lr {padding-left : 3%; padding-right : 3%;}

.padding-three-half-lr {padding-left : 3.5%; padding-right : 3.5%;}

.padding-four-lr {padding-left : 4%; padding-right : 4%;}

.padding-four-half-lr {padding-left : 4.5%; padding-right : 4.5%;}

.padding-five-lr {padding-left : 5%; padding-right : 5%;}

.padding-five-half-lr {padding-left : 5.5%; padding-right : 5.5%;}

.padding-six-lr {padding-left : 6%; padding-right : 6%;}

.padding-six-half-lr {padding-left : 6.5%; padding-right : 6.5%;}

.padding-seven-lr {padding-left : 7%; padding-right : 7%;}

.padding-seven-half-lr {padding-left : 7.5%; padding-right : 7.5%;}

.padding-eight-lr {padding-left : 8%; padding-right : 8%;}

.padding-eight-half-lr {padding-left : 8.5%; padding-right : 8.5%;}

.padding-nine-lr {padding-left : 9%; padding-right : 9%;}

.padding-nine-half-lr {padding-left : 9.5%; padding-right : 9.5%;}

.padding-ten-lr {padding-left : 10%; padding-right : 10%;}

.padding-ten-half-lr {padding-left : 10.5%; padding-right : 10.5%;}

.padding-eleven-lr {padding-left : 11%; padding-right : 11%;}

.padding-eleven-half-lr {padding-left : 11.5%; padding-right : 11.5%;}

.padding-twelve-lr {padding-left : 12%; padding-right : 12%;}

.padding-twelve-half-lr {padding-left : 12.5%; padding-right : 12.5%;}

.padding-thirteen-lr {padding-left : 13%; padding-right : 13%;}

.padding-thirteen-half-lr {padding-left : 13.5%; padding-right : 13.5%;}

.padding-fourteen-lr {padding-left : 14%; padding-right : 14%;}

.padding-fourteen-half-lr {padding-left : 14.5%; padding-right : 14.5%;}

.padding-fifteen-lr {padding-left : 15%; padding-right : 15%;}

.padding-fifteen-half-lr {padding-left : 15.5%; padding-right : 15.5%;}

.padding-sixteen-lr {padding-left : 16%; padding-right : 16%;}

.padding-sixteen-half-lr {padding-left : 16.5%; padding-right : 16.5%;}

.padding-seventeen-lr {padding-left : 17%; padding-right : 17%;}

.padding-seventeen-half-lr {padding-left : 17.5%; padding-right : 17.5%;}

.padding-eighteen-lr {padding-left : 18%; padding-right : 18%;}

.padding-eighteen-half-lr {padding-left : 18.5%; padding-right : 18.5%;}

.padding-nineteen-lr {padding-left : 19%; padding-right : 19%;}

.padding-nineteen-half-lr {padding-left : 19.5%; padding-right : 19.5%;}

.padding-twenty-lr {padding-left : 20%; padding-right : 20%;}

.padding-twenty-half-lr {padding-left : 20.5%; padding-right : 20.5%;}

.padding-twenty-one-lr {padding-left : 21%; padding-right : 21%;}

.padding-twenty-one-half-lr {padding-left : 21.5%; padding-right : 21.5%;}

.padding-twenty-two-lr {padding-left : 22%; padding-right : 22%;}

.padding-twenty-two-half-lr {padding-left : 22.5%; padding-right : 22.5%;}

.padding-twenty-three-lr {padding-left : 23%; padding-right : 23%;}

.padding-twenty-three-half-lr {padding-left : 23.5%; padding-right : 23.5%;}

.padding-twenty-four-lr {padding-left : 24%; padding-right : 24%;}

.padding-twenty-four-half-lr {padding-left : 24.5%; padding-right : 24.5%;}

.padding-twenty-five-lr {padding-left : 25%; padding-right : 25%;}

.padding-5px-lr {padding-left : 5px; padding-right : 5px;}

.padding-10px-lr {padding-left : 10px; padding-right : 10px;}

.padding-15px-lr {padding-left : 15px; padding-right : 15px;}

.padding-20px-lr {padding-left : 20px; padding-right : 20px;}

.padding-25px-lr {padding-left : 25px; padding-right : 25px;}

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

.padding-35px-lr {padding-left : 35px; padding-right : 35px;}

.padding-40px-lr {padding-left : 40px; padding-right : 40px;}

.padding-45px-lr {padding-left : 45px; padding-right : 45px;}

.padding-50px-lr {padding-left : 50px; padding-right : 50px;}

.padding-55px-lr {padding-left : 55px; padding-right : 55px;}

.padding-60px-lr {padding-left : 60px; padding-right : 60px;}

.padding-65px-lr {padding-left : 65px; padding-right : 65px;}

.padding-70px-lr {padding-left : 70px; padding-right : 70px;}

.padding-75px-lr {padding-left : 75px; padding-right : 75px;}

.padding-80px-lr {padding-left : 80px; padding-right : 80px;}

.padding-85px-lr {padding-left : 85px; padding-right : 85px;}

.padding-90px-lr {padding-left : 90px; padding-right : 90px;}

.padding-95px-lr {padding-left : 95px; padding-right : 95px;}

.padding-100px-lr {padding-left : 100px; padding-right : 100px;}

/* ==============================
    13. Display and float
================================ */

.d-initial {display : initial !important;}

.overflow-hidden {overflow : hidden !important;}

.overflow-visible {overflow : visible !important;}

.overflow-auto {overflow : auto !important;}

/* ==============================
    14. Position
================================ */

.position-inherit {position : inherit !important}

/* top */
.top-auto {top : auto}

.top-inherit {top : inherit !important;}

.top-0 {top : 0 !important;}

.top-1 {top : 1px}

.top-2 {top : 2px}

.top-3 {top : 3px}

.top-4 {top : 4px}

.top-5 {top : 5px}

.top-6 {top : 6px}

.top-7 {top : 7px}

.top-8 {top : 8px}

.top-9 {top : 9px}

.top-10 {top : 10px}

.top-15 {top : 15px}

.top-20 {top : 20px}

.top-25 {top : 25px}

.top-30 {top : 30px}

.top-35 {top : 35px}

.top-40 {top : 40px}

.top-45 {top : 45px}

.top-50 {top : 50px}

.top-minus1 {top : -1px}

.top-minus2 {top : -2px}

.top-minus3 {top : -3px}

.top-minus4 {top : -4px}

.top-minus5 {top : -5px}

.top-minus6 {top : -6px}

.top-minus7 {top : -7px}

.top-minus8 {top : -8px}

.top-minus9 {top : -9px}

.top-minus10 {top : -10px}

.top-minus15 {top : -15px}

.top-minus20 {top : -20px}

.top-minus25 {top : -25px}

.top-minus30 {top : -30px}

.top-minus35 {top : -35px}

.top-minus40 {top : -40px}

/* bottom */
.bottom-auto {bottom : auto}

.bottom-0 {bottom : 0}

.bottom-1 {bottom : 1px}

.bottom-2 {bottom : 2px}

.bottom-3 {bottom : 3px}

.bottom-4 {bottom : 4px}

.bottom-5 {bottom : 5px}

.bottom-6 {bottom : 6px}

.bottom-7 {bottom : 7px}

.bottom-8 {bottom : 8px}

.bottom-9 {bottom : 9px}

.bottom-10 {bottom : 10px}

.bottom-15 {bottom : 15px}

.bottom-20 {bottom : 20px}

.bottom-25 {bottom : 25px}

.bottom-30 {bottom : 30px}

.bottom-35 {bottom : 35px}

.bottom-40 {bottom : 40px}

.bottom-45 {bottom : 45px}

.bottom-50 {bottom : 50px !important}

/* left */
.left-auto {left : auto}

.left-0 {left : 0}

.left-1 {left : 1px}

.left-2 {left : 2px}

.left-3 {left : 3px}

.left-4 {left : 4px}

.left-5 {left : 5px}

.left-6 {left : 6px}

.left-7 {left : 7px}

.left-8 {left : 8px}

.left-9 {left : 9px}

.left-10 {left : 10px}

.left-15 {left : 15px}

.left-20 {left : 20px}

.left-25 {left : 25px}

.left-30 {left : 30px}

.left-35 {left : 35px}

.left-40 {left : 40px}

.left-45 {left : 45px}

.left-50 {left : 50px}

/* right */
.right-auto {right : auto}

.right-0 {right : 0}

.right-1 {right : 1px}

.right-2 {right : 2px}

.right-3 {right : 3px}

.right-4 {right : 4px}

.right-5 {right : 5px}

.right-6 {right : 6px}

.right-7 {right : 7px}

.right-8 {right : 8px}

.right-9 {right : 9px}

.right-10 {right : 10px}

/* ================================
    15. Width
================================ */

.w-1px {width : 1px;}

.w-2px {width : 2px;}

.w-3px {width : 3px;}

.w-4px {width : 4px;}

.w-5px {width : 5px;}

.w-6px {width : 6px;}

.w-7px {width : 7px;}

.w-8px {width : 8px;}

.w-9px {width : 9px;}

.w-10px {width : 10px;}

.w-15px {width : 15px;}

.w-20px {width : 20px;}

.w-25px {width : 25px;}

.w-30px {width : 30px;}

.w-35px {width : 35px;}

.w-40px {width : 40px;}

.w-50px {width : 50px;}

.w-55px {width : 55px;}

.w-60px {width : 60px;}

.w-65px {width : 65px;}

.w-70px {width : 70px;}

.w-75px {width : 75px;}

.w-80px {width : 80px;}

.w-85px {width : 85px;}

.w-90px {width : 90px;}

.w-100px {width : 100px;}

.w-110px {width : 110px;}

.w-120px {width : 120px;}

.w-130px {width : 130px;}

.w-150px {width : 150px;}

.w-180px {width : 180px;}

.w-200px {width : 200px;}

.w-250px {width : 250px;}

.w-300px {width : 300px;}

.w-350px {width : 350px;}

.w-400px {width : 400px;}

.w-450px {width : 450px;}

.w-500px {width : 500px;}

.w-550px {width : 550px;}

.w-600px {width : 600px;}

.w-650px {width : 650px;}

.w-700px {width : 700px;}

.w-750px {width : 750px;}

.w-800px {width : 800px;}

.w-850px {width : 850px;}

.w-900px {width : 900px;}

.w-950px {width : 950px;}

.w-1000px {width : 1000px;}

.w-10 {width : 10%;}

.w-12 {width : 12%;}

.w-15 {width : 15%;}

.w-20 {width : 20%;}

.w-25 {width : 25%;}

.w-30 {width : 30%;}

.w-35 {width : 35%;}

.w-40 {width : 40%;}

.w-45 {width : 45%;}

.w-50 {width : 50%;}

.w-55 {width : 55%;}

.w-60 {width : 60%;}

.w-65 {width : 65%;}

.w-70 {width : 70%;}

.w-75 {width : 75%;}

.w-80 {width : 80%;}

.w-85 {width : 85%;}

.w-90 {width : 90%;}

.w-95 {width : 95%;}

.w-100 {width : 100%;}

.w-auto {width : auto}

/* ================================
    16. Height
================================ */

.h-1px {height : 1px}

.h-2px {height : 2px}

.h-3px {height : 3px}

.h-4px {height : 4px}

.h-5px {height : 5px}

.h-6px {height : 6px}

.h-7px {height : 7px}

.h-8px {height : 8px}

.h-9px {height : 9px}

.h-10px {height : 10px}

.h-80px {height : 80px}

.h-90px {height : 90px}

.h-100px {height : 100px}

.h-130px {height : 130px}

.h-150px {height : 150px}

.h-200px {height : 200px}

.h-250px {height : 250px}

.h-300px {height : 300px}

.h-350px {height : 350px}

.h-400px {height : 400px}

.h-450px {height : 450px}

.h-500px {height : 500px}

.h-550px {height : 550px}

.h-600px {height : 600px}

.h-650px {height : 650px}

.h-700px {height : 700px}

.h-750px {height : 750px}

.h-800px {height : 800px}

.h-850px {height : 850px}

.max-h-100 {max-height : 100%}

.full-screen {height : 980px;}

.minheight-fullscreen {min-height : 100vh}

/* min-height */
.min-h-100px {min-height : 100px}

.min-h-200px {min-height : 200px}

.min-h-300px {min-height : 300px}

.min-h-400px {min-height : 400px}

.min-h-500px {min-height : 500px}

.min-h-600px {min-height : 600px}

.min-h-700px {min-height : 700px}

/* screen height  */
.extra-small-screen {height : 300px;}

.small-screen {height : 400px;}

.one-second-screen {height : 600px;}

.one-third-screen {height : 700px;}

.one-fourth-screen {height : 800px;}

.one-fifth-screen {height : 900px;}

.one-sixth-screen {height : 887px;}

/* ===================================
    17. Icon
====================================== */

/* icon size */
.icon-very-small {font-size : 16px}

.icon-small {font-size : 24px}

.icon-medium {font-size : 35px}

.icon-extra-medium {font-size : 40px}

.icon-large {font-size : 50px}

.icon-extra-large {font-size : 70px}

.icon-round-small {border-radius : 100%; display : table-cell; height : 80px; margin : 0 auto; text-align : center; vertical-align : middle; width : 80px; font-size : 32px}

.icon-round-medium {border-radius : 100%; display : table-cell; height : 90px; margin : 0 auto; text-align : center; vertical-align : middle; width : 90px;}

/* social media icon */
.icon-social-very-small {font-size : 12px}

.icon-social-small {font-size : 14px}

.icon-social-medium {font-size : 16px}

.icon-social-large {font-size : 20px}

.icon-social-extra-large {font-size : 24px}

.icon-social-very-small a i, .icon-social-small a i, .icon-social-medium a i {margin : 0 8px; vertical-align : middle;}

.icon-social-large a i {margin : 0 4px; vertical-align : middle;}

/* social media icon style */
.extra-small-icon, .small-icon, .medium-icon, .large-icon, .extra-large-icon {list-style : none; padding : 0;}

.extra-small-icon li, .small-icon li, .medium-icon li, .large-icon li, .extra-large-icon li {display : inline-block;}

footer .extra-small-icon li:first-child, footer .small-icon li:first-child, footer .medium-icon li:first-child, footer .large-icon li:first-child, footer .extra-large-icon li:first-child {margin-left : 0;}

footer .extra-small-icon li:last-child, footer .small-icon li:last-child, footer .medium-icon li:last-child, footer .large-icon li:last-child, footer .extra-large-icon li:last-child {margin-right : 0;}

.extra-small-icon li {margin : 0 2px}

.small-icon li {margin : 0 5px}

.medium-icon li {margin : 0 8px}

.large-icon li {margin : 0 10px}

.extra-large-icon li {margin : 0 12px}

.extra-small-icon a {font-size : 14px; width : 30px; height : 30px;line-height : 29px;}

.small-icon a {font-size : 16px; width : 40px; height : 40px;line-height : 38px;}

.medium-icon a {font-size : 20px; width : 50px; height : 50px;line-height : 48px;}

.large-icon a {font-size : 24px; width : 60px; height : 60px;line-height : 61px;}

.extra-large-icon a {font-size : 30px; width : 70px; height : 70px;line-height : 68px;}

/* social icon style */
.social-icon-style-1 a.facebook, .social-icon-style-2 a.facebook, .social-icon-style-3 a.facebook, .social-icon-style-4 a.facebook span, .social-icon-style-10 a.facebook span {background-color : #3B5998}

.social-icon-style-1 a.twitter, .social-icon-style-2 a.twitter, .social-icon-style-3 a.twitter, .social-icon-style-4 a.twitter span, .social-icon-style-10 a.twitter span {background-color : #00ACED}

.social-icon-style-1 a.google, .social-icon-style-2 a.google, .social-icon-style-3 a.google, .social-icon-style-4 a.google span, .social-icon-style-10 a.google span {background-color : #DC4A38}

.social-icon-style-1 a.dribbble, .social-icon-style-2 a.dribbble, .social-icon-style-3 a.dribbble, .social-icon-style-4 a.dribbble span, .social-icon-style-10 a.dribbble span {background-color : #EA4C89}

.social-icon-style-1 a.youtube, .social-icon-style-2 a.youtube, .social-icon-style-3 a.youtube, .social-icon-style-4 a.youtube span, .social-icon-style-10 a.youtube span {background-color : #BB0000}

.social-icon-style-1 a.linkedin, .social-icon-style-2 a.linkedin, .social-icon-style-3 a.linkedin, .social-icon-style-4 a.linkedin span, .social-icon-style-10 a.linkedin span {background-color : #007BB6}

.social-icon-style-1 a.instagram, .social-icon-style-2 a.instagram, .social-icon-style-3 a.instagram, .social-icon-style-4 a.instagram span, .social-icon-style-10 a.instagram span {background-color : #FE1F49}

.social-icon-style-1 a.pinterest, .social-icon-style-2 a.pinterest, .social-icon-style-3 a.pinterest, .social-icon-style-4 a.pinterest span, .social-icon-style-10 a.pinterest span {background-color : #CB2027}

.social-icon-style-1 a.flickr, .social-icon-style-2 a.flickr, .social-icon-style-3 a.flickr, .social-icon-style-4 a.flickr span, .social-icon-style-10 a.flickr span {background-color : #FF0084}

.social-icon-style-1 a.rss, .social-icon-style-2 a.rss, .social-icon-style-3 a.rss, .social-icon-style-4 a.rss span, .social-icon-style-10 a.rss span {background-color : #F2890A}

.social-icon-style-1 a.behance, .social-icon-style-2 a.behance, .social-icon-style-3 a.behance, .social-icon-style-4 a.behance span, .social-icon-style-10 a.behance span {background-color : #1769FF}

.social-icon-style-1 a.vine, .social-icon-style-2 a.vine, .social-icon-style-3 a.vine, .social-icon-style-4 a.vine span, .social-icon-style-10 a.vine span {background-color : #00BF8F}

.social-icon-style-1 a.email, .social-icon-style-2 a.email, .social-icon-style-3 a.email, .social-icon-style-4 a.email span, .social-icon-style-10 a.email span {background-color : #7D7D7D}

.social-icon-style-1 a.sms, .social-icon-style-2 a.sms, .social-icon-style-3 a.sms, .social-icon-style-4 a.sms span, .social-icon-style-10 a.sms span {background-color : #FFBD00}

.social-icon-style-1 a.sharethis, .social-icon-style-2 a.sharethis, .social-icon-style-3 a.sharethis, .social-icon-style-4 a.sharethis span, .social-icon-style-10 a.sharethis span {background-color : #95D03A}

.social-icon-style-1 a.reddit, .social-icon-style-2 a.reddit, .social-icon-style-3 a.reddit, .social-icon-style-4 a.reddit span, .social-icon-style-10 a.reddit span {background-color : #FF4500}

.social-icon-style-1 a.tumblr, .social-icon-style-2 a.tumblr, .social-icon-style-3 a.tumblr, .social-icon-style-4 a.tumblr span, .social-icon-style-10 a.tumblr span {background-color : #32506D}

.social-icon-style-1 a.digg, .social-icon-style-2 a.digg, .social-icon-style-3 a.digg, .social-icon-style-4 a.digg span, .social-icon-style-10 a.digg span {background-color : #262626}

.social-icon-style-1 a.stumbleupon, .social-icon-style-2 a.stumbleupon, .social-icon-style-3 a.stumbleupon, .social-icon-style-4 a.stumbleupon span, .social-icon-style-10 a.stumbleupon span {background-color : #EB4924}

.social-icon-style-1 a.whatsapp, .social-icon-style-2 a.whatsapp, .social-icon-style-3 a.whatsapp, .social-icon-style-4 a.whatsapp span, .social-icon-style-10 a.whatsapp span {background-color : #25D366}

.social-icon-style-1 a.vk, .social-icon-style-2 a.vk, .social-icon-style-3 a.vk, .social-icon-style-4 a.vk span, .social-icon-style-10 a.vk span {background-color : #4C6C91}

.social-icon-style-1 a.weibo, .social-icon-style-2 a.weibo, .social-icon-style-3 a.weibo, .social-icon-style-4 a.weibo span, .social-icon-style-10 a.weibo span {background-color : #FF9933}

.social-icon-style-1 a.odnoklassniki, .social-icon-style-2 a.odnoklassniki, .social-icon-style-3 a.odnoklassniki, .social-icon-style-4 a.odnoklassniki span, .social-icon-style-10 a.odnoklassniki span {background-color : #D7772D}

.social-icon-style-1 a.xing, .social-icon-style-2 a.xing, .social-icon-style-3 a.xing, .social-icon-style-4 a.xing span, .social-icon-style-10 a.xing span {background-color : #1A7576}

.social-icon-style-1 a.print, .social-icon-style-2 a.print, .social-icon-style-3 a.print, .social-icon-style-4 a.print span, .social-icon-style-10 a.print span {background-color : #222222}

.social-icon-style-1 a.blogger, .social-icon-style-2 a.blogger, .social-icon-style-3 a.blogger, .social-icon-style-4 a.blogger span, .social-icon-style-10 a.blogger span {background-color : #FF8000}

.social-icon-style-1 a.flipboard, .social-icon-style-2 a.flipboard, .social-icon-style-3 a.flipboard, .social-icon-style-4 a.flipboard span, .social-icon-style-10 a.flipboard span {background-color : #E12828}

.social-icon-style-1 a.meneame, .social-icon-style-2 a.meneame, .social-icon-style-3 a.meneame, .social-icon-style-4 a.meneame span, .social-icon-style-10 a.meneame span {background-color : #FF6400}

.social-icon-style-1 a.mailru, .social-icon-style-2 a.mailru, .social-icon-style-3 a.mailru, .social-icon-style-4 a.mailru span, .social-icon-style-10 a.mailru span {background-color : #168DE2}

.social-icon-style-1 a.delicious, .social-icon-style-2 a.delicious, .social-icon-style-3 a.delicious, .social-icon-style-4 a.delicious span, .social-icon-style-10 a.delicious span {background-color : #205CC0}

.social-icon-style-1 a.livejournal, .social-icon-style-2 a.livejournal, .social-icon-style-3 a.livejournal, .social-icon-style-4 a.livejournal span, .social-icon-style-10 a.livejournal span {background-color : #00B0EA}

/* social icon style */
.social-icon-style-6 a.facebook:hover {border-color : #3B5998; color : #3B5998}

.social-icon-style-6 a.twitter:hover {border-color : #00ACED; color : #00ACED}

.social-icon-style-6 a.google:hover {border-color : #DC4A38; color : #DC4A38}

.social-icon-style-6 a.dribbble:hover {border-color : #EA4C89; color : #EA4C89}

.social-icon-style-6 a.youtube:hover {border-color : #BB0000; color : #BB0000}

.social-icon-style-6 a.linkedin:hover {border-color : #0077B5; color : #0077B5}

.social-icon-style-6 a.instagram:hover {border-color : #FE1F49; color : #FE1F49}

.social-icon-style-6 a.pinterest:hover {border-color : #CB2027; color : #CB2027}

.social-icon-style-6 a.flickr:hover {border-color : #FF0084; color : #FF0084}

.social-icon-style-6 a.rss:hover {border-color : #F2890A; color : #F2890A}

.social-icon-style-6 a.behance:hover {border-color : #1769FF; color : #1769FF}

.social-icon-style-6 a.vine:hover {border-color : #00BF8F; color : #00BF8F}

.social-icon-style-6 a.email:hover {border-color : #7D7D7D; color : #7D7D7D}

.social-icon-style-6 a.sms:hover {border-color : #FFBD00; color : #FFBD00}

.social-icon-style-6 a.sharethis:hover {border-color : #95D03A; color : #95D03A}

.social-icon-style-6 a.reddit:hover {border-color : #FF4500; color : #FF4500}

.social-icon-style-6 a.tumblr:hover {border-color : #32506D; color : #32506D}

.social-icon-style-6 a.digg:hover {border-color : #262626; color : #262626}

.social-icon-style-6 a.stumbleupon:hover {border-color : #EB4924; color : #EB4924}

.social-icon-style-6 a.whatsapp:hover {border-color : #25D366; color : #25D366}

.social-icon-style-6 a.vk:hover {border-color : #4C6C91; color : #4C6C91}

.social-icon-style-6 a.weibo:hover {border-color : #FF9933; color : #FF9933}

.social-icon-style-6 a.odnoklassniki:hover {border-color : #D7772D; color : #D7772D}

.social-icon-style-6 a.xing:hover {border-color : #1A7576; color : #1A7576}

.social-icon-style-6 a.print:hover {border-color : #222222; color : #222222}

.social-icon-style-6 a.blogger:hover {border-color : #FF8000; color : #FF8000}

.social-icon-style-6 a.flipboard:hover {border-color : #E12828; color : #E12828}

.social-icon-style-6 a.meneame:hover {border-color : #FF6400; color : #FF6400}

.social-icon-style-6 a.mailru:hover {border-color : #168DE2; color : #168DE2}

.social-icon-style-6 a.delicious:hover {border-color : #205CC0; color : #205CC0}

.social-icon-style-6 a.livejournal:hover {border-color : #00B0EA; color : #00B0EA}

/* social icon style */
.social-icon-style-7 a.facebook:hover {border-color : #3B5998; background-color : #3B5998}

.social-icon-style-7 a.twitter:hover {border-color : #00ACED; background-color : #00ACED}

.social-icon-style-7 a.google:hover {border-color : #DC4A38; background-color : #DC4A38}

.social-icon-style-7 a.dribbble:hover {border-color : #EA4C89; background-color : #EA4C89}

.social-icon-style-7 a.youtube:hover {border-color : #BB0000; background-color : #BB0000}

.social-icon-style-7 a.linkedin:hover {border-color : #0077B5; background-color : #0077B5}

.social-icon-style-7 a.instagram:hover {border-color : #FE1F49; background-color : #FE1F49}

.social-icon-style-7 a.pinterest:hover {border-color : #CB2027; background-color : #CB2027}

.social-icon-style-7 a.flickr:hover {border-color : #FF0084; background-color : #FF0084}

.social-icon-style-7 a.rss:hover {border-color : #F2890A; background-color : #F2890A}

.social-icon-style-7 a.behance:hover {border-color : #1769FF; background-color : #1769FF}

.social-icon-style-7 a.vine:hover {border-color : #00BF8F; background-color : #00BF8F}

.social-icon-style-7 a.email:hover {border-color : #7D7D7D; background-color : #7D7D7D}

.social-icon-style-7 a.sms:hover {border-color : #FFBD00; background-color : #FFBD00}

.social-icon-style-7 a.sharethis:hover {border-color : #95D03A; background-color : #95D03A}

.social-icon-style-7 a.reddit:hover {border-color : #FF4500; background-color : #FF4500}

.social-icon-style-7 a.tumblr:hover {border-color : #32506D; background-color : #32506D}

.social-icon-style-7 a.digg:hover {border-color : #262626; background-color : #262626}

.social-icon-style-7 a.stumbleupon:hover {border-color : #EB4924; background-color : #EB4924}

.social-icon-style-7 a.whatsapp:hover {border-color : #25D366; background-color : #25D366}

.social-icon-style-7 a.vk:hover {border-color : #4C6C91; background-color : #4C6C91}

.social-icon-style-7 a.weibo:hover {border-color : #FF9933; background-color : #FF9933}

.social-icon-style-7 a.odnoklassniki:hover {border-color : #D7772D; background-color : #D7772D}

.social-icon-style-7 a.xing:hover {border-color : #1A7576; background-color : #1A7576}

.social-icon-style-7 a.print:hover {border-color : #222222; background-color : #222222}

.social-icon-style-7 a.blogger:hover {border-color : #FF8000; background-color : #FF8000}

.social-icon-style-7 a.flipboard:hover {border-color : #E12828; background-color : #E12828}

.social-icon-style-7 a.meneame:hover {border-color : #FF6400; background-color : #FF6400}

.social-icon-style-7 a.mailru:hover {border-color : #168DE2; background-color : #168DE2}

.social-icon-style-7 a.delicious:hover {border-color : #205CC0; background-color : #205CC0}

.social-icon-style-7 a.livejournal:hover {border-color : #00B0EA; background-color : #00B0EA}

/* icon like counter */
a.likes-count {padding : 0 15px; width : auto; border-radius : 30px !important;}

a.likes-count i {margin-right : 8px;}

a.likes-count span {position : relative; top : -1px}

/* icon hover effect style 1 */
.social-icon-style-1 a {text-align : center; display : inline-block; transition : all 400ms; -webkit-transition : all 400ms; -moz-transition : all 400ms; -ms-transition : all 400ms; -o-transition : all 400ms; color : #FFF}

.social-icon-style-1 a:hover {border-radius : 100%;}

/* icon hover effect style 2 */
.social-icon-style-2 a {text-align : center; display : inline-block; transition : all 400ms; -webkit-transition : all 400ms; -moz-transition : all 400ms; -ms-transition : all 400ms; -o-transition : all 400ms; border-radius : 100%; color : #FFF}

.social-icon-style-2 a:hover {border-radius : 0;}

/* icon hover effect style 3 */
.social-icon-style-3 a {text-align : center; display : inline-block; transition : all 400ms; -webkit-transition : all 400ms; -moz-transition : all 400ms; -ms-transition : all 400ms; -o-transition : all 400ms; border-radius : 100%; color : #FFF}

.social-icon-style-3 a:hover i {transition : transform 0.4s ease-out; -webkit-transition : transform 0.4s ease-out; -moz-transition : transform 0.4s ease-out; -ms-transition : transform 0.4s ease-out; -o-transition : transform 0.4s ease-out; transform : rotateZ(360deg); -webkit-transform : rotateZ(360deg); -moz-transform : rotateZ(360deg); -ms-transform : rotateZ(360deg); -o-transform : rotateZ(360deg);}

/* icon hover effect style 4 */
.social-icon-style-4 a {text-align : center; display : inline-block; border-radius : 100%; position : relative; border : 1px solid rgba(0, 0, 0, 0.1); color : #232323; text-align : center; z-index : 1;}

.social-icon-style-4 a:hover {color : #FFF;}

.social-icon-style-4 a span {border-radius : 0; display : block; height : 0; left : 50%; margin : 0; position : absolute; top : 50%; transition : all 0.3s; -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; width : 0;z-index : -1;}

.social-icon-style-4 a:hover span {width : 100%; height : 100%; border-radius : 100%; top : 0; left : 0;}

/* icon hover effect style 5 */
.social-icon-style-5 a {text-align : center; display : inline-block; color : #232323}

.social-icon-style-5 a:hover {color : #FFF; border-radius : 100%; background-color : var(--base-color)}

/* icon hover effect style 5 light*/
.social-icon-style-5-light a {text-align : center; display : inline-block;color : #FFF}

.social-icon-style-5-light a:hover {color : #FFF; border-radius : 100%; background-color : var(--base-color)}

/* icon hover effect style 6 */
.social-icon-style-6 a {text-align : center; display : inline-block;border : 1px solid rgba(0, 0, 0, 0.1);color : #232323; background-color : transparent; border-radius : 100%;}

.social-icon-style-6 a:hover {border-color : var(--base-color); color : var(--base-color); background-color : transparent;}

/* icon hover effect style 7 */
.social-icon-style-7 a {text-align : center; display : inline-block; border-radius : 100%; color : #232323; background-color : #FFF;}

.social-icon-style-7 a:hover {color : #FFF; -webkit-transform : scale(1.2); -ms-transform : scale(1.2); -moz-transform : scale(1.2); transform : scale(1.2); -o-transform : scale(1.2);}

/* icon hover effect style 8 */
.social-icon-style-8 ul li a {text-align : center; width : auto; height : auto}

.social-icon-style-8 a:hover {color : var(--base-color) !important;}

/* icon hover effect style 9 */
.social-icon-style-9 ul li a {text-align : center; width : auto; height : auto}

/* social icon style */
.social-icon-style-9 a.facebook:hover {color : #3B5998;}

.social-icon-style-9 a.twitter:hover {color : #00ACED;}

.social-icon-style-9 a.google:hover {color : #DC4A38;}

.social-icon-style-9 a.dribbble:hover {color : #EA4C89;}

.social-icon-style-9 a.youtube:hover {color : #BB0000;}

.social-icon-style-9 a.linkedin:hover {color : #007BB6;}

.social-icon-style-9 a.pinterest:hover {color : #CB2027}

.social-icon-style-9 a.email:hover {color : #7D7D7D}

.social-icon-style-9 a.sms:hover {color : #FFBD00}

.social-icon-style-9 a.sharethis:hover {color : #95D03A}

.social-icon-style-9 a.reddit:hover {color : #FF4500}

.social-icon-style-9 a.tumblr:hover {color : #32506D}

.social-icon-style-9 a.digg:hover {color : #262626}

.social-icon-style-9 a.stumbleupon:hover {color : #EB4924}

.social-icon-style-9 a.whatsapp:hover {color : #25D366}

.social-icon-style-9 a.vk:hover {color : #4C6C91}

.social-icon-style-9 a.weibo:hover {color : #FF9933}

.social-icon-style-9 a.odnoklassniki:hover {color : #D7772D}

.social-icon-style-9 a.xing:hover {color : #1A7576}

.social-icon-style-9 a.print:hover {color : #222222}

.social-icon-style-9 a.blogger:hover {color : #FF8000}

.social-icon-style-9 a.flipboard:hover {color : #E12828}

.social-icon-style-9 a.meneame:hover {color : #FF6400}

.social-icon-style-9 a.mailru:hover {color : #168DE2}

.social-icon-style-9 a.delicious:hover {color : #205CC0}

.social-icon-style-9 a.livejournal:hover {color : #00B0EA}

/* icon hover effect style 10 light */
.social-icon-style-10 {position : relative;}

.social-icon-style-10 a {text-align : center; display : inline-block; border-radius : 100%; position : relative; text-align : center}

.social-icon-style-10 a:hover {color : #FFF;}

.social-icon-style-10 a i {position : relative; z-index : 1;}

.social-icon-style-10 a span {border-radius : 0; display : block; height : 0; left : 50%; margin : 0; position : absolute; top : 50%; transition : all 0.3s; -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; width : 0;}

.social-icon-style-10 a:hover span {width : 100%; height : 100%; border-radius : 100%; top : 0; left : 0;}

/* social icon style */
.social-icon-style-11 {position : relative;}

.social-icon-style-11 a {text-align : center; display : inline-block; border-radius : 100%; position : relative; text-align : center}

.social-icon-style-11 a.facebook {color : #3B5998}

.social-icon-style-11 a.twitter {color : #00ACED}

.social-icon-style-11 a.google {color : #DC4A38}

.social-icon-style-11 a.dribbble {color : #EA4C89}

.social-icon-style-11 a.youtube {color : #BB0000}

.social-icon-style-11 a.linkedin {color : #0077B5}

.social-icon-style-11 a.instagram {color : #FE1F49}

.social-icon-style-11 a.pinterest {color : #CB2027}

.social-icon-style-11 a.flickr {color : #FF0084}

.social-icon-style-11 a.rss {color : #F2890A}

.social-icon-style-11 a.behance {color : #1769FF}

.social-icon-style-11 a.vine {color : #00BF8F}

.social-icon-style-11 a.email {color : #7D7D7D}

.social-icon-style-11 a.sms {color : #FFBD00}

.social-icon-style-11 a.sharethis {color : #95D03A}

.social-icon-style-11 a.reddit {color : #FF4500}

.social-icon-style-11 a.tumblr {color : #32506D}

.social-icon-style-11 a.digg {color : #262626}

.social-icon-style-11 a.stumbleupon {color : #EB4924}

.social-icon-style-11 a.whatsapp {color : #25D366}

.social-icon-style-11 a.vk {color : #4C6C91}

.social-icon-style-11 a.weibo {color : #FF9933}

.social-icon-style-11 a.odnoklassniki {color : #D7772D}

.social-icon-style-11 a.xing {color : #1A7576}

.social-icon-style-11 a.print {color : #222222}

.social-icon-style-11 a.blogger {color : #FF8000}

.social-icon-style-11 a.flipboard {color : #E12828}

.social-icon-style-11 a.meneame {color : #FF6400}

.social-icon-style-11 a.mailru {color : #168DE2}

.social-icon-style-11 a.delicious {color : #205CC0}

.social-icon-style-11 a.livejournal {color : #00B0EA}

.social-icon-style-11 a:hover {color : #FFF;}

footer .small-icon li {margin : 0 8px;}

/* country flag icon */
.icon-country {width : 16px; height : 16px; display : inline-block; margin : 0 10px 0 5px; vertical-align : middle;}

.icon-country.usa {background : url("../images/country-flag-16X16/usa.png")}

.icon-country.england {background : url("../images/country-flag-16X16/england.png")}

.icon-country.china {background : url("../images/country-flag-16X16/china.png")}

.icon-country.hong-kong {background : url("../images/country-flag-16X16/hong-kong.png")}

.icon-country.france {background : url("../images/country-flag-16X16/france.png")}

/* ===================================
    18. Magnific popup
====================================== */

.mfp-bg, .my-mfp-zoom-in.mfp-ready.mfp-bg, .my-mfp-slide-bottom.mfp-ready.mfp-bg {background : #000; opacity : 0.93;}

.mfp-bg, .mfp-wrap {z-index : 10007}

#popup-form {cursor : default;}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {color : #FFF; background : transparent}

.mfp-iframe-scaler iframe {box-shadow : none;}

.mfp-iframe-holder .mfp-content {max-width : 1020px;}

.mfp-close, .mfp-close:active {opacity : 1; background-color : transparent; color : #FFF; right : 30px; top : 30px;}

.modal-popup-main .mfp-close, .modal-popup-main .mfp-close:active {right : 0; top : 0;}

.portfolio-gallery a {position : relative; display : block}

/* metro gallery */
.metro-gallery.hover-option10 .grid-item figure .portfolio-icon {margin-bottom : 0;}

/* justify-gallery */
.justify-hover-icon {position : absolute;height : 100%; width : 100%; background : rgba(0, 0, 0, 0.6); top : 0; left : 0; text-align : center; opacity : 0;}

.justify-hover-icon .ti-zoom-in {font-size : 24px; position : absolute; top : 50%; left : 0; right : 0; -webkit-transform : translateY(100%);-ms-transform : translateY(100%);transform : translateY(100%);}

.justify-gallery-content:hover .justify-hover-icon .ti-zoom-in {-webkit-transform : translateY(-50%);-ms-transform : translateY(-50%);transform : translateY(-50%);}

.justify-gallery-content:hover .justify-hover-icon {opacity : 1}

.mfp-arrow-right:after, .mfp-arrow-left:after {display : none}

.mfp-arrow-right:before, .mfp-arrow-left:before {width : initial; height : initial; position : initial; left : initial; top : initial; border : initial;}

.mfp-arrow-right:before {border-left : none; content : "\e628"; font-size : 2em; font-family : 'themify'; color : #FFF;}

.mfp-arrow-left:before {border-right : none; content : "\e629"; font-size : 2em; font-family : 'themify'; color : #FFF;}

.mfp-bottom-bar {margin-top : -24px; font-size : 12px}

.mfp-close {font-size : 36px; font-family : 'Montserrat', sans-serif; font-weight : 500}

.mfp-arrow-left {left : 10px;}

.mfp-arrow-right {right : 10px;}

.left-nav-sidebar .mfp-arrow-left {left : 90px;}

.left-nav-sidebar .mfp-container {padding-left : 90px;}

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

@-moz-keyframes fadeIn {
    0% {opacity : 0;}
    100% {opacity : 1;}
}

@-o-keyframes fadeIn {
    0% {opacity : 0;}
    100% {opacity : 1;}
}

@keyframes fadeIn {
    0% {opacity : 0;}
    100% {opacity : 1;}
}

.mfp-figure {-webkit-animation-name : fadeIn; -moz-animation-name : fadeIn; -o-animation-name : fadeIn; -ms-animation-name : fadeIn; animation-name : fadeIn; -webkit-animation-duration : .4s; -moz-animation-duration : .4s; -ms-animation-duration : .4s; -o-animation-duration : .4s; animation-duration : .4s; -webkit-animation-fill-mode : both; -moz-animation-fill-mode : both; -ms-animation-fill-mode : both; -o-animation-fill-mode : both; animation-fill-mode : both; webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden;}

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {opacity : 0; -webkit-transition : all 0.3s ease-in-out; -moz-transition : all 0.3s ease-in-out; -o-transition : all 0.3s ease-in-out; -ms-transition : all 0.3s ease-in-out; transition : all 0.3s ease-in-out; -webkit-transform : scale(0.8); -moz-transform : scale(0.8); -ms-transform : scale(0.8); -o-transform : scale(0.8); transform : scale(0.8);}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {opacity : 1; -webkit-transform : scale(1); -moz-transform : scale(1); -ms-transform : scale(1); -o-transform : scale(1); transform : scale(1);}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {-webkit-transform : scale(0.8); -moz-transform : scale(0.8); -ms-transform : scale(0.8); -o-transform : scale(0.8); transform : scale(0.8); opacity : 0;}

/* dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {opacity : 0; -webkit-transition : opacity 0.3s ease-out; -moz-transition : opacity 0.3s ease-out; -o-transition : opacity 0.3s ease-out; -ms-transition : opacity 0.3s ease-out; transition : opacity 0.3s ease-out;}

/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {opacity : 0;}

/* fade move animation for second dialog */
.my-mfp-slide-bottom .zoom-anim-dialog {opacity : 0; -webkit-transition : all 0.3s ease-out; -moz-transition : all 0.3s ease-out; -o-transition : all 0.3s ease-out; transition : all 0.3s ease-out; -webkit-transform : translateY(-20px) perspective(600px) rotateX(10deg); -moz-transform : translateY(-20px) perspective(600px) rotateX(10deg); -ms-transform : translateY(-20px) perspective(600px) rotateX(10deg); -o-transform : translateY(-20px) perspective(600px) rotateX(10deg); -ms-transform : translateY(-20px) perspective(600px) rotateX(10deg); transform : translateY(-20px) perspective(600px) rotateX(10deg);}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {opacity : 1; -webkit-transform : translateY(0) perspective(600px) rotateX(0); -moz-transform : translateY(0) perspective(600px) rotateX(0); -ms-transform : translateY(0) perspective(600px) rotateX(0); -o-transform : translateY(0) perspective(600px) rotateX(0); transform : translateY(0) perspective(600px) rotateX(0);}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {opacity : 0; -webkit-transform : translateY(-10px) perspective(600px) rotateX(10deg); -moz-transform : translateY(-10px) perspective(600px) rotateX(10deg); -ms-transform : translateY(-10px) perspective(600px) rotateX(10deg); -o-transform : translateY(-10px) perspective(600px) rotateX(10deg); transform : translateY(-10px) perspective(600px) rotateX(10deg);}

/* dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {opacity : 0;-webkit-transition : opacity 0.3s ease-out; -moz-transition : opacity 0.3s ease-out; -o-transition : opacity 0.3s ease-out; -ms-transition : opacity 0.3s ease-out; transition : opacity 0.3s ease-out;}

/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {opacity : 0;}

/* simple fade transition */
.mfp-fade.mfp-bg {opacity : 0; -webkit-transition : all 0.3s ease-out; -moz-transition : all 0.3s ease-out; -ms-transition : all 0.3s ease-out; -o-transition : all 0.3s ease-out; transition : all 0.3s ease-out;}

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

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

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

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

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

/* grid */
.show-grid [class^="col-"] {background-color : #F5F5F5; border : 1px solid rgba(0, 0, 0, 0.2); margin-bottom : 15px; padding : 10px 0; text-align : center;}

/* message box */
.alert-dismissable .close, .alert-dismissible .close {top : 0}

.alert-dismissible .btn-close {height : 100%; background-size : 10px; padding-top : 0; padding-bottom : 0; outline : none;}

.alert-dismissible .btn-close:focus {box-shadow : none;}

/* ===================================
    19. Header
====================================== */
.side-left-menu-close {display : none; position : fixed; top : 0; right : 0; height : 100%;}

/* header icon */
.header-searchbar {border-left : 1px solid rgba(0, 0, 0, .15); padding-left : 15px; display : inline-block; line-height : 15px; position : relative;}

.header-social-icon {border-left : 1px solid rgba(0, 0, 0, 0.15); padding-left : 15px; margin-left : 12px; display : inline-block; line-height : 15px; position : relative;}

.heder-menu-button {display : inline-block; line-height : 14px; padding-left : 5px; position : relative;}

nav.navbar.bootsnav .heder-menu-button .navbar-toggler {float : none; padding : 0; margin-top : 0; margin-bottom : 0; top : 4px}

.navbar-nav > li.dropdown .dropdown-toggle::after {display : none;}

.navbar-toggler .icon-bar {display : block; width : 22px; height : 2px; border-radius : 1px;}

.navbar-toggler .icon-bar + .icon-bar {margin-top : 4px;}

.navbar-toggler:focus {box-shadow : none;}

.white-link .header-searchbar, .white-link .header-social-icon {border-left : 1px solid rgba(255, 255, 255, .15);}

.header-social-icon a {color : #232323}

.header-social-icon a i, .header-searchbar a i {margin : 0 11px;}

.header-searchbar a i {position : relative;}

.search-icon {padding-right : 10px;}

.header-social-icon a:last-child i {margin-right : 0;}

/* menu center */
.menu-center .header-right {flex : 1 2 auto;}

.navbar-collapse {padding-left : 0; padding-right : 0; min-height : 0px;}

/* menu center logo */
.menu-logo-center .navbar-left > li {float : none; display : inline-block; vertical-align : middle;}

header nav.menu-logo-center .navbar-nav > li > a {margin : 0 20px;}

header nav.menu-logo-center .navbar-nav > li:last-child a {margin-right : 20px}

/* default pionter cursor */
header nav.navbar a:not([href]):not([tabindex]):focus, header nav.navbar a:not([href]):not([tabindex]):hover {cursor : pointer;}

/* header navigation color and logo */
header nav.navbar .navbar-nav > li > a, nav.navbar.bootsnav ul.nav > li > a {color : #232323; cursor : pointer;}

header nav.navbar.white-link .navbar-nav > li > a, nav.navbar.bootsnav.white-link ul.nav > li > a,
header nav.navbar.white-link .header-social-icon a, nav.navbar.bootsnav.white-link .header-social-icon a,
header nav.navbar.white-link .header-searchbar a, nav.navbar.bootsnav.white-link .header-searchbar a,
header nav.navbar.bootsnav ul.nav.white-link > li > a, nav.navbar.white-link .heder-menu-button a {color : #FFF}

header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li > a,
header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .header-searchbar a,
header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .header-social-icon a,
header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li > a,
header.sticky nav.navbar-fixed-top.header-light.white-link .header-searchbar a,
header.sticky nav.navbar-fixed-top.header-light.white-link .header-social-icon a,
header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a,
header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a {color : #232323}

header .logo .logo-dark, header .logo .logo-light {visibility : hidden; opacity : 0; width : 0; transition-duration : 0.5s; -webkit-transition-duration : 0.5s; -moz-transition-duration : 0.5s; -ms-transition-duration : 0.5s; -o-transition-duration : 0.5s;}

header .logo .logo-dark.default, header .logo .logo-light.default {visibility : visible; opacity : 1; width : auto; transition-duration : 0.5s; -webkit-transition-duration : 0.5s; -moz-transition-duration : 0.5s; -ms-transition-duration : 0.5s; -o-transition-duration : 0.5s;}

header.sticky nav.header-dark-transparent .logo .logo-light, header.sticky nav.header-dark .logo .logo-light {visibility : visible; opacity : 1; width : auto; transition-duration : 0.5s; -webkit-transition-duration : 0.5s; -moz-transition-duration : 0.5s; -ms-transition-duration : 0.5s; -o-transition-duration : 0.5s;}

header.sticky nav.header-dark-transparent .logo .logo-dark, header.sticky nav.header-dark .logo .logo-dark {visibility : hidden; opacity : 0; width : 0; transition-duration : 0.5s; -webkit-transition-duration : 0.5s; -moz-transition-duration : 0.5s; -ms-transition-duration : 0.5s; -o-transition-duration : 0.5s;}

header.sticky nav.header-light-transparent .logo .logo-dark, header.sticky nav.header-light .logo .logo-dark {visibility : visible; opacity : 1; width : auto; transition-duration : 0.5s; -webkit-transition-duration : 0.5s; -moz-transition-duration : 0.5s; -ms-transition-duration : 0.5s; -o-transition-duration : 0.5s;}

header.sticky nav.header-light-transparent .logo .logo-light, header.sticky nav.header-light .logo .logo-light {visibility : hidden; opacity : 0; width : 0; transition-duration : 0.5s; -webkit-transition-duration : 0.5s; -moz-transition-duration : 0.5s; -ms-transition-duration : 0.5s; -o-transition-duration : 0.5s;}

.navbar-top-scroll {position : absolute; top : 0; z-index : 5;}

header.sticky nav.navbar-top-scroll {background-color : inherit;}

header a.logo {display : inline-block; vertical-align : middle;}

header a.logo img {max-height : 26px;}

header .left-nav .sidebar-part1 a.logo img {max-height : inherit;}

.logo-holder img {max-height : 26px;}

/* header animation */
.navbar-top {position : fixed;top : 0; left : 0; right : 0; transition-duration : 0.3s; -webkit-transition-duration : 0.3s; -moz-transition-duration : 0.3s; -ms-transition-duration : 0.3s; -o-transition-duration : 0.3s;}

.sticky .navbar-top {top : -160px; transition-duration : 0.3s; -webkit-transition-duration : 0.3s; -moz-transition-duration : 0.3s; -ms-transition-duration : 0.3s; -o-transition-duration : 0.3s;}

.sticky.header-appear .navbar-top.navbar-transparent-no-sticky, .sticky.header-appear .navbar-fixed-top.navbar-transparent-no-sticky {top : -160px; transition-duration : 0.3s; -webkit-transition-duration : 0.3s; -moz-transition-duration : 0.3s; -ms-transition-duration : 0.3s; -o-transition-duration : 0.3s;}

.sticky.header-appear .navbar-top {top : 0; transition-duration : 0.3s; -webkit-transition-duration : 0.3s; -moz-transition-duration : 0.3s; -ms-transition-duration : 0.3s; -o-transition-duration : 0.3s;}

header .bootsnav .dropdown .animated {-webkit-animation-duration : 0.3s; -moz-animation-duration : 0.3s; -ms-animation-duration : 0.3s; -o-animation-duration : 0.3s; animation-duration : 0.3s; -webkit-animation-fill-mode : both; -moz-animation-fill-mode : both; -ms-animation-fill-mode : both; -o-animation-fill-mode : both; animation-fill-mode : both;}

nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown > ul:before {position : absolute; height : calc(100% + 20px); width : 100%; display : block;content : "";}

header.sticky .navbar-scroll-fixed-top {position : fixed; top : 0; width : 100%; left : 0; transition-duration : 0.3s; -webkit-transition-duration : 0.3s; -moz-transition-duration : 0.3s; -ms-transition-duration : 0.3s; -o-transition-duration : 0.3s;}

header.sticky .navbar-scroll-top {position : fixed; top : -120px; width : 100%; left : 0; transition-duration : 0s; -webkit-transition-duration : 0s; -moz-transition-duration : 0s; -ms-transition-duration : 0s; -o-transition-duration : 0s;}

header.sticky.header-appear .navbar-scroll-top {top : 0; transition-duration : 0.3s; -webkit-transition-duration : 0.3s; -moz-transition-duration : 0.3s; -ms-transition-duration : 0.3s; -o-transition-duration : 0.3s;}

/* navigation */
header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li > a:hover, header.header-appear nav.bootsnav.header-light .navbar-nav > li > a:hover, header.header-appear nav.header-light-transparent .header-social-icon a:hover, header.header-appear nav.header-light .header-social-icon a:hover, header.header-appear nav.header-light.white-link .header-social-icon a:hover, header.header-appear nav.header-light-transparent.white-link .header-social-icon a:hover, header.header-appear nav.header-light-transparent.white-link .heder-menu-button a:hover, header.header-appear nav.header-light-transparent .header-searchbar a:hover, header.header-appear nav.header-light .header-searchbar a:hover, header.header-appear nav.header-light.white-link .header-searchbar a:hover, header.header-appear nav.header-light-transparent.white-link .header-searchbar a:hover, header nav.navbar .navbar-nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover, .header-search-form:hover, .header-social-icon a:hover {color : rgba(0, 0, 0, 0.6)}

header nav.navbar.white-link .navbar-nav > li > a:hover, nav.navbar.bootsnav.white-link ul.nav > li > a:hover, header nav.navbar.white-link .header-social-icon a:hover, nav.navbar.bootsnav.white-link .header-social-icon a:hover, header nav.navbar.white-link .header-searchbar a:hover, nav.navbar.bootsnav.white-link .header-searchbar a:hover, header nav.navbar.bootsnav ul.nav.white-link > li > a:hover, header.header-appear nav.header-dark-transparent .navbar-nav > li > a:hover, header.header-appear nav.header-dark .navbar-nav > li > a:hover, header.sticky nav.header-dark .navbar-nav > li > a:hover, header.sticky nav.header-dark-transparent .navbar-nav > li > a:hover, header.header-appear nav.header-dark-transparent .search-button:hover, header.header-appear nav.header-dark .search-button:hover, header.sticky nav.header-dark .search-button:hover, header.sticky nav.header-dark-transparent .search-button:hover {color : rgba(255, 255, 255, 0.6)}

header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .header-searchbar a:hover, header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .header-social-icon a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .header-searchbar a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .header-social-icon a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a:hover {color : rgba(0, 0, 0, 0.6)}

.navbar-nav > li > a {line-height : 20px;}

header.sticky nav.navbar.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar.bootsnav.white-link ul.nav > li > a:hover {color : rgba(0, 0, 0, 0.6);}

header.sticky nav.navbar.header-dark.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar.bootsnav.header-dark.white-link ul.nav > li > a:hover, header.sticky nav.header-dark .header-social-icon a:hover {color : rgba(255, 255, 255, 0.6);}

header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li.active > a, header.header-appear nav.bootsnav.header-light .navbar-nav > li.active > a, header nav.navbar .navbar-nav > li.active > a, nav.navbar.bootsnav ul.nav > li.active > a {color : rgba(0, 0, 0, 0.6)}

header nav.navbar.white-link .navbar-nav > li.active > a, nav.navbar.bootsnav.white-link ul.nav > li.active > a, header nav.navbar.bootsnav ul.nav.white-link > li.active > a, header.header-appear nav.header-dark-transparent .navbar-nav > li.active > a, header.header-appear nav.header-dark .navbar-nav > li.active > a, header.sticky nav.header-dark .navbar-nav > li.active > a, header.sticky nav.header-dark-transparent .navbar-nav > li.active > a, header.sticky nav.navbar.bootsnav.header-dark-transparent.white-link .navbar-nav > li.active > a {color : rgba(255, 255, 255, 0.6)}

header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li.active > a, header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li.active > a {color : rgba(0, 0, 0, 0.6)}

header.sticky nav.navbar.white-link .navbar-nav > li.active > a, header.sticky nav.navbar.bootsnav.white-link ul.nav > li.active > a {color : rgba(0, 0, 0, 0.6);}

header.sticky nav.navbar.header-dark.white-link .navbar-nav > li.active > a, header.sticky nav.navbar.bootsnav.header-dark.white-link ul.nav > li.active > a {color : rgba(255, 255, 255, 0.6);}

header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li > a.active, header.header-appear nav.bootsnav.header-light .navbar-nav > li > a.active, header nav.navbar .navbar-nav > li > a.active, nav.navbar.bootsnav ul.nav > li > a.active {color : rgba(0, 0, 0, 0.6)}

header nav.navbar.white-link .navbar-nav > li > a.active, nav.navbar.bootsnav.white-link ul.nav > li > a.active, header nav.navbar.bootsnav ul.nav.white-link > li > a.active, header.header-appear nav.header-dark-transparent .navbar-nav > li > a.active, header.header-appear nav.header-dark .navbar-nav > li > a.active, header.sticky nav.header-dark .navbar-nav > li > a.active, header.sticky nav.header-dark-transparent .navbar-nav > li > a.active {color : rgba(255, 255, 255, 0.6)}

header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li > a.active, header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li > a.active {color : rgba(0, 0, 0, 0.6)}

header.sticky nav.navbar.white-link .navbar-nav > li > a.active, header.sticky nav.navbar.bootsnav.white-link ul.nav > li > a.active {color : rgba(0, 0, 0, 0.6);}

header.sticky nav.navbar.header-dark.white-link .navbar-nav > li > a.active, header.sticky nav.navbar.bootsnav.header-dark.white-link ul.nav > li > a.active {color : rgba(255, 255, 255, 0.6);}

header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li.dropdown.on > a, header.header-appear nav.bootsnav.header-light .navbar-nav > li.dropdown.on > a, header nav.navbar .navbar-nav > li.dropdown.on > a, nav.navbar.bootsnav ul.nav > li.dropdown.on > a {color : rgba(0, 0, 0, 0.6)}

header nav.navbar.white-link .navbar-nav > li.dropdown.on > a, nav.navbar.bootsnav.white-link ul.nav > li.dropdown.on > a, header nav.navbar.bootsnav ul.nav.white-link > li.dropdown.on > a, header.header-appear nav.header-dark-transparent .navbar-nav > li.dropdown.on > a, header.header-appear nav.header-dark .navbar-nav > li.dropdown.on > a, header.sticky nav.header-dark .navbar-nav > li.dropdown.on > a, header.sticky nav.header-dark-transparent .navbar-nav > li.dropdown.on > a {color : rgba(255, 255, 255, 0.6)}

header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li.dropdown.on > a, header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li.dropdown.on > a {color : rgba(0, 0, 0, 0.6)}

header.sticky nav.navbar.white-link .navbar-nav > li.dropdown.on > a, header.sticky nav.navbar.bootsnav.white-link ul.nav > li.dropdown.on > a {color : rgba(0, 0, 0, 0.6);}

header.sticky nav.navbar.header-dark.white-link .navbar-nav > li.dropdown.on > a, header.sticky nav.navbar.bootsnav.header-dark.white-link ul.nav > li.dropdown.on > a {color : rgba(255, 255, 255, 0.6);}

header {width : 100%; z-index : 99;}

.header-with-topbar .top-header-area {font-size : 11px; position : fixed; top : 0; z-index : 10005; width : 100%; transition : ease-in-out 0.3s; -webkit-transition : ease-in-out 0.3s; -moz-transition : ease-in-out 0.3s; -ms-transition : ease-in-out 0.3s; -o-transition : ease-in-out 0.3s;}

.sticky.header-with-topbar .top-header-area {top : -45px}

.sticky.header-with-topbar.fixed-topbar .top-header-area {top : 0}

.navbar-fixed-top {position : fixed; top : 0; right : 0; left : 0; z-index : 1030;}

.navbar-form.search-box {display : inline-block; margin-top : 8px; margin-bottom : 8px;}

header .top-header-area .icon-social-very-small a:last-child i {margin-right : 0;}

header nav .row {height : auto; padding : 0;}

header nav.navbar [class*="col-"], header nav.navbar [class^=" col-"] {padding-left : 15px; padding-right : 15px;}

header nav.navbar {border-radius : 0; padding : 0;}

header nav.navbar-default, nav.navbar.bootsnav {border-bottom : 0;}

header nav {width : 100%; top : 0px; z-index : 99; margin-bottom : 0;}

header nav .nav-header-container {position : relative;}

header nav .navbar-nav > li > a {color : #232323; font-size : 12px; font-weight : 800; margin : 0 20px; padding : 5px 0px 5px; text-transform : uppercase; letter-spacing : 0.015em;}

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

header nav .navbar-nav > li:last-child a {margin-right : 0;}

.navbar-fixed-bottom, .navbar-fixed-top {z-index : 9999}

header nav.navbar-default .navbar-nav > li > a:hover, header nav.navbar-default .navbar-nav > li > a:focus, header nav.navbar-default .navbar-nav > li.active > a {border-bottom-color : #232323}

header nav .navbar-nav.text-normal > li > a {font-weight : 600; font-size : 12px}

.navbar-nav > li {position : inherit;}

.navbar-nav > li.dropdown > .fas, .navbar-nav > li.dropdown > .fa-solid {display : none}

.navbar-nav > li ul {margin : 0; padding : 0;}

.navbar-toggler {border-radius : 0; margin-right : 0;float : right; border : none;}

.mobile-toggle {display : block}

nav.navbar.bootsnav .navbar-toggle {top : 2px;}

.sidebar-nav .mobile-toggle {display : none}

.mobile-toggle span {display : block; width : 16px; height : 2px; background : #232323; content : "";}

.mobile-toggle span:nth-child(2) {margin : 3px 0px;}

.mobile-toggle:hover span, .white-link .mobile-toggle:hover span {background-color : red}

.white-link .mobile-toggle span {background : #FFF;}

header nav .brand-logo {padding-top : 20px; padding-bottom : 20px;}

header.sticky nav .brand-logo {padding-top : 15px; padding-bottom : 15px;}

header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a {padding : 20px 0 20px;}

/* mega menu */
nav .accordion-menu {position : initial !important;}

nav.navbar.bootsnav li.dropdown ul li {list-style : none; padding : 0;}

nav.navbar.bootsnav li.dropdown .mega-menu-full {width : 100%; box-sizing : border-box; background : rgba(35, 35, 35, 1); padding : 45px 50px; box-shadow : none; border-radius : 0; border : 0; margin-top : 0;}

nav.navbar.bootsnav li.dropdown .mega-menu-full ul {margin : 0; list-style : none;}

nav.navbar.bootsnav li.dropdown .menu-back-div > ul {margin : 0 auto; width : 1070px; display : flex; flex-wrap : wrap; background : rgba(35, 35, 35, 1);}

nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li.dropdown-header {color : #FFF; display : inline-block; font-size : 11px; font-weight : 600; margin-bottom : 8px; white-space : inherit; padding : 0 40px; border-bottom : none; text-transform : uppercase; line-height : 1.42857143;}

nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a {text-align : left; font-size : 12px; color : #9D9D9D; padding : 3px 40px; text-transform : capitalize; margin : 0; display : block; position : relative; overflow : hidden; left : 0}

nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li.mega-menu-column:first-child a, nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li.mega-menu-column:first-child .dropdown-header {padding-left : 0;}

nav.navbar.bootsnav li.dropdown.megamenu-fw .icon-list-menu li > a > i {font-size : 14px; vertical-align : middle; width : 24px; display : inline-block;}

nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li {border-right : 1px solid rgba(255, 255, 255, 0.05);}

nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li:last-child {border : 0;}

nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li:last-child img {padding-left : 40px; background-size : cover; background-position : bottom right;}

nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li > ul {margin-top : 18px;}

nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li > ul:first-child {margin-top : 0;}

nav.navbar.bootsnav li.dropdown .megamenu-fw .icon-list-menu li > a > i {font-size : 14px;vertical-align : middle;width : 24px;}

nav.navbar.navbar-default ul li.dropdown .dropdown-menu .mega-menu-column li > a.menu-banner-image, nav.navbar.navbar-default ul li.dropdown .dropdown-menu .mega-menu-column li > a:hover.menu-banner-image {left : 0; padding : 0; margin-bottom : 20px}

nav.navbar.navbar-default ul li.dropdown .dropdown-menu .mega-menu-column li:last-child > a.menu-banner-image {margin-bottom : 0;}

/* header center logo */
.nav-left, .nav-right, .nav-center {display : table-cell; vertical-align : middle; width : 33.33%}

header nav .justify-content-center .navbar-nav > li:last-child a {margin-right : 20px;}

.social-icon a {margin : 0 15px;}

.social-icon a:first-child {margin-left : 0;}

.social-icon a:last-child {margin-right : 0;}

header nav.nav-center-logo .row {min-height : 0; height : auto}

header nav.nav-center-logo .row {display : block;}

header nav.nav-center-logo .row > div:first-child {flex : none;}

.nav-center-logo .navbar-nav > li {float : none; display : inline-block; vertical-align : middle;}

.nav-center-logo .navbar-nav > li > a {display : flex}

.nav-center-logo .navbar-left {margin-left : -15px;}

.nav-center-logo .navbar-left li:first-child a {margin-left : 0;}

nav.nav-center-logo.navbar.bootsnav li.dropdown ul.dropdown-menu, nav.bootsnav.brand-center ul.nav > li.dropdown > ul.dropdown-menu {margin-top : 0px;}

.center-logo {left : 50%; position : absolute; margin-top : -14px; top : 50%; text-align : center; transform : translateX(-50%); z-index : 1; max-width : 20%}

nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a {text-align : left}

header nav.navbar-fixed .nav-header-container {width : 100%; float : left;}

header .menu-logo-center .navbar-nav > li.social-links {padding : 26px 0;}

header.sticky .menu-logo-center .navbar-nav > li.social-links {padding : 20px 0;}

/* top logo */
.navbar.navbar-brand-top > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-left : 0;}

.navbar-brand-top .navbar-brand {height : auto;}

nav.navbar-brand-top.navbar.navbar-default ul.nav > li > a {padding : 20px 0;}

.navbar-brand-top .navbar-collapse.collapse {flex-grow : inherit;}

/* center navigation */
.center-nav {float : none; text-align : center}

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

nav.navbar.bootsnav.menu-center ul.nav.navbar-center {display : table; float : none; margin : 0 auto; table-layout : fixed;}

/* simple dropdown menu */
.simple-dropdown.dropdown {position : relative;}

.simple-dropdown .dropdown-menu {position : absolute; left : 0; background : rgba(35, 35, 35, 1); min-width : 220px; padding : 13px 0 15px; box-shadow : none;}

nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li {padding-left : 28px; padding-right : 28px;}

.simple-dropdown .dropdown-menu > li > a {font-size : 12px; color : #9D9D9D;}

.simple-dropdown .dropdown-menu > li a {padding : 9px 0 7px; overflow : hidden; position : relative; left : 0; font-weight : 500; display : block; line-height : 1.42857143;}

.simple-dropdown .dropdown-menu > li a:hover {background-color : #000; color : #FFF;}

.simple-dropdown .dropdown-menu > li > a.dropdown-toggle .fas, nav.navbar.bootsnav.sidebar-nav .nav.navbar-left-sidebar li.dropdown > a > .fas, .simple-dropdown .dropdown-menu > li > a.dropdown-toggle .fa-solid, nav.navbar.bootsnav.sidebar-nav .nav.navbar-left-sidebar li.dropdown > a > .fa-solid {position : absolute; right : 0; font-size : 10px; margin-top : 0; height : 20px; width : 20px; line-height : 20px; text-align : center; top : 50%; transform : translateY(-50%); -webkit-transform : translateY(-50%); -moz-transform : translateY(-50%); -o-transform : translateY(-50%); -ms-transform : translateY(-50%);}

nav.navbar.bootsnav.sidebar-nav .nav.navbar-left-sidebar li a .fas, nav.navbar.bootsnav.sidebar-nav .nav.navbar-left-sidebar li a .fa-solid {font-size : 16px;}

nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown > ul, nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown > ul > li.dropdown > ul {background : rgba(35, 35, 35, 1); display : none; left : 220px; margin : -13px 0 0 1px; min-width : 220px; white-space : nowrap; position : absolute; top : 0; padding : 13px 0; font-weight : 500; text-transform : capitalize;}

.simple-dropdown .dropdown-menu > li.dropdown > ul li a {color : #9D9D9D; font-size : 12px; line-height : 18px; font-weight : 500;}

nav.navbar.bootsnav.navbar-default li.dropdown.simple-dropdown > ul.dropdown-menu > li.active > a {color : #FFF;}

/* light transparent navigation */
header.header-appear nav.header-light-transparent, header.sticky nav.navbar-fixed-top.header-light-transparent, header.sticky nav.navbar-scroll-fixed-top.header-light-transparent {background : rgba(255, 255, 255, 0.95); box-shadow : 0 0 35px rgba(0, 0, 0, 0.1);}

header.header-appear nav.header-light-transparent .separator-line-verticle-small, header.header-appear nav.header-light .separator-line-verticle-small {background : rgba(0, 0, 0, 0.4)}

header.header-appear nav.header-light-transparent .header-social-icon a, header.header-appear nav.header-light .header-social-icon a, header.header-appear nav.header-light.white-link .header-social-icon a, header.header-appear nav.header-light-transparent.white-link .header-social-icon a, header.header-appear nav.header-light-transparent.white-link .heder-menu-button a, header.header-appear nav.header-light-transparent .header-searchbar a, header.header-appear nav.header-light .header-searchbar a, header.header-appear nav.header-light.white-link .header-searchbar a, header.header-appear nav.header-light-transparent.white-link .header-searchbar a {color : #232323}

header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li > a, header.header-appear nav.bootsnav.header-light .navbar-nav > li > a {color : #232323;}

header.header-appear nav.header-light-transparent .header-searchbar, header.header-appear.header-light-transparent .header-social-icon, header.header-appear nav.header-light .header-searchbar, header.header-appear nav.header-light-transparent.white-link .header-social-icon, header.sticky nav.header-light-transparent .header-searchbar, header.sticky nav.header-light-transparent .header-social-icon, header.sticky nav.header-light .header-searchbar, header.sticky nav.header-light .header-social-icon {border-left : 1px solid rgba(0, 0, 0, 0.25);}

header.header-appear nav.nav-fixed-top.header-light-transparent.white-link .navbar-nav > li > a, header.header-appear nav.nav-fixed-top.header-light-transparent.white-link .header-social-icon a, header.header-appear nav.nav-fixed-top.header-light-transparent.white-link .header-searchbar a, header.header-appear nav.nav-scroll-fixed-top.header-light-transparent.white-link .navbar-nav > li > a, header.header-appear nav.nav-scroll-fixed-top.header-light-transparent.white-link .header-social-icon a, header.header-appear nav.nav-scroll-fixed-top.header-light-transparent.white-link .header-searchbar a {color : #232323}

header.sticky nav.header-light-transparent .heder-menu-button .mobile-toggle span, header.sticky nav.header-light .heder-menu-button .mobile-toggle span {background : #232323;}

/* dark transparent navigation */
header.header-appear nav.header-dark-transparent, header.sticky nav.navbar-fixed-top.header-dark-transparent, header.sticky nav.navbar-scroll-fixed-top.header-dark-transparent {background : rgba(23, 23, 23, 0.85);}

header.header-appear nav.header-dark-transparent .separator-line-verticle-small, header.header-appear nav.header-dark .separator-line-verticle-small {background : #FFFFFF}

header.header-appear nav.header-dark-transparent .navbar-nav > li > a, header.header-appear nav.header-dark .navbar-nav > li > a, header.sticky nav.header-dark .navbar-nav > li > a, header.sticky nav.header-dark-transparent .navbar-nav > li > a {color : #FFFFFF}

header.header-appear nav.header-dark-transparent .header-social-icon a, header.header-appear nav.header-dark .header-social-icon a, header.sticky nav.header-dark .header-social-icon a, header.sticky nav.header-dark-transparent .header-social-icon a {color : #FFFFFF}

header.header-appear nav.header-dark-transparent .search-button, header.header-appear nav.header-dark-transparent .right-menu-button, header.header-appear nav.header-dark .search-button, header.header-appear nav.header-dark .right-menu-button, header.sticky nav.header-dark .search-button, header.sticky nav.header-dark .right-menu-button, header.sticky nav.header-dark-transparent .search-button, header.sticky nav.header-dark-transparent .right-menu-button {color : #FFFFFF}

header.sticky nav.header-dark-transparent .header-social-icon, header.sticky nav.header-dark .header-social-icon, header.sticky nav.header-dark-transparent .header-searchbar, header.sticky nav.header-dark .header-searchbar {border-left : 1px solid rgba(255, 255, 255, 0.4);}

header.sticky nav.header-dark-transparent .mobile-toggle span, header.sticky .header-dark .mobile-toggle span {background : #FFF;}

header.sticky nav.header-dark-transparent .mobile-toggle:hover span, header.sticky .header-dark .mobile-toggle:hover span {background : red;}

/* light navigation */
header.header-appear nav.header-light, header.sticky nav.navbar-fixed-top.header-light, header.sticky nav.navbar-scroll-fixed-top.header-light {background-color : #FFFFFF; box-shadow : 0 0 35px rgba(0, 0, 0, 0.1);}

/* dark navigation */
header.header-appear nav.header-dark, header.sticky nav.navbar-fixed-top.header-dark, header.sticky nav.navbar-scroll-fixed-top.header-dark {background-color : #000000;}

/* collepsed menu icon */
.navbar-default .navbar-toggler .icon-bar, header.sticky .navbar-default.header-light .navbar-toggler .icon-bar, header.sticky .navbar-default.header-light-transparent .navbar-toggler .icon-bar {background : #232323;}

.navbar-default.white-link .navbar-toggler .icon-bar, header.sticky .navbar-default.header-dark .navbar-toggler .icon-bar, header.sticky .navbar-default.header-dark-transparent .navbar-toggler .icon-bar {background : #FFF;}

/* hamburger menu */
nav.navbar.bootsnav .btn-hamburger {padding : 0;}

nav.navbar.bootsnav .btn-hamburger .navbar-toggler {margin : 0; top : -2px; padding : 10px 0 10px 10px;}

.hamburger-menu-wrepper {position : fixed; top : 0; left : 0; width : 100%; height : 100%; background : #000; z-index : -10005; padding : 55px 80px; display : table; opacity : 0; visibility : collapse;}

.menu-middle {height : 100%; width : 65%; margin : 0 auto; opacity : 0;}

.hamburger-menu-links {float : left; list-style : none; margin : 0; padding : 0; width : 100%; font-size : 52px; line-height : 55px; opacity : 0;}

.hamburger-menu-links li {float : left; margin-bottom : 36px; width : 50%;}

.hamburger-menu-links li a {color : #FFF; position : relative;}

.hamburger-menu-links li.show > a {color : #FF2149}

.hamburger-menu-links li a:hover, .follow-box a:hover {color : #FF2149}

.animation-box {position : absolute; top : 5%; height : 100%; width : 100%; left : 0; transform : perspective(600px) rotateX(-20deg); -weblit-transform : perspective(600px) rotateX(-20deg); -moz-transform : perspective(600px) rotateX(-20deg); -ms-transform : perspective(600px) rotateX(-20deg); -o-transform : perspective(600px) rotateX(-20deg);}

.hamburger-menu.show-menu .hamburger-menu-wrepper {z-index : 10004; opacity : 1; visibility : visible;}

.hamburger-menu.show-menu .animation-box {top : 0; transform : perspective(600px) rotateX(0deg); -webkit-transform : perspective(600px) rotateX(0deg); -moz-transform : perspective(600px) rotateX(0deg); -o-transform : perspective(600px) rotateX(0deg); -ms-transform : perspective(600px) rotateX(0deg); opacity : 1;}

.hamburger-menu.show-menu .hamburger-menu-links, .hamburger-menu.show-menu .menu-middle {opacity : 1;}

.hamburger-menu.show-menu .btn-hamburger .mobile-toggle, .hamburger-menu .btn-hamburger .close-menu {transform : scale(0); -webkit-transform : scale(0); -moz-transform : scale(0); -o-transform : scale(0); -ms-transform : scale(0);}

.hamburger-menu.show-menu .btn-hamburger .close-menu, .hamburger-menu .btn-hamburger .mobile-toggle {transform : scale(1); -webkit-transform : scale(1); -moz-transform : scale(1); -o-transform : scale(1); -ms-transform : scale(1);}

.hamburger-menu .hamburger-menu-wrepper .btn-hamburger {border-color : #FFF; height : 18px; position : absolute; width : 18px; z-index : 99; padding : 0; margin : -27px 0 0 -15px; opacity : 0;}

.hamburger-menu.show-menu .hamburger-menu-wrepper .btn-hamburger {opacity : 1; right : 40px; transition-delay : 0.2s; -webkit-transition-delay : 0.2s; -moz-transition-delay : 0.2s; -ms-transition-delay : 0.2s; -o-transition-delay : 0.2s; padding : 15px;}

.hamburger-menu .close-button-menu {float : none; height : auto; margin : 0; padding : 0; position : inherit; right : -26px; top : 44px; width : auto;}

.hamburger-menu .close-button-menu:after, .hamburger-menu .close-button-menu:before {background : #FFF; width : 22px; right : 26px; top : -34px;}

.hamburger-menu-links li.dropdown > a:after {content : "\f107"; display : inline-block; position : absolute; right : -60px; top : 15px; font-family : "Font Awesome 6 Free"; font-weight : 900; font-size : 42px}

/* header style two */
.header-with-topbar .navbar-top, .header-with-topbar .navbar-fixed-top {top : 34px; background : #FFF; box-shadow : 0 0 35px rgba(0, 0, 0, 0.1);}

.header-with-topbar.sticky .navbar-top {top : -160px;}

.header-with-topbar.sticky.header-appear .navbar-top {top : 0;}

/* full width light transparent navigation */
header nav.nav-full-width {width : 100%}

.close-button-menu {float : right; padding : 10px; background-color : transparent; color : #232323; border : 0; position : absolute; height : 40px; width : 40px; outline : none; top : 20px; right : 20px}

.full-width-pull-menu .dropdown-toggle {position : relative;}

.full-width-pull-menu span.dropdown-toggle {position : absolute; right : 0; width : 40px; height : 40px; text-align : center; top : 43px; display : inline-block; vertical-align : middle; cursor : pointer; transform : translateY(-50%); -webkit-transform : translateY(-50%); -moz-transform : translateY(-50%); -ms-transform : translateY(-50%); -o-transform : translateY(-50%);}

.full-width-pull-menu .dropdown .dropdown-toggle:before {content : ""; display : block; position : absolute; right : 20px; top : 15px; height : 11px; width : 1px; background : #232323;}

.full-width-pull-menu .dropdown.show .dropdown-toggle:before {height : 0;}

.full-width-pull-menu .dropdown .dropdown-toggle:after {content : ""; display : block; position : absolute; right : 15px; top : 20px; height : 1px; width : 11px; background : #232323; border : none;}

.full-width-pull-menu .dropdown ul {background-color : inherit;}

/* full width navigation style 1 */
.full-width-pull-menu .link-style-1 .link-style-1 ul {list-style : none; padding : 0; margin : 0;}

.full-width-pull-menu .link-style-1 ul li {margin : 20px 0; display : table}

.full-width-pull-menu .link-style-1 ul li a {background : inherit;color : #232323; font-size : 22px; line-height : 26px; position : relative; padding-left : 35px;}

.full-width-pull-menu .link-style-1 ul li:hover > a, .full-width-pull-menu .link-style-1 ul li.show > a {color : var(--base-color)}

.full-width-pull-menu .link-style-1 ul li:hover > a:after, .full-width-pull-menu .link-style-1 ul li.show > a:after {background : var(--base-color)}

.full-width-pull-menu .link-style-1 ul li a:after {background : #DBDBDB; content : ""; display : inline-block; height : 4px; left : 0; position : absolute; top : 14px; width : 18px;}

.full-width-pull-menu .link-style-1 .dropdown.show ul {display : block;}

.full-width-pull-menu .link-style-1 .dropdown ul {position : inherit; left : 0; right : 0; padding : 10px 30px 0; background-color : inherit; border : 0; float : none; box-shadow : none; margin : 0;}

.full-width-pull-menu .link-style-1 ul li li a {font-size : 18px; line-height : 22px; padding-left : 30px;}

.full-width-pull-menu .link-style-1 .dropdown ul li a:hover, .dropdown ul li a:focus {background-color : inherit}

.full-width-pull-menu .link-style-1 .dropdown ul li {margin : 5px;}

.full-width-pull-menu .link-style-1 .dropdown ul li:last-child {margin-bottom : 0;}

/* full width navigation style 2 */
.full-width-pull-menu .link-style-2 .link-style-2 ul {list-style : none; padding : 0; margin : 0;}

.full-width-pull-menu .link-style-2 ul li {display : table; width : 100%;}

.full-width-pull-menu .link-style-2 ul li a {background : inherit;color : #232323; font-size : 48px; line-height : 85px; position : relative;}

.full-width-pull-menu .link-style-2 ul li:hover > a, .full-width-pull-menu .link-style-2 ul li.show > a {color : var(--base-color)}

.full-width-pull-menu .link-style-2 ul li.show > a:after {background : var(--base-color)}

.full-width-pull-menu .link-style-2 .dropdown ul {display : block !important; height : 0;overflow : hidden}

.full-width-pull-menu .link-style-2 .dropdown ul {position : inherit; left : 0; right : 0; padding : 0; background-color : inherit; border : 0; float : none; box-shadow : none; margin : 0;}

.full-width-pull-menu .link-style-2 .dropdown.show ul {display : block; height : 100%;}

.full-width-pull-menu .link-style-2 .dropdown ul li a {font-size : 14px; line-height : 18px; color : #757575; padding : 0; margin : 0; display : block; font-weight : 400;}

.full-width-pull-menu .link-style-2 .dropdown ul li {border-bottom : 1px solid #E3E3E3; padding : 7px 0;}

.full-width-pull-menu .link-style-2 .dropdown ul li:last-child {border-bottom : 1px solid transparent;}

.full-width-pull-menu .link-style-2 .dropdown ul li a:hover, .dropdown ul li a:focus {background-color : inherit}

.full-width-pull-menu .link-style-2 .dropdown ul li ul.sub-menu {padding-left : 15px; padding-top : 2px;}

.full-width-pull-menu .link-style-2 .dropdown ul li ul.sub-menu li {border-bottom : 0; padding : 5px 0 0 0;}

.full-width-pull-menu .link-style-2 .dropdown ul li:last-child {margin-bottom : 0;}

.full-width-pull-menu .link-style-2 .icon-social-medium a:first-child {margin-left : 0;}

.full-width-pull-menu .link-style-2 .icon-social-medium a:last-child {margin-right : 0;}

.close-button-menu:after, .close-button-menu:before {content : ""; display : block; background : #000; height : 2px; width : 18px; position : absolute;}

.close-button-menu:after {transform : rotate(45deg); -webkit-transform : rotate(45deg); -moz-transform : rotate(45deg); -ms-transform : rotate(45deg); -o-transform : rotate(45deg);}

.close-button-menu:before {transform : rotate(-45deg); -webkit-transform : rotate(-45deg); -moz-transform : rotate(-45deg); -ms-transform : rotate(-45deg); -o-transform : rotate(-45deg);}

/* full navigation */
.show-menu .menu-wrap, .menu-wrap {left : auto}

.show-menu .menu-wrap {transition-duration : 0.3s; -webkit-transition-duration : 0.3s; -moz-transition-duration : 0.3s; -ms-transition-duration : 0.3s; -o-transition-duration : 0.3s; opacity : 1; visibility : visible; z-index : 10001;}

.menu-wrap {transition-duration : 0.3s; -webkit-transition-duration : 0.3s; -moz-transition-duration : 0.3s; -ms-transition-duration : 0.3s; -o-transition-duration : 0.3s; width : 100%; z-index : -10001; position : fixed; top : 0; right : 0; opacity : 0; visibility : hidden;}

/* container fluid navigation padding */
header nav.nav-box-width {padding : 0 50px;}

/* hamburger menu right side */
.big-menu-right {position : fixed; top : 0; right : 0; width : 40%; height : 100%; padding : 0 5%; opacity : 0; transform : translateX(30%) scaleX(0.6); -webkit-transform : translateX(30%) scaleX(0.6); -moz-transform : translateX(30%) scaleX(0.6); -o-transform : translateX(30%) scaleX(0.6); -ms-transform : translateX(30%) scaleX(0.6); transition-duration : 0.3s; -moz-transition-duration : 0.3s; -o-transition-duration : 0.3s; -ms-transition-duration : 0.3s; z-index : -1;}

.big-menu-links {list-style : none; margin : 0; padding : 0;}

.big-menu-links li {margin-bottom : 15px; display : block; width : 100%; float : left}

.big-menu-links li a {font-size : 50px;line-height : 1.5; color : #676767; float : left}

.big-menu-links li a:after {width : 0; background : var(--base-color); height : 3px; content : ""; display : block; transition-duration : 0.5s; -moz-transition-duration : 0.5s; -webkit-transition-duration : 0.5s; -o-transition-duration : 0.5s; -ms-transition-duration : 0.5s;}

.big-menu-links li a:hover {color : #DDD;}

.big-menu-links li a:hover:after {width : 100px; transition-duration : 0.5s; -moz-transition-duration : 0.5s; -webkit-transition-duration : 0.5s; -o-transition-duration : 0.5s; -ms-transition-duration : 0.5s;}

.big-menu-right.show {transform : translateX(0) scaleX(1); -moz-transform : translateX(0) scaleX(1); -webkit-transform : translateX(0) scaleX(1); -o-transform : translateX(0) scaleX(1); -ms-transform : translateX(0) scaleX(1); opacity : 1; z-index : 9999}

.big-menu-close {background : #FFF; position : absolute; right : 0; width : 40px; height : 40px; color : #232323;}

/* dropdown menu */
nav.navbar.navbar-default ul.nav > li > a {padding : 26px 0; background : transparent; border-color : transparent; font-weight : 600; display : block;}

nav.navbar.navbar-default ul.nav > li.dropdown > a.dropdown-toggle::after, nav.navbar.sidebar-nav ul.nav > li.dropdown > a.dropdown-toggle::after {content : ""; vertical-align : middle; position : relative; top : -1px; margin-top : 0;}

nav.navbar.navbar-default ul li.dropdown ul.dropdown-menu > li:last-child {border-bottom : 0; border-bottom : 0;}

nav.navbar.navbar-default ul li.dropdown .dropdown-menu li > a:hover {color : #FFF; background : transparent; left : 5px;}

nav.navbar.navbar-default ul li.dropdown .dropdown-menu li.active > a {color : #FFF;}

nav.navbar.navbar-default ul.menu-links li.dropdown ul.dropdown-menu li > a:hover, nav.navbar.navbar-default ul.menu-links li.dropdown ul.dropdown-menu li.active > a {color : #232323}

.dropdown ul.second-level {left : 270px; top : 0; height : 100%;}

.dropdown ul.third-level {left : 530px; top : 0; height : 100%;}

nav.navbar ul.nav .dropdown-menu.second-level .dropdown-menu {margin-top : 0}

.navbar-default ul li li.dropdown ul {display : none}

.navbar-default ul li li.dropdown.on > ul {display : block; position : absolute; left : 100%; margin-top : 0; padding : 0; top : 0;}

.navbar-default ul li li.dropdown.on > ul > li.dropdown.on > ul {display : block; position : absolute; left : 100%; margin-top : 0; padding : 0; top : 0;}

.navbar-default ul li li.dropdown ul.dropdown-menu {position : absolute; left : 100%; margin-top : 0; padding : 0; top : 0; box-shadow : none;}

.navbar-default ul li li.dropdown ul.dropdown-menu li {padding : 0;}

.dropdown-menu .dropdown a {position : relative}

/* navigation left sidebar */
header .menu-wrap .widget {margin-bottom : 30px; display : inline-block; width : 100%}

.nav.navbar-left-sidebar {display : block; transition : all 0s ease-in-out 0s; -webkit-transition : all 0s ease-in-out 0s; -moz-transition : all 0s ease-in-out 0s; -ms-transition : all 0s ease-in-out 0s; -o-transition : all 0s ease-in-out 0s; overflow-y : auto;}

.left-nav-on .sidebar-part2 .sidebar-middle .sidebar-middle-menu .nav {overflow-x : hidden; display : block;}

.nav.navbar-left-sidebar li {display : inline-block; width : 100%; padding : 0 45px;}

.nav.navbar-left-sidebar li a, nav.navbar.bootsnav.navbar-left-sidebar ul.nav > li > a {font-size : 11px; text-transform : uppercase; color : #939393; background : transparent !important; font-weight : 600; border-bottom : 1px solid #E5E5E5 !important; padding : 15px 0; margin : 0;}

nav.navbar.sidebar-nav .navbar-left-sidebar li.dropdown .third-level a > [class^="ti-"], nav.navbar.sidebar-nav .navbar-left-sidebar li.dropdown .third-level a > [class*=" ti-"] {margin-right : 5px;}

nav.navbar.sidebar-nav .navbar-left-sidebar li.dropdown .third-level li:first-child a > i, nav.navbar.sidebar-nav .navbar-left-sidebar li.dropdown .third-level li:first-child a > i {margin-right : 5px;}

.nav.navbar-left-sidebar li:last-child a {border-bottom : none}

.nav.navbar-left-sidebar li a:hover {color : #FFF}

.nav.navbar-left-sidebar li a .nav-caret {height : 35px;text-align : right; width : 35px;}

.nav.navbar-left-sidebar .dropdown .second-level {left : 290px; transition : 0.3s; -webkit-transition : 0.3s; -moz-transition : 0.3s; -ms-transition : 0.3s; -o-transition : 0.3s;}

.nav.navbar-left-sidebar > li > a {line-height : 20px;}

.nav.navbar-left-sidebar > li .second-level li a {line-height : 1.42857143;}

.navbar-expand-lg .navbar-left-sidebar .dropdown-menu {position : fixed;}

.nav.navbar-left-sidebar .dropdown.on .second-level {transition : 0.3s; -webkit-transition : 0.3s; -moz-transition : 0.3s; -ms-transition : 0.3s; -o-transition : 0.3s;}

.nav.navbar-left-sidebar .second-level .dropdown .third-level {left : 570px; opacity : 0 !important; transition : 0.3s; -webkit-transition : 0.3s; -moz-transition : 0.3s; -ms-transition : 0.3s; -o-transition : 0.3s;}

.nav.navbar-left-sidebar .second-level .dropdown.on .third-level {opacity : 1 !important; transition : 0.3s; -webkit-transition : 0.3s; -moz-transition : 0.3s; -ms-transition : 0.3s; -o-transition : 0.3s; opacity : 1 !important;}

.nav.navbar-left-sidebar .dropdown-menu .dropdown > a:after {display : none}

/* pull left sidebar */
.cbp-spmenu {background : #FFF; position : fixed; z-index : 1;}

.cbp-spmenu-vertical {width : 455px;height : 100%;top : 0; z-index : 10005;}

.cbp-spmenu-right {right : -455px;}

.cbp-spmenu-left {left : -100%;}

.cbp-spmenu-left.cbp-spmenu-open {left : 0;}

.cbp-spmenu-right.cbp-spmenu-open {right : 0px; overflow-x : auto; box-shadow : 0 0 4px rgba(0, 0, 0, .2);}

.cbp-spmenu-push {overflow-x : hidden; position : relative; left : 0;}

.cbp-spmenu, .cbp-spmenu-push {-webkit-transition : all 0.3s ease; -moz-transition : all 0.3s ease; -ms-transition : all 0.3s ease; -o-transition : all 0.3s ease; transition : all 0.3s ease;}

/* custome scrollbar */
.cbp-spmenu-right::-webkit-scrollbar, .navbar-left-sidebar::-webkit-scrollbar {width : 5px;}

.cbp-spmenu-right::-webkit-scrollbar-track, .navbar-left-sidebar::-webkit-scrollbar-track {box-shadow : inset 0 0 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow : inset 0 0 6px rgba(0, 0, 0, 0.3); -moz-box-shadow : inset 0 0 6px rgba(0, 0, 0, 0.3); -ms-box-shadow : inset 0 0 6px rgba(0, 0, 0, 0.3); -o-box-shadow : inset 0 0 6px rgba(0, 0, 0, 0.3);}

.cbp-spmenu-right::-webkit-scrollbar-thumb, .navbar-left-sidebar::-webkit-scrollbar-thumb {background-color : darkgrey; outline : 1px solid slategrey;}

/* sidebar navigation */
nav.navbar.sidebar-nav .container {display : table-cell; height : 75px; position : relative; vertical-align : top;}

nav.navbar.bootsnav.sidebar-nav .navbar-left-sidebar > li > a {color : #626262; border-color : #EDEDED; padding : 15px 0; display : block; position : relative;}

nav.navbar.sidebar-nav .navbar-left-sidebar li a:hover, nav.navbar.bootsnav.sidebar-nav ul.nav.navbar-left-sidebar li.active > a {color : #000}

.sidebar-nav .logo-holder {text-align : center; min-height : 107px;}

.sidebar-nav .footer-holder {text-align : center}

nav.navbar .toggle-button {background : #000; border : medium none; height : auto; margin : 0; padding : 0; width : auto;}

.sidebar-nav .dropdown-menu {box-shadow : none; height : 100%; left : 270px; padding : 0;position : fixed; top : 0;width : 240px; padding : 80px 0;}

nav.navbar.sidebar-nav li.dropdown ul.dropdown-menu {border : none; margin-top : 0; border-radius : 0;}

nav.navbar.bootsnav.sidebar-nav li.dropdown ul.dropdown-menu {padding-top : 160px;}

.sidebar-nav .dropdown-menu li > a {margin : 0 45px}

nav.navbar.sidebar-nav {border : none; display : inline-table; width : 290px; border-radius : 0; position : fixed; top : 0; z-index : 10005; height : 100%; padding : 50px 0px 25px; left : 0}

.sidebar-wrapper {padding-left : 290px;}

/* sidebar navigation style 1 */
.sidebar-nav-style-1 {z-index : -1}

.sidebar-nav-style-1 .dropdown .second-level {top : 0; left : 290px; width : 280px;}

.sidebar-nav-style-1 .dropdown .second-level {background : #FBFBFB;}

.sidebar-nav-style-1 .dropdown .third-level {top : 0; left : 570px; width : 280px; background : #F3F3F3;}

.sidebar-nav-style-1 [class*="col-"], .sidebar-nav-style-1 [class^=" col-"] {padding-left : 15px; padding-right : 15px;}

/* sidebar navigation style 2 */
.left-nav-sidebar {padding-left : 90px;transition : all 0.3s ease 0s;}

.left-nav {position : fixed; top : 0; width : auto; left : 0; height : 100%; background-color : #FFF; z-index : 99999; transition : all 0.3s ease 0s}

.sidebar-part1 {position : absolute; top : 0; width : 90px;}

.sidebar-part1 .logo img {width : 100%}

.sidebar-part2 {padding : 0 0 0 115px; border-right : 1px solid #DFDFDF; width : 410px; height : 100%; position : fixed; background-color : #FFF; z-index : -1; left : -370px;}

.sidebar-part3 {position : absolute; bottom : 0;}

.left-nav-on .sidebar-part2 {left : 0;}

.sidebar-part2:before {width : 100%; height : 1px; background-color : #DFDFDF; content : ""; position : absolute;bottom : 75px; left : 0; display : inline-block}

.sidebar-part2 .sidebar-middle {padding : 180px 0}

.sidebar-part2 .sidebar-middle-menu {display : table-cell; height : 100%; width : 100%; vertical-align : middle}

.bottom-menu-icon {width : 90px; padding : 22px 30px; text-align : center;}

header .sidebar-part2 nav.navbar.bootsnav ul > li > a {font-size : 36px; display : block; padding : 0; color : #0F0F0F; text-transform : none; margin : 0; line-height : 40px; font-weight : 600; position : relative;}

header .sidebar-part2 nav.navbar.bootsnav ul > li > a > .fas, header .sidebar-part2 nav.navbar.bootsnav ul > li > a > .fa-solid {font-size : 20px; top : 11px; position : absolute; right : 18px;}

header .sidebar-part2 nav.navbar.bootsnav ul > li > .second-level > li > a > .fas, header .sidebar-part2 nav.navbar.bootsnav ul > li > .second-level > li > a > .fa-solid {font-size : 12px; line-height : 30px;}

.sidebar-part2 ul > li {margin : 0; float : none; padding : 15px 0; width : 291px; word-break : break-all; position : initial;}

.sidebar-part2 ul li a:hover {background-color : inherit;}

.sidebar-part2 nav.navbar.bootsnav {border-bottom : 0; position : inherit;}

.sidebar-part2 .right-bg {position : fixed; height : 100%; left : 0; top : 0; background-color : #FFF; width : 90px;}

.sidebar-part2 .right-bg:before {background-color : #DFDFDF;bottom : 75px;content : ""; display : inline-block; height : 1px; left : 0; position : absolute; width : 100%;}

.sidebar-part2 .right-bg img {position : absolute; top : 50%; left : 37px; transform : translateY(-100px); -webkit-transform : translateY(-100px); -moz-transform : translateY(-100px); -ms-transform : translateY(-100px); -o-transform : translateY(-100px);}

header .sidebar-part2 nav.navbar.bootsnav ul li ul li a {font-size : 14px; line-height : 20px; width : 100%; padding : 15px 0; border-bottom : 1px solid #F0F0F0; color : #939393; font-weight : 500;}

header .sidebar-part2 nav.navbar.bootsnav ul li.dropdown > a, .sidebar-nav-style-1 .navbar-left-sidebar li.dropdown > a {padding-right : 40px;}

header .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover {border-bottom : 1px solid var(--base-color); background : inherit}

header .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a:hover {border-bottom : 0;}

header .sidebar-part2 nav.navbar.bootsnav ul li ul li a > i {vertical-align : middle; margin-right : 5px;}

header .sidebar-part2 nav.navbar.bootsnav ul li ul li a:hover {color : var(--base-color)}

header .sidebar-part2 nav.navbar.bootsnav ul li ul li {margin : 0; padding : 0 30px;width : 100%; word-break : normal;}

header .sidebar-part2 nav.navbar.bootsnav ul li ul li.dropdown {border-left : 0;}

.sidebar-part2 .dropdown ul.second-level, .sidebar-part2 .dropdown ul.third-level {border-left : 1px solid #EEE !important;}

.sidebar-part2 .dropdown ul.second-level {left : 405px; opacity : 0 !important; transition : 0.3s; -webkit-transition : 0.3s; -moz-transition : 0.3s; -ms-transition : 0.3s; -o-transition : 0.3s;}

.sidebar-part2 .dropdown.on ul.second-level {opacity : 1 !important; transition : 0.3s; -webkit-transition : 0.3s; -moz-transition : 0.3s; -ms-transition : 0.3s; -o-transition : 0.3s;}

.sidebar-part2 .dropdown ul.second-level .dropdown ul.third-level {left : 650px; opacity : 0 !important; transition : 0.3s; -webkit-transition : 0.3s; -moz-transition : 0.3s; -ms-transition : 0.3s; -o-transition : 0.3s;}

.sidebar-part2 .dropdown ul.second-level .dropdown.on ul.third-level {opacity : 1 !important; transition : 0.3s; -webkit-transition : 0.3s; -moz-transition : 0.3s; -ms-transition : 0.3s; -o-transition : 0.3s;}

.sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu {margin-top : 0; border-radius : 0; box-shadow : none; height : 100%; position : fixed; top : 0; transition : 0.3s; -webkit-transition : 0.3s; -moz-transition : 0.3s; -ms-transition : 0.3s; -o-transition : 0.3s; width : 250px; padding : 180px 0; background : #FFF;}

.bottom-menu-icon a {font-size : 24px; width : 23px; height : 18px; display : inline-block; position : relative;}

header .sidebar-part2 nav.navbar.bootsnav ul.second-level li.active > a, header .sidebar-part2 nav.navbar.bootsnav ul.second-level li.active ul li.active > a {color : var(--base-color)}

.sidebar-part2 .navbar-collapse.collapse {overflow-y : auto !important;}

.nav-icon span {display : block; position : absolute; height : 2px; width : 23px; background : #232323; border-radius : 0; opacity : 1; left : 0; -webkit-transform : rotate(0deg); -moz-transform : rotate(0deg); -o-transform : rotate(0deg); transform : rotate(0deg); -webkit-transition : .25s ease-in-out; -moz-transition : .25s ease-in-out; -o-transition : .25s ease-in-out; transition : .25s ease-in-out;}

.nav-icon:hover span, .nav-icon.active span {background-color : red}

.nav-icon span:nth-child(1) {top : 0px;}

.nav-icon span:nth-child(2), .nav-icon span:nth-child(3) {top : 8px;}

.nav-icon span:nth-child(4) {top : 16px;}

.nav-icon.active span:nth-child(1) {top : 8px; width : 0%; left : 50%;}

.nav-icon.active span:nth-child(2) {-webkit-transform : rotate(45deg); -moz-transform : rotate(45deg); -o-transform : rotate(45deg); -ms-transform : rotate(45deg); transform : rotate(45deg);}

.nav-icon.active span:nth-child(3) {-webkit-transform : rotate(-45deg); -moz-transform : rotate(-45deg); -o-transform : rotate(-45deg); -ms-transform : rotate(-45deg); transform : rotate(-45deg);}

.nav-icon.active span:nth-child(4) {top : 8px; width : 0%; left : 50%;}

nav.navbar.brand-center ul.nav > li > a {padding : 26px; margin : 0;}

header.sticky nav.navbar.brand-center ul.nav > li > a {padding : 20px; margin : 0 20px;}

.sidebar-middle ::-webkit-scrollbar, .sidebar-nav-style-1 ::-webkit-scrollbar {-webkit-appearance : none;width : 4px;height : 4px;}

.sidebar-middle ::-webkit-scrollbar-thumb, .sidebar-nav-style-1 ::-webkit-scrollbar-thumb {background-color : #9E9F9F;}

.navbar-collapse, .sub-menu {-webkit-overflow-scrolling : auto; -moz--webkit-overflow-scrolling : auto; -ms--webkit-overflow-scrolling : auto; -o--webkit-overflow-scrolling : auto;}

.left-menu-inner {overflow-y : auto; overflow-x : hidden;}

.nav.navbar-left-sidebar > li > ul li a {display : block; font-weight : 500;}

/* navigation widget */
.menu-wrap .widget {display : inline-block; width : 100%}

/* new-menu page */
.menu-new a:after {background : var(--base-color) none repeat scroll 0 0; color : #FFF; font-size : 9px; margin-left : 8px; padding : 1px 5px 0 5px; line-height : 14px; position : absolute; content : "New"; margin-top : 5px; text-transform : uppercase;}

.nav.navbar-left-sidebar .menu-new a:after {margin-top : 0;}

.sidebar-part2 .menu-new a:after {margin-top : 3px;}

/* ===================================
    20. Page title
====================================== */

/* page title font size */
.page-title-extra-small h1 {font-size : 12px; line-height : 20px; text-transform : uppercase;}

.page-title-small h1 {font-size : 20px; line-height : 26px}

.page-title-medium h1 {font-size : 32px; line-height : 37px}

.page-title-large h1 {font-size : 46px; line-height : 49px}

.page-title-extra-large h1 {font-size : 55px; line-height : 50px}

/* breadcrumb */
.breadcrumb {background : transparent; border-radius : 0; padding-top : 0; padding-bottom : 0; margin : 0;}

.breadcrumb ul {list-style : none; padding : 0; margin : 0;}

.breadcrumb ul li {display : inline-block; line-height : normal;}

.breadcrumb ul > li:after {content : "\f111"; font-family : "Font Awesome 6 Free"; font-weight : 900; padding : 0 11px 0 14px; display : inline-block; vertical-align : middle; font-size : 5px; opacity : .6;}

.breadcrumb ul > li:last-child:after {border-right : 0; content : ""; padding : 0}

/* ===================================
    21. Swiper carousel
====================================== */

.swiper-container.swiper-blog *, .hover-option4 .swiper-container *, .swiper.swiper-blog *, .hover-option4 .swiper * {transition-timing-function : ease-in-out; -ms-transition-timing-function : ease-in-out; -moz-transition-timing-function : ease-in-out; -webkit-transition-timing-function : ease-in-out; -o-transition-timing-function : ease-in-out; transition-duration : .2s; -ms-transition-duration : .2s; -moz-transition-duration : .2s; -webkit-transition-duration : .2s; -o-transition-duration : .2s;}

.swiper-container, .swiper {overflow : hidden; position : relative; width : 100%; }

.swiper-pagination-bullet-active {background : #232323}

.swiper-pagination {width : 100%}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom : 35px;}

.swiper-pagination-bullet {height : 9px; width : 9px; outline : none;}

.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin : 0 4px}

.swiper-slider-second {text-align : center;}

.swiper-pagination-bottom .swiper-wrapper {margin-bottom : 60px;}

.swiper-pagination-bottom.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-bottom.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bottom .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-bottom .swiper-pagination-custom, .swiper-pagination-bottom .swiper-pagination-fraction {bottom : 0px;}

/* swiper bottom scrollbar full */
.swiper-bottom-scrollbar-full.swiper-container, .swiper-bottom-scrollbar-full.swiper {height : 100%; margin : 0 auto; overflow : hidden; position : absolute; top : 0; transition : all 0.3s ease-in-out 0.7s; -webkit-transition : all 0.3s ease-in-out 0.7s; -moz-transition : all 0.3s ease-in-out 0.7s; -ms-transition : all 0.3s ease-in-out 0.7s; -o-transition : all 0.3s ease-in-out 0.7s; width : 100%;}

.swiper-bottom-scrollbar-full .swiper-scrollbar {left : 0; opacity : 1; position : absolute; width : 100%; bottom : 0; border-radius : 0; height : 2px}

.swiper-bottom-scrollbar-full .swiper-scrollbar-drag {border-radius : 0; background : var(--base-color)}

.swiper-bottom-scrollbar-full .swiper-scrollbar {background : rgba(255, 255, 255, .2)}

.swiper-bottom-scrollbar-full .swiper-slide img {max-height : 450px; transition : all 0.3s ease-in-out; -webkit-transition : all 0.3s ease-in-out; -moz-transition : all 0.3s ease-in-out; -ms-transition : all 0.3s ease-in-out; -o-transition : all 0.3s ease-in-out; opacity : .8; -webkit-filter : grayscale(1); filter : grayscale(1); -webkit-filter : grayscale(1); -moz-filter : grayscale(1); -ms-filter : grayscale(1); -o-filter : grayscale(1);}

.swiper-bottom-scrollbar-full .swiper-slide:hover img {opacity : 1; -webkit-filter : grayscale(0); -moz-filter : grayscale(0); -ms-filter : grayscale(0); -o-filter : grayscale(0); filter : grayscale(0); filter : contrast(130%); -webkit-filter : contrast(130%); -moz-filter : contrast(130%); -ms-filter : contrast(130%); -o-filter : contrast(130%); max-height : 500px;}

.swiper-bottom-scrollbar-full .swiper-slide .hover-title-box {visibility : hidden;}

.swiper-bottom-scrollbar-full .swiper-slide:hover {z-index : 1;}

.swiper-bottom-scrollbar-full .swiper-slide:hover .hover-title-box {right : -160px; opacity : 1;visibility : visible;}

.swiper-bottom-scrollbar-full .bottom-text {position : absolute; bottom : 50px; opacity : 0; transition : all 0.3s ease-in-out; -webkit-transition : all 0.3s ease-in-out; -moz-transition : all 0.3s ease-in-out; -ms-transition : all 0.3s ease-in-out; -o-transition : all 0.3s ease-in-out;}

.swiper-bottom-scrollbar-full .swiper-slide:hover .bottom-text {opacity : .7; letter-spacing : 5px; left : 4px;}

/* swiper vertical pagination */
.swiper-vertical-pagination {width : 100%; height : 100%; position : absolute;}

.swiper-vertical-pagination .swiper-slide {text-align : center; background : #FFF; display : -webkit-box; display : -ms-flexbox; display : -webkit-flex; display : flex; -webkit-box-pack : center; -ms-flex-pack : center; -webkit-justify-content : center; justify-content : center; -webkit-box-align : center; -ms-flex-align : center; -webkit-align-items : center; align-items : center;}

.swiper-vertical-pagination > .swiper-pagination-bullets {right : 60px;}

.swiper-vertical-pagination .swiper-pagination {width : auto}

.swiper-vertical-pagination .swiper-slide .swiper-bottom-content {opacity : 0; transform : translate3d(0px, 150px, 0px); -webkit-transform : translate3d(0px, 150px, 0px); -moz-transform : translate3d(0px, 150px, 0px); -ms-transform : translate3d(0px, 150px, 0px); -o-transform : translate3d(0px, 150px, 0px); transition : all 0.3s ease-in-out 0s; -webkit-transition : all 0.3s ease-in-out 0s; -moz-transition : all 0.3s ease-in-out 0s; -ms-transition : all 0.3s ease-in-out 0s; -o-transition : all 0.3s ease-in-out 0s;}

.swiper-vertical-pagination .swiper-slide-active .swiper-bottom-content {opacity : 1; transform : translate3d(0px, 0px, 0px); -webkit-transform : translate3d(0px, 0px, 0px); -moz-transform : translate3d(0px, 0px, 0px); -ms-transform : translate3d(0px, 0px, 0px); -o-transform : translate3d(0px, 0px, 0px); transition : all 0.3s ease-in-out 0.3s; -webkit-transition : all 0.3s ease-in-out 0.3s; -moz-transition : all 0.3s ease-in-out 0.3s; -ms-transition : all 0.3s ease-in-out 0.3s; -o-transition : all 0.3s ease-in-out 0.3s;}

.swiper-vertical-pagination .box-arrow {position : absolute; right : -45px; width : 90px; height : 90px;}

/* swiper auto width */
.swiper-auto-slide .swiper-slide {width : 60%;}

.swiper-auto-slide.swiper-container, .swiper-auto-slide.swiper {height : calc(100% - 200px); top : 100px; margin : 0 auto; overflow : visible; position : absolute; transform : scale(1); -webkit-transform : scale(1); -moz-transform : scale(1); -ms-transform : scale(1); -o-transform : scale(1); transition : all 0.3s ease-in-out 0.7s; -webkit-transition : all 0.3s ease-in-out 0.7s; -moz-transition : all 0.3s ease-in-out 0.7s; -ms-transition : all 0.3s ease-in-out 0.7s; -o-transition : all 0.3s ease-in-out 0.7s; width : 100%;}

.swiper-auto-slide .swiper-scrollbar {left : 20%; opacity : 1; position : absolute; width : 60%; bottom : -50px; border-radius : 0; height : 1px}

.swiper-auto-slide .swiper-scrollbar-drag {border-radius : 0; background : transparent;}

.swiper-auto-slide .swiper-scrollbar-drag:before {cursor : move; position : absolute; content : ""; background : var(--base-color); width : 13px; height : 13px; border-radius : 100%; top : -6px; left : calc(50% - 13px);}

.swiper-auto-slide .swiper-slide {filter : contrast(130%); -webkit-filter : contrast(130%); -moz-filter : contrast(130%); -ms-filter : contrast(130%); -o-filter : contrast(130%); filter : grayscale(1); -webkit-filter : grayscale(1); -moz-filter : grayscale(1); -ms-filter : grayscale(1); -o-filter : grayscale(1); transition : all 0.3s ease-in-out 0s; -webkit-transition : all 0.3s ease-in-out 0s; -moz-transition : all 0.3s ease-in-out 0s; -ms-transition : all 0.3s ease-in-out 0s; -o-transition : all 0.3s ease-in-out 0s;}

.swiper-auto-slide .swiper-slide.swiper-slide-active {filter : contrast(0); -webkit-filter : contrast(0); -moz-filter : contrast(0); -ms-filter : contrast(0); -o-filter : contrast(0); filter : grayscale(0); -webkit-filter : grayscale(0); -moz-filter : grayscale(0); -ms-filter : grayscale(0); -o-filter : grayscale(0); transition : all 0.3s ease-in-out; -webkit-transition : all 0.3s ease-in-out; -moz-transition : all 0.3s ease-in-out; -ms-transition : all 0.3s ease-in-out; -o-transition : all 0.3s ease-in-out;}

.swiper-auto-slide .swiper-slide .absolute-middle-center h2 {opacity : 0; margin-bottom : 10px; transition : all 0.3s ease-in-out; -webkit-transition : all 0.3s ease-in-out; -moz-transition : all 0.3s ease-in-out; -ms-transition : all 0.3s ease-in-out; -o-transition : all 0.3s ease-in-out; transform : translateY(-60px); -webkit-transform : translateY(-60px); -moz-transform : translateY(-60px); -ms-transform : translateY(-60px); -o-transform : translateY(-60px);}

.swiper-auto-slide .swiper-slide.swiper-slide-active .absolute-middle-center h2 {opacity : 1; transition : all 0.3s ease-in-out 0.7s; -webkit-transition : all 0.3s ease-in-out 0.7s; -moz-transition : all 0.3s ease-in-out 0.7s; -ms-transition : all 0.3s ease-in-out 0.7s; -o-transition : all 0.3s ease-in-out 0.7s; transform : translateY(0px); -webkit-transform : translateY(0px); -moz-transform : translateY(0px); -ms-transform : translateY(0px); -o-transform : translateY(0px);}

.swiper-auto-slide .swiper-slide span {opacity : 0; transition : all 0.5s ease-in-out; -webkit-transition : all 0.5s ease-in-out; -moz-transition : all 0.5s ease-in-out; -ms-transition : all 0.5s ease-in-out; -o-transition : all 0.5s ease-in-out;}

.swiper-auto-slide .swiper-slide.swiper-slide-active span {opacity : 1; transition : all 0.5s ease-in-out; -webkit-transition : all 0.5s ease-in-out; -moz-transition : all 0.5s ease-in-out; -ms-transition : all 0.5s ease-in-out; -o-transition : all 0.5s ease-in-out;}

/* slider navigation */
.swiper-next.swiper-button-disabled, .swiper-prev.swiper-button-disabled {opacity : 0.6;}

.swiper-button-next, .swiper-button-prev {height : 30px; width : 30px; line-height : 30px; border-radius : 3px; margin : 0; transform : translateY(-50%); -webkit-transform : translateY(-50%); -moz-transform : translateY(-50%); -ms-transform : translateY(-50%); -o-transform : translateY(-50%); -webkit-transition-duration : 0.3s; -moz-transition-duration : 0.3s; -ms-transition-duration : 0.3s; -o-transition-duration : 0.3s; transition-duration : 0.3s; outline : none;}

.swiper-button-next.large, .swiper-button-prev.large {height : 62px; width : 62px; line-height : 62px; font-size : 18px;}

.swiper-button-next:after, .swiper-button-prev:after {display : none;}

.swiper-button-next:hover, .swiper-button-prev:hover {-webkit-transition-duration : 0s; -moz-transition-duration : 0s; -ms-transition-duration : 0s; -o-transition-duration : 0s; transition-duration : 0s;}

.swiper-button-next {right : 20px;}

.swiper-button-prev {left : 20px;}

.slider-navigation.swiper-button-next, .slider-navigation.swiper-button-prev {background-color : rgba(23, 23, 23, .5); color : #FFF;}

.slider-navigation.swiper-button-next:hover, .slider-navigation.swiper-button-prev:hover {background-color : #FFF; color : #232323;}

.swiper-button-next.dark, .swiper-button-prev.dark {background-color : rgba(23, 23, 23, .5); color : #FFF;}

.swiper-button-next.light, .swiper-button-prev.light {background-color : #FFF; color : #232323;}

.swiper-button-next.arrow-dark, .swiper-button-prev.arrow-dark {background-color : transparent; color : rgba(23, 23, 23, 1);}

.swiper-button-next.arrow-dark:hover, .swiper-button-prev.arrow-dark:hover {background-color : transparent; color : rgba(23, 23, 23, .5);}

.swiper-button-next.arrow-light, .swiper-button-prev.arrow-light {background-color : transparent; color : rgba(255, 255, 255, 1);}

.swiper-button-next.arrow-light:hover, .swiper-button-prev.arrow-light:hover {background-color : transparent; color : rgba(255, 255, 255, .5);}

.swiper-button-next.arrow-gray, .swiper-button-prev.arrow-gray {background-color : transparent; color : rgba(255, 255, 255, .5);}

.swiper-button-next.arrow-gray:hover, .swiper-button-prev.arrow-gray:hover {background-color : transparent; color : rgba(255, 255, 255, 1);}

.slider-navigation.swiper-button-next {right : 40px;}

.slider-navigation.swiper-button-prev {left : 40px;}

.arrow-big.swiper-button-next.swiper-button-black-highlight i, .arrow-big.swiper-button-prev.swiper-button-black-highlight i {font-size : 18px;}

.arrow-big.swiper-button-next.swiper-button-black-highlight {margin-right : 0}

.arrow-big.swiper-button-prev.swiper-button-black-highlight {margin-left : 0;}

.arrow-big.swiper-button-next, .arrow-big.swiper-button-prev {width : 50px; height : 50px; font-size : 24px;}

.square-arrow {border-radius : 0 !important;}

/* blog swiper */
.swiper-blog .swiper-slide .slide-content {opacity : 0; padding-left : 15px; padding-right : 15px; transform : translateY(100px); -webkit-transform : translateY(100px); -moz-transform : translateY(100px); -ms-transform : translateY(100px); -o-transform : translateY(100px);}

.swiper-blog .swiper-slide.swiper-slide-active .slide-content {opacity : 1; transition-delay : 0.3s; -webkit-transition-delay : 0.3s; -moz-transition-delay : 0.3s; -ms-transition-delay : 0.3s; -o-transition-delay : 0.3s; transform : translateY(0); -webkit-transform : translateY(0); -moz-transform : translateY(0); -ms-transform : translateY(0); -o-transform : translateY(0);}

/* next prev button style 2 */
.swiper-next-style2, .swiper-prev-style2 {position : absolute; bottom : -60px; cursor : pointer; text-transform : uppercase; outline : none;}

.swiper-next-style2 {right : 15%;}

.swiper-prev-style2 {left : 15%;}

/* portfolio next prev button */
.swiper-portfolio-prev, .swiper-portfolio-next {position : absolute; top : 50%; z-index : 1; background : #FFF; color : #232323; padding : 15px; font-size : 18px; cursor : pointer; transform : translateY(-50%); -webkit-transform : translateY(-50%); -moz-transform : translateY(-50%); -ms-transform : translateY(-50%); -o-transform : translateY(-50%);}

.swiper-portfolio-prev.swiper-button-disabled, .swiper-portfolio-next.swiper-button-disabled {opacity : 0; visibility : hidden;}

.swiper-portfolio-prev {left : 0;}

.swiper-portfolio-next {right : 0;}

.swiper-portfolio-prev, .swiper-portfolio-next {width : auto; height : auto; border-radius : 0;}

/* next prev button style 4 */
.navigation-area {position : absolute; bottom : 0; display : inline-block; width : 40px; height : 82px;}

.swiper-button-prev.swiper-prev-style4, .swiper-button-next.swiper-next-style4 {background-image : none; background : var(--base-color); color : #FFF; text-align : center; line-height : 40px; height : 40px; width : 40px; display : block; float : left; position : relative; left : auto; right : auto; top : 0; margin : 0 auto; border-radius : 0; transform : translateY(0); -webkit-transform : translateY(0); -moz-transform : translateY(0); -ms-transform : translateY(0); -o-transform : translateY(0);}

.swiper-button-next.swiper-next-style4 {margin-bottom : 1px}

/* dot pagination white */
.swiper-pagination-white .swiper-pagination-bullet {background : #FFF}

.swiper-pagination-white .swiper-pagination-bullet-active {background : #FFF}

.swiper-pagination-square-bottom.swiper-pagination-bullets {bottom : -50px}

/* square pagination */
.swiper-pagination-square .swiper-pagination-bullet {height : 4px; width : 30px; border-radius : 0}

/* square pagination */
.white-move .swiper-slide {cursor : url("../images/icon-move-light.png"), move;}

.black-move .swiper-slide {cursor : url("../images/icon-move-black.png"), move;}

.white-move.swiper-vertical-pagination .swiper-slide {cursor : url("../images/icon-move-light-vertical.png"), move;}

.black-move.swiper-vertical-pagination .swiper-slide {cursor : url("../images/icon-move-black-vertical.png"), move;}

/* number pagination */
.swiper-number {left : auto !important; right : 0 !important; width : 35px !important; text-align : right !important; top : 38% !important; bottom : inherit !important;}

.swiper-number .swiper-pagination-bullet {background : transparent; color : #939393; display : block; font-size : 20px; height : 45px; line-height : 20px; opacity : .7; padding : 14px 0 0; text-align : center; width : 23px; border-radius : 0; margin : 0 0 5px 0;}

.swiper-number .swiper-pagination-bullet.swiper-pagination-bullet-active {border-bottom : 1px solid rgba(0, 0, 0, .5); opacity : 1;}

.swiper-number .swiper-pagination-bullet-active {color : #000; background : transparent;}

/* revolution slider bullet */
.tp-bullet {border-radius : 100%; background : transparent; border : 1px solid #FFF;}

.tp-bullet.selected, .tp-bullet:hover {background : #FFF}

.hermes .tp-bullet {box-shadow : 0 0 0 0 #FFF; height : 10px; width : 10px; border : 2px solid #FFF;}

.hermes .tp-bullet::after {box-shadow : 0 0 0 0 #FFF inset;}

/* slider height */
.slider-half-screen {height : 765px}

.slider-medium-screen {height : 898px}

/* cursor */
.cursor-default {cursor : default}

/* down scroll */
.down-section {position : absolute; width : 100%; bottom : 50px; left : 0; right : 0}

.scroll-down-section {position : absolute; width : 100%; bottom : -50px; left : 0; right : 0; z-index : 1;}

.scroll-down-section div {height : 100px;}

/* ===================================
    22. Grid
====================================== */

.blog-content, .blog-wrapper, .blog-wrapper .grid-item, .blog-wrapper .grid-sizer {transition-timing-function : none; -moz-transition-timing-function : none; -webkit-transition-timing-function : none; -o-transition-timing-function : none; -ms-transition-timing-function : none; transition-duration : 0s; -moz-transition-duration : 0s; -webkit-transition-duration : 0s; -o-transition-duration : 0s; -ms-transition-duration : 0s;}

/* grid loading */
@keyframes spin {
    to { -webkit-transform : rotate(360deg); -ms-transform : rotate(360deg); transform : rotate(360deg); }
}

.grid-loading, .grid-loading-white {overflow : hidden; position : relative; opacity : 1 !important; transition : all 0s ease-in-out !important; -moz-transition : all 0s ease-in-out !important; -webkit-transition : all 0s ease-in-out !important; -ms-transition : all 0s ease-in-out !important; -o-transition : all 0s ease-in-out !important; z-index : 99;}

.grid-loading::after, .grid-loading-white::after {background : none; content : "" !important; position : absolute; top : 100px !important; left : calc(50% - 25px) !important; width : 50px !important; height : 50px !important; opacity : 1 !important; right : inherit !important; z-index : 9; text-align : center; border : 3px solid rgba(23, 23, 23, 0.2); border-top-color : rgba(23, 23, 23, 0.7); border-radius : 50%; animation : spin 1s linear infinite; -webkit-animation : spin 1s linear infinite;}

.grid-loading:before {content : ""; position : absolute; right : 2px; top : 1px; width : calc(100% - 4px); height : calc(100% - 2px); border-radius : inherit; z-index : 1;}

.grid-loading .grid-item, .grid-loading-white .grid-item {visibility : hidden;}

.grid-loading li.grid-item, .grid-loading-white li.grid-item {overflow : hidden;}

.grid-loading-white::after {background : none; content : "" !important; border : 3px solid rgba(255, 255, 255, 0.2); border-top-color : rgba(255, 255, 255, 0.7);}

.blog-post-images img, .portfolio-image img {width : 100%;}

.grid {list-style : none; padding : 0; margin : 0;}

.grid-sizer {padding : 0 !important; margin : 0 !important;}

/* gutter size */
.grid.gutter-very-small li {padding : 3px 3px;}

.grid.gutter-small li {padding : 5px 5px;}

.grid.gutter-medium li {padding : 7px 7px;}

.grid.gutter-large li {padding : 10px 10px;}

.grid.gutter-extra-large li {padding : 15px;}

.grid.gutter-double-extra-large li {padding : 20px;}

.grid.gutter-triple-extra-large li {padding : 30px;}

/* grid 6 column */
.grid.grid-6col li {width : 16.67%; list-style : none;}

.grid.grid-6col li.grid-item-double {width : 33.33%;}

/* grid 5 column */
.grid.grid-5col li {width : 20%; list-style : none;}

.grid.grid-5col li.grid-item-double {width : 40%;}

/* grid 4 column */
.grid.grid-4col li {width : 25%; list-style : none;}

.grid.grid-4col li.grid-item-double {width : 50%;}

/* grid 3 column */
.grid.grid-3col li {width : 33.33%; float : left; list-style : none;}

.grid.grid-3col li.grid-item-double {width : 66.67%;}

/* grid 2 column */
.grid.grid-2col li {width : 50%; list-style : none;}

.grid.grid-2col li.grid-item-double {width : 100%;}

/* grid 1 column */
.grid.grid-1col li {width : 100%; list-style : none;}

/* grid filter */
.grid-filter li {display : inline-block; float : none; padding : 0 20px; border : 0; position : relative;}

.grid-filter li:first-child {padding-left : 0;}

.grid-filter li:last-child {padding-right : 0;}

.grid-filter li a {border : 0; border-bottom : 1px solid; border-color : transparent; color : #828282; padding-bottom : 2px;}

.grid-filter > li.active > a, .grid-filter > li.active > a:focus, .grid-filter > li.active > a:hover, .grid-filter > li > a:hover {border : 0; color : inherit; border-bottom : 1px solid; color : #232323}

/* ===================================
    23. Portfolio
====================================== */
.portfolio-wrapper .grid-item figure {margin : 0; position : relative; overflow : hidden}

.portfolio-wrapper .grid-item {opacity : 1;overflow : hidden;}

.portfolio-wrapper .grid-item figure img {cursor : pointer; display : block; opacity : 1; width : 100%; transition : all 0.3s ease 0s;}

.portfolio-wrapper .grid-item figcaption {bottom : 0; left : 0; opacity : 0; position : absolute; transition : all 0.3s ease 0s; -webkit-transition : all 0.3s ease 0s; -moz-transition : all 0.3s ease 0s; -ms-transition : all 0.3s ease 0s; -o-transition : all 0.3s ease 0s; width : 100%; height : 100%; padding : 45px; z-index : 1; text-align : center}

.portfolio-wrapper .grid-item figure:hover .portfolio-img {transition : all 0.3s ease 0s; -webkit-transition : all 0.3s ease 0s; -moz-transition : all 0.3s ease 0s; -ms-transition : all 0.3s ease 0s; -o-transition : all 0.3s ease 0s;}

.portfolio-wrapper .grid-item figure .portfolio-img {transition : all 0.3s ease 0s; -webkit-transition : all 0.3s ease 0s; -moz-transition : all 0.3s ease 0s; -ms-transition : all 0.3s ease 0s; -o-transition : all 0.3s ease 0s;}

.portfolio-wrapper .grid-item figure:hover img {opacity : 0.15; transform : scale(1.1, 1.1); -webkit-transform : scale(1.1, 1.1); -moz-transform : scale(1.1, 1.1); -ms-transform : scale(1.1, 1.1); -o-transform : scale(1.1, 1.1); transition : all 0.3s ease 0s; -webkit-transition : all 0.3s ease 0s; -moz-transition : all 0.3s ease 0s; -ms-transition : all 0.3s ease 0s; -o-transition : all 0.3s ease 0s;}

.portfolio-wrapper .grid-item figure:hover figcaption {opacity : 1; transition : all 0.3s ease 0s; -webkit-transition : all 0.3s ease 0s; -moz-transition : all 0.3s ease 0s; -ms-transition : all 0.3s ease 0s; -o-transition : all 0.3s ease 0s;}

/* justified gallery */
.justified-gallery > a > .jg-caption, .justified-gallery > div > .jg-caption, .justified-gallery > figure > .jg-caption {padding : 7px 15px; opacity : 0; display : initial !important; bottom : 0; transition : all 0.3s ease 0s; -webkit-transition : all 0.3s ease 0s; -moz-transition : all 0.3s ease 0s; -ms-transition : all 0.3s ease 0s; -o-transition : all 0.3s ease 0s; font-family : 'Montserrat', sans-serif; font-weight : 600; font-size : 11px; text-transform : uppercase}

.caption.caption-visible {opacity : 1; bottom : 0 !important}

/* portfolio hover style */
.grid-item .portfolio-hover-box {display : table-cell; height : 100%;}

/* hover option 1 */
.hover-option1 .grid-item figcaption {height : 100%}

.hover-option1 .grid-item .portfolio-hover-main {transform : none; -webkit-transform : none; -moz-transform : none; -ms-transform : none; -o-transform : none; display : table; height : 100%; top : 0; width : 100%;}

/* hover option 2 */
.hover-option2 .grid-item figcaption {height : 100%}

.hover-option2 .grid-item .portfolio-hover-main {transform : none; -webkit-transform : none; -moz-transform : none; -ms-transform : none; -o-transform : none; display : table; height : 100%; top : 0; width : 100%;}

.hover-option2 .grid-item .portfolio-hover-content {bottom : -15px; transition : all 0.3s ease 0s; -webkit-transition : all 0.3s ease 0s; -moz-transition : all 0.3s ease 0s; -ms-transition : all 0.3s ease 0s; -o-transition : all 0.3s ease 0s;}

.hover-option2 .grid-item:hover .portfolio-hover-content {bottom : 0;}

.hover-option2 .separator-line-horrizontal-medium-light2 {opacity : .5}

.hover-option2 .grid-item figure:hover img {-webkit-filter : blur(5px); -moz-filter : blur(5px); -ms-filter : blur(5px); -o-filter : blur(5px); filter : blur(5px); opacity : 0.10; transform : scale(1.1, 1.1); -webkit-transform : scale(1.1, 1.1); -moz-transform : scale(1.1, 1.1); -ms-transform : scale(1.1, 1.1); -o-transform : scale(1.1, 1.1); transition : all 0.3s ease 0s; -webkit-transition : all 0.3s ease 0s; -moz-transition : all 0.3s ease 0s; -ms-transition : all 0.3s ease 0s; -o-transition : all 0.3s ease 0s;}

.container .hover-option2 .grid-item figcaption {padding : 30px;}

/* hover option 3 */
.hover-option3 .grid-item .slide-hover-box {position : absolute; width : 100%; height : 100%;}

.hover-option3 .grid-item .opacity-medium {opacity : 0; transition : all 0.3s ease 0s; -webkit-transition : all 0.3s ease 0s; -moz-transition : all 0.3s ease 0s; -ms-transition : all 0.3s ease 0s; -o-transition : all 0.3s ease 0s;}

.hover-option3 .grid-item .slide-hover-box:hover .opacity-medium {opacity : 0.50; transition : all 0.3s ease 0s; -webkit-transition : all 0.3s ease 0s; -moz-transition : all 0.3s ease 0s; -ms-transition : all 0.3s ease 0s; -o-transition : all 0.3s ease 0s;}

.hover-option3 .grid-item figure {bottom : 130px; z-index : 5; width : 100%; overflow : visible}

.hover-option3 .grid-item figure h6 {position : relative; bottom : -70px; transition : all 0.3s ease 0s; -webkit-transition : all 0.3s ease 0s; -moz-transition : all 0.3s ease 0s; -ms-transition : all 0.3s ease 0s; -o-transition : all 0.3s ease 0s;}

.hover-option3 .grid-item .slide-hover-box:hover h6 {bottom : 0}

.hover-option3 .grid-item figure p {bottom : -40px; opacity : 0; position : relative; transition : all 0.3s ease 0s; -webkit-transition : all 0.3s ease 0s; -moz-transition : all 0.3s ease 0s; -ms-transition : all 0.3s ease 0s; -o-transition : all 0.3s ease 0s;}

.hover-option3 .grid-item .slide-hover-box:hover p {opacity : .6; bottom : 0;}

.hover-option3 .grid-item figure figcaption {left : 0; right : 0; opacity : 1; padding : 0 60px; height : auto; text-align : left}

.hover-option3 .grid-item .separator-line-horrizontal-medium-light2 {transition : all 0.3s ease 0s; -webkit-transition : all 0.3s ease 0s; -moz-transition : all 0.3s ease 0s; -ms-transition : all 0.3s ease 0s; -o-transition : all 0.3s ease 0s; width : 20%;}

.hover-option3 .grid-item .slide-hover-box:hover .separator-line-horrizontal-medium-light2 {width : 60%; transition : all 0.3s ease 0s; -webkit-transition : all 0.3s ease 0s; -moz-transition : all 0.3s ease 0s; -ms-transition : all 0.3s ease 0s; -o-transition : all 0.3s ease 0s;}

/* hover option 4 */
.hover-option4 .grid-item figcaption {height : 100%}

.hover-option4 .grid-item .portfolio-hover-main {transform : none; display : table; height : 100%; top : 0; width : 100%;}

.hover-option4 .grid-item figure:hover img {opacity : 0.08; transform : scale(1, 1); transition : all 0.2s ease 0s; -webkit-transition : all 0.2s ease 0s; -moz-transition : all 0.2s ease 0s; -ms-transition : all 0.2s ease 0s; -o-transition : all 0.2s ease 0s; filter : blur(4px); -webkit-filter : blur(4px); -moz-filter : blur(4px); -ms-filter : blur(4px); -o-filter : blur(4px);}

.hover-option4 .grid-item .portfolio-hover-content {bottom : -15px; transition : all 0.2s ease 0s; -webkit-transition : all 0.2s ease 0s; -moz-transition : all 0.2s ease 0s; -ms-transition : all 0.2s ease 0s; -o-transition : all 0.2s ease 0s;}

.hover-option4 .grid-item:hover .portfolio-hover-content {bottom : 0;}

.hover-option4 .swiper-slide.grid-item figcaption {position : absolute; top : 0; width : 100%; opacity : 0}

.hover-option4 .swiper-slide.grid-item:hover figcaption {opacity : 1}

.container .hover-option4 .grid-item figcaption {padding : 30px;}

/* hover option 5 */
.hover-option5 .grid-item figcaption {height : 100%; padding : 20px}

.hover-option5 .grid-item .portfolio-hover-main {transform : none; -webkit-transform : none; -moz-transform : none; -ms-transform : none; -o-transform : none; display : table; height : 100%; top : 0; width : 100%;}

.hover-option5 .grid-item .portfolio-hover-box {padding : 20px;}

.hover-option5 .grid-item:hover .portfolio-hover-box {background : rgba(0, 0, 0, .8)}

.hover-option5 .grid-item .separator-line-horrizontal-medium-light2 {-webkit-transition : all 0.2s ease 0s; -moz-transition : all 0.2s ease 0s; -ms-transition : all 0.2s ease 0s; -o-transition : all 0.2s ease 0s; transition : all 0.2s ease 0s; top : 5px; width : 100px}

.hover-option5 .grid-item:hover .separator-line-horrizontal-medium-light2 {transform : translateY(-30px); -webkit-transform : translateY(-30px); -moz-transform : translateY(-30px); -ms-transform : translateY(-30px); -o-transform : translateY(-30px);}

.hover-option5 .grid-item figure:hover img {opacity : .8}

.container .hover-option5 .grid-item .portfolio-hover-box {padding : 10px;}

/* hover option 6 */
.hover-option6 .grid-item figcaption {height : 100%; position : relative; opacity : 1; padding : 35px 10px; background : #FFF}

.hover-option6 .grid-item .portfolio-hover-main {transform : none; -webkit-transform : none; -moz-transform : none; -ms-transform : none; -o-transform : none; display : table; height : 100%; top : 0; width : 100%;}

.hover-option6 .grid-item .portfolio-icon {transition : all 0.3s ease 0s; position : absolute; -webkit-transform : translateY(-50%); -ms-transform : translateY(-50%); transform : translateY(-50%); position : absolute; top : 55%; left : 0; right : 0; opacity : 0}

.hover-option6 .grid-item figure:hover .portfolio-icon {opacity : 1; top : 50%;}

.hover-option6 .grid-item .portfolio-icon a {border-radius : 50%; border : 2px solid transparent; background : #FFF; margin : 0 7px; height : 46px; width : 46px; display : inline-block; -webkit-transition : all 0.2s ease 0s; -moz-transition : all 0.2s ease 0s; -ms-transition : all 0.2s ease 0s; -o-transition : all 0.2s ease 0s; transition : all 0.2s ease 0s;}

.hover-option6 .grid-item .portfolio-icon i.fa-link {font-size : 20px; position : relative; top : 11px}

.hover-option6 .grid-item .portfolio-icon i.fa-search, .hover-option6 .grid-item .portfolio-icon i.fa-magnifying-glass {font-size : 16px; position : relative; top : 10px}

.hover-option6 .grid-item .portfolio-icon a:hover, .hover-option6 .grid-item .portfolio-icon a:hover i {background : transparent; color : #FFF;}

.hover-option6 .grid-item .portfolio-icon a:hover {background : transparent; border : 2px solid #FFF; color : #FFF; transform : scale(1.1, 1.1); -webkit-transform : scale(1.1, 1.1); -moz-transform : scale(1.1, 1.1); -ms-transform : scale(1.1, 1.1); -o-transform : scale(1.1, 1.1);}

.hover-option6 .grid-item figure:hover img {cursor : default; opacity : .15; transform : scale(1, 1); -webkit-transform : scale(1, 1); -moz-transform : scale(1, 1); -ms-transform : scale(1, 1); -o-transform : scale(1, 1);}

.hover-option6 .grid-item figure:hover figcaption {cursor : default;}

.hover-option6 .grid-item figure:hover .portfolio-img {transition : all 0.3s ease 0s; -webkit-transition : all 0.3s ease 0s; -moz-transition : all 0.3s ease 0s; -ms-transition : all 0.3s ease 0s; -o-transition : all 0.3s ease 0s;}

.container .hover-option6 .grid-item figcaption {padding : 25px 10px;}

/* hover option 7 */
.hover-option7 .grid-item figcaption {height : auto; position : absolute; opacity : 0; padding : 32px; bottom : -101px}

.hover-option7 .grid-item figure:hover figcaption {bottom : 0}

.hover-option7 .grid-item .portfolio-hover-main {transform : none; -webkit-transform : none; -moz-transform : none; -ms-transform : none; -o-transform : none; display : table; height : 100%; top : 0; width : 100%;}

.hover-option7 .grid-item figure img {top : 0; position : relative}

.hover-option7 .grid-item figure:hover img {cursor : pointer; opacity : 1; transform : scale(1, 1); -webkit-transform : scale(1, 1); -moz-transform : scale(1, 1); -ms-transform : scale(1, 1); -o-transform : scale(1, 1); top : -101px}

.hover-option7 .grid-item figure:hover figcaption {cursor : pointer;}

.hover-option7 .grid-item figure:hover .portfolio-img {transition : all 0.3s ease 0s; -webkit-transition : all 0.3s ease 0s; -moz-transition : all 0.3s ease 0s; -ms-transition : all 0.3s ease 0s; -o-transition : all 0.3s ease 0s; background : transparent}

.container .hover-option7 .grid-item figcaption {padding : 20px;}

.container .hover-option7 .grid-item figure:hover img {top : -81px;}

/* hover option 8 */
.hover-option8 .grid-item figure figcaption {opacity : 0; padding : 0; transition : all 0.2s ease 0s; -webkit-transition : all 0.2s ease 0s; -moz-transition : all 0.2s ease 0s; -ms-transition : all 0.2s ease 0s; -o-transition : all 0.2s ease 0s;}

.hover-option8 .grid-item figure:hover figcaption {opacity : 1; cursor : pointer}

.hover-option8 .grid-item .portfolio-hover-main {display : table; height : 100%; top : 0; transform : none; -webkit-transform : none; -moz-transform : none; -ms-transform : none; -o-transform : none; width : 100%;}

.hover-option8 .grid-item .portfolio-icon {position : absolute; right : 55px; top : 51px; transition : all 0.1s ease 0s; -webkit-transition : all 0.1s ease 0s; -moz-transition : all 0.1s ease 0s; -ms-transition : all 0.1s ease 0s; -o-transition : all 0.1s ease 0s;}

.hover-option8 .grid-item figure:hover figcaption {padding : 25px; transition : all 0.2s ease 0s; -webkit-transition : all 0.2s ease 0s; -moz-transition : all 0.2s ease 0s; -ms-transition : all 0.2s ease 0s; -o-transition : all 0.2s ease 0s; box-shadow : 0 0 4px rgba(0, 0, 0, .4);}

.hover-option8 .grid-item figure:hover figcaption .portfolio-hover-main {background : #FFF}

.hover-option8 .grid-item figure:hover img {opacity : 1; filter : blur(4px);-webkit-filter : blur(4px); -moz-filter : blur(4px); -ms-filter : blur(4px); -o-filter : blur(4px);}

.container .hover-option8 .grid-item figure:hover figcaption {padding : 20px;}

.container .hover-option8 .grid-item .portfolio-icon {top : 30px; right : 35px;}

/* hover option 10 */
.hover-option10 .grid-item * {-webkit-transition : all 0.3s ease 0s; -moz-transition : all 0.3s ease 0s; -ms-transition : all 0.3s ease 0s; -o-transition : all 0.3s ease 0s; transition : all 0.3s ease 0s;}

.hover-option10 .grid-item figure .portfolio-img img {transform : scale(1.05, 1.05); -webkit-transform : scale(1.05, 1.05); -moz-transform : scale(1.05, 1.05); -ms-transform : scale(1.05, 1.05); -o-transform : scale(1.05, 1.05);}

.hover-option10 .grid-item figure:hover .portfolio-img img {transform : scale(1, 1); -webkit-transform : scale(1, 1); -moz-transform : scale(1, 1); -ms-transform : scale(1, 1); -o-transform : scale(1, 1); opacity : .15}

.hover-option10 .grid-item figure figcaption {padding : 0;}

.hover-option10 .grid-item figure .portfolio-hover-main {display : table; width : 100%; height : 100%; padding : 50px}

.hover-option10 .grid-item figure .portfolio-icon {margin-bottom : 30px; position : relative; -webkit-transform : translateY(-100%); -ms-transform : translateY(-100%); transform : translateY(-100%);}

.hover-option10 .grid-item figure .portfolio-hover-content {position : relative; -webkit-transform : translateY(100%); -ms-transform : translateY(100%); -moz-transform : translateY(100%); transform : translateY(100%);}

.hover-option10 .grid-item figure:hover .portfolio-icon, .hover-option10 .grid-item figure:hover .portfolio-hover-content {-webkit-transform : translateY(0); -ms-transform : translateY(0); -moz-transform : translateY(0); transform : translateY(0);}

.hover-option10 .grid-item .portfolio-icon a {margin : 0 7px; height : 50px; width : 50px; display : inline-block; border-radius : 100%; border : 2px solid rgba(255, 255, 255, 1); box-sizing : border-box; vertical-align : top; text-align : center; color : #FFF}

.hover-option10 .grid-item .portfolio-icon a:hover {color : #232323; background : #FFF; border-radius : 5px;}

.hover-option10 .grid-item .portfolio-icon a:hover i {color : #232323;;}

.hover-option10 .grid-item .portfolio-icon i.fa-link {font-size : 22px; position : relative; top : 14px}

.hover-option10 .grid-item .portfolio-icon i.fa-search, .hover-option10 .grid-item .portfolio-icon i.fa-magnifying-glass {font-size : 20px; position : relative; top : 13px}

.hover-option10 .grid-item .portfolio-icon i.ti-zoom-in {font-size : 20px; position : relative; top : 13px}

.container .hover-option10 .grid-item .portfolio-icon i.fa-link {font-size : 16px; position : relative; top : 10px}

.container .hover-option10 .grid-item .portfolio-icon i.fa-search, .container .hover-option10 .grid-item .portfolio-icon i.fa-magnifying-glass {font-size : 14px; position : relative; top : 8px}

.container .hover-option10 .grid-item .portfolio-icon a {width : 45px; height : 45px;}

.container .hover-option10 .grid-item figure .portfolio-hover-main {padding : 30px;}

/* hover option 11 */
.hover-option11 .grid-item figcaption {height : 100%}

.hover-option11 .grid-item .portfolio-hover-main {transform : none; display : table; height : 100%; top : 0; width : 100%;}

.hover-option11 .grid-item figure:hover img {opacity : 0.05; transform : scale(1, 1); transition : all 0.2s ease 0s; -webkit-transition : all 0.2s ease 0s; -moz-transition : all 0.2s ease 0s; -ms-transition : all 0.2s ease 0s; -o-transition : all 0.2s ease 0s; filter : blur(4px); -webkit-filter : blur(4px); -moz-filter : blur(4px); -ms-filter : blur(4px); -o-filter : blur(4px);}

.hover-option11 .grid-item .portfolio-hover-content {bottom : -15px; transition : all 0.2s ease 0s; -webkit-transition : all 0.2s ease 0s; -moz-transition : all 0.2s ease 0s; -ms-transition : all 0.2s ease 0s; -o-transition : all 0.2s ease 0s;}

.hover-option11 .grid-item:hover .portfolio-hover-content {bottom : 0;}

.hover-option11 .swiper-slide.grid-item figcaption {position : absolute; top : 0; width : 100%; opacity : 0}

.hover-option11 .swiper-slide.grid-item:hover figcaption {opacity : 1}

.hover-option11 .grid-item .portfolio-item-title {transition : all 0.2s ease 0s; -webkit-transition : all 0.2s ease 0s; -moz-transition : all 0.2s ease 0s; -o-transition : all 0.2s ease 0s; -ms-transition : all 0.2s ease 0s;}

.hover-option11 .grid-item > a:hover .portfolio-item-title {color : #FFF;}

.hover-option11 .grid-item .portfolio-img {margin-bottom : 33px; transition : all 0.2s ease 0s; -webkit-transition : all 0.2s ease 0s; -moz-transition : all 0.2s ease 0s; -o-transition : all 0.2s ease 0s; -ms-transition : all 0.2s ease 0s;}

.hover-option11 .grid-item .portfolio-img img {box-shadow : 0 0 8px rgba(0, 0, 0, 1);}

.hover-option11 .grid-item:hover .portfolio-img img {opacity : .6; transition : all 0.2s ease 0s; -webkit-transition : all 0.2s ease 0s; -moz-transition : all 0.2s ease 0s; -o-transition : all 0.2s ease 0s; -ms-transition : all 0.2s ease 0s;}

.hover-option11 .grid-item > a {display : block; position : relative;}

.hover-option11 .grid-item > a:hover .portfolio-img {box-shadow : 0 6px 14px 0 rgba(0, 0, 0, 0.2); transform : translateY(-10px);}

/* portfolio filter tab style 1 */
.portfolio-filter-tab-1 li {margin : 0 25px; display : inline-block; float : none}

.portfolio-filter-tab-1 li a {background : transparent; border : none; padding : 0 0 2px 0; display : inline; color : #6F6F6F; margin : 0; border-bottom : 1px solid transparent;}

.portfolio-filter-tab-1 li a:hover, .portfolio-filter-tab-1 li a:focus {background : transparent; border-bottom : 1px solid #232323; color : #232323}

.portfolio-filter-tab-1 li.active a {background : transparent !important; border-bottom : 1px solid #232323; color : #232323;}

/* portfolio filter tab style 2 */
.portfolio-filter-tab-2 li.nav-item {display : inline-block; float : none;}

.portfolio-filter-tab-2 li.nav-item a.nav-link {border : none; border-radius : 50px !important; padding : 7px 24px; margin-right : 4px; border-color : transparent !important;}

.portfolio-filter-tab-2 li.nav-item a.nav-link:hover, .portfolio-filter-tab-2 li.nav-item > a.nav-link:focus {background : rgba(144, 144, 144, 0.22); color : #FFF; border-color : transparent !important;}

.portfolio-filter-tab-2.nav-tabs li.nav-item.active a.nav-link, .portfolio-filter-tab-2.nav-tabs li.nav-item.active a.nav-link:focus, .portfolio-filter-tab-2.nav-tabs li.nav-item.active a.nav-link:hover {border : none; background : rgba(144, 144, 144, 0.22); color : #FFF; border : none;}

/* blog and portfolio next pagination */
.blog-nav-link {padding : 30px 0; display : inline-block; vertical-align : middle; font-size : 16px; position : relative}

.blog-nav-link-prev .blog-nav-icon, .blog-nav-link-next .blog-nav-icon {top : 50%; transform : translateY(-50%); -webkit-transform : translateY(-50%); -moz-transform : translateY(-50%); -ms-transform : translateY(-50%); -o-transform : translateY(-50%); position : absolute}

.blog-nav-link-next {padding-right : 50px}

.blog-nav-link-next .blog-nav-icon {right : 0}

.blog-nav-link-prev {padding-left : 50px}

.blog-nav-link-prev .blog-nav-icon {left : 0}

/* ===================================
    24. Elements
====================================== */

/* double quotes */
.special-char-small {font-size : 40px; line-height : 60px;}

.special-char-medium {font-size : 110px; line-height : 140px;}

.special-char-large {font-size : 140px; line-height : 120px;}

.special-char-extra-large {font-size : 200px; line-height : 150px;}

/* search box */
.search-box .add-on .input-group-append > .btn, .search-box .add-on .input-group-btn > .btn {left : 0px; border-color : #EDEDED; box-shadow : none; -moz-box-shadow : none; -webkit-box-shadow : none; -o-box-shadow : none; -ms-box-shadow : none; margin-right : 0; margin-left : -1px; text-transform : uppercase; border-width : 1px; border-style : solid;padding : 5px 9px; height : 31px; border-top-right-radius : 4px; border-bottom-right-radius : 4px; border-left : 0;}

.search-box .add-on .form-control:focus, .search-box .add-on .input-group-btn > .btn:focus, .search-box .add-on .input-group-btn > .btn:hover {box-shadow : none; -webkit-box-shadow : none; -moz-box-shadow : none; -ms-box-shadow : none; -o-box-shadow : none; border-color : #EDEDED; background : #F7F7F7}

.search-box .add-on i {color : #939393; font-size : 11px; top : -5px; left : -2px}

.sidebar-nav-style-1 .search-box .add-on i {top : -3px;}

.search-box input[type="text"], .search-box input[type="search"] {border-color : #EDEDED; box-shadow : none; -moz-box-shadow : none; -webkit-box-shadow : none; -o-box-shadow : none; -ms-box-shadow : none; font-size : 12px; font-weight : normal; color : #232323; height : 31px;}

.search-box .add-on input[type="text"] {padding : 5px 8px}

.search-box input[type="text"]::-webkit-input-placeholder {color : #939393; font-size : 10px; text-transform : uppercase; font-weight : 400; letter-spacing : 0.015em;}

.search-box input[type="text"]::-moz-placeholder {color : #939393; font-size : 10px; text-transform : uppercase; font-weight : 400; letter-spacing : 0.015em}

.search-box input[type="text"]::-ms-input-placeholder {color : #939393; font-size : 10px; text-transform : uppercase; font-weight : 400; letter-spacing : 0.015em}

.search-box input[type="text"]::-o-placeholder {color : #939393; font-size : 10px; text-transform : uppercase; font-weight : 400; letter-spacing : 0.015em;}

/* search box style 2 */
.search-box2 .add-on .input-group-append > .btn {border-left-width : 0; left : 0px; border-color : #4F4F4F; background-color : #4F4F4F; box-shadow : none; -moz-box-shadow : none; -webkit-box-shadow : none; -o-box-shadow : none; -ms-box-shadow : none; margin-right : 0;margin-left : -1px; text-transform : uppercase; border-width : 1px; border-style : solid; padding : 5px 8px 5px 10px; height : 45px; width : 45px;}

.search-box2 .add-on .input-group-append {width : 45px;}

.search-box2 .add-on .input-group-append > .btn:focus, .search-box2 .add-on .input-group-append > .btn:hover {box-shadow : none; -webkit-box-shadow : none; -moz-box-shadow : none; -ms-box-shadow : none; -o-box-shadow : none; border-color : #4F4F4F; background-color : #4F4F4F;}

.search-box2 .add-on i {color : #FFF; font-size : 17px}

.search-box2 input[type="email"], .search-box2 input[type="search"] {border-color : #474747; background-color : transparent; box-shadow : none; -moz-box-shadow : none; -webkit-box-shadow : none; -o-box-shadow : none; -ms-box-shadow : none;font-size : 14px; font-weight : normal; color : #636363; height : 45px}

.search-box2 .add-on input[type="email"] {padding : 10px 14px}

.search-box2 input[type="email"]::-webkit-input-placeholder {color : #636363; font-size : 14px; font-weight : 400; letter-spacing : 0.015em; background-color : transparent;}

.search-box2 input[type="email"]::-moz-placeholder {color : #636363; font-size : 14px; font-weight : 400; letter-spacing : 0.015em; background-color : transparent;}

.search-box2 input[type="email"]::-ms-input-placeholder {color : #636363; font-size : 14px; font-weight : 400; letter-spacing : 0.015em; background-color : transparent;}

.search-box2 input[type="email"]::-o-placeholder {color : #636363; font-size : 14px; font-weight : 400; letter-spacing : 0.015em; background-color : transparent;}

/* search form */
.search-cart-header {padding-top : 14px; float : right; letter-spacing : 1px}

.header-search-form {color : #232323}

.search-form .search-input {border : none; border-radius : 0; border-bottom : 2px solid rgba(255, 255, 255, 0.5); font-size : 30px; font-weight : 100; padding : 20px 38px 20px 2px; text-transform : capitalize; background : transparent; line-height : 40px; color : #FFF;}

.search-form .search-input:focus {outline : none}

.search-form .search-input.required-error {border : none !important; border-bottom : 2px solid #FF0000 !important;}

.search-input ::-moz-placeholder, .search-input [placeholder] {color : #FF0000;}

.search-form .search-button {font-size : 21px; color : #FFF; top : 31px; right : 0; outline : none;}

#search-header {height : 100%; width : 45%; margin : 0 auto;}

.close-search {color : #373737; position : absolute; right : 0; top : 23px; z-index : 998; cursor : pointer;}

.close-search:hover {color : #9A9A9A;}

.search-button {cursor : pointer; z-index : 0; margin-right : 0; border : none; background : none;}

aside .search-button {border : 2px solid transparent;}

/* list style 1 */
.list-style-none li {list-style : none;}

.list-style-1 li {padding : 5px 0}

/* list style 2 */
.list-style-2 {list-style : none; margin : 0; padding : 0;}

.list-style-2 li {position : relative; padding : 0 0 0 12px; margin : 0 0 9px 0;}

.list-style-2 li:before {content : ""; width : 5px; height : 1px; background-color : var(--base-color); position : absolute; top : 12px; left : 0;}

/* list style 3 */
.list-style-3 {list-style : none; margin : 0; padding : 0;}

.list-style-3 li {position : relative; padding : 0 0 0 22px; margin : 0 0 15px 0;}

.list-style-3 li:before {content : ""; width : 10px; height : 1px; background-color : var(--base-color); position : absolute; top : 11px; left : 0;}

/* list style 4 */
.list-style-4 {list-style : none; margin : 0; padding : 0;}

.list-style-4 li {position : relative; padding : 0 0 10px 22px; margin : 0 0 10px 0; border-bottom : 1px solid rgba(0, 0, 0, 0.1);}

.list-style-4 li:before {content : "\f00c"; position : absolute; top : 1px; left : 0; font-family : "Font Awesome 6 Free"; font-weight : 900; font-size : 16px;}

.list-style-4 li:last-child {border-bottom : 0;}

.list-style-4.list-style-color li {border-color : rgba(255, 255, 255, .15);}

.list-style-4.list-style-color li:before {color : var(--base-color);}

/* list style 5 */
.list-style-5 {list-style : none; margin : 0; padding : 0;}

.list-style-5 li {position : relative; padding : 0 0 10px 22px; margin : 0 0 10px 0; border-bottom : 1px solid rgba(0, 0, 0, 0.1);}

.list-style-5 li:before {content : "\f192"; position : absolute; top : 1px; left : 0; font-family : "Font Awesome 6 Free"; font-weight : 400; color : #C0C0C0}

.list-style-5 li:last-child {border-bottom : 0;}

.list-style-5.list-style-color li {border-color : rgba(255, 255, 255, .15);}

.list-style-5.list-style-color li:before {color : var(--base-color)}

/* list style 6 */
.list-style-6 {list-style : none; margin : 0; padding : 0;}

.list-style-6 li {position : relative; padding : 0 15px 8px 0; margin : 0 0 8px 0; border-bottom : 1px solid rgba(0, 0, 0, 0.1);}

.list-style-6 li span {position : absolute; top : 3px; right : 0;}

.list-style-6 li:last-child {border-bottom : none}

.list-style-6 li:before {content : "";}

/* list style 7 */
.list-style-7 {list-style : none; margin : 0; padding : 0;}

.list-style-7 li {padding : 0 0 13px 0; margin : 0 0 10px 0;}

.list-style-7 li:last-child {margin : 0; padding : 0;}

/* list style 8 */
.list-style-8 {list-style : none; margin : 0; padding : 0;}

.list-style-8 li {position : relative; padding : 15px 0; margin : 0 0 4px 0; border-bottom : 1px solid rgba(0, 0, 0, 0.1);}

.list-style-8 li span {margin-bottom : 2px}

.list-style-8 li p {margin-bottom : 0}

.list-style-8 li:last-child {border-bottom : none}

.list-style-8 li:before {content : "";}

/* list style 9 */
.list-style-9 {list-style : none; margin : 0; padding : 0;}

.list-style-9 li {position : relative; padding : 15px 0; margin : 0 0 4px 0; border-bottom : 1px solid #373737;}

.list-style-9 li span {margin-bottom : 2px}

.list-style-9 li p {margin-bottom : 0}

.list-style-9 li:last-child {border-bottom : none}

.list-style-9 li:before {content : "";}

/* list style 10 */
.list-style-10 {list-style : none; margin : 0; padding : 0;}

.list-style-10 li {padding : 15px 0; margin : 0; border-bottom : 1px solid rgba(0, 0, 0, 0.1);}

.list-style-10 li i {float : left; margin-top : 5px}

.list-style-10 li span {padding-left : 15px; display : table}

.list-style-10 li:last-child {border-bottom : none}

/* list style 11 */
.list-style-11 {list-style : none; margin : 0; padding : 0;}

.list-style-11 li {position : relative; padding : 0 0 8px 0; margin : 0 0 8px 0; border-bottom : 1px solid rgba(0, 0, 0, 0.1);}

.list-style-11 li span {position : absolute; top : 3px; right : 0;}

.list-style-11 li:last-child {border-bottom : none}

.list-style-11 li:before {content : "";}

/* list style 12 */
.list-style-12 {list-style : none; margin : 0; padding : 0;}

.list-style-12 li {position : relative; padding-left : 30px; margin-bottom : 12px;}

.list-style-12 li:before {content : "\f00c"; position : absolute; top : 1px; left : 0; font-family : "Font Awesome 6 Free"; font-weight : 900;}

.list-style-12.list-style-color li:before {color : var(--base-color);}

/* image hover style 1 */
.image-hover-style-1 {background : #222222}

.image-hover-style-1:hover img {opacity : 0.5; transform : scale(1.2, 1.2) rotate(-5deg); transition : all 0.3s ease 0s;}

/* image hover style 3 */
.image-hover-style-3:hover .cover-background {filter : contrast(130%); -webkit-filter : contrast(130%); -moz-filter : contrast(130%); -ms-filter : contrast(130%); -o-filter : contrast(130%); filter : grayscale(1); -webkit-filter : grayscale(1); -moz-filter : grayscale(1); -ms-filter : grayscale(1); -o-filter : grayscale(1);}

/* info banner style 1 */
.banner-style1 figure {position : relative; overflow : hidden; transition-timing-function : ease-in-out; -moz-transition-timing-function : ease-in-out; -webkit-transition-timing-function : ease-in-out; -o-transition-timing-function : ease-in-out; transition-duration : .2s; -moz-transition-duration : .2s; -webkit-transition-duration : .2s; -o-transition-duration : .2s; -ms-transition-duration : .2s;}

.banner-style1 figure figcaption {position : absolute; left : 0; top : 50%; transform : translateY(-50%); -webkit-transform : translateY(-50%); -moz-transform : translateY(-50%); -ms-transform : translateY(-50%); -o-transform : translateY(-50%); height : 100%; width : 100%;}

.banner-style1 figure:hover .banner-image img, .banner-style1 figure:hover .banner-image {opacity : 0.3; filter : contrast(130%); -webkit-filter : contrast(130%); -moz-filter : grayscale(1); -ms-filter : grayscale(1); -o-filter : grayscale(1); filter : grayscale(1); -webkit-filter : grayscale(1); -moz-filter : grayscale(1); -ms-filter : grayscale(1); -o-filter : grayscale(1);}

.banner-style1 figure figcaption p {opacity : 0; margin-bottom : 0; height : 0}

.banner-style1 figure:hover figcaption p {height : 100px; opacity : 1;}

/* info banner style 2 */
figure {margin : 0;}

.banner-style2 figure {position : relative; overflow : hidden}

.banner-style2 figure:hover .banner-image img {opacity : 0.4;}

.banner-style2 figcaption {position : absolute; right : -50px; top : 40px; height : 100%; height : calc(100% - 80px); width : 50%; opacity : 0; visibility : hidden;}

.banner-style2 figure:hover figcaption {right : 40px; opacity : 1; visibility : visible}

/* info banner style 3 */
.banner-style3 figure {position : relative; cursor : pointer; overflow : hidden; transition-timing-function : ease-in-out; -moz-transition-timing-function : ease-in-out; -webkit-transition-timing-function : ease-in-out; -o-transition-timing-function : ease-in-out; -ms-transition-timing-function : ease-in-out; transition-duration : .2s; -moz-transition-duration : .2s; -webkit-transition-duration : .2s; -o-transition-duration : .2s; -ms-transition-duration : .2s;}

.banner-style3 figure figcaption {position : absolute; left : 0; top : 52%; transform : translateY(-50%); -webkit-transform : translateY(-50%); -moz-transform : translateY(-50%); -ms-transform : translateY(-50%); -o-transform : translateY(-50%); height : 100%; width : 100%; opacity : 0;}

.banner-style3 figure:hover figcaption {opacity : 1; top : 50%}

.banner-style3 figure:hover .banner-image img, .banner-style1 figure:hover .banner-image {opacity : 0.3;}

/* pricing box */
.highlight .pricing-box {box-shadow : 0px 0px 40px rgba(200, 200, 200, 0.3); transform : scale(1.15); -webkit-transform : scale(1.15); -moz-transform : scale(1.15); -ms-transform : scale(1.15); -o-transform : scale(1.15);}

.feature-box {overflow : hidden;position : relative;text-align : center; cursor : pointer}

.feature-box .content {padding : 35px 15px;}

.feature-box:before, .feature-box .content:before, .feature-box:after, .feature-box .content:after {display : inline-block; position : absolute; content : ""; background-color : var(--base-color); z-index : 1}

.feature-box:before, .feature-box .content:before {right : 0; top : 0; transition-duration : 0.5s; -webkit-transition-duration : 0.5s; -moz-transition-duration : 0.5s; -ms-transition-duration : 0.5s; -o-transition-duration : 0.5s;}

.feature-box:after, .feature-box .content:after {left : 0; bottom : 0; transition-duration : 0.5s; -webkit-transition-duration : 0.5s; -moz-transition-duration : 0.5s; -ms-transition-duration : 0.5s; -o-transition-duration : 0.5s;}

.feature-box:hover:before, .feature-box:hover:after {transform : scaleY(1); transition-duration : 0.5s; -webkit-transition-duration : 0.5s; -moz-transition-duration : 0.5s; -ms-transition-duration : 0.5s; -o-transition-duration : 0.5s;}

.feature-box:before {transform-origin : right top 0; -webkit-transform-origin : right top 0; -moz-transform-origin : right top 0; -ms-transform-origin : right top 0; -o-transform-origin : right top 0;}

.feature-box:after {transform-origin : left bottom 0; -webkit-transform-origin : left bottom 0; -moz-transform-origin : left bottom 0; -ms-transform-origin : left bottom 0; -o-transform-origin : left bottom 0;}

.feature-box .content:before {transform-origin : right top 0; -webkit-transform-origin : right top 0; -moz-transform-origin : right top 0; -ms-transform-origin : right top 0; -o-transform-origin : right top 0;}

.feature-box .content:after {transform-origin : top left 0; -webkit-transform-origin : top left 0; -moz-transform-origin : top left 0; -ms-transform-origin : top left 0; -o-transform-origin : top left 0;}

.feature-box:before, .feature-box:after {height : 100%; width : 3px; transform : scaleY(0);-webkit-transform : scaleY(0); -moz-transform : scaleY(0); -ms-transform : scaleY(0); -o-transform : scaleY(0); transition-duration : 0.5s; -webkit-transition-duration : 0.5s; -moz-transition-duration : 0.5s; -ms-transition-duration : 0.5s; -o-transition-duration : 0.5s;}

.feature-box:hover .content:before, .feature-box:hover .content:after {transform : scaleX(1); -webkit-transform : scaleX(1); -moz-transform : scaleX(1); -ms-transform : scaleX(1); -o-transform : scaleX(1); transition-duration : 0.5s; -webkit-transition-duration : 0.5s; -moz-transition-duration : 0.5s; -ms-transition-duration : 0.5s; -o-transition-duration : 0.5s;}

.feature-box .content:before, .feature-box .content:after {width : 100%; height : 3px; transform : scaleX(0); -webkit-transform : scaleX(0); -moz-transform : scaleX(0); -ms-transform : scaleX(0); -o-transform : scaleX(0); transition-duration : 0.5s; -webkit-transition-duration : 0.5s; -moz-transition-duration : 0.5s; -ms-transition-duration : 0.5s; -o-transition-duration : 0.5s;}

/* feature box style 1 */
.feature-box-1 {display : table}

.feature-box-1 .char-value {display : table-cell; vertical-align : middle}

/* feature box style 4 */
.grid-item.feature-box-4 {overflow : hidden; position : relative;}

.grid-item.feature-box-4 figure img {width : 100%; cursor : auto;}

.grid-item.feature-box-4 figure figcaption {position : absolute; left : 0px; top : auto; z-index : 9; bottom : 0px; transform : translateY(0); -webkit-transform : translateY(0); -moz-transform : translateY(0); -ms-transform : translateY(0); -o-transform : translateY(0); transition : transform .35s ease-out; -webkit-transition : transform .35s ease-out; -moz-transition : transform .35s ease-out; -ms-transition : transform .35s ease-out; -o-transition : transform .35s ease-out; padding : 0 0 15px 60px; width : auto; height : auto; text-align : left; opacity : 1; cursor : default;}

.grid-item.feature-box-4 figure:hover img, .feature-box-4 figure:focus img {opacity : 1; -ms-transform : none; -webkit-transform : none; -moz-transform : none; -o-transform : none; transform : none;}

.grid-item.feature-box-4 figure:hover figcaption {transform : translateY(-50px); -webkit-transform : translateY(-50px); -moz-transform : translateY(-50px); -ms-transform : translateY(-50px); -o-transform : translateY(-50px);}

.grid-item.feature-box-4 figure figcaption .btn {opacity : 0}

.grid-item.feature-box-4 figure:hover .btn {opacity : 1; display : inline-block}

.grid-item.feature-box-4 figure:hover img {transition-timing-function : ease-in-out; -webkit-transition-timing-function : ease-in-out; -moz-transition-timing-function : ease-in-out; -ms-transition-timing-function : ease-in-out; -o-transition-timing-function : ease-in-out; transform : scale(1.09, 1.09); -webkit-transform : scale(1.09, 1.09); -moz-transform : scale(1.09, 1.09); -ms-transform : scale(1.09, 1.09); -o-transform : scale(1.09, 1.09);}

/* feature box style 5 */
.feature-box-5 {padding-left : 75px}

.feature-box-5 i {position : absolute; top : 0; left : 0}

/* feature box style 6 */
.feature-box-6 {padding-left : 65px;}

.feature-box-6 i {position : absolute; top : 50%; left : 0; transform : translateY(-50%); -webkit-transform : translateY(-50%); -moz-transform : translateY(-50%); -ms-transform : translateY(-50%); -o-transform : translateY(-50%);}

/* feature box style 7 */
.feature-box.feature-box-7:before, .feature-box.feature-box-7:after {content : ''; display : table;}

.feature-box.feature-box-7:hover, .feature-box.feature-box-7:hover:before, .feature-box.feature-box-7:hover:after {border : none}

.feature-box.feature-box-7::before, .feature-box.feature-box-7::after, .feature-box.feature-box-7 .content::before, .feature-box.feature-box-7 .content::after {background : transparent;}

.feature-box.feature-box-7:after {clear : both;}

.feature-box.feature-box-7 .box {cursor : default; height : 100%; width : 100%; display : table; position : relative; -webkit-transition : all 0.4s cubic-bezier(.48, .83, .63, .91); -moz-transition : all 0.4s cubic-bezier(.48, .83, .63, .91); -mstransition : all 0.4s cubic-bezier(.48, .83, .63, .91); -o-transition : all 0.4s cubic-bezier(.48, .83, .63, .91); transition : all 0.4s cubic-bezier(.48, .83, .63, .91); border : 1px solid #EDEDED; border-right : none; overflow : hidden}

.feature-box.feature-box-7 div:first-child .box {border-left : none}

.feature-box.feature-box-7 .box figure {-webkit-transition : all 0.4s cubic-bezier(.48, .83, .63, .91); -moz-transition : all 0.4s cubic-bezier(.48, .83, .63, .91); transition : all 0.4s cubic-bezier(.48, .83, .63, .91); -ms-transition : all 0.4s cubic-bezier(.48, .83, .63, .91); -o-transition : all 0.4s cubic-bezier(.48, .83, .63, .91); transition : all 0.4s cubic-bezier(.48, .83, .63, .91); padding : 8% 0;}

.feature-box.feature-box-7 .box .content {display : table-cell; height : 100%; vertical-align : middle; padding : 0; position : relative; top : 30px;}

.feature-box.feature-box-7 .box .content .details {opacity : 0;}

.feature-box.feature-box-7 .box:hover .content .details {opacity : 1;}

.feature-box.feature-box-7 .box:hover .content {top : 0; border-bottom-color : var(--base-color);}

.feature-box.feature-box-7 .box:hover i {color : var(--base-color)}

.container .feature-box.feature-box-7 .box .content {top : 43px;}

.container .feature-box.feature-box-7 .box:hover .content {top : 0;}

/* feature box style 8 */
.feature-box-8 .feature-box-overlay {bottom : 0; left : 0; right : 0; width : 100%; height : 2px; position : absolute; z-index : -2}

.feature-box-8:hover .feature-box-overlay {height : 100%; background : #2F2F2F}

.feature-box-8:hover div, .feature-box-8:hover p {color : #FFF;}

.feature-box-8:hover .icon-round-small {background : #FFF; color : var(--base-color) !important;}

.parallax-feature-box-bottom {position : absolute; bottom : -150%;}

.parallax-feature-box {overflow : visible}

/* feature box style 9 */
.feature-box-9 i {position : relative; transition : all 0.3s ease 0s; -webkit-transition : all 0.3s ease 0s; -moz-transition : all 0.3s ease 0s; -ms-transition : all 0.3s ease 0s; -o-transition : all 0.3s ease 0s; top : 0}

.feature-box-9:hover i {top : -8px; color : #FFF}

.feature-box-9:hover p {color : var(--base-color);}

.feature-box-9 .text-bottom-line {margin-bottom : 15px}

.feature-box-9:hover .text-bottom-line {border-top : 45px solid !important; margin-bottom : 0}

/* feature box style 10 */
.feature-box-10 .number {display : flex; font-size : 30px; height : 90px; margin : 0 auto; text-align : center; vertical-align : middle; width : 90px; position : relative; align-items : center; justify-content : center;}

.feature-box-10:hover .number {background : var(--base-color); color : #FFF}

.feature-box-10 .number-center:after {width : 250%; position : absolute; content : ""; height : 1px; background : #E2E2E2; top : 45px; z-index : -1; left : 130px}

.feature-box-10 .number-center:before {width : 250%; position : absolute; content : ""; height : 1px; background : #E2E2E2; top : 45px; z-index : -1; right : 130px}

/* feature box style 11 */
.feature-box-11 .progress-line:after {content : ""; display : block; width : 12%; height : 1px; background : #D8D8D8; position : absolute; right : -6%; top : 65px; text-align : center;}

.feature-box-11 .process-bg {border-radius : 100%; height : 130px; width : 130px; line-height : 130px}

/* feature box style 12 */
.feature-box-12 .feature-icon-box {width : 90px; height : 90px; border-radius : 6px; text-align : center; vertical-align : middle; border : 1px solid #D6D5D5; display : table-cell; transform : rotateX(0deg); -webkit-transform : rotateX(0deg); -moz-transform : rotateX(0deg); -ms-transform : rotateX(0deg); -o-transform : rotateX(0deg); transition : ease-in-out 0.6s; -webkit-transition : ease-in-out 0.6s; -moz-transition : ease-in-out 0.6s; -ms-transition : ease-in-out 0.6s; -o-transition : ease-in-out 0.6s;}

.feature-box-12 .feature-content-box {display : table-cell; vertical-align : middle; transform : rotateY(0deg); -webkit-transform : rotateY(0deg); -moz-transform : rotateY(0deg); -ms-transform : rotateY(0deg); -o-transform : rotateY(0deg); transition : ease-in-out 0.6s; -webkit-transition : ease-in-out 0.6s; -moz-transition : ease-in-out 0.6s; -ms-transition : ease-in-out 0.6s; -o-transition : ease-in-out 0.6s; opacity : 1;}

.feature-box-12 .hover-content-box, .feature-box-12 .feature-content-box {backface-visibility : hidden; transform-style : preserve-3d; -webkit-transform-style : preserve-3d; -moz-transform-style : preserve-3d; -ms-transform-style : preserve-3d; -o-transform-style : preserve-3d;}

.feature-box-12 .hover-content-box {background-color : #232323; width : 80%; transition : ease-in-out 0.6s; -webkit-transition : ease-in-out 0.6s; -moz-transition : ease-in-out 0.6s; -ms-transition : ease-in-out 0.6s; -o-transition : ease-in-out 0.6s; transform : translateY(-50%) rotateX(180deg); -webkit-transform : translateY(-50%) rotateX(180deg); -moz-transform : translateY(-50%) rotateX(180deg); -ms-transform : translateY(-50%) rotateX(180deg); -o-transform : translateY(-50%) rotateX(180deg); position : absolute; top : 50%;left : 0; opacity : 0;}

.feature-box-12:hover .hover-content-box {transform : translateY(-50%) rotateX(0deg); -webkit-transform : translateY(-50%) rotateX(0deg); -moz-transform : translateY(-50%) rotateX(0deg); -ms-transform : translateY(-50%) rotateX(0deg); -o-transform : translateY(-50%) rotateX(0deg); opacity : 1}

.feature-box-12:hover .feature-icon-box, .feature-box-12:hover .feature-content-box {transform : rotateX(180deg); -webkit-transform : rotateX(180deg); -moz-transform : rotateX(180deg); -ms-transform : rotateX(180deg); -o-transform : rotateX(180deg); opacity : 0}

/* feature box style 13 */
.feature-box-13 {overflow : hidden; z-index : 1;}

.feature-box-13:before {background : var(--base-color); left : 0; height : 100%; top : 0; position : absolute; width : 100%; z-index : -1; display : block; content : ""; transition-duration : 0.3s; -webkit-transition-duration : 0.3s; -moz-transition-duration : 0.3s; -ms-transition-duration : 0.3s; -o-transition-duration : 0.3s; transform : scaleY(0); -webkit-transform : scaleY(0); -moz-transform : scaleY(0); -ms-transform : scaleY(0); -o-transform : scaleY(0); opacity : 0}

.feature-box-13:hover:before {transform : scaleY(1); -webkit-transform : scaleY(1); -moz-transform : scaleY(1); -ms-transform : scaleY(1); -o-transform : scaleY(1); transition-duration : 0.3s; -webkit-transition-duration : 0.3s; -moz-transition-duration : 0.3s; -ms-transition-duration : 0.3s; -o-transition-duration : 0.3s; opacity : 1}

.feature-box-13:hover i {color : #232323}

.feature-box-13:hover p {color : #FFF}

/* feature box style 14 */
.feature-box-14 > div {border-right : 1px solid #EDEDED; border-bottom : 1px solid #EDEDED; border-top : 0;}

.feature-box-14 > div:last-child {border-right : 0;}

/* feature box style 15 */
.feature-box-15 .feature-box-content {position : relative; overflow : hidden;}

.feature-box-15 .feature-box-image {transform : rotateY(0deg); -webkit-transform : rotateY(0deg); -moz-transform : rotateY(0deg); -ms-transform : rotateY(0deg); -o-transform : rotateY(0deg);}

.feature-box-15 .hover-content, .feature-box-15 .feature-box-image {backface-visibility : hidden; transform-style : preserve-3d; transform : rotateY(0deg); transition : ease-in-out 0.4s; -webkit-transform-style : preserve-3d; -webkit-transform : rotateY(0deg); -webkit-transition : ease-in-out 0.4s; -moz-transform-style : preserve-3d; -moz-transform : rotateY(0deg); -moz-transition : ease-in-out 0.4s; -ms-transform-style : preserve-3d; -ms-transform : rotateY(0deg); -ms-transition : ease-in-out 0.4s; -o-transform-style : preserve-3d; -o-transform : rotateY(0deg); -o-transition : ease-in-out 0.4s;}

.feature-box-15 .hover-content {left : 0; position : absolute; top : 0; height : 100%; transform : rotateX(180deg); -webkit-transform : rotateX(180deg); -moz-transform : rotateX(180deg); -ms-transform : rotateX(180deg); -o-transform : rotateX(180deg); width : 100%; opacity : 0;}

.feature-box-15 .feature-box-content:hover .feature-box-image {transform : rotateX(180deg);-webkit-transform : rotateX(180deg); -moz-transform : rotateX(180deg); -ms-transform : rotateX(180deg); -o-transform : rotateX(180deg); opacity : 0;}

.feature-box-15 .feature-box-content:hover .hover-content {transform : rotateX(0deg); -webkit-transform : rotateX(0deg); -moz-transform : rotateX(0deg); -ms-transform : rotateX(0deg); -o-transform : rotateX(0deg); opacity : 1;}

/* feature box style 16 */
.feature-box-16 .feature-box-content {position : absolute; bottom : 0; width : 100%; transition : ease-in-out 0.4s; height : 60px;}

.feature-box-16 .feature-box-content p {opacity : 0; transition : ease-in-out 0.5s; -webkit-transition : ease-in-out 0.5s; -moz-transition : ease-in-out 0.5s; -ms-transition : ease-in-out 0.5s; -o-transition : ease-in-out 0.5s;}

.feature-box-16 {position : relative; overflow : hidden;}

.feature-box-16:hover .feature-box-content {height : 100%;}

.feature-box-16:hover .feature-box-content p {opacity : 1;}

/* feature box style 17 */
.feature-box.feature-box-17:before, .feature-box.feature-box-17:after {content : ''; display : table;}

.feature-box.feature-box-17:hover, .feature-box.feature-box-17:hover:before, .feature-box.feature-box-17:hover:after {border : none}

.feature-box.feature-box-17::before, .feature-box.feature-box-17::after, .feature-box.feature-box-17 .content::before, .feature-box.feature-box-17 .content::after {background : transparent;}

.feature-box.feature-box-17:after {clear : both;}

.feature-box.feature-box-17 .box {cursor : default; height : 100%; width : 100%; display : table; position : relative; -webkit-transition : all 0.4s cubic-bezier(.48, .83, .63, .91); -moz-transition : all 0.4s cubic-bezier(.48, .83, .63, .91); -ms-transition : all 0.4s cubic-bezier(.48, .83, .63, .91); transition : all 0.4s cubic-bezier(.48, .83, .63, .91); overflow : hidden}

.feature-box.feature-box-17 div:first-child .box {border-left : none}

.feature-box.feature-box-17 .box figure {-webkit-transition : all 0.4s cubic-bezier(.48, .83, .63, .91); -ms-transition : all 0.4s cubic-bezier(.48, .83, .63, .91); -moz-transition : all 0.4s cubic-bezier(.48, .83, .63, .91); -o-transition : all 0.4s cubic-bezier(.48, .83, .63, .91); transition : all 0.4s cubic-bezier(.48, .83, .63, .91); padding : 10% 0;}

.feature-box.feature-box-17 .box .content {display : table-cell; height : 100%; vertical-align : middle; padding : 0; position : relative; top : 30px;}

.feature-box.feature-box-17 .box .content .details {opacity : 0;}

.feature-box.feature-box-17 .box:hover .content .details {opacity : 1;}

.feature-box.feature-box-17 .box:hover .content {top : 0; border-bottom-color : var(--base-color);}

.feature-box.feature-box-17 .box:hover {background-color : var(--base-color);}

.feature-box.feature-box-17 .box:hover i, .feature-box.feature-box-17 .box:hover .text-white-2-hover {color : #FFFFFF}

/* feature box style 18 */
.feature-box-18 .feature-box-overlay {top : 0; left : 0; right : 0; width : 100%; height : 100%; position : absolute; z-index : -1; opacity : 0; overflow : hidden; transition : all 0.3s ease-in-out; -moz-transition : all 0.3s ease-in-out; -webkit-transition : all 0.3s ease-in-out; -ms-transition : all 0.3s ease-in-out; -o-transition : all 0.3s ease-in-out;}

.feature-box-18:hover .feature-box-overlay {opacity : 1;}

.feature-box-18:hover i, .feature-box-18:hover div, .feature-box-18:hover p {color : #FFF;}

.feature-box-18:hover p {opacity : .6;}

/* info banner box style 2 */
.info-banner-box-2 {position : relative; overflow : hidden; height : 200px;}

.info-banner-box-2 .hover-box {position : absolute; left : 100%; top : 0; height : 100%; transition : ease-in-out 0.5s; -webkit-transition : ease-in-out 0.5s; -moz-transition : ease-in-out 0.5s; -ms-transition : ease-in-out 0.5s; -o-transition : ease-in-out 0.5s;}

.info-banner-box-2 .content-box {position : absolute; left : 0; top : 0; height : 100%; transition : ease-in-out 0.5s; -webkit-transition : ease-in-out 0.5s; -moz-transition : ease-in-out 0.5s; -ms-transition : ease-in-out 0.5s; -o-transition : ease-in-out 0.5s;}

.info-banner-box-2:hover .hover-box {left : 0}

.info-banner-box-2:hover .content-box {left : -100%}

/* counter box style 1 */
.counter-feature-box-1 {height : 199px;}

.counter-feature-box-1:hover {background : var(--base-color); border-color : var(--base-color);}

/* counter box style 3 */
.counter-box-3 .counter-box {display : inline-block; width : 140px; padding : 0; vertical-align : top; text-align : center; position : relative;}

.counter-box-3 .counter-box:after {position : absolute; right : 0; width : 1px; height : 36px; background-color : #EB214B; content : ""; top : 8px;}

.counter-box-3 .counter-box:last-child:after {width : 0;}

.counter-box-3 .counter-box .number {display : block; font-weight : 400; font-size : 32px; line-height : 30px;}

.counter-box-3 .counter-box span {font-weight : 400; font-size : 12px; line-height : 28px; text-transform : uppercase;}

/* counter box style 4 */
.counter-box-4 .counter:after {content : "+"; position : absolute; right : -5%; top : 35%; color : #B6B6B6; font-weight : 300;}

.counter-box-4:last-child .counter:after {display : none;}

/* counter box style 5 */
.counter-box-5 .counter-box {display : inline-block; width : 13%; padding : 0; vertical-align : top; text-align : center; position : relative;}

.counter-box-5 .counter-box .number {display : block; font-weight : 400; font-size : 80px; line-height : 80px; letter-spacing : -3px}

.counter-box-5 .counter-box span {font-weight : 400; font-size : 12px; letter-spacing : 1px; opacity : 0.5; line-height : 28px; text-transform : uppercase;}

/* progress bar */
.progress {overflow : visible; height : 5px; position : relative; border-radius : 10px; width : 100%;}

.progress .progress-title {position : absolute; top : -22px;}

.progress .progress-bar {position : relative; overflow : visible; border-radius : 10px;}

.progress .progress-bar span {position : absolute; top : -30px; right : 0; opacity : 0}

.progress .progress-bar.appear span {opacity : 1;}

.progress-bar-percent {position : absolute; top : -12px; right : -39px;}

/* progress bar style 01 */
.progress-step-style-01.progress {width : 85%;}

/* progress bar style 02 */
.progress-step-style-02.progress .progress-title {position : absolute; top : 15px;}

.progress-step-style-02 .progress-bar-percent {position : absolute; top : 13px; right : 0;}

/* progress bar style 03 */
.progress-step-style-03.progress {height : 3px; width : 88%;}

.progress-step-style-03 .progress-bar {height : 3px;}

.progress-step-style-03 .progress-bar-percent {top : -9px;}

.progress-step-style-03.progress .progress-title {top : -24px;}

/* piechart style 1 */
.chart-percent .pie-chart-style-01 {text-align : center; position : relative; width : auto; display : -webkit-box; display : -ms-flexbox; display : flex; -webkit-box-align : center; -ms-flex-align : center; align-items : center; -webkit-box-pack : center; -ms-flex-pack : center; justify-content : center;}

.pie-chart-style-01 .percent {position : absolute; top : 50%; left : 50%; transform : translate(-50%, -50%); -webkit-transform : translate(-50%, -50%); -moz-transform : translate(-50%, -50%); -ms-transform : translate(-50%, -50%);}

/* piechart style 2 */
.chart-percent .pie-chart-style-02 {text-align : center; position : relative; width : auto; display : -webkit-box; display : -ms-flexbox; display : flex; -webkit-box-align : center; -ms-flex-align : center; align-items : center; -webkit-box-pack : center; -ms-flex-pack : center; justify-content : center;}

.pie-chart-style-02 .percent {position : absolute; top : 50%; left : 50%; transform : translate(-50%, -50%); -webkit-transform : translate(-50%, -50%); -moz-transform : translate(-50%, -50%); -ms-transform : translate(-50%, -50%);}

/* piechart style 3 */
.chart-percent .pie-chart-style-03 {text-align : center; position : relative; width : auto; display : inline-block;}

.pie-chart-style-03 .percent {display : inline-block; line-height : 68px; z-index : 2; background : #FFF; border-radius : 100%; width : 70px; height : 70px; color : #232323; right : -25px; top : 10px; position : absolute;}

/* bootstrap panel style 3.7 */
.panel {border : 1px solid transparent;}

.panel .panel-heading {display : block;}

.panel-group {margin-bottom : 20px;}

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {border-top : 1px solid #DDD;}

/* team style 1 */
.team-style-1 figure .team-image {position : relative; overflow : hidden;}

.team-style-1 .team-overlay {display : block; position : absolute; overflow : hidden; transition : all 0.3s ease 0s; -webkit-transition : all 0.3s ease 0s; -moz-transition : all 0.3s ease 0s; -ms-transition : all 0.3s ease 0s; -o-transition : all 0.3s ease 0s;}

.team-style-1 .team-overlay {bottom : 0; left : 0; right : 0; width : 100%; height : 0;}

.team-style-1 figure:hover .team-overlay {height : 100%;}

.team-style-1 figure figcaption {width : 100%; position : relative; margin-top : 17px}

.team-style-1 figure .overlay-content {opacity : 0; position : absolute; height : 100%; width : 100%; top : 0; transition : all 0.3s ease 0s; -webkit-transition : all 0.3s ease 0s; -moz-transition : all 0.3s ease 0s; -ms-transition : all 0.3s ease 0s; -o-transition : all 0.3s ease 0s; top : -15px}

.team-style-1 figure:hover .overlay-content {opacity : 1; z-index : 1111; top : 0}

.team-style-1 figure figcaption .team-member-position {position : relative; top : 0; transition : all 0.2s; -webkit-transition : all 0.2s; -moz-transition : all 0.2s; -ms-transition : all 0.2s; -o-transition : all 0.2s;}

/* team style 2 */
.team-style-2 figure {position : relative}

.team-style-2 figure .team-image {position : relative;}

.team-style-2 .team-overlay {display : block; position : absolute; overflow : hidden; transition : all 0.3s ease 0s; bottom : 0; left : 0; right : 0; width : 100%; height : 100%; opacity : 0}

.team-style-2 figure:hover .team-overlay {bottom : 0; left : 0; right : 0; width : 100%; height : 100%; opacity : .9}

.team-style-2 figure .team-member-position {position : absolute; top : 100%; width : 100%; transition : all 0.2s; -webkit-transition : all 0.2s; -moz-transition : all 0.2s; -ms-transition : all 0.2s; -o-transition : all 0.2s;}

.team-style-2 figure:hover .team-member-position {top : 50%; transform : translateY(-50%); -webkit-transform : translateY(-50%); -moz-transform : translateY(-50%); -ms-transform : translateY(-50%); -o-transform : translateY(-50%); margin : 0;}

.team-style-2 figure:hover .team-member-position .text-medium-gray, .team-style-2 figure:hover .team-member-position .text-extra-dark-gray {color : #FFF}

.team-style-2 figure figcaption {min-height : 20px;}

.team-style-2 figure figcaption .overlay-content {opacity : 0; top : 0; position : relative}

.team-style-2 figure:hover figcaption .overlay-content {opacity : 1; top : 30px;}

/* accordion style */
.panel-title {font-size : 16px;}

.panel-title > i {font-size : 12px; position : absolute; right : 0; top : 50%; transform : translateY(-50%); -webkit-transform : translateY(-50%); -moz-transform : translateY(-50%); -ms-transform : translateY(-50%); -o-transform : translateY(-50%);}

/* accordion style1 */
.accordion-style1 .panel {background : transparent; box-shadow : none; margin-top : 0 !important}

.accordion-style1.panel-group .panel-heading {border : 0px; border-bottom : 1px solid #E4E4E4;}

.accordion-style1 .panel-heading {padding : 16px 0;}

.accordion-style1 .panel-title {font-size : 13px; padding-right : 30px; position : relative}

.accordion-style1.panel-group .panel-heading + .panel-collapse > .list-group, .accordion-style1.panel-group .panel-heading + .panel-collapse > .panel-body {border-top : 0; padding : 25px 0}

/* accordion style 2 */
.accordion-style2 .panel {background : transparent; border : none; margin-bottom : 15px; box-shadow : none;}

.accordion-style2 .panel-title {background : transparent; border : none}

.accordion-style2 .panel .panel-heading {background : #FFF; border-radius : 0; padding : 18px 28px 19px; position : relative;}

.accordion-style2 .panel-body {padding : 35px 28px 25px; border-top : 1px solid #DDD;}

.accordion-style2 .panel-heading i {font-size : 21px; margin : 0; right : 28px;}

.accordion-style2 .panel-title {padding : 0;}

.accordion-style2 .tab-tag {font-size : 20px; padding : 0; margin-right : 7px; display : inline-block; vertical-align : top;}

.accordion-style2 a, .accordion-style2 a:hover, .accordion-style2 a:hover i {color : #282828;}

.accordion-style2 .panel-default:last-child {border-bottom : 1px solid rgba(0, 0, 0, 0); margin-bottom : 0;}

.accordion-style2 {margin-bottom : 0;}

/* accordion style 3 */
.accordion-style3 .panel {background-color : transparent; border : none; margin-bottom : 15px; box-shadow : none; border-radius : 0;}

.accordion-style3 .panel-title {background : transparent; border : none; font-size : 16px;}

.accordion-style3 .panel .panel-heading {background : #000; color : #FFF; border-radius : 0; padding : 18px 28px 19px; position : relative;}

.accordion-style3 .panel-body {padding : 35px 28px 25px; border-top : none}

.accordion-style3 .panel-title > i {font-size : 18px; margin : 0; right : 28px;}

.accordion-style3 .tab-tag {font-size : 20px; padding : 0; margin-right : 7px; display : inline-block; vertical-align : top;}

.accordion-style3 a, .accordion-style2 a:hover, .accordion-style3 a:hover i {color : #FFF;}

.accordion-style3 .panel-default:last-child {border-bottom : 1px solid rgba(0, 0, 0, 0); margin-bottom : 0;}

.accordion-style3 {margin-bottom : 0;}

/* toggles */
.toggles .panel {background : transparent; box-shadow : none; border-radius : 0; border : 1px solid #DDD;}

.toggles .panel-title {font-size : 13px; padding-right : 30px; position : relative;}

.toggles .panel-title > span.float-end {position : absolute; right : 0; top : 0;}

.toggles .panel-heading {padding : 18px; background-color : transparent;}

.toggles .panel-heading i {font-size : 12px; color : #626262}

.toggles .panel + .panel {margin-top : -1px;}

.toggles .panel-body {padding : 25px}

/* tab */
.nav-tabs > li > a.active, .nav-tabs > li > a.active:focus, .nav-tabs > li > a.active:hover {border : 0; border-bottom : 1px solid;}

.nav-tabs a.nav-link {transition : all .3s ease-in-out; -moz-transition : all .3s ease-in-out; -webkit-transition : all .3s ease-in-out; -ms-transition : all .3s ease-in-out; -o-transition : all .3s ease-in-out;}

/* tab style 1 */
.tab-style1 .nav-tabs {border : none; width : 100%;}

.tab-style1 .nav-tabs li {display : inline-block; float : none; width : 25%;}

.tab-style1 .nav-tabs li a {margin : 0;}

.tab-style1 .nav-tabs li:hover {background : transparent;}

.tab-style1 .nav-tabs > li > a, .tab-style1 .nav-tabs > li > a:focus, .tab-style1 .nav-tabs > li > a:hover {border : none; background-color : transparent;}

.tab-style1 .nav-tabs li:hover i, .tab-style1 .nav-tabs li .active i {color : var(--base-color);}

.tab-style1 .nav-tabs li:hover span, .tab-style1 .nav-tabs li .active span {color : #232323;}

/* tab style 2 */
.tab-style2 .tab-content {padding : 55px 0 0; border-top : 1px solid #E5E5E5;}

.tab-style2 .nav-tabs {border : 0;}

.tab-style2 .nav-tabs li {border : 1px solid #E5E5E5; border-bottom : none; border-radius : 0; margin-bottom : 0; display : inline-block; float : none; margin-right : 5px}

.tab-style2 .nav-tabs li a {background-color : #F7F7F7; border : none; color : #575757; line-height : 44px; margin : 0 !important; padding : 0 25px; border-radius : 0;}

.tab-style2 .nav-tabs-light li:first-child {border-left : 1px solid #E5E5E5; margin-left : 15px;}

.tab-style2 .nav-tabs > li > a.active {border-color : transparent; border : none; border-radius : 0; background : #FFF; top : 1px; position : relative;}

/* tab style 3 */
.tab-style3 .nav-tabs {border-bottom : 1px solid transparent}

.tab-style3 .nav-tabs li {float : none; display : inline-block; vertical-align : middle;}

.tab-style3 .nav-tabs li {float : none; display : inline-block; vertical-align : middle; margin : 0 23px; padding : 3px 0}

.tab-style3 .nav-tabs li a.nav-link.active {color : #232323}

.tab-style3 .nav-tabs > li > a.nav-link, .tab-style3 .nav-tabs > li > a.nav-link:focus, .tab-style3 .nav-tabs > li > a.nav-link.active:hover, .tab-style3 .nav-tabs > li > a.nav-link:hover {background-color : transparent; border : none; padding : 0;}

.tab-style3 .nav-tabs li a.nav-link.active, .tab-style3 .nav-tabs > li > a.nav-link.active:hover {border-bottom : 1px solid #232323;}

.tab-style3 .nav-link:hover {color : var(--base-color);}

/* tab style 4 */
.tab-style4 .tab-content {padding : 0 0 0 55px; border-left : 1px solid #E5E5E5;}

.tab-style4 .nav-tabs {border : 0;}

.tab-style4 .nav-tabs li {border : 1px solid #E5E5E5; border-right : none; border-radius : 0; margin-bottom : 0; display : block; float : left; width : 100%; left : 1px;}

.tab-style4 .nav-tabs li a {background-color : #F7F7F7; border : none; color : #575757; line-height : 44px; margin : 0 !important; padding : 0 25px; border-radius : 0; top : 1px; position : relative;}

.tab-style4 .nav-tabs li:last-child a {top : 0}

.tab-style4 .nav-tabs-light li:first-child {border-left : 1px solid #E5E5E5; margin-left : 15px;}

.tab-style4 .nav-tabs > li > a.active {border-color : transparent; border : none; border-radius : 0; background : #FFF; left : 1px;}

/* tab style 5 */
.tab-style5 .nav-tabs {border : none;}

.tab-style5 .nav-tabs li {width : 100%; font-size : 26px; line-height : 60px; margin-bottom : 0;}

.tab-style5 .nav-tabs li a {border : none !important; border-bottom : 2px solid transparent !important; color : #6F6F6F; opacity : 0.6; display : inline-block; background-color : transparent !important; padding : 0; border-radius : 0; color : #6F6F6F;}

.tab-style5 .nav-tabs li a:hover {background-color : transparent; opacity : 1; color : var(--base-color);}

.tab-style5 .nav-tabs .nav-link.active {color : var(--base-color) !important; opacity : 1; border-bottom : 2px solid var(--base-color) !important; padding-left : 45px}

.tab-style5 .nav-tabs li.active a, .tab-style5 .nav-tabs li.active a:hover, .tab-style5 .nav-tabs li.active a:focus {border : none; cursor : pointer; background-color : transparent;}

.tab-style5 .tab-box {position : absolute; left : 23%; top : 50%; -webkit-transform : translate(-50%, -50%);-ms-transform : translate(-50%, -50%);transform : translate(-50%, -50%); z-index : 1; width : 500px;}

/* testimonial style 2 */
.testimonial-style2 .profile-box {margin-top : -50px}

/* testimonial style 3 */
.testimonial-style3 .arrow-bottom:after {border-top-color : #D6D5D5; left : 15%; border-width : 10px; margin-left : -10px;}

.testimonial-style3 .image-box img {width : 100%;}

/* testimonial-box */
.testimonial-box .image-box {display : table-cell; vertical-align : middle}

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

/* ===================================
   25. Blog
====================================== */
.blog-grid .grid-item a {position : relative; z-index : 11;}

.blog-image a > img {width : 100%}

/* blog post style 1 */
.blog-post.blog-post-style1 .blog-post-images {background : #232323}

.blog-post.blog-post-style1 .blog-post-images img {width : 100%;}

.blog-post.blog-post-style1:hover .blog-post-images img {opacity : 0.5; transform : scale(1.2, 1.2); transition : all 0.3s ease 0s;}

/* blog post style 2 */
.blog-post.blog-post-style2 .author img {width : 30px; display : inline-block; vertical-align : middle;}

.blog-post.blog-post-style2 .author span {max-width : calc(100% - 40px); vertical-align : middle; display : inline-block;}

/* blog post style 3 */
.blog-post-style3 .grid-item .blog-post * {transition-timing-function : ease-in-out; -moz-transition-timing-function : ease-in-out; -ms-transition-timing-function : ease-in-out; -webkit-transition-timing-function : ease-in-out; -o-transition-timing-function : ease-in-out; transition-duration : .3s; -moz-transition-duration : .3s; -ms-transition-duration : .3s; -webkit-transition-duration : .3s; -o-transition-duration : .3s;}

.blog-post-style3 .grid-item .blog-post .author img {width : 25px;}

.blog-post-style3 .grid-item .blog-post .blog-post-images a {display : block;}

.blog-post-style3 .grid-item .blog-post .blog-post-images .blog-hover-icon {position : absolute; height : 100%; width : 100%; background : rgba(0, 0, 0, 0.5); top : 0; left : 0; text-align : center; opacity : 0;}

.blog-post-style3 .grid-item .blog-post:hover .blog-post-images .blog-hover-icon {opacity : 1}

.blog-post-style3 .grid-item .blog-post .blog-post-images .blog-hover-icon span {top : 35%; position : relative; font-size : 48px; color : #FFF; opacity : 0}

.blog-post-style3 .grid-item .blog-post:hover .blog-post-images .blog-hover-icon span {top : 40%; opacity : 1;}

/* blog post style 4 */
.blog-post-style4 .blog-grid .grid-item figure {position : relative; overflow : hidden;}

.blog-post-style4 figure {position : relative;}

.blog-post-style4 figure figcaption {padding : 45px; bottom : 0px; position : absolute; background : rgba(0, 0, 0, .85); width : 100%; transition : ease-in-out 0.5s; -webkit-transition : ease-in-out 0.5s; -moz-transition : ease-in-out 0.5s; -ms-transition : ease-in-out 0.5s; -o-transition : ease-in-out 0.5s;}

.blog-post-style4 .grid-item figure figcaption p {margin-bottom : 0; transition : none; -webkit-transition : none; -moz-transition : none; -ms-transition : none; -o-transition : none; display : none}

.blog-post-style4 .blog-grid .grid-item .blog-img img {cursor : pointer; display : block; width : 100%; opacity : .9; transition : all 0.3s ease 0s; -webkit-transition : all 0.3s ease 0s; -moz-transition : all 0.3s ease 0s; -ms-transition : all 0.3s ease 0s; -o-transition : all 0.3s ease 0s;}

.blog-post-style4 .blog-grid .grid-item:hover .blog-img img {transform : scale(1.1); -webkit-transform : scale(1.1); -moz-transform : scale(1.1); -ms-transform : scale(1.1); -o-transform : scale(1.1); opacity : .5; transition : all 0.3s ease 0s; -webkit-transition : all 0.3s ease 0s; -moz-transition : all 0.3s ease 0s; -ms-transition : all 0.3s ease 0s; -o-transition : all 0.3s ease 0s;}

.blog-post-style4 .blog-grid a {position : relative; z-index : auto;}

.container .blog-post-style4 figure figcaption {padding : 32px;}

/* blog post style 5 */
.blog-post-style5 .blog-post .blog-post-images {height : 100%; position : relative}

.blog-post-style5 .blog-post .blog-categories {position : absolute; bottom : 0; left : 0; z-index : 25; padding : 10px 20px 8px}

/* blog post style 6 */
.blog-post-style6:hover {background-color : #FFF;}

.blog-post-style6:hover .text-white-2 {color : #000 !important}

.blog-post-style6:hover .author:before {background-color : #000 !important}

.blog-post-style6 .author:before {width : 100px; height : 1px; background-color : #FFF; opacity : 0.25; position : absolute; top : 0; left : 0; display : inline-block; content : ""}

/* blog post style 7 */
.blog-post-style7:hover {background-color : #1C1C1C !important; color : #FFF}

.blog-post-style7:hover a {color : #FFF}

.blog-post-style7:hover .author:before {background-color : #FFF; opacity : 0.8;}

.blog-post-style7 .author:before {width : 100px; height : 1px; background-color : #939393 !important; opacity : 0.25; position : absolute; top : 0; left : 0; display : inline-block; content : ""}

/* pagination */
.pagination {border-radius : 0; padding : 0; margin : 0}

.pagination ul {display : inline-block; *display : inline; *zoom : 1; margin-left : 0; margin-bottom : 0; padding : 0;}

.pagination li {display : inline;}

.pagination a {float : left; padding : 0 18px; line-height : 40px; text-decoration : none; border : 1px solid #DDD; border-left-width : 0; background : #FFF}

.pagination a:hover {background-color : #232323; color : #FFF}

.pagination .active a {background-color : #F5F5F5;}

.pagination .active a {color : #999999; cursor : default;}

.pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover {color : #999999; background-color : transparent; cursor : default;}

.pagination li:first-child a {border-left-width : 1px;}

.pagination-centered {text-align : center;}

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

/* blog details page */
/* author */
.about-author-img {float : left; max-width : 100px; margin-right : 35px; margin-bottom : 15px;}

.about-author-text {top : -5px}

.author-sharing a {margin-right : 15px; color : #737373}

.author-sharing a:hover {color : #000}

.alignnone {margin : 5px 30px 40px 0;}

.aligncenter, div.aligncenter {display : block; margin : 5px auto 5px auto;}

.alignright {float : right; margin : 5px 0 30px 40px;}

.alignleft {float : left; margin : 5px 40px 30px 0;}

a img.alignright {float : right; margin : 5px 0 40px 30px;}

a img.alignnone {margin : 5px 20px 20px 0;}

a img.alignleft {float : left; margin : 5px 20px 20px 0;}

a img.aligncenter {display : block; margin-left : auto; margin-right : auto}

.wp-caption {background : #F7F7F7; padding : 17px; text-align : center; border : 1px solid rgba(0, 0, 0, .1); max-width : 50%;}

.wp-caption figcaption {padding : 18px 25px 0 25px;}

.wp-caption img {width : 100%}

.wp-caption.alignnone {margin : 5px 30px 40px 0;}

.wp-caption.alignleft {margin : 5px 40px 30px 0;}

.wp-caption.alignright {margin : 5px 0 40px 30px;}

.wp-caption p.wp-caption-text {font-size : 11px; line-height : 17px; margin : 0; padding : 0 4px 5px;}

.screen-reader-text {clip : rect(1px, 1px, 1px, 1px); position : absolute !important; height : 1px; width : 1px; overflow : hidden;}

.screen-reader-text:focus {background-color : #F1F1F1; border-radius : 3px; box-shadow : 0 0 2px 2px rgba(0, 0, 0, 0.6); clip : auto !important; color : #21759B; display : block; font-size : 14px; font-size : 0.875rem; font-weight : bold; height : auto; left : 5px; line-height : normal; padding : 15px 23px 14px; text-decoration : none; top : 5px; width : auto; z-index : 1}

/* list style 6 */
.blog-comment {list-style : none; margin : 0; padding : 0;}

.blog-comment li {padding : 50px 0; border-bottom : 1px solid #EDEDED; position : relative}

.blog-comment li .btn-reply {float : right; border : 1px solid #EDEDED; padding : 0 8px; font-size : 10px; font-weight : 600; position : relative;}

.blog-comment > li:first-child {padding-top : 0}

.blog-comment li:last-child {border-bottom : none; padding-bottom : 0}

.blog-comment li ul.child-comment {margin-left : 40px; list-style : none}

.blog-comment li ul.child-comment li {border : none; padding-bottom : 0; border-top : 1px solid #EDEDED; margin-top : 50px}

/* ===================================
    26. Footer
====================================== */

/* scroll to top */
.scroll-top-arrow, .scroll-top-arrow:focus {color : #FFF; background : #878787; line-height : 28px; display : none; height : 30px; width : 30px; padding : 0; position : fixed; right : 45px; text-align : center; text-decoration : none; top : 91%; z-index : 10006; border-radius : 100%;}

.scroll-top-arrow:hover {background : #000; opacity : .8; color : #FFF; border-color : var(--base-color)}

.scroll-top-arrow i {line-height : 30px; position : relative;}

.bg-dark-footer {background-color : #141414;}

.footer-logo {max-height : 28px;}

/* footer input */
footer input::-webkit-input-placeholder {color : #6F6F6F; text-overflow : ellipsis; font-size : 11px; font-weight : 400; opacity : 1;}

footer input::-moz-placeholder {color : #6F6F6F; text-overflow : ellipsis; font-size : 11px; font-weight : 400; opacity : 1;}

footer input:-ms-input-placeholder {color : #6F6F6F; text-overflow : ellipsis; font-size : 11px; font-weight : 400; opacity : 1;}

footer .newsletter input {color : #6F6F6F; letter-spacing : normal;}

/* latest post */
.latest-post {list-style : none; padding : 0; margin : 0;}

.latest-post li {padding : 15px 0;}

aside .latest-post li {padding : 9px 0 10px;}

aside .latest-post li:last-child {padding-bottom : 0;}

.latest-post li:first-child {padding-top : 0}

.latest-post li:last-child {border-bottom : none}

.latest-post li figure {width : 60px; float : left}

.latest-post li figure, footer .latest-post li div {margin-bottom : 0;}

aside .latest-post li figure {width : 75px;}

.latest-post li div {line-height : normal; padding-left : 22px; position : relative; top : -1px;}

.latest-post li figure:hover img, .latest-post li figure:focus img {transform : none; -webkit-transform : none; -moz-transform : none; -ms-transform : none; -o-transform : none;}

/* newsletter */
.newsletter input {float : left; font-size : 12px; color : #FFF; width : 100%; height : 100%; padding : 0 38px 0 12px}

.newsletter .btn.btn-arrow-small {background : transparent none repeat scroll 0 0; margin-right : 0; height : 100%; padding-top : 0; padding-bottom : 5px; text-align : center; right : 0; border-width : 0 0 0 1px}

.newsletter .btn.btn-arrow-small i {color : #626262; font-size : 16px; display : block; margin-top : 6px;}

.newsletter {width : 100%; height : 33px}

footer .form-results {font-size : 12px;}

.newsletter .btn.border-color-white {border-color : #FFF}

.newsletter .btn.border-color-black {border-color : #000}

.newsletter .btn.border-color-extra-dark-gray {border-color : #232323}

.newsletter .btn.border-color-medium-dark-gray {border-color : #363636}

.newsletter .btn.border-color-dark-gray {border-color : #939393}

.newsletter .btn.border-color-extra-medium-gray {border-color : #DBDBDB}

.newsletter .btn.border-color-medium-gray {border-color : #E4E4E4}

.newsletter .btn.border-color-extra-light-gray {border-color : #EDEDED}

.newsletter .btn.border-color-light-gray {border-color : #F5F5F5}

.newsletter .btn.border-color-light-pink {border-color : #862237}

.newsletter .btn.border-color-deep-pink {border-color : var(--base-color)}

.newsletter .btn.border-color-transparent-pink {border-color : rgba(255, 33, 79, 0.45);}

/* instagram feed */
.instafeed-grid ul {list-style : none; padding : 0; margin : 0; display : flex; width : 100%; flex-wrap : wrap; text-align : center;}

.instafeed-grid li {padding : 0 10px 10px 0; width : 33.333%; box-sizing : border-box; display : inline-block}

.instafeed-grid li img {width : 100%}

.instafeed-grid li figure {position : relative; overflow : hidden; margin-bottom : 0;}

.instafeed-grid li figure a .insta-counts {position : absolute; bottom : -100%; left : 0; text-align : center; background : rgba(35, 35, 35, 0.8); color : #FFF; width : 100%; font-size : 12px;}

.instafeed-grid li figure:hover a .insta-counts {bottom : 0;}

.instafeed-grid li figure a .insta-counts i {margin-right : 5px; margin-left : 5px; vertical-align : middle;}

.instafeed-grid li figure span {vertical-align : middle;}

aside .instafeed-grid.gutter-very-small, footer .instafeed-grid.gutter-very-small {margin-left : -3px; margin-right : -3px;}

aside .instafeed-grid.gutter-small, footer .instafeed-grid.gutter-small {margin-left : -5px; margin-right : -5px;}

aside .instafeed-grid.gutter-medium, footer .instafeed-grid.gutter-medium {margin-left : -7px; margin-right : -7px;}

aside .instafeed-grid.gutter-large, footer .instafeed-grid.gutter-large {margin-left : -10px; margin-right : -10px;}

aside .instafeed-grid.gutter-extra-large, footer .instafeed-grid.gutter-extra-large {margin-left : -15px; margin-right : -15px;}

/* instagram feed style 1 */
.instafeed-grid.instafeed-style-02 li figure a .insta-counts {bottom : 0; height : 100%; height : 100%; opacity : 0;}

.instafeed-grid.instafeed-style-02 figure:hover a .insta-counts {opacity : 1;}

.instafeed-grid.instafeed-style-02 figure a .insta-counts i {position : relative; display : block; font-size : 28px; color : #FFF; top : 50%; transform : translateY(-50%); -webkit-transform : translateY(-50%); -moz-transform : translateY(-50%); -ms-transform : translateY(-50%); -o-transform : translateY(-50%);}

/* ===================================
   27. Home page
====================================== */

/* home - creative branding agency */
.box-layout {padding : 0 60px}

/* home - creative business */
.icon-box {border-bottom : 1px solid rgba(255, 255, 255, 0.10)}

.icon-box:last-child {border-bottom : none}

.icon-box .icon-box-holder {padding-left : 74px; height : 112px;}

.icon-box .icon-box-holder i {position : absolute; left : 0; vertical-align : middle; padding-top : 10px;}

[class^="ti-"], [class*=" ti-"] {display : inline-block;}

/* home - creative simple portfolio */
.head-text {font-size : 80px; line-height : 95px;}

/* home - classic digital agency */
.image-block {box-shadow : 0 0 0 rgba(35, 35, 35, 0.6); -webkit-box-shadow : 0px 0px 10px 0px rgba(0, 0, 0, 0.8); -moz-box-shadow : 0px 0px 10px 0px rgba(0, 0, 0, 0.8); box-shadow : 0px 0px 10px 0px rgba(0, 0, 0, 0.5); -o-box-shadow : 0px 0px 10px 0px rgba(0, 0, 0, 0.8); -ms-box-shadow : 0px 0px 10px 0px rgba(0, 0, 0, 0.8);}

.attr-nav > ul > li > a {padding : 3px 15px}

.icon-play img {width : 60%}

.icon-play:hover img {width : 68%}

/* play icon */
.icon-play-style-2 {z-index : 1; left : 100%;}

.icon-play-style-2 > span {display : -webkit-inline-box; display : -ms-inline-flexbox; display : inline-flex; -webkit-box-orient : horizontal; -webkit-box-direction : normal; flex-flow : row wrap; -ms-flex-direction : row wrap; -webkit-box-align : center; -ms-flex-align : center; align-items : center; -webkit-box-pack : center; -ms-flex-pack : center; justify-content : center;}

.icon-play-style-2 .video-icon {width : 110px; height : 110px; margin-top : 0; font-size : 30px; position : relative; display : -webkit-inline-box; display : -ms-inline-flexbox; display : inline-flex; -webkit-box-align : center; -ms-flex-align : center; align-items : center; -webkit-box-pack : center; -ms-flex-pack : center; justify-content : center; border-radius : 50%;}

/* home - creative studio */
.icon-box-holder a:hover {color : #FFF;}

/* home - portfolio personal */
.hover-title-box {position : absolute; right : -100px; opacity : 0; top : 50%; transform : translateY(-53px); -webkit-transform : translateY(-53px); -moz-transform : translateY(-53px); -ms-transform : translateY(-53px); -o-transform : translateY(-53px); z-index : 99; transition : all 0.3s ease-in-out; -webkit-transition : all 0.3s ease-in-out; -moz-transition : all 0.3s ease-in-out; -ms-transition : all 0.3s ease-in-out; -o-transition : all 0.3s ease-in-out;}

.hover-title-box .separator {height : 1px; content : ""; position : absolute; left : -10px; top : 30px;}

/* home - blog masonry */
.blog-header-style1 {margin : 0 8px; padding : 0; list-style : none; display : flex; justify-content : start;}

.blog-header-style1 li {width : 25%; padding : 0 8px; margin : 0 -4px 0 0;display : inline-block; box-sizing : border-box; overflow : hidden; vertical-align : top; transition : 0.8s; -webkit-transition : 0.8s; -moz-transition : 0.8s; -ms-transition : 0.8s; -o-transition : 0.8s;}

.blog-header-style1 li .blog-banner {display : block; position : relative; height : 100%;}

.blog-header-style1 li figure figcaption {position : absolute; left : 0; bottom : 0; padding : 50px; transform : translateY(60px); -webkit-transform : translateY(60px); -moz-transform : translateY(60px); -ms-transform : translateY(60px); -o-transform : translateY(60px);}

.blog-header-style1 li.blog-column-active figure figcaption {transition-delay : 0.5s; -webkit-transition-delay : 0.5s; -moz-transition-delay : 0.5s; -ms-transition-delay : 0.5s; -o-transition-delay : 0.5s; transform : translateY(0px); -webkit-transform : translateY(0px); -moz-transform : translateY(0px); -ms-transform : translateY(0px); -o-transform : translateY(0px);}

.blog-header-style1 li figure figcaption .btn {opacity : 0; transform : translateY(60px); -webkit-transform : translateY(60px); -moz-transform : translateY(60px); -ms-transform : translateY(60px); -o-transform : translateY(60px); transition-delay : 0.3s; -webkit-transition-delay : 0.3s; -moz-transition-delay : 0.3s; -ms-transition-delay : 0.3s; -o-transition-delay : 0.3s;}

.blog-header-style1 li.blog-column-active figure figcaption .btn {opacity : 1; transition-delay : 0.6s; transform : translateY(0); -webkit-transform : translateY(0); -moz-transform : translateY(0); -ms-transform : translateY(0); -o-transform : translateY(0); -webkit-transition-property : all; -moz-transition-property : all; -ms-transition-property : all; -o-transition-property : all; transition-property : all;}

.blog-header-style1 li.blog-column-active figure figcaption .btn:hover {transition-delay : 0; -webkit-transition-property : all; -moz-transition-property : all; -ms-transition-property : all; -o-transition-property : all; transition-property : all;}

.blog-header-style1 li.blog-column-active {width : 50%; transition-duration : 0.8s; -webkit-transition-duration : 0.8s; -moz-transition-duration : 0.8s; -ms-transition-duration : 0.8s; -o-transition-duration : 0.8s;}

.blog-header-style1 li .blog-title {width : 100%; white-space : nowrap; overflow : hidden; text-overflow : ellipsis;}

/* home - blog clean */
.blog-box .blog-box-image, .blog-box .blog-box-content {position : absolute; top : 0; width : 100%; transition : all 0.5s ease-in-out; -webkit-transition : all 0.5s ease-in-out; -moz-transition : all 0.5s ease-in-out; -ms-transition : all 0.5s ease-in-out; -o-transition : all 0.5s ease-in-out;}

.blog-box .blog-box-image {transform : translateY(0); -webkit-transform : translateY(0); -moz-transform : translateY(0); -ms-transform : translateY(0); -o-transform : translateY(0); opacity : 1}

.blog-box .blog-box-content {transform : translateY(100%); -webkit-transform : translateY(100%); -moz-transform : translateY(100%); -ms-transform : translateY(100%); -o-transform : translateY(100%); opacity : 0}

.blog-box:hover .blog-box-image {transform : translateY(-100%); -webkit-transform : translateY(-100%); -moz-transform : translateY(-100%); -ms-transform : translateY(-100%); -o-transform : translateY(-100%); opacity : 0}

.blog-box:hover .blog-box-content {transform : translateY(0); -webkit-transform : translateY(0); -moz-transform : translateY(0); -ms-transform : translateY(0); -o-transform : translateY(0); opacity : 1}

/* home - classic innovation agency */
.box-separator-line {height : 1px; content : ""; position : absolute; left : -90px; top : 130px;}

.right-image { bottom : -200px; position : absolute; right : -100px; width : 60%;}

.right-image img {max-width : none}

.content-right-slider .swiper-button-next {right : 70px;}

.content-right-slider .swiper-button-prev {left : 70px;}

/* home - creative designer */
.color-code {justify-content : space-around; align-items : center; z-index : 0;}

.bg-background-fade {background-color : #FF5851}

.color-1, .color-2, .color-3, .color-4, .color-5 {-webkit-transition : background-color 700ms linear; -moz-transition : background-color 700ms linear; -o-transition : background-color 700ms linear; -ms-transition : background-color 700ms linear; transition : background-color 700ms linear;}

.color-1 {background-color : #FF5851;}

.color-2 {background-color : #E86618;}

.color-3 {background-color : #EF3158;}

.color-4 {background-color : #6B0990;}

.color-5 {background-color : #4C0990;}

.color-6 {background-color : #1B3194;}

/* home - classic web agency */
.after-before-separator:before, .after-before-separator:after {width : 35px; margin : 0 15px; height : 1px; background : rgba(255, 255, 255, .2); content : ""; display : inline-block; vertical-align : super;}

.background-slide {height : auto; min-height : 700px;}

/* home - classic corporate */
.rev-slider .tp-bullet {width : 35px; height : 3px; background-color : #FFFFFF; opacity : 0.5; border-radius : 0; padding : 0 4px;}

.rev-slider .tp-bullet.selected, .tp-bullet:hover {opacity : 1;}

/* home - portfolio metro */
.text-bold-underline:before {background-color : var(--base-color); height : 3px; width : 100%; position : absolute; right : 0; bottom : 5px; content : "";}

/* home - portfolio  parallax */
.parallax-title {padding : 16px 35px; display : inline-block}

/* home - blog grid */
.highlight-bg-text {padding : 5px 16px; display : inline-block; margin-bottom : 15px;}

/* ===================================
   28. Others
====================================== */

/* services modern */
.arrow-bottom {position : relative;}

.arrow-bottom:after {top : 100%; left : 50%; border : solid transparent; content : " "; height : 0; width : 0; position : absolute; pointer-events : none; border-color : rgba(245, 245, 245, 0); border-top-color : #F5F5F5; border-width : 15px; margin-left : -15px; z-index : 9;}

.arrow-top {position : relative;}

.arrow-top:after {top : -29px; left : 50%; border : solid transparent; content : " "; height : 0; width : 0; position : absolute; pointer-events : none; border-color : rgba(245, 245, 245, 0); border-bottom-color : #F5F5F5; border-width : 15px; margin-left : -15px; z-index : 9;}

/* our clients */
.clients-list {height : 190px}

.clients-list:hover {box-shadow : 0 0 4px rgba(0, 0, 0, .1);}

.clients-list:hover img {-webkit-filter : grayscale(1); filter : grayscale(1);}

/* sidebar nav style 2 */
.tparrows:before {font-family : "Font Awesome 6 Free"; font-weight : 700;}

.tparrows.tp-leftarrow:before {content : '\f060';}

.tparrows.tp-rightarrow:before {content : '\f061';}

/* rev slider */
.rev_slider_wrapper {height : 980px;}

/* animation */
@-webkit-keyframes up-down-animation {
    0% {opacity : 1; top : 0px;}
    25% {opacity : .4; top : 2px;}
    50% {opacity : .3; top : 4px;}
    75% {opacity : .2; top : 5px;}
    100% {opacity : 0; top : 9px;}
}

@keyframes up-down-animation {
    0% {opacity : 1; top : 0px;}
    25% {opacity : .4; top : 4px;}
    50% {opacity : .3; top : 8px;}
    75% {opacity : .2; top : 12px;}
    100% {opacity : 0; top : 16px;}
}

@media screen and (-ms-high-contrast : active), (-ms-high-contrast : none) {
    nav .accordion-menu {position : static !important;}

    .swiper-container, .swiper, .blog-post-content {width : 100%;}

    .left-nav .sidebar-part2 .navbar-expand-lg .navbar-nav {flex-direction : column;}

    .sidebar-nav-style-1.navbar-expand-lg .navbar-collapse {display : block !important;}

    .signature {height : auto;}
}

/* demo page css */
.demo-heading {font-size : 40px; line-height : 46px;}

.buy-theme {transition-timing-function : ease-in-out; -moz-transition-timing-function : ease-in-out; -webkit-transition-timing-function : ease-in-out; -o-transition-timing-function : ease-in-out; transition-duration : .2s; -moz-transition-duration : .2s; -webkit-transition-duration : .2s; -o-transition-duration : .2s; position : fixed; top : 130px; right : -70px; background : #FFF; z-index : 1000; -moz-box-shadow : 0 0 10px rgba(0, 0, 0, 0.2);-webkit-box-shadow : 0 0 10px rgba(0, 0, 0, 0.2);box-shadow : 0 0 10px rgba(0, 0, 0, 0.2); z-index : 9999}

.buy-theme i {font-size : 16px; vertical-align : middle; position : relative; top : -1px; color : #6F6F6F}

.all-demo i {font-size : 15px; vertical-align : middle; position : relative; top : -1px; color : #6F6F6F}

.buy-theme:hover, .all-demo:hover {transition-timing-function : ease-in-out; -moz-transition-timing-function : ease-in-out; -webkit-transition-timing-function : ease-in-out; -o-transition-timing-function : ease-in-out; transition-duration : .2s; -moz-transition-duration : .2s; -webkit-transition-duration : .2s; -o-transition-duration : .2s; right : 0px; background : var(--base-color)}

.buy-theme span, .all-demo span {padding : 0 9px; position : relative; top : 0; opacity : 0}

.buy-theme:hover span, .all-demo:hover span {opacity : 1; color : #FFF}

.buy-theme:hover i, .all-demo:hover i {color : #FFF}

.buy-theme a, .all-demo a {color : #232323; font-size : 10px; text-transform : uppercase; padding : 2px 10px; display : block; text-decoration : none; font-weight : 500}

.all-demo {transition-timing-function : ease-in-out; -moz-transition-timing-function : ease-in-out; -webkit-transition-timing-function : ease-in-out; -o-transition-timing-function : ease-in-out; transition-duration : .2s; -moz-transition-duration : .2s; -webkit-transition-duration : .2s; -o-transition-duration : .2s; position : fixed; top : 172px; right : -105px; background : #FFF; z-index : 1000; -moz-box-shadow : 0 0 10px rgba(0, 0, 0, 0.2);-webkit-box-shadow : 0 0 10px rgba(0, 0, 0, 0.2);box-shadow : 0 0 10px rgba(0, 0, 0, 0.2); z-index : 9999}

/* Cookie message */
.cookie-message {
    position  : fixed;
    bottom    : 20px;
    right     : 20px;
    max-width : 370px;
    z-index   : 999999;
    padding   : 40px;
    display   : none;
}