@charset "UTF-8";
/*
Theme Name: H-Code
Theme URI: http://wpdemos.themezaa.com/h-code
Author: ThemeZaa
Author URI: http://www.themezaa.com
Description: H-Code is a creative, clean, fully responsive, powerful and multipurpose multi page and onepage WordPress and WooCommerce theme with latest web design trends.
Version: 2.0.2
License: Themeforest Split Licence
License URI: http://themeforest.net/licenses
Text Domain: h-code
*/

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

Table of contents

 01. Google font
 02. Reset
 03. Typography
 04. Icon
 05. Background color
 06. Custom
 07. Border
 08. Scroll to top
 09. Slider background and overlay
 10. Navigation
 11. Page titles
 12. Section
 13. Footer
 14. Owl carousel
 15. Slider and parallax typography
 16. Parallax
 17. One page
 18. Bootstrap slider
 19. Portfolio - ajax
 20. Portfolio - multi pages
 21. Masonry portfolio - home
 22. Full screen video
 23. Half screen video
 24. Coming soon
 25. Full width image
 26. Blog
 27. Intro
 28. Portfolio
 29. Elements
 30. Pages
 31. Shop
 32. Onepage demo
 33. Multipage demo
 34. col3 Layout
 35. col2 Layout

*/

/* ===================================
 Reset
====================================== */
body { font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; font-size:13px; color:#626262; line-height:23px; letter-spacing: 0.02em; }
.float-left { float:left; }
.float-right { float:right; }
a { color: #000; }
a:hover { color: #575757; }
img { max-width:100%; height:auto; }
video { background-size: cover; display: table-cell; vertical-align: middle; width: 100%; }
input[type="radio"], input[type="checkbox"] { float: left; margin: 5px 3px 0 0; border: 0; }
input[type='radio']:focus, input[type='checkbox']:focus { border: 0; }
input, textarea, select { font-family: 'Open Sans', sans-serif; border: 1px solid #dfdfdf; letter-spacing: 1px; font-size: 12px; padding: 8px 15px; width: 100%; margin: 0 0 20px 0; max-width: 100%; resize: none; }
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; border-radius: 0; }
input:focus, textarea:focus { border: 1px solid #989898; }
input[type="submit"]:focus { border:2px solid #000; }
select::-ms-expand { display:none; }
iframe { border: 0; }
.sound iframe { width:100%; }
.mega-sub-menu, .grid-gallery ul, footer ul, .footer-link, .cart-content ul.cart-list, nav ul, .nav-tabs, .widget ul, .spa-treatments ul, .tab-content ul, .grid, .list-line, .project-details ul, .breadcrumb-gray-text, .sitemap-wrapper ul, .variations ul, .payment_methods, .methods, .woocommerce-breadcrumb-main, .form-group ul, .breadcrumb ul { list-style: none outside none; list-style-position: outside; margin: 0px; padding:0px; }
* { 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; }
::selection { color: #000; background:#dcdcdc; }
::-moz-selection { color:#000; background:#dcdcdc; }
::-webkit-input-placeholder { color: #999; text-overflow: ellipsis; }
:-moz-placeholder { color: #999 !important; text-overflow: ellipsis; opacity:1; }
::-moz-placeholder { color: #999 !important; text-overflow: ellipsis; opacity:1; }
:-ms-input-placeholder { color: #999 !important; text-overflow: ellipsis; opacity:1; }
.animated { -moz-transition-duration: 0s !important; }
p:empty { display: none !important; }
input[type="number"] { -moz-appearance: none; -webkit-appearance: textfield; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
em.required { display: inline-block; font-style: normal; color: #ff0000; }
.clear { clear: both; }
.fab.alert-danger, .fas.alert-danger, .far.alert-danger { background-color: transparent; }
.fab.alert-success, .fas.alert-success, .far.alert-success { background-color: transparent; }
.alert-success a { color: #3c763d; text-decoration: underline; }
.alert-success a:hover { text-decoration: none; }
.alert-danger a { color: #a94442; text-decoration: underline; }
.alert-danger a:hover { text-decoration: none; }
section { clear: both; }

i, cite, em, var, address, dfn { font-style: italic; }
del { color: #626262; }
table { border-bottom: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; margin: 0; width: 100%; }
caption, th, td { font-weight: normal; text-align: left; }
th { font-weight: bold; text-transform: uppercase; padding: 8px 0; }
td { border-top: 1px solid #ededed; padding: 8px 0; }
dl { margin: 0 20px; }
dt { font-weight: bold; }
dd { margin: 0 0 20px; }
ul { list-style-type: square; }
ins { text-decoration: none; }
pre { white-space: pre-wrap; word-break: keep-all; }
blockquote::before, blockquote::after, q::before, q::after { content: none; }
blockquote, q { hyphens: none; quotes: none; position: relative; }
img.size-full, img.size-large, img.wp-post-image { height: auto; max-width: 100%; }
.entry-content img.alignleft, .entry-content .wp-caption.alignleft { margin-left: 0; }
figure.wp-caption.alignleft, img.alignleft, .alignleft { margin: 5px 20px 5px 0; }
.entry-content img, .entry-summary img, .comment-content img[height], img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; }
.entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption { max-width: 100%; }
img.alignnone { margin: 5px 0; }
.entry-content img.alignright, .entry-content .wp-caption.alignright { margin-right: 0; }
.entry-content .cart-empty { line-height: 24px; font-size: 15px; letter-spacing: 2px; }
figure.wp-caption.alignright, img.alignright, .alignright { margin: 5px 0 5px 20px; }
embed, object { max-width: 100%; }
.format-quote blockquote:before { content: '\201C'; font-size: 140px; font-weight: 400; line-height: .8; padding-right: 25px; position: absolute; left: -15px; top: -3px; }
abbr[title], abbr[data-original-title] { border: 0 none; color: #ff0000; cursor: default; display: inline-block; text-decoration: none; line-height: normal; }
.wp-caption { max-width: 100%; background-color: #f6f6f6; padding: 8px; text-align: left; }
.wp-caption-text { margin: 0; padding: 8px 10px 8px; margin: 0 !important; }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { clip: auto !important; display: block; height: auto; left: 5px; top: 5px; width: auto; z-index: 100000; }
.gallery-item { position: relative; }
.gallery-caption { background-color: rgba(0, 0, 0, 0.7); box-sizing: border-box; color: #fff; font-size: 14px; line-height: 1.3; margin: 0; max-height: 50%; opacity: 0; padding: 2px 8px; position: absolute; bottom: 0; left: 0; text-align: left; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; width: 100%; }
.gallery-item:hover .gallery-caption { opacity: 1; }
.gallery dl.gallery-item { margin-left: 0; margin-right: 0; padding: 10px; }
.bypostauthor {; }
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; float: none !important; }
#infscr-loading { float: left; margin: 50px 0; position: relative; text-align: center; width: 100%; }
#infscr-loading img { margin: 0 auto; width: 50px; }
.blog-masonry #infscr-loading { position: absolute; bottom: -90px; }

/* ===================================
 Typography
====================================== */
/* font family */
.alt-font { font-family: "Oswald", sans-serif; }
.main-font { font-family: 'Open Sans', sans-serif; }

/* heading */
h1, h2, h3, h4, h5, .h-1 { text-transform: uppercase; margin:0; padding:0; color: #000; }
h1, .h-1 { font-weight:700; line-height: 45px; font-size: 36px; letter-spacing: normal; }
h2 { font-size:24px; font-weight:400; letter-spacing:inherit; line-height: 30px; }
h3 { font-size:14px; letter-spacing:inherit; font-weight:700; }
h4 { letter-spacing: 0px; font-weight:400; text-transform:none; font-size:16px; line-height: 26px; }
h5 { letter-spacing: 2px; font-weight:600; font-size:11px; }
h6 { letter-spacing: 1px; font-size: 13px; font-weight: 400; line-height: 20px; }

/* section title */
.section-title { text-transform: uppercase; font-weight: 700; font-size: 20px; letter-spacing: 2px; padding: 0 0 100px 0; }
h1.section-title { font-weight:700; font-size: 36px; line-height: 45px !important; letter-spacing: 1px; }
h2.section-title { font-weight:700; font-size: 24px; line-height: 34px !important; }
h3.section-title { font-weight: 700; font-size: 20px; }
h4.section-title { font-weight: 600; font-size: 16px; line-height: 20px; }
h5.section-title { font-size: 14px; font-weight: 400 !important; }
h6.section-title { font-size: 13px; font-weight: 600; margin-top: 0; letter-spacing: 1px; }
.tab-content .section-title { border: medium none; font-size: 40px; font-weight: 100; text-transform: none; margin:2% 0 0; padding:0; }
.title-gray { border:1px solid #b5b5b5; color:#b5b5b5; }
.title-white { border:1px solid #ffffff; color:#ffffff; }
h1.big { color:#ffffff; font-size:65px; font-weight:600; line-height:76px; margin-bottom:0px; }
h1.big span { font-weight:300; }
h1.title { font-size:60px; font-weight:700; line-height:65px; margin-bottom:0px; display: inline-block; text-decoration: line-through; }
h2.title { font-size:50px; font-weight:700; line-height:55px; margin-bottom:0px; display: inline-block; text-decoration: line-through; }
h3.title { font-size:45px; font-weight:700; line-height:50px; margin-bottom:0px; display: inline-block; text-decoration: line-through; }
h4.title { font-size:40px; font-weight:700; line-height:45px; margin-bottom:0px; display: inline-block; text-decoration: line-through; }
h5.title { font-size:35px; font-weight:700; line-height:40px; margin-bottom:0px; display: inline-block; text-decoration: line-through; }
h6.title { font-size:30px; font-weight:700; line-height:35px; margin-bottom:0px; display: inline-block; text-decoration: line-through; }

h1.title-style10 { font-size:60px; font-weight:700; line-height:65px; margin-bottom:0px; display: inline-block; }
h2.title-style10 { font-size:50px; font-weight:700; line-height:55px; margin-bottom:0px; display: inline-block; }
h3.title-style10 { font-size:45px; font-weight:700; line-height:50px; margin-bottom:0px; display: inline-block; }
h4.title-style10 { font-size:40px; font-weight:700; line-height:45px; margin-bottom:0px; display: inline-block; }
h5.title-style10 { font-size:35px; font-weight:700; line-height:40px; margin-bottom:0px; display: inline-block; }
h6.title-style10 { font-size:30px; font-weight:700; line-height:35px; margin-bottom:0px; display: inline-block; }

h1.title span, h2.title span, h3.title span, h4.title span, h5.title span, h6.title span { vertical-align: middle; }
span.underline-bg { display: table; height: 2px; width: 100%; position: relative; top: -28px; z-index:2; }
.banner-content { font-size:18px; line-height:28px; }
h1.page-title { margin:95px auto 0; width: 100%; }
.highlight-title { font-weight:100; color:#000; font-size:65px; letter-spacing:0; }
.highlight-title span { font-weight:600; }
.work-process-title { font-size: 12px; letter-spacing: 2px; font-weight: 600; text-transform: uppercase; }
.heading-style-five h4 { text-transform: uppercase; }
.typography-heading .section-title { text-transform: none !important; }

/* different text size */
.text-small { font-size:11px; line-height:15px; }
.text-med { font-size:14px; line-height:26px; }
.text-large { font-size: 15px; text-transform: uppercase; line-height: 24px; letter-spacing: 2px !important; }
.text-extra-large { font-size: 16px; line-height: 28px; font-weight: 100; }
.text-extra-large strong { letter-spacing: 3px; }
.text-extra-large-normal { font-weight: normal !important; }
.title-small { font-size:20px; line-height:30px; }
.title-med { font-size:24px; line-height:34px; }
.title-large { font-size:28px; line-height:41px; }
.title-extra-large { font-size:35px; line-height:43px; }
.line-height { line-height: 23px !important; }
.line-height-20 { line-height: 20px !important; }
.text-indent { text-indent: -9999px; }

/* text color */
.white-text { color:#FFF; }
.white-text a { color:#FFF; }
.magenta-text { color:#d94378; }
.orange-text { color:#ff513b; }
.orange-light-text { color:#ef824c; }
.deep-red-text { color:#e75e50; }
.red-text { color:#d50f0f; }
.body-text { color:#626262; }
.black-text { color:#000; }
a.black-text-link, a.black-text-link i, footer ul.list-inline li a { color:#000; }
a.black-text-link:hover, a.black-text-link:hover i { color:#858585; }
a.white-text-link, a.white-text-link i { color:#fff; }
a.white-text-link:hover, a.white-text-link:hover i { color:#ababab; }
a.gray-text-link, footer ul li a { color:#626262; }
a.gray-text-link:hover, footer ul li a:hover { color:#000; }
.yellow-text { color:#e6af2a; }
.yellow-text2 { color:#fdd947; }
.fast-yellow-text { color:#f7d23d; }
.pink-text { color:#d9378e; }
.light-gray-text { color: #ababab; }
.light-gray-text2, .blog-date, .blog-date a { color: #828282; }
.deep-gray-text { color: #464646; }
.deep-light-gray-text { color: #878787; }
.gray-text { color:#7f7f7f; }
.dark-gray-text { color:#373737; }
.breadcrumb-white-text li, .breadcrumb-white-text a { color:#FFF; }
.breadcrumb-gray-text a, .breadcrumb-gray-text { color: #575757; }

/* letter spacing */
.no-letter-spacing { letter-spacing: 0px !important; }
.letter-spacing-1 { letter-spacing:1px !important; }
.letter-spacing-2 { letter-spacing:2px !important; }
.letter-spacing-3 { letter-spacing:3px !important; }
.letter-spacing-4 { letter-spacing:4px !important; }
.letter-spacing-5 { letter-spacing:5px !important; }
.letter-spacing-6 { letter-spacing:6px !important; }
.letter-spacing-7 { letter-spacing:7px !important; }
.letter-spacing-8 { letter-spacing:8px !important; }
.letter-spacing-9 { letter-spacing:9px !important; }
.letter-spacing-10 { letter-spacing:10px !important; }

/* font weight */
.font-weight-100 { font-weight:100 !important; }
.font-weight-300 { font-weight:300 !important; }
.font-weight-400 { font-weight:400 !important; }
.font-weight-600 { font-weight:600 !important; }
.font-weight-700 { font-weight:700 !important; }
.font-weight-800 { font-weight:800 !important; }

/* text property */
.text-transform-unset { text-transform: unset !important; }
.text-decoration-underline { text-decoration:underline !important; }
.text-decoration-none { text-decoration:none !important; }
.word-wrap { word-wrap: break-word; }
.word-wrap-normal { word-wrap: normal !important; }
.text-transform-none { text-transform:none !important; }
.text-transform-uppercase { text-transform: uppercase !important; }

/* ===================================
 Icon
====================================== */
i { color: #9a9a9a; margin: 0 3px; }
.extra-large-icon { font-size:60px !important; }
.large-icon { font-size:50px !important; }
.medium-icon { font-size:40px !important; margin-bottom: 15px !important; }
.small-icon { font-size:25px !important; }
.extra-small-icon { font-size:18px !important; }

/* ===================================
 Background color
====================================== */
.bg-white { background: #fff; }
.bg-yellow { background: #e6af2a; }
.bg-deep-yellow { background: #f7f5e7; }
.bg-golden-yellow { background: #c3bd86; }
.bg-fast-yellow { background: #fdd947; }
.bg-dark-gray { background: #252525; }
.bg-extra-dark-gray { background: #303030; }
.bg-mid-gray { background: #d4d4d4; }
.bg-black { background:#000000; }
.bg-green { background: #70bd5b; }
.bg-gray { background: #f6f6f6; }
.bg-yellow-ochre { background: #997546; }
.bg-deep-brown { background: #544441; }
.bg-transparent { background:transparent; }
.bg-orange { background:#c24742; }
.bg-deep-orange { background:#f15a22; }
.bg-fast-orange { background:#ff513b; }
.bg-pink { background:#c2345f; }
.bg-deep-red { background:#e75e50; }
.bg-red { background:#d21616; }
.bg-deep-pink { background:#e53878; }
.bg-light-pink { background:#dc378e; }
.bg-fast-pink { background:#ff1a56; }
.bg-magenta { background:#d94378; }
.bg-light-yellow { background:#f8f7f5; }
.bg-dark-green { background:#60a532; }
.bg-dark-blue { background:#3273a5; }
.bg-violet { background:#6c407e; }
.bg-light-gray { background: #f8f7f7; }
.bg-light-gray2 { background: #f4f4f4; }
.bg-light-gray3 { background: #fcfcfc; }
.bg-slider { background: rgba(27, 22, 28, 0.9); }
.parallax-gray-bg { background: rgba(246, 246, 246, 1); }
.bg-blck-overlay { background: rgba(0, 0, 0, 0.85); }
.bg-light-orange { background-color: #ef824c; }
.bg-inherit { background-color: inherit; }

/* opacity */
.opacity-light { position: absolute; height: 100%; width: 100%; opacity: 0.5; z-index: 1; top:0; left: 0; }
.opacity-medium { position: absolute; height: 100%; width: 100%; opacity: 0.7; z-index: 1; top:0; left: 0; }
.opacity-full { position: absolute; height: 100%; width: 100%; opacity: 0.8; z-index: 1; top:0; left: 0; }
.selection-overlay { position: absolute; height: 100%; width: 100%; top:0; left: 0; }
.text-opacity-light { opacity: 0.5; }

/* ===================================
 Custom
====================================== */
.center-col { float:none !important; margin-left:auto !important; margin-right:auto !important; clear: both; }

/*c popup styel */
button.mfp-close, .mfp-close:hover, .mfp-close:focus, .mfp-iframe-holder .mfp-close { top: 20px; right: 25px; }

/* popup newsletter */
.mfp-wrap .mc4wp-form input { display: block; width: 100%; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; }
.mfp-wrap .mc4wp-form input:focus { border-color: rgba(0,0,0,0.4); outline: 0; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.2); box-shadow: 0 0 8px rgba(0,0,0,.2); border: 1px solid #989898; }
.mfp-wrap .mc4wp-form-fields label { text-align: center;}
.mfp-wrap .mc4wp-form-fields input[type="submit"] { float: none; margin-top: 20px; width: auto !important; }

/* separator */
.separator-line { height: 2px; margin: 0 auto; width: 30px; margin:7% auto; }
.separator-line-thick { height: 4px; margin: 0 auto; width: 30px; margin:7% auto; }
.separator-line-vertical { width:7px; height:80px; float:left; margin-right:90px; }
.slider-text .separator-line { margin:14% auto; height: 2px; }
.thin-separator-line { height: 1px; width: 30px; margin:7% auto; }
.separator-line-thin { height: 1px; }
.vertical-separator { height:25px; width:25px; border-left:1px solid #000; }
.wide-separator-line { height: 1px; background-color:#e5e5e5; margin:5% 15px; width: 100%; clear: both; box-sizing: border-box; }
.indicators-black .active { background-color: #000; border: 2px solid rgba(0, 0, 0, 1); }
.indicators-black li { border: 2px solid rgba(0, 0, 0, 1); }
.hcode-space { float: left; width: 100%; clear: both; }
.hcode-divider { float: left; width: 100%; clear: both; }
.div-padding { padding: 120px 0; }

/* margin */
.margin-one { margin-top:1% !important; margin-bottom:1% !important; }
.margin-two { margin-top:2% !important; margin-bottom:2% !important; }
.margin-three { margin-top:3% !important; margin-bottom:3% !important; }
.margin-four { margin-top:4% !important; margin-bottom:4% !important; }
.margin-five { margin-top:5% !important; margin-bottom:5% !important; }
.margin-six { margin-top:6% !important; margin-bottom:6% !important; }
.margin-seven { margin-top:7% !important; margin-bottom:7% !important; }
.margin-eight { margin-top:8% !important; margin-bottom:8% !important; }
.margin-nine { margin-top:9% !important; margin-bottom:9% !important; }
.margin-ten { margin-top:10% !important; margin-bottom:10% !important; }
.margin-eleven { margin-top:11% !important; margin-bottom:11% !important; }
.margin-twelve { margin-top:12% !important; margin-bottom:12% !important; }
.margin-thirteen { margin-top:13% !important; margin-bottom:13% !important; }
.margin-twentytwo { margin-top:22% !important; margin-bottom:22% !important; }
.margin-right-four { margin-right:4% !important; }
.margin-right-five { margin-right:5% !important; }
.margin-right-six { margin-right:6% !important; }
.margin-right-seven { margin-right:7% !important; }
.margin-right-eight { margin-right:8% !important; }
.margin-right-nine { margin-right:9% !important; }
.margin-right-ten { margin-right:10% !important; }
.margin-top-section { margin-top:96px; }
.margin-left-right-one { margin-right:6% !important; margin-left:6% !important; }
.no-margin { margin:0 !important; }
.no-margin-lr { margin-left: 0 !important; margin-right: 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-bottom { margin-bottom:60px; }

/* padding */
.padding-one { padding:1% !important; }
.padding-two { padding:2% !important; }
.padding-three { padding:3% !important; }
.padding-four { padding:4% !important; }
.padding-five { padding:5% !important; }
.padding-six { padding:6% !important; }
.padding-seven { padding:7% !important; }
.padding-eight { padding:8% !important; }
.padding-nine { padding:9% !important; }
.padding-ten { padding: 10.2% !important; }
.padding-eleven { padding: 11% !important; }
.padding-twelve { padding: 12% !important; }
.padding-thirteen { padding: 13% !important; }
.padding-fourteen { padding: 14% !important; }
.padding-fifteen { padding: 15% !important; }
.padding-left-right-px { padding: 0 15px; }
.no-padding-tb { padding-top: 0 !important; padding-bottom: 0 !important; }
.no-padding-right { padding-right:0px !important; }
.no-padding-top { padding-top:0 !important; }
.no-padding { padding:0 !important; }
.no-padding-left { padding-left:0px !important; }
.no-padding-bottom { padding-bottom:0 !important; }
.no-padding-lr { padding-left: 0 !important; padding-right: 0 !important; }

/* margin padding wp */
.margin-bottom-45px { margin-bottom: 45px !important; }
.margin-bottom-40px { margin-bottom: 40px !important; }
.margin-bottom-80px { margin-bottom: 80px !important; }
.margin-bottom-30px { margin-bottom: 30px !important; }
.margin-bottom-25px { margin-bottom: 25px !important; }
.margin-bottom-15px { margin-bottom: 15px !important; }
.margin-bottom-20px { margin-bottom: 20px !important; }
.margin-bottom-10px { margin-bottom: 10px !important; }
.margin-bottom-5px { margin-bottom: 5px !important; }
.margin-top-5px { margin-top: 5px !important; }
.margin-top-10px { margin-top: 10px !important; }
.margin-top-20px { margin-top: 20px !important; }
.margin-top-30px { margin-top: 30px !important; }
.margin-top-35px { margin-top: 35px !important; }
.margin-right-20px { margin-right: 20px; }
.margin-right-25px { margin-right: 25px; }
.margin-0auto { margin: 0 auto !important; }
.margin-top-80px-bottom-70px { margin-top: 80px !important; margin-bottom: 70px !important; }
.margin-lr-auto { margin-right: auto !important; margin-left: auto !important; }
.margin-lr-20px { margin-right: 20px !important; margin-left: 20px !important; }
.margin-lr-10px { margin-right: 10px !important; margin-left: 10px !important; }
.margin-tb-30px { margin-top: 30px !important; margin-bottom: 30px !important; }
.margin-tb-20px { margin-top: 20px !important; margin-bottom: 20px !important; }
.margin-tb-25px { margin-top: 25px !important; margin-bottom: 25px !important; }
.margin-bottom-20px { margin-bottom: 20px !important; }
.margin-top-81px { margin-top: 81px !important; }
.margin-top-80px { margin-top: 80px !important; }
.margin-one-all { margin:1% !important; }
.margin-two-all { margin:2% !important; }
.margin-three-all { margin:3% !important; }
.margin-four-all { margin:4% !important; }
.margin-five-all { margin:5% !important; }
.margin-six-all { margin:6% !important; }
.margin-seven-all { margin:7% !important; }
.margin-eight-all { margin:8% !important; }
.margin-nine-all { margin:9% !important; }
.margin-ten-all { margin:10% !important; }
.margin-eleven-all { margin: 11% !important; }
.margin-twelve-all { margin: 12% !important; }
.margin-thirteen-all { margin: 13% !important; }
.margin-one-bottom { margin-bottom: 1% !important; }
.margin-two-bottom { margin-bottom: 2% !important; }
.margin-three-bottom { margin-bottom: 3% !important; }
.margin-four-bottom { margin-bottom: 4% !important; }
.margin-five-bottom { margin-bottom: 5% !important; }
.margin-six-bottom { margin-bottom: 6% !important; }
.margin-seven-bottom { margin-bottom: 7% !important; }
.margin-eight-bottom { margin-bottom: 8% !important; }
.margin-nine-bottom { margin-bottom: 9% !important; }
.margin-ten-bottom { margin-bottom: 10% !important; }
.margin-eleven-bottom { margin-bottom: 11% !important; }
.margin-twelve-bottom { margin-bottom: 12% !important; }
.margin-thirteen-bottom { margin-bottom: 13% !important; }
.margin-fourteen-bottom { margin-bottom: 14% !important; }
.margin-fifteen-bottom { margin-bottom: 15% !important; }
.margin-one-top { margin-top: 1% !important; }
.margin-two-top { margin-top: 2% !important; }
.margin-three-top { margin-top: 3% !important; }
.margin-four-top { margin-top: 4% !important; }
.margin-five-top { margin-top: 5% !important; }
.margin-six-top { margin-top: 6% !important; }
.margin-seven-top { margin-top: 7% !important; }
.margin-eight-top { margin-top: 8% !important; }
.margin-nine-top { margin-top: 9% !important; }
.margin-ten-top { margin-top: 10% !important; }
.margin-eleven-top { margin-top: 11% !important; }
.margin-twelve-top { margin-top: 12% !important; }
.margin-thirteen-top { margin-top: 13% !important; }
.margin-fourteen-top { margin-top: 14% !important; }
.margin-fifteen-top { margin-top: 15% !important; }
.padding-one-lr { padding-left: 1% !important; padding-right: 1% !important; }
.padding-two-lr { padding-left: 2% !important; padding-right: 2% !important; }
.padding-three-lr { padding-left: 3% !important; padding-right: 3% !important; }
.padding-four-lr { padding-left: 4% !important; padding-right: 4% !important; }
.padding-five-lr { padding-left: 5% !important; padding-right: 5% !important; }
.padding-six-lr { padding-left: 6% !important; padding-right: 6% !important; }
.padding-seven-lr { padding-left: 7% !important; padding-right: 7% !important; }
.padding-eight-lr { padding-left: 8% !important; padding-right: 8% !important; }
.padding-nine-lr { padding-left: 9% !important; padding-right: 9% !important; }
.padding-ten-lr { padding-left: 10% !important; padding-right: 10% !important; }
.margin-left-one { margin-left: 1% !important; }
.margin-left-two { margin-left: 2% !important; }
.margin-left-three { margin-left: 3% !important; }
.margin-left-four { margin-left: 4% !important; }
.margin-left-five { margin-left: 5% !important; }
.margin-left-six { margin-left: 6% !important; }
.margin-left-seven { margin-left: 7% !important; }
.margin-left-eight { margin-left: 8% !important; }
.margin-left-nine { margin-left: 9% !important; }
.margin-left-ten { margin-left: 10% !important; }
.margin-left-eleven { margin-left: 11% !important; }
.margin-left-twelve { margin-left: 12% !important; }
.margin-left-thirteen { margin-left: 13% !important; }
.margin-left-twentytwo { margin-left: 22% !important; }
.margin-right-one { margin-right: 1% !important; }
.margin-right-two { margin-right: 2% !important; }
.margin-right-three { margin-right: 3% !important; }
.margin-right-four { margin-right: 4% !important; }
.margin-right-five { margin-right: 5% !important; }
.margin-right-six { margin-right: 6% !important; }
.margin-right-seven { margin-right: 7% !important; }
.margin-right-eight { margin-right: 8% !important; }
.margin-right-nine { margin-right: 9% !important; }
.margin-right-ten { margin-right: 10% !important; }
.margin-right-eleven { margin-right: 11% !important; }
.margin-right-twelve { margin-right: 12% !important; }
.margin-right-thirteen { margin-right: 13% !important; }
.margin-right-twentytwo { margin-right: 22% !important; }
.padding-one-tb { padding-top: 1% !important; padding-bottom: 1% !important; }
.padding-two-tb { padding-top: 2% !important; padding-bottom: 2% !important; }
.padding-three-tb { padding-top: 3% !important; padding-bottom: 3% !important; }
.padding-four-tb { padding-top: 4% !important; padding-bottom: 4% !important; }
.padding-five-tb { padding-top: 5% !important; padding-bottom: 5% !important; }
.padding-one-bottom { padding-bottom: 1% !important; }
.padding-two-bottom { padding-bottom: 2% !important; }
.padding-three-bottom { padding-bottom: 3% !important; }
.padding-four-bottom { padding-bottom: 4% !important; }
.padding-five-bottom { padding-bottom: 5% !important; }
.padding-six-bottom { padding-bottom: 6% !important; }
.padding-seven-bottom { padding-bottom: 7% !important; }
.padding-eight-bottom { padding-bottom: 8% !important; }
.padding-nine-bottom { padding-bottom: 9% !important; }
.padding-ten-bottom { padding-bottom: 10% !important; }
.padding-eleven-bottom { padding-bottom: 11% !important; }
.padding-twelve-bottom { padding-bottom: 12% !important; }
.padding-thirteen-bottom { padding-bottom: 13% !important; }
.padding-twentytwo-bottom { padding-bottom: 22% !important; }
.padding-one-top { padding-top: 1% !important; }
.padding-two-top { padding-top: 2% !important; }
.padding-three-top { padding-top: 3% !important; }
.padding-four-top { padding-top: 4% !important; }
.padding-five-top { padding-top: 5% !important; }
.padding-six-top { padding-top: 6% !important; }
.padding-seven-top { padding-top: 7% !important; }
.padding-eight-top { padding-top: 8% !important; }
.padding-nine-top { padding-top: 9% !important; }
.padding-ten-top { padding-top: 10% !important; }
.padding-eleven-top { padding-top: 11% !important; }
.padding-twelve-top { padding-top: 12% !important; }
.padding-thirteen-top { padding-top: 13% !important; }
.padding-twentytwo-top { padding-top: 22% !important; }
.padding-left-one { padding-left: 1% !important; }
.padding-left-two { padding-left: 2% !important; }
.padding-left-three { padding-left: 3% !important; }
.padding-left-four { padding-left: 4% !important; }
.padding-left-five { padding-left: 5% !important; }
.padding-left-six { padding-left: 6% !important; }
.padding-left-seven { padding-left: 7% !important; }
.padding-left-eight { padding-left: 8% !important; }
.padding-left-nine { padding-left: 9% !important; }
.padding-left-ten { padding-left: 10% !important; }
.padding-left-eleven { padding-left: 11% !important; }
.padding-left-twelve { padding-left: 12% !important; }
.padding-left-thirteen { padding-left: 13% !important; }
.padding-left-twentytwo { padding-left: 22% !important; }
.padding-right-one { padding-right: 1% !important; }
.padding-right-two { padding-right: 2% !important; }
.padding-right-three { padding-right: 3% !important; }
.padding-right-four { padding-right: 4% !important; }
.padding-right-five { padding-right: 5% !important; }
.padding-right-six { padding-right: 6% !important; }
.padding-right-seven { padding-right: 7% !important; }
.padding-right-eight { padding-right: 8% !important; }
.padding-right-nine { padding-right: 9% !important; }
.padding-right-ten { padding-right: 10% !important; }
.padding-right-eleven { padding-right: 11% !important; }
.padding-right-twelve { padding-right: 12% !important; }
.padding-right-thirteen { padding-right: 13% !important; }
.padding-right-twentytwo { padding-right: 22% !important; }
.no-padding-top-bottom { padding-top: 0 !important; padding-bottom: 0 !important; }
.padding-tb-15px { padding-top: 15px !important; padding-bottom: 15px !important; }
.padding-top-15px { padding-top: 15px !important; }
.padding-top-30px { padding-top: 30px !important; }
.padding-bottom-15px { padding-bottom: 15px !important; }
.padding-bottom-30px { padding-bottom: 30px !important; }
.padding-top-40px { padding-top: 40px !important; }
.padding-lr-15px { padding-left: 15px !important; padding-right: 15px !important; }
.padding-top-18px { padding-top: 18px; }
.padding-70px { padding: 70px; }
.padding-tb-lr-70 { padding: 70px; }
.padding-tb7-lr11 { padding: 7% 11%; }
.padding-tb6-lr9 { padding: 6% 9%; }
.padding-twentytwo { padding: 22px !important; }
.padding-thirtyfive { padding: 35px !important; }

/* float */
.f-left { float:left !important; }
.f-right { float:right !important; }
.no-float { float:none !important; }

/* other col size */
.col-large { width:90%; }
.col-medium { width:85%; }
.col-small { width:75%; }
.col-extra-small { width:70%; }

/* display */
.display-block { display: block !important; }
.overflow-hidden { overflow: hidden !important; }
.overflow-hidden-mobile { position:fixed !important; overflow: hidden !important; }
.display-inline-block { display: inline-block !important; }
.display-inline { display: inline !important; }
.display-none { display: none !important; }

/* position */
.position-relative { position: relative !important; z-index: 5; }
.position-absolute { position: absolute !important; }
.position-inherit { position: inherit !important; }
.position-initial { position: initial !important; }
.position-right { right:0 !important; }
.position-left { left:0 !important; }
.position-top { top:0 !important; }
.position-right-15px { right: 15px !important; }
.position-left-15px { left: 15px !important; }
.position-left-right-zero { left: 0 !important; right: 0 !important; }

/* top */
.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; }

/* width */
.width { display: inline-block; position: relative; width: 90%; }
.width-20 { width:20% !important; }
.width-30 { width:30% !important; }
.width-40 { width:40% !important; }
.width-50 { width:50% !important; }
.width-60 { width:60% !important; }
.width-70 { width:70% !important; }
.width-80 { width:80% !important; }
.width-90 { width:90% !important; }
.width-100 { width:100% !important; }
.width-auto { width: auto !important; }

/* height */
.height-0 { height: 0 !important; }
.height-100 { height: 100% !important; }
.height-auto { height:auto !important; }
.full-screen {min-height: 980px;}
.clear-both { clear:both; }
.clear-none { clear: none; }
.roundedimage { border-radius: 100%; }
.vertical-align-middle { vertical-align: middle !important; }
.vertical-align-bottom { vertical-align: bottom !important; }
.no-box-shadow { box-shadow:none !important; }
p.uppercase { text-transform:uppercase !important; }
p.uppercase a { text-decoration:underline !important; }
p.uppercase a:hover { text-decoration: none; }
.line-break { display:block !important; }
.z-index-1 { z-index:1 !important; }
.z-index-0 { z-index:0 !important; }
.no-transition *, .page-title-section *, .vc_editor .entry-content *, .owl-carousel *, .select2-container, .select2-drop, .select2-search, .select2-search input, .wpb_revslider_element *, .wpb_accordion *, .vc_grid-container-wrapper *, .pswp *, .select2-drop *, .select2-container--open *, .select2-container--open input *, .vc_ess_grid *, .price_slider_wrapper *, .woocommerce-shipping-calculator *, .tolb-inner * { transition-timing-function: none ; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; }
.owl-carousel.hcode-featured-slider * { 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; }

/* ===================================
 Border
====================================== */
.white-round-border { border-radius: 50%; border: 1px solid #fff; }
.border-black { border:1px solid #000; }
.border-thick { border-width:2px !important; }
.border-white { border:1px solid #FFF; }
.border-top { border-top: 1px solid #e5e5e5; }
.border { border: 1px solid #e5e5e5; }
.border-right { border-right: 1px solid #e5e5e5; }
.border-left-1px { border-left: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }
.border-left { border-left: 4px solid #fff; }

.border-color-black { border-color: #000 !important; }
.border-color-white { border-color: #fff !important; }
.border-gray { border-color:#d7d7d7 !important; }
.border-color-orange { border-color:#ff513b !important; }
.no-border { border:none !important; }
.border-top-light { border-top: 1px solid rgba(0, 0, 0, 0.1); }
.border-bottom-light { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.border-transperent-light { border-color:rgba(255, 255, 255, .25) !important; }
.no-border-round { border-radius:0 !important; }

/* ===================================
 Scroll to top
====================================== */
#scroll_to_top { cursor: pointer; }
#scroll_to_top:hover { opacity: 0.75; }
.scrollToTop { display: none; line-height: 23px; font-weight: bold; height: auto; padding: 0; position: fixed; right: 45px; text-align: center; text-decoration: none; top: 91%; width: auto; background-color: #000; z-index: 555; border-radius:2px; }
.scrollToTop.scrolltotop-position-left { left: 45px; right: auto; }
.scrollToTop i { font-size: 18px; margin: 2px 6px 0 6px; color: #fff; vertical-align: top; line-height: 1; }
.scrollToTop:hover { opacity: 0.5; }
.scrollToTop:hover i { position: relative; }

/* ===================================
 Slider background and overlay
====================================== */
.slider-overlay { position: absolute; height: 100%; width: 100%; opacity: 0.6; z-index: 1; top:0; left: 0; }
.video-background { position: absolute; height: 100%; width: 100%; z-index: 1; top:0; background: rgba(67, 67, 67, 0.5); }
.slider-overlay-half { position: absolute; height: 60%; width: 100%; opacity: 0.9; z-index: 1; bottom:0; }
.slider-text { position: relative; left:0px; right:0px; z-index:1; }
.slider-text h1 { font-size:30px; font-weight:300; letter-spacing:3px; line-height: 38px; }
.slider-text span { display: block; font-size: 16px; font-weight: 400; line-height: 25px; }
.gradient-overlay { position: absolute; height: 100%; width: 100%; opacity: 0.8; z-index: 1; top: 0px; background: rgba(167, 73, 28, 0.9); background: -moz-linear-gradient(left, rgba(167, 73, 28, 0.9) 0%, rgba(48, 41, 39, 0.9) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(167, 73, 28, 0.9)), color-stop(100%, rgba(48, 41, 39, 0.9))); background: -webkit-linear-gradient(left, rgba(167, 73, 28, 0.9) 0%, rgba(48, 41, 39, 0.9) 100%); background: -o-linear-gradient(left, rgba(167, 73, 28, 0.9) 0%, rgba(48, 41, 39, 0.9) 100%); background: -ms-linear-gradient(left, rgba(167, 73, 28, 0.9) 0%, rgba(48, 41, 39, 0.9) 100%); background: linear-gradient(to right, rgba(167, 73, 28, 0.9) 0%, rgba(48, 41, 39, 0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9a562', endColorstr='#608aab', GradientType=1 ); }
.gradient-overlay-light { background: rgba(176, 0, 92, 1); background: -moz-linear-gradient(left, rgba(176, 0, 92, 1) 0%, rgba(83, 11, 49, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(176, 0, 92, 1)), color-stop(100%, rgba(83, 11, 49, 1))); background: -webkit-linear-gradient(left, rgba(176, 0, 92, 0.7) 0%, rgba(83, 11, 49, 1) 100%); background: -o-linear-gradient(left, rgba(176, 0, 92, 0.7) 0%, rgba(83, 11, 49, 1) 100%); background: -ms-linear-gradient(left, rgba(176, 0, 92, 0.7) 0%, rgba(83, 11, 49, 1) 100%); background: linear-gradient(to right, rgba(176, 0, 92, 1) 0%, rgba(83, 11, 49, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#530b31', endColorstr='#b0005c', GradientType=1 ); }
.overlay-yellow { position: absolute; height: 100%; width: 100%; opacity: 0.7; top: 0px; background-color:#ffca18; }
.overlay-blue { position: absolute; height: 100%; width: 100%; opacity: 0.7; top: 0px; background-color:#8ac4fe; }
.overlay-gray { position: absolute; height: 100%; width: 100%; opacity: 0.8; top: 0px; background-color:#f4f5f6; }
.overlay-green { position: absolute; height: 100%; width: 100%; opacity: 0.7; top: 0px; background-color:#71f1b9; }
.slider-half { position:absolute; top:50%; left:0; right:0; z-index:1; color:#FFF; }
.slider-half h1 { font-size:80px; line-height:85px; font-weight:300; letter-spacing:-2px; text-transform: none; }
.slider-half h1 span { font-weight:700; }
.bootstrap-slider-title-text { margin-bottom: 14% !important; }

/* ===================================
 Navigation
====================================== */
.navbar > .nav-header-container > .row { display: flex; align-items: center; }
.navbar > .nav-header-container.container-fluid .accordion-menu .navbar-nav > li.mega-menu-dropdown.open > .dropdown-menu { width: 1183px; }

.shrink-nav { background-color:#FFF; position: fixed !important; top: 0 !important; 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: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; -o-transition-duration: .5s; }
.sticky-nav { 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: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; }

.menu-wrap { border-radius: 0; }

/* top header area */
.sticky-mini-header .top-header-area { position: fixed; }
.top-header-area { position: absolute; width: 100%;  z-index: 1050; padding: 6px 0; background-color: #000; height: auto; top: 0; }
.top-header-area .widget { margin-bottom: 0; }
.header-call { float: left; margin-right: 20px; letter-spacing: 1px; }
.header-call span { font-size: 11px; line-height: 16px; }
.header-social { letter-spacing: 1px; float: left; }
.header-social a { font-size: 11px; }
.top-right-menu { float: right; }
.top-right-menu ul { list-style: none outside none; list-style-position: outside; margin: 0px; padding: 0px; }
.top-right-menu ul { float: right; }
.top-right-menu li { float: left; margin: 0 10px; position: relative; }
.top-right-menu li a { color: #fff; font-size: 10px; letter-spacing: 0; font-weight: 600; text-transform: uppercase; }
.top-right-menu li:after { content: "/"; color: #fff; right: -13px; position: absolute; top: 1px; }
.top-right-menu li:last-child:after { content: ""; }

/* logo setings */
.retina-logo, .retina-logo-light {display: none;}
.navbar .hcode-header-logo > .logo-dark, .navbar .hcode-header-logo > .logo-light { display: inline-block; vertical-align: middle; }
.navbar .hcode-header-logo > .logo-dark > .logo, .navbar .hcode-header-logo > .logo-light > .logo { max-width: 109px }
.navbar .hcode-header-logo > .logo-dark, .navbar .hcode-header-logo > .logo-light { display: none; }
.navbar .hcode-header-logo > .logo-light, .navbar.shrink-nav .hcode-header-logo > .logo-dark { display: inline-block; }
.navbar.shrink-nav .hcode-header-logo > .logo-light, .navbar .hcode-header-logo > .logo-dark { display: none; }
.navbar .hcode-header-logo, .navbar .accordion-menu, .navbar .search-cart-header { padding-left: 15px; padding-right: 15px;}
.navbar.shrink-nav.static-sticky .hcode-header-logo > .logo-light { display: inline-block; }

/* site  title */
.hcode-site-title { text-transform: uppercase; font-weight: 600; font-size: 18px; color: #fff; }

.hamburger-menu1 .hcode-header-logo { float: none; }

/* menu link setting */
.navbar > .nav-header-container { position: relative; }
.navbar > .nav-header-container .accordion-menu { flex-grow: 1; }
.navbar .navbar-nav > li > a, .navbar > .nav-header-container .search-cart-header a, .navbar > .nav-header-container .dropdown-header { text-transform: uppercase; }
.navbar > .nav-header-container .hcode-header-logo, .navbar > .nav-header-container .search-cart-header { width: auto; padding-top: 6px; padding-bottom: 6px; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content;}
.navbar > .nav-header-container .navbar-nav .megamenu-right-icon { display: none; }
.navbar > .nav-header-container .navbar-nav > li { padding: 22px 0; margin: 0 20px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.navbar.shrink-nav > .nav-header-container .navbar-nav > li { padding: 12px 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.navbar.shrink-nav.static-sticky > .nav-header-container .navbar-nav > li { padding: 22px 0; }
.navbar.shrink-nav.static-sticky.header-top-logo > .nav-header-container .navbar-nav > li { padding: 10px 0; }
.navbar > .nav-header-container .navbar-nav > li:last-child { margin-right: 0; }
.navbar > .nav-header-container .navbar-nav > li:first-child { margin-left: 0; }
.navbar > .nav-header-container .dropdown-menu li a { text-transform: uppercase; }
.navbar > .nav-header-container .navbar-nav > li.simple-dropdown { position: relative; }
.navbar > .nav-header-container .navbar-nav > li.mega-menu-dropdown { position: inherit; }
.navbar > .nav-header-container .navbar-nav > li.mega-menu-dropdown.open > .dropdown-menu { display: block; position: absolute; left: 15px; right: auto; top: auto; margin-top: 0 !important; padding: 30px 25px 10px; text-align: left; margin-top: 22px !important; z-index: 1; }
.navbar.shrink-nav.static-sticky > .nav-header-container .navbar-nav > li.mega-menu-dropdown.open > .dropdown-menu { margin-top: 22px !important; }
.navbar.header-top-logo > .nav-header-container .navbar-nav > li.mega-menu-dropdown.open > .dropdown-menu, .navbar.static-sticky.shrink-nav.header-top-logo > .nav-header-container .navbar-nav > li.mega-menu-dropdown.open > .dropdown-menu { margin-top: 10px !important; }
.navbar.shrink-nav > .nav-header-container .navbar-nav > li.mega-menu-dropdown.open > .dropdown-menu { margin-top: 12px !important; }
.navbar.header-top-logo.shrink-nav > .nav-header-container .navbar-nav > li.mega-menu-dropdown.open > .dropdown-menu { margin-top: 5px !important; }
.navbar > .nav-header-container .navbar-nav > li.mega-menu-dropdown.open > .dropdown-menu .mega-sub-menu, .navbar > .nav-header-container .navbar-nav > li.megamenu-column-1.open > .dropdown-menu .mega-sub-menu { margin-top: 0; }
.navbar > .nav-header-container .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-sub-menu { margin-bottom: 40px; }
.navbar > .nav-header-container .navbar-nav > li.mega-menu-dropdown.megamenu-column-1 > .dropdown-menu .mega-sub-menu:last-child { margin-bottom: 0; }
.search-cart-header #top-search i, .search-cart-header .top-cart .shopping-cart {  transition-duration: 0s;  -webkit-transition-duration:  0s; -moz-transition-duration:  0s; -ms-transition-duration:  0s; -o-transition-duration:  0s; }
.search-cart-header .subtitle-mobile { display: none; background-color: #fdd947; border-radius: 100%; font-size: 11px; height: 16px; line-height: 17px; text-align: center; width: 16px; position: absolute; right: -5px; top: 50%; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); letter-spacing: normal; color: #000; }

/* menu alignment */
.navbar > .nav-header-container .accordion-menu .navbar-collapse { display: flex; align-items: center; justify-content: flex-end; }
.navbar > .nav-header-container .accordion-menu.menu-left-align .navbar-collapse { justify-content: flex-start; }
.navbar > .nav-header-container .accordion-menu.menu-center-align .navbar-collapse { justify-content: center; }

/*fluid menu settings*/
.navbar > .nav-header-container.container-fluid { position: relative; }

/* fluid menu alignment */
.navbar > .nav-header-container.container-fluid .accordion-menu .navbar-nav > li.mega-menu-dropdown.open > .dropdown-menu { right: 30px; left: auto; }
.navbar > .nav-header-container.container-fluid .accordion-menu.menu-left-align .navbar-nav > li.mega-menu-dropdown.open > .dropdown-menu,
.navbar.header-center-logo > .nav-header-container.container-fluid .hcode-center-logo-menu .accordion-menu .navbar-nav:first-child > li.mega-menu-dropdown.open > .dropdown-menu { right: auto; left: 30px; }
.navbar > .nav-header-container.container-fluid .accordion-menu.menu-center-align .navbar-nav > li.mega-menu-dropdown.open > .dropdown-menu, .navbar.header-top-logo > .nav-header-container.container-fluid .accordion-menu .navbar-nav > li.mega-menu-dropdown.open > .dropdown-menu { right: 0; left: 0; }

/* top logo menu settings */
.navbar.header-top-logo > .nav-header-container > .row { justify-content: center; flex-wrap: wrap; }
.navbar.header-top-logo > .nav-header-container .hcode-header-logo { width: 100%; text-align: center; }
.navbar.header-top-logo > .nav-header-container .accordion-menu { flex-grow: unset; }

.navbar.header-top-logo > .nav-header-container .hcode-header-logo { padding-top: 15px; padding-bottom: 0; }
.navbar.header-top-logo > .nav-header-container .navbar-nav > li, .navbar.header-top-logo .search-cart-header #top-search, .navbar.header-top-logo .search-cart-header .top-cart .shopping-cart, .navbar.header-top-logo.static-sticky.shrink-nav .search-cart-header .top-cart .shopping-cart, .navbar.header-top-logo.static-sticky .search-cart-header .top-cart .shopping-cart, .navbar.header-top-logo.shrink-nav .search-cart-header .top-cart .shopping-cart { padding: 10px 0; }
.navbar.header-top-logo.shrink-nav > .nav-header-container .navbar-nav > li, .navbar.header-top-logo.shrink-nav .search-cart-header #top-search, .navbar.header-top-logo.shrink-nav .search-cart-header .top-cart .shopping-cart { padding: 5px 0; }

/* center logo menu settings */
.navbar.header-center-logo > .nav-header-container > .row { height: 100%; }
.navbar.header-center-logo > .nav-header-container .hcode-header-logo.center-logo { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 120px; padding: 15px 0; text-align: center; }

.hcode-center-logo-menu { display: flex; align-items: center; flex-grow: 1; position: relative; }
.navbar.header-center-logo > .nav-header-container .accordion-menu { display: flex; justify-content: center; align-items: center; }
.navbar.header-center-logo > .nav-header-container .accordion-menu .navbar-collapse { flex-grow: 1; display: block; }
.navbar.header-center-logo > .nav-header-container .accordion-menu .navbar-collapse > ul.navbar-nav:nth-child(1) { width: 42%; float: left; text-align: right; }
.navbar.header-center-logo > .nav-header-container .accordion-menu .navbar-collapse > ul.navbar-nav:nth-child(1) > li { float: none; display: inline-block; vertical-align: middle;}
.navbar.header-center-logo > .nav-header-container .accordion-menu .navbar-collapse > ul.navbar-nav:nth-child(2) { width: 42%; float: right }

.center-logo-search-cart-full-width .hcode-center-logo-menu { position: inherit; }
.navbar.header-center-logo.center-logo-search-cart-full-width > .nav-header-container .accordion-menu .navbar-collapse > ul.navbar-nav:nth-child(1) { width: 50%; }
.navbar.header-center-logo.center-logo-search-cart-full-width > .nav-header-container .accordion-menu .navbar-collapse > ul.navbar-nav:nth-child(2) { width: 35%; }

/* hamburger menu settings */
.navbar.default-hamburger-menu .navbar-header .logo-light > .logo{ max-width: 109px; }
.navbar.default-hamburger-menu.hamburger-menu1 .hcode-site-title .logo-dark { display: none; }

.navbar.default-hamburger-menu > .nav-header-container > .row { justify-content: space-between;}
.navbar.default-hamburger-menu > .nav-header-container > .row > .hcode-hamburger-menu { flex-grow: 1; padding: 22px 0; }
.navbar.default-hamburger-menu.shrink-nav > .nav-header-container > .row > .hcode-hamburger-menu { padding: 18px 0; }

.pull-menu .navbar-nav { padding: 40px 0; width: 100%; }
.pull-menu .nav li { margin: 0; display: block; width: 100%; position: relative; margin: 0 !important; }
.pull-menu .navbar-nav a { color: #a5a5a5; font-weight: 600; line-height: 18px; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.2); font-size: 11px; display: block; text-transform: uppercase; }
.pull-menu .sub-menu { background-color: transparent; left: 0; min-width: 100%; padding: 0 0 0 5px; position: inherit; display: block; border: 0; }
.pull-menu .navbar-nav li:hover > a,.pull-menu .navbar-nav li > a.active, .pull-menu .navbar-nav li.current-menu-ancestor > a, .pull-menu .navbar-nav li.current-menu-item > a, .pull-menu .navbar-nav li.current-menu-ancestor > a, .pull-menu .navbar-nav li.current-menu-ancestor ul li.current-menu-item > a { color: #fff; border-bottom-color: inherit; }
.pull-menu .footer-social a { margin: 0 5px !important; }
.pull-menu .footer-social a i { font-size: 14px; color: #fff; }
.menu-icon-option-2 a i { background-color: transparent !important}
.menu-icon-option-2 a:hover i { color: #868686}

.navbar-default .menu-button-orange { position: relative; margin-right: 15px; }
.hamburger-menu2 .navbar-toggle { margin: 0; margin-right: 15px; }

.full-width-pull-menu .menu-wrap { width: 100%; opacity: 0; display: none;left: 0; top: -50px; height: 100%; overflow: auto; background: rgba(26,26,26,1); }
.show-menu .full-width-pull-menu .menu-wrap { opacity: 1; display: block; top: 0; }
.full-width-pull-menu .pull-menu-open { display: table; height: 100%; width: 100%; }
.full-width-pull-menu .pull-menu-open-sub { display: table-cell; vertical-align: middle; height: 100%; }
.full-width-pull-menu .pull-menu .sub-menu { display: none; padding: 20px 0 10px 0; }
.full-width-pull-menu.navbar .navbar-nav li { border-bottom: 1px solid rgba(255,255,255,.1); padding: 7px 0 9px; position: relative; }
.full-width-pull-menu .pull-menu .navbar-nav a, .full-width-pull-menu .pull-menu .navbar-nav li a.active, .full-width-pull-menu .pull-menu .navbar-nav li a:hover { border-bottom: 0; display: inline-block; }
.full-width-pull-menu.navbar .navbar-nav li a.active { background-color: transparent; }
.full-width-pull-menu.navbar .navbar-nav li a { font-size: 26px; line-height: 45px; padding: 0; font-weight: 700; }
.full-width-pull-menu.navbar .navbar-nav li > a.active, .full-width-pull-menu.navbar .navbar-nav li.current-menu-ancestor > a, .full-width-pull-menu.navbar .navbar-nav li.current-menu-item > a, .full-width-pull-menu.navbar .navbar-nav li:hover > a, .full-width-pull-menu.navbar .navbar-nav li .sub-menu > li.current-menu-ancestor > a, .full-width-pull-menu.navbar .navbar-nav li .sub-menu > li.current-menu-item > a, .navbar.full-width-pull-menu.navbar .navbar-nav li > a.active, .full-width-pull-menu.navbar .navbar-nav li .sub-menu li:hover > a, .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li .sub-menu li ul li:hover > a { color: #797979; }
.full-width-pull-menu-dark .btn { margin-right: 10px; }
.full-width-pull-menu.navbar .navbar-nav li .sub-menu a { font-size: 14px; font-weight: 700; color: #fff; line-height: 22px; border-bottom: 0;}
.full-width-pull-menu .pull-menu .sub-menu li { margin-bottom: 10px !important; border: 0; padding: 0; }
.full-width-pull-menu.navbar .navbar-nav li .sub-menu li ul li { margin-bottom: 0 !important; }
.full-width-pull-menu .pull-menu .sub-menu li .sub-menu { padding: 10px 0 15px; }
.full-width-pull-menu.navbar .navbar-nav li .sub-menu li ul a { font-size: 14px; color: #565656; font-weight: 600; line-height: 20px; text-transform: none; }

.full-width-pull-menu .close-button::before, .full-width-pull-menu .close-button::after { background: #fff; }
.hamburger-menu3.full-width-pull-menu-dark .close-button::before, .hamburger-menu3.full-width-pull-menu-dark .close-button::after { background: #000; }
.full-width-pull-menu .close-button { height: 64px; width: 64px; background: transparent; outline: none; }

.hamburger-menu2.full-width-pull-menu .pull-menu .navbar-nav { text-align: left; float: none; padding: 0 0 100px 0; margin: 0 auto; width: 480px; }
.hamburger-menu2.full-width-pull-menu.navbar .navbar-nav li a.megamenu-right-icon { display: inline-block; position: absolute; right: 0; }
.hamburger-menu2.full-width-pull-menu.navbar .navbar-nav li a.megamenu-right-icon.open > i:before { content: "\f106"; }
.hamburger-menu1.navbar .navbar-nav li a.megamenu-right-icon { display: none;}

.hamburger-menu3.full-width-pull-menu-dark .pull-menu { height: 100%; position: fixed; overflow-y: scroll; width: 50%; }
.hamburger-menu3.full-width-pull-menu-dark .pull-menu-open-sub { padding-left: 100px; }
.hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li { border-bottom: 0; padding: 0; position: relative; }
.hamburger-menu3.full-width-pull-menu-dark .menu-number { color: #bbbbbb; font-size: 14px; font-weight: 400; margin-right: 15px; }
.hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li a { color: #000; height: auto; display: inline-block !important; font-size: 20px;font-weight: 600; letter-spacing: 3px; line-height: 45px; padding: 0; }
.hamburger-menu3.full-width-pull-menu.navbar.nav-white .navbar-nav li a { color: #fff; }
.hamburger-menu3.full-width-pull-menu.navbar .megamenu-right-icon.open > .fa-angle-down:before { content: "\f106"; font-weight: 900; }
.hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li a.megamenu-right-icon .fas { font-size: 20px; margin: 0 !important; display: block; }
.hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li a.megamenu-right-icon { margin-left: 2px; float: none !important; right: 0; position: inherit !important; }

.hamburger-menu3.full-width-pull-menu .pull-menu .sub-menu { padding: 10px 0 5px 32px; }
.hamburger-menu3.full-width-pull-menu .pull-menu .sub-menu li { margin-bottom: 10px !important; border: 0; padding: 0; position: relative; }
.hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li .sub-menu a { font-size: 14px; font-weight: 700; color: #000; line-height: 22px; height: auto; display: inline-block !important; letter-spacing: 3px; padding: 0;}
.hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li a.megamenu-right-icon { top: 0 !important; }
.hamburger-menu3.full-width-pull-menu .pull-menu .sub-menu li .sub-menu { padding: 10px 0 1px; }
.hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li .sub-menu li ul li { margin-bottom: 10px !important; }
.hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li .sub-menu li ul li > a { font-size: 14px;  color: #000; font-weight: 600; line-height: 20px; text-transform: none; }
.hamburger-menu3.full-width-pull-menu.navbar .bg-hamburger-menu3 { float: right; }
.hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li:hover > a, .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li > a.active, .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li.current-menu-ancestor > a, .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li.current-menu-item > a, .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li .sub-menu li ul li.current-menu-item > a, .hamburger-menu3.full-width-pull-menu.navbar.nav-white .navbar-nav li:hover a { color: #797979; }

.hamburger-menu2 .hcode-hamburger-menu, .hamburger-menu3 .hcode-hamburger-menu { display: flex; align-items: center; justify-content: flex-end; }
.hamburger-menu2 .hcode-hamburger-menu .search-cart-header, .hamburger-menu3 .hcode-hamburger-menu .search-cart-header { display: inline-block; order: 1; }

.hamburger-menu2.hamburger-menu-with-search-and-cart .hcode-hamburger-menu .search-cart-header .top-cart .shopping-cart, .navbar.hamburger-menu2.hamburger-menu-with-search-and-cart .search-cart-header #top-search, .hamburger-menu3 .hcode-hamburger-menu .search-cart-header .top-cart .shopping-cart, .navbar.hamburger-menu3 .search-cart-header #top-search { padding: 29px 0; }

.hamburger-menu2.shrink-nav.hamburger-menu-with-search-and-cart .hcode-hamburger-menu .search-cart-header .top-cart .shopping-cart, .navbar.hamburger-menu2.shrink-nav.hamburger-menu-with-search-and-cart .search-cart-header #top-search, .hamburger-menu3.shrink-nav.hamburger-menu-with-search-and-cart .hcode-hamburger-menu .search-cart-header .top-cart .shopping-cart, .navbar.hamburger-menu3.shrink-nav.hamburger-menu-with-search-and-cart .search-cart-header #top-search { padding: 24px 0; }

.hamburger-menu-with-search-and-cart .search-cart-header .top-cart .cart-content { margin-top: 0; }

.navbar.hamburger-menu-with-search-and-cart > .nav-header-container > .row > .hcode-hamburger-menu { padding: 0 !important; }

.navbar > .nav-header-container .hcode-hamburger-menu .search-cart-header { padding-top: 0px; padding-bottom: 0px; }

.navbar.hamburger-menu-with-search-and-cart > .nav-header-container .hcode-hamburger-menu .top-cart .shopping-cart, .navbar.hamburger-menu-with-search-and-cart > .nav-header-container .hcode-hamburger-menu .search-cart-header #top-search > a, .navbar.hamburger-menu-with-search-and-cart.shrink-nav > .nav-header-container .hcode-hamburger-menu .top-cart .shopping-cart, .navbar.hamburger-menu-with-search-and-cart.shrink-nav > .nav-header-container .hcode-hamburger-menu .search-cart-header #top-search > a { color: #000; }

.navbar.hamburger-menu-with-search-and-cart.nav-dark > .nav-header-container .hcode-hamburger-menu .top-cart .shopping-cart, .navbar.hamburger-menu-with-search-and-cart.nav-dark > .nav-header-container .hcode-hamburger-menu .search-cart-header #top-search > a, .navbar.hamburger-menu-with-search-and-cart.nav-dark.shrink-nav > .nav-header-container .hcode-hamburger-menu .top-cart .shopping-cart, .navbar.hamburger-menu-with-search-and-cart.nav-dark.shrink-nav > .nav-header-container .hcode-hamburger-menu .search-cart-header #top-search > a { color: #fff; }

/* default navigation menu */
.navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.page_item_has_children,
.navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.menu-item-has-children { position: relative; } 
.navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.page_item_has_children .children li.page_item_has_children > a:after,
.navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.menu-item-has-children .sub-menu li.menu-item-has-children > a:after { content: "\f105";     position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-family: "Font Awesome 5 Free"; font-weight: 900; }
.navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.page_item_has_children .children,
.navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.menu-item-has-children .sub-menu,
.navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.page_item_has_children .children li .children,
.navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.menu-item-has-children .sub-menu li .sub-menu { visibility: hidden; opacity: 0; position: absolute; min-width: 220px; background-color: #232323; top: 100%; }
.navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.page_item_has_children .children li:hover .children li,
.navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.menu-item-has-children .sub-menu li { position: relative; }
.navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.page_item_has_children .children li .children,
.navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.menu-item-has-children .sub-menu li .sub-menu { left: 220px; top: 0; }
.navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.page_item_has_children:hover .children,
.navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.menu-item-has-children:hover .sub-menu,
.navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.page_item_has_children .children li:hover .children,
.navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.menu-item-has-children .sub-menu li:hover .sub-menu { visibility: visible; opacity: 1; }
.navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.page_item_has_children .children li > a,
.navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.menu-item-has-children .sub-menu li > a { border-bottom: 1px solid rgba(255, 255, 255, 0.06); text-transform: uppercase; line-height: 18px !important; padding: 9px 13px !important; position: relative; display: block; color: #c8c8c8 }
.navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.page_item_has_children .children li:hover > a,
.navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.menu-item-has-children .sub-menu li:hover > a { color: #fff }

/*==================================
    menu link colors 
==================================*/
/* default color */
.navbar .navbar-nav > li > a, .navbar > .nav-header-container .search-cart-header .top-cart > a, .navbar > .nav-header-container .search-cart-header #top-search > a { color: #fff; }
.navbar.shrink-nav .navbar-nav > li > a, .navbar.shrink-nav > .nav-header-container .search-cart-header .top-cart > a, .navbar.shrink-nav > .nav-header-container .search-cart-header #top-search > a  { color: #000; }

.hcode-site-title,.hcode-site-title:hover, .navbar.shrink-nav-white.shrink-nav .hcode-site-title, .navbar.shrink-nav-white.shrink-nav .hcode-site-title:hover, .hamburger-menu2.nav-white .hcode-site-title, .hamburger-menu2.av-white .hcode-site-title:hover, .hamburger-menu3.shrink-nav .hcode-site-title, .hamburger-menu3.shrink-nav .hcode-site-title:hover, .menu-wrap a, .menu-wrap a:hover, .menu-wrap a:focus { color: #fff; }
.shrink-nav .hcode-site-title, .shrink-nav .hcode-site-title:hover, .nav-black .hcode-site-title, .nav-black .hcode-site-title:hover, .navbar.shrink-nav-black.shrink-nav .hcode-site-title, .navbar.shrink-nav-black.shrink-nav .hcode-site-title:hover, .hamburger-menu2 .hcode-site-title, .hamburger-menu2 .hcode-site-title:hover, .hamburger-menu2.shrink-nav-white.shrink-nav .hcode-site-title, .hamburger-menu2.shrink-nav-white.shrink-nav .hcode-site-title:hover { color: #000; }


.sticky-nav.nav-border-bottom { border-bottom: 1px solid rgba(0,0,0,0); }
.shrink-nav.nav-border-bottom { border-bottom: 1px solid rgba(0,0,0,0.1); }

/* black link */
.navbar.nav-black .navbar-nav > li > a, .navbar.nav-black > .nav-header-container .search-cart-header .top-cart > a, .navbar.nav-black > .nav-header-container .search-cart-header #top-search > a{ color: #000; }

/* black link on shrink */
.navbar.shrink-nav-black.shrink-nav .navbar-nav > li > a, .navbar.shrink-nav-black.shrink-nav > .nav-header-container .search-cart-header .top-cart > a, .navbar.shrink-nav-black.shrink-nav > .nav-header-container .search-cart-header #top-search > a, .nav-black.hamburger-menu1.pull-menu .navbar-nav li a { color: #000; }

/* white link on shrink */
.navbar.shrink-nav-white.shrink-nav .navbar-nav > li > a, .navbar.shrink-nav-white.shrink-nav > .nav-header-container .search-cart-header .top-cart > a, .navbar.shrink-nav-white.shrink-nav > .nav-header-container .search-cart-header #top-search > a { color: #fff; }

.navbar-nav li.current-menu-ancestor ul li.current-menu-item > a, .navbar .dropdown-menu .mega-sub-menu > li.current-menu-item > a > .menu-icon-left { color: #fff; }

.navbar > .nav-header-container .navbar-nav > li.current-menu-ancestor > a, .navbar > .nav-header-container .navbar-nav > li.current-menu-item > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li.open > a, .navbar-default .navbar-nav > li.open > a:hover, .navbar-default .navbar-nav > li.open:hover > a { border-bottom-color: inherit; }
.menu-new a:after { background: #c11f1f none repeat scroll 0 0; color: #fff; font-size: 10px; margin-left: 8px; padding: 0 6px 0 5px; line-height: 16px; position: absolute; content: "New"; margin-top: 3px; }

/* mega menu settings */
.navbar > .nav-header-container .navbar-nav > li.megamenu-column-1 { position: relative; }
.navbar > .nav-header-container .navbar-nav > li.megamenu-column-1 > .dropdown-menu { position: absolute; padding: 30px 25px 35px !important; margin: 0 !important; width: auto !important; right: inherit !important; left: 0 !important; top: 100%; }
.navbar > .nav-header-container .navbar-nav > li.megamenu-column-1.open > .dropdown-menu .mega-menu-column { padding: 0; }

/* simple dropdown settings */
.navbar > .nav-header-container .navbar-nav > li.simple-dropdown > .dropdown-menu { position: absolute; left: 0; right: inherit; width: 220px; top: 100%; margin-top: 0 !important; text-align: left; }
.navbar > .nav-header-container .navbar-nav > li.simple-dropdown > .dropdown-menu li a { border-bottom: 1px solid rgba(255, 255, 255, 0.06); text-transform: uppercase; line-height: 18px !important; padding: 9px 13px !important; position: relative; }
.navbar > .nav-header-container .navbar-nav > li.simple-dropdown > .dropdown-menu li a > i {  position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.navbar > .nav-header-container .navbar-nav > li.simple-dropdown > .dropdown-menu li.dropdown-toggle { position: relative; }
.navbar > .nav-header-container .navbar-nav > li.simple-dropdown > ul.dropdown-menu > li.dropdown-toggle > ul.mega-sub-menu { position: absolute; width: 240px; left: 220px; margin-top: 0; visibility: hidden; opacity: 0; top: 0; }

.navbar > .nav-header-container .navbar-nav > li.simple-dropdown.simple-dropdown-left > ul.dropdown-menu  { left: auto; right: 0; text-align: right; }
.navbar > .nav-header-container .navbar-nav > li.simple-dropdown.simple-dropdown-left > ul.dropdown-menu > li.dropdown-toggle > a > i.fa-angle-right { right: auto; left: 15px; }
.navbar > .nav-header-container .navbar-nav > li.simple-dropdown.simple-dropdown-left > ul.dropdown-menu > li.dropdown-toggle > a > i.fa-angle-right:before { content: "\f104"; }
.navbar > .nav-header-container .navbar-nav > li.simple-dropdown.simple-dropdown-left > ul.dropdown-menu > li.dropdown-toggle > ul.mega-sub-menu { left: -240px;}

.navbar > .nav-header-container .navbar-nav > li.simple-dropdown > ul.dropdown-menu > li.dropdown-toggle:hover > ul.mega-sub-menu { visibility: visible; opacity: 1; }
.navbar .simple-dropdown > ul.dropdown-menu > li:hover > a, .navbar .simple-dropdown > ul.dropdown-menu > li.current-menu-ancestor > a, .navbar .simple-dropdown > ul.dropdown-menu > li.current-menu-item > a  { color: #fff; }
.navbar i { color: inherit}
.navbar .dropdown-menu .mega-sub-menu .menu-item > a > i, .navbar .dropdown-menu .menu-item > .dropdown-header > i { margin-right: 10px; }

/* header search-cart icons setting */
.search-cart-header #top-search, .search-cart-header .top-cart { display: inline-block; vertical-align: middle; position: relative; }
.search-cart-header .top-cart .shopping-cart { padding: 22px 0; margin-right: 15px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-transition-property: padding; -moz-transition-property: padding;-ms-transition-property: padding; -o-transition-property: padding; transition-property: padding; } 
.navbar.hcode-nav-margin > .nav-header-container .navbar-nav > li, .hcode-nav-margin .search-cart-header .top-cart .shopping-cart { -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; -o-transition: 0s; transition: 0s; }

.navbar .search-cart-header #top-search { padding: 22px 0; }
.navbar.shrink-nav > .nav-header-container .navbar-nav > li, .navbar.shrink-nav .search-cart-header #top-search, .shrink-nav .search-cart-header .top-cart .shopping-cart { padding: 12px 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-transition-property: padding; -moz-transition-property: padding;-ms-transition-property: padding; -o-transition-property: padding; transition-property: padding; }
.shrink-nav.hcode-nav-margin.static-sticky .search-cart-header #top-search, .shrink-nav.static-sticky .search-cart-header .top-cart .shopping-cart { padding: 22px 0; }
.search-cart-header .top-cart .top-cart .shopping-cart { display: flex; align-items: center; }
.search-cart-header .top-cart .top-cart .shopping-cart i { margin-right: 8px; vertical-align: middle; }
.search-cart-header .shopping-cart .subtitle { font-weight: 600; letter-spacing: 1px; }
.search-cart-header .top-cart .top-cart .subtitle-mobile { display: none; }

/* cart list settings */
.search-cart-header .top-cart .cart-content { opacity: 0; position: absolute; right: 0; transition: all 0.2s ease 0s; visibility: hidden; z-index: 9; background-clip: padding-box; background-color: rgba(27, 22, 28, 0.95); padding: 25px; width: 265px; max-height: 420px; overflow: hidden; overflow-y: auto; margin-top: 6px; }
.cart-content ul.cart-list { list-style: outside none none; margin: 0; padding: 0; float: left; width: 100%; color: #c8c8c8; }
.cart-content ul.cart-list li { text-align: left; border-bottom: 1px solid rgba(255,255,255,0.2); margin-bottom: 12px; padding-bottom: 10px; }
.navbar .cart-content ul.cart-list li.empty { text-align: center; }
.cart-content ul.cart-list li.empty { margin: 0; padding: 0; }
.cart-content ul.cart-list li:last-child { border: 0; }
.cart-content ul.cart-list a.remove { position: absolute; right: 15px; font-size: 15px; text-align: right; }
.cart-content ul.cart-list a { display: block; font-size: 11px; text-transform: uppercase; font-weight: 600; line-height: 16px; padding: 0 0 0 0; width: auto; color: #c8c8c8; }
.cart-content ul.cart-list a img { left: 0; float: left; width: 60px; margin-bottom: 10px; }
.mini-cart-product-box { padding-left: 70px; }
.cart-content .total { border-bottom: 1px solid rgba(255,255,255,0.2); border-top: 1px solid rgba(255,255,255,0.2); color: #c8c8c8; display: block; font-size: 11px; margin-bottom: 0; padding: 7px 0; float: left;width: 100%; text-transform: uppercase; }
.cart-content .total .amount { float: right; }

/* search form style magnific popup */ 
.search-popup #search-header { height: 100%; }
.search-popup .search-form { width: 45%; margin: 0 auto; top: 40%; }
.search-popup .search-form .search-button { font-size: 21px; top: 31px; right: 0; }
.search-popup .search-form .search-input { border: none; border-bottom: 2px solid #000; font-size: 30px; font-weight: 100; padding: 20px 2px; text-transform: none; background: transparent; line-height: 40px; }
.search-popup .search-button { cursor: pointer; z-index: 0; color: #000; margin-right: 0; border: none; background: none; }
.search-popup .close-search { color: #000 !important; position: absolute; right: 0; top: 23px; z-index: 998; cursor: pointer; }

/* ===================================
 Page titles
====================================== */
/* page titles */
.content-top-margin { margin-top: 81px; }
.content-top-margin-big { margin-top: 119px; }
.content-top-margin-extra-big { margin-top: 150px; }
.content-top-margin-midium-big { margin-top: 112px; }
.page-title { padding: 80px 0; }
.page-title h1 { letter-spacing: 4px; font-weight: 600; font-size: 20px; margin-bottom: 5px; }
.page-title span { letter-spacing: 1px; font-weight: 400; font-size: 14px; }
.breadcrumb ul li { display: inline-block; letter-spacing: 2px; font-size: 11px; font-weight: 400; }
.breadcrumb ul > li+li:before { content: "|"; font-size: 8px; padding: 0 10px; position: relative; top: -2px; }
.page-title-large { min-height: 450px; padding: 240px 0 0; }
.page-title-large h1 { font-size: 25px; margin-bottom: 15px; }
.page-title .breadcrumb { margin-top: 36px; }
.page-title .separator-line { -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
.page-title:hover .separator-line { width:80px; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms linear; }

/* page title shop */
.page-title-shop h1 { font-size:35px; }

/* page titels small */
.page-title-small { padding: 40px 0; }
.page-title-small h1 { margin-bottom: 0; font-size: 18px; line-height: 23px; }
.page-title-small .breadcrumb { margin-top:0; }

/* ===================================
 Section
====================================== */
/* features section */
.features-section { float:left; }
.features-section .col-xs-3 { width:20%; }
.features-section .col-xs-9 { width:75%; }
.features-section p { margin: 0 0 15px; }
.features-section .separator-line { margin-left:0; margin-right:0; }

/* services section */
.services-main { padding: 7%; }
.services-sub { padding: 100px 0 0 0; float: left; }
.services-main i { margin-bottom: 10%; }
.services-sub-section { padding-right:45px; }
.service-box-gray-text { color: #626262; }

/* testimonial section */
.testimonial p { font-size:14px; margin:50px 0 40px; line-height:24px; }
.testimonial .name { font-size:11px; display:block; margin:0 0 10px 0; width:100%; font-weight:400; text-transform: uppercase; letter-spacing: 2px; }
.testimonial-style2 p { font-size:13px; margin:30px 0 20px; line-height:22px; }
.testimonial-style2 .name { font-size:11px; display:block; width:100%; font-weight:600; text-transform: uppercase; letter-spacing: 2px; }
.testimonial-style2 img { border-radius: 50%; max-width: 120px; }
.tab-content > .tab-pane .top-icon { display:block; }
.tab-content > .tab-pane .top-icon i { font-size:70px; }

/* counter section */
.counter-section i { display:block; margin:0 0 10px; }
.counter-section span.counter-number { font-size:40px; line-height:60px; display:block; letter-spacing: 2px; }
.counter-title { font-size:12px; letter-spacing:2px; text-transform: uppercase; display: block; }
.counter-icon { top:25px; position:relative; }
.counter-style2 .counter-title { letter-spacing: 0.55px; float: left; }
.counter-style2 span.counter-number { letter-spacing: 0.55px; float: left; margin-right: 10px; }
.counter-style2 i { float: right; line-height: 26px; margin: 2px 10px 0 0; }
.counter-subheadline span { float: right; }

/* team */
.key-person { overflow:hidden; max-height:695px; }
.key-person .key-person-img img { opacity:1; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
.key-person:hover .key-person-img img { opacity:0.5; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.key-person:hover .key-person-details { bottom:110px; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; border-top:1px solid #e5e5e5; }
.key-person-details { position:relative; padding: 32px 25px 120px; bottom:0; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; border-top:1px solid #e5e5e5; }
.key-person i { font-size:20px; margin:15px 15px 25px; }
.key-person a i { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
.key-person a:hover i { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
.key-person .person-name { font-size:11px; letter-spacing: 2px; text-transform:uppercase; display:block; font-weight:600; }
.key-person .person-post { font-size:11px; text-transform:uppercase; font-weight:400; letter-spacing: 1px; display: block; }

/* case study */
.case-study-slider { padding: 130px 0; }
.case-study-title { font-size: 18px; letter-spacing: 3px; text-transform: uppercase; font-weight: 600; }
.case-study-work { letter-spacing: 3px; font-size: 11px; font-weight: 600; text-transform: uppercase; display: block; margin: 5px 0 25px; }
.case-study-detials { display: block; margin-bottom: 25px; }
.case-study-img { min-height: 500px; }
.case-study-details { min-height: 500px; padding: 6.3% 6%; }
.case-study-details.content-slider-details { padding-top: 0; padding-bottom: 0; }

/* approach */
.approach-main-title { font-size: 12px;}
.approach-details { margin-top: 11px; display: block; line-height: 19px; }
.feature-owlslide-content { margin-left: auto; margin-right: auto; }

/* work process */
.work-process-sub { min-height:100px; }
.work-process-text { line-height:40px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }
.work-process-sub:hover .work-process-text { -webkit-transform: translateY(-150%); -moz-transform: translateY(-150%); -ms-transform: translateY(-150%); -o-transform: translateY(-150%); transform: translateY(-150%); }
.work-process-number { font-size:50px; letter-spacing:-2px; }
.work-process-sub:hover .work-process-details { z-index:2; opacity:1; bottom:0; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }
.work-process-details { opacity:0; width: 100%; height:100%; bottom: -60px; left: 0; }
.work-process-details i { margin-bottom:10px !important; }

/* ===================================
 Footer
====================================== */
footer { clear:both; }
footer ul li a, .copyright { font-size: 11px; }
footer .bg-mid-gray { background: rgba(0, 0, 0, .10); }
footer .footer-top { border-top:1px solid #e5e5e5; }
footer h5 { margin-bottom: 20px; }
footer .footer-middle { padding-top:80px; padding-bottom: 45px; }
footer .onepage-footer-middle { padding-top:55px; padding-bottom: 45px; }
footer ul li { padding: 1px 0; }
footer ul li a { text-transform: uppercase; letter-spacing: 1px; }
footer ul.list-inline li a { font-weight: 600; }
footer ul.list-inline li:first-child { padding-left: 6px; }
.footer-social i { font-size: 22px; }
.footer-social a { margin: 0 25px; }
.footer-social a:last-child { margin-right: 0; }
.copyright { text-transform:uppercase; }
.footer-logo img { max-width: 100px; }
.footer-bottom { position: relative; }
.footer-position { display: table; float: none; margin-left: auto; margin-right: auto; width: auto; }
.demo_store { position: fixed; width: 100%; height: auto !important; text-align: center; padding: 15px 15px 20px !important; margin: 0; bottom: 0; left: 0; background-color: #fff; font-weight: 600; font-size: 14px; border-top: 1px solid rgba(0, 0, 0, 0.1); z-index: 999; }
.demo_store p { padding: 0; margin: 0; }
.demo_store span { color: #000; cursor: pointer; display: inline-block; font-size: 26px; line-height: 20px; margin: 0 0 0 10px; position: relative; top: 4px; }
footer ul li.current-menu-item a { color: #000; }
footer ul.footer-link li.current-menu-item a { color: #858585; }
footer ul li.fab, footer ul li.fas, footer ul li.far { padding-left: 17px !important; position: relative; }
footer ul li.fab:before, footer ul li.fas:before, footer ul li.far:before { position: absolute; left: 0; margin-top: 1px; color: #9a9a9a; }
footer ul li .sub-menu a i { position: inherit !important; }
.footer-wrapper-small-icon { font-size: 25px; }
.footer-social.text-right .thin-separator-line{ display: inline-block; }
/* ===================================
 Owl carousel
====================================== */
.owl-carousel { overflow: hidden; z-index: initial; }
.owl-nav { position: static; }
.owl-prev, .owl-next { color: #111; display: block; font-size: 16px; height: 105px; line-height: 105px; margin-top:-35px; opacity: 0; position: absolute; text-align: center; top: 50%; width: 105px; z-index: 6; 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: .3s; -moz-transition-duration: .3s; -webkit-transition-duration: .3s; -o-transition-duration: .3s; outline: none; }
.owl-prev { left: -70px; }
.owl-next { right: -70px; }
.owl-prev:before, .owl-next:before { background-color:#fff; border-radius:2px; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); content: ""; display: block; height: 66%; left: 0; position: absolute; top: 50%; width: 66%; transform: translateY(-50%); }
.owl-next:before { left: auto; right: 0; }
.owl-prev i, .owl-next i { color: #000; font-size: 24px; position: relative; top: 2px; }
.owl-prev i { right: 4%; }
.owl-next i { left: 4%; }
.owl-carousel:hover .owl-prev { left: -35px; opacity: 1; }
.owl-carousel:hover .owl-next { opacity: 1; right: -35px; }
.owl-dots { bottom: 30px; display: block; left: 0; position: absolute; text-align: center; width: 100%; z-index: 100 !important; }
.owl-dot, .owl-carousel button.owl-dot { display: inline-block; padding: 6px 5px !important; outline: none; }
.owl-dot span { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5); border-radius: 4px; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); display: block; height: 7px; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; width: 7px; }
.owl-dot:hover span { background: none repeat scroll 0 0 rgba(255, 255, 255, 1); }
.owl-dot.active span { background: none repeat scroll 0 0 transparent; border: 1px solid rgba(255, 255, 255, 0.8); transform: scale(1.33333); }
.owl-bg-img { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; overflow: hidden; position: relative; width: 100%; }
.owl-subtitle { font-size: 14px; letter-spacing: 10px; text-transform: uppercase; font-weight: 400; line-height: 80px; display:block; }
.hcode-owl-slider8 .owl-subtitle { line-height: 22px; margin-bottom: 50px; margin-top: 30px; }
.hcode-owl-slider9 .owl-subtitle { line-height: 22px; margin-bottom: 50px; margin-top: 30px; }
.owl-title { font-size: 35px; font-weight: 600; text-transform: uppercase; display: block; letter-spacing: 7px; }
.owl-title-big { background: rgba(0, 0, 0, 0.5); display: inline-block; font-size: 25px; font-weight: 600; letter-spacing: 7px; line-height: 40px; padding: 35px 50px; text-transform: uppercase; width: 60%; }
.dark-pagination .owl-dot span { background: none repeat scroll 0 0 rgba(0, 0, 0, 1); box-shadow: none; }
.dark-pagination .owl-dot.active span { background:transparent; border: 1px solid rgba(0, 0, 0, 1); }
.dark-pagination .owl-prev, .owl-next { opacity: 1; outline: none; }
.dark-navigation .owl-prev::before, .dark-navigation .owl-next::before { background: none repeat scroll 0 0 rgba(0, 0, 0, 1); }
.dark-navigation .owl-prev .fas, .dark-navigation .owl-next .fas { color: #fff; }
.dark-navigation .owl-prev::before, .dark-navigation .owl-next::before { background: none repeat scroll 0 0 rgba(0, 0, 0, 1); }
.dark-navigation .owl-prev .fas, .dark-navigation .owl-next .fas { color: #fff; }
.dark-pagination .owl-next:before { left: auto; right: 0; }
.dark-pagination .owl-prev { left: -35px; opacity: 1; }
.dark-pagination .owl-next { opacity: 1; right: -35px; }
.light-pagination .owl-dot.active span { background: transparent; border: 1px solid rgba(255, 255, 255, 1); }
.feature_nav a { cursor: pointer; }
.owl-pagination-bottom.owl-carousel { overflow: visible; }
.owl-pagination-bottom.owl-carousel .owl-dots { bottom: -50px; }
.feature-owl .owl-item { padding: 0 15px; }
.owl-carousel .owl-item { float: left; cursor: url("assets/images/icon-move.png"), move; }
.owl-carousel.white-cursor .owl-item { float: left; cursor: url("assets/images/icon-move-light.png"), move; }
.owl-carousel.no-cursor .owl-item { float: left; cursor: default; }
.home-travel-agency .owl-item { cursor: default !important; }
.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }
.owl-carousel .owl-item img { display: inline-block; width: auto; }

/* dot pagination */
.dot-pagination .owl-dot span { border-radius: 4px; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); display: block; height: 7px; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; width: 7px; }
.dot-pagination .owl-dot.active span { border:none !important; transform:none!important; background:#fff !important; }

/* square pagination */
.square-pagination .owl-dot span { width:30px; border-radius: inherit; height:3px; }
.square-pagination .owl-dot.active span { border:none !important; transform:none!important; background:#fff !important; }

/* round pagination */
.round-pagination .owl-dot span { border-radius: 4px; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); display: block; height: 7px; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; width: 7px; }
.round-pagination .owl-dot.active span { background: none repeat scroll 0 0 transparent; transform: scale(1.33333); }

/* hide next-prev arrow */
.dark-pagination-without-next-prev-arrow .owl-prev, .dark-pagination-without-next-prev-arrow .owl-next { display: none; }

/* hide dot navigation */
.owl-no-pagination .owl-dots { display: none; }

/* simple next-prev arrow */
.owl-prev-next-simple .owl-prev::before, .owl-next::before { box-shadow:none; }

/* half slider */
.half-screen-slider { max-height: 750px; overflow-y: hidden; }
.small-screen-slider { max-height: 400px; overflow-y: hidden; }

.owl-half-slider .owl-title { width: 50%; line-height: 40px; font-size: 25px; }
.owl-half-slider .item { min-height: 750px; }
.owl-half-slider .container { min-height: 750px; }
.owl-small-slider .item { min-height: 430px; }
.owl-small-slider .container { min-height: 400px; }

/* bottom pagination */
.bottom-pagination .owl-dots { position:inherit !important; }

/* scroll down */
.scroll-down { bottom: 50px; position: absolute; text-align: center; width: 100%; z-index: 10; }
.scroll-down a i { border-radius: 2px; font-size: 17px; padding: 2px 6px; }
.scroll-down a i:hover { background:#000; color: #fff; }
.scroll-to-down { cursor:url("assets/images/arrow-down.png"), pointer; }
.scroll-to-down-white { cursor:url("assets/images/arrow-down-white.png"), pointer; }
.background-slider-text { position: absolute; width: 100%; }
#owl-demo-background .owl-item { cursor: default !important; }

/* ===================================
 Slider and parallax typography
====================================== */
.slider-text-middle-main { display: table; height: 100%; width: 100%; }
.slider-text-bottom { display: table-cell; vertical-align: bottom; }
.slider-text-top { display: table-cell; vertical-align: top; }
.slider-text-middle { display: table-cell; vertical-align: middle; }
.slider-text-middle1 { padding: 0 15px; }
.slider-typography { text-align: center; width: 100%; height: 100%; position: absolute; z-index: 1; right: 0; left: 0; }
.content-slider-details .slider-typography { text-align: left; }
.slider-subtitle1 { display: block; font-family: "Oswald", sans-serif; font-size: 48px; font-weight: 100; letter-spacing: 4px; line-height: 68px; margin-bottom: 45px; padding: 30px 35px; text-align: center; text-transform: uppercase; width: 250px; }
.slider-title-big1 { font-size: 14px; text-transform: uppercase; letter-spacing: 1px; }
.slider-text-middle1 .separator-line { margin: 3% 0 0 0; }
.slider-text-middle2 { padding:0 15px; }
.slider-subtitle2 { display: block; font-size: 35px; font-weight: 100; letter-spacing: 4px; line-height: 45px; text-transform: uppercase; }
.slider-subtitle3 { font-size: 20px; font-weight: 600; letter-spacing: 8px; line-height: 80px; text-transform: uppercase; }
.slider-text-middle3 { padding:0 15px; }
.slider-title-big3 { display: inline-block; font-size: 30px; font-weight: 600; letter-spacing: 7px; line-height: 43px; padding: 35px 50px; text-transform: uppercase; }
.slider-text-middle4 { padding: 0 15px; }
.slider-subtitle4 { font-size: 14px; font-weight: 100; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 20px; display: block; }
.slider-title-big4 { font-size: 30px; font-weight: 400; letter-spacing: 7px; text-transform: uppercase; display: block; margin-bottom: 20px; }
.slider-text-middle5 { padding: 0 15px; }
.slider-subtitle5 { font-size: 22px; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 50px; display: block; line-height: 30px; }
.slider-title-big5 { font-size: 15px; font-weight: 100; letter-spacing: 7px; text-transform: uppercase; display: block; margin-bottom: 30px; }
.slider-number { border: 2px solid #fff; display: inline-block; font-size: 20px; font-weight: 400; margin-bottom: 60px; padding: 5px 0 7px 0; min-width: 46px; text-align: center; line-height: normal; }
.slider-title-big6 { font-size:110px; line-height: 100px; }
.slider-title-big7 { font-size:55px; line-height: 68px; font-weight: 300; color: #fff; display: inline-block; }
.slider-title-big8 { font-family: "Oswald", sans-serif; font-size: 25px; line-height: 35px; font-weight: 300; letter-spacing: 1px; text-transform: uppercase; display: block; }

/* ===================================
 Parallax
====================================== */
.overlay { position: absolute; height: 100%; width: 100%; opacity: 0.2; z-index: 1; top: 0px; }
.parallax-fix { position: relative; background-size: cover !important; overflow: hidden; background-position: center center; background-repeat: no-repeat !important; background-attachment: fixed !important; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
.parallax-fix .row { position: relative; z-index: 2; }
.parallax-section-main { /* min-height: 700px; */; }
.parallax-title { display: block; font-size: 15px; font-weight: 100; letter-spacing: 7px; margin-bottom: 30px; text-transform: uppercase; }
.parallax-sub-title { display: block; font-size: 22px; font-weight: 600; letter-spacing: 4px; line-height: 30px; text-transform: uppercase; }
.parallax-number { border: 2px solid #000; display: inline-block; font-size: 20px; font-weight: 400; margin:150px 0 60px 0; padding: 6px 15px; min-width:47px; text-align: center; letter-spacing: -2px; line-height: normal; }
.fix-background { position: relative; background-size: cover !important; overflow: hidden; background-position: center center; background-repeat: no-repeat !important; background-attachment: fixed !important; }
.cover-background { position: relative; background-size: cover !important; overflow: hidden; background-position: center center; background-repeat: no-repeat !important; }
.background-size-inherit { background-size: inherit !important; }
.blog-blockquote { padding:100px; }
.background-attachment-inherit { background-attachment: inherit !important; }
.parallax-fix.no-effect { background-size: unset !important; background-position: center center !important; background-attachment: inherit !important; }
.background-center-fix{ background-position: center center !important; background-attachment:fixed !important;}

/* ===================================
 One page
====================================== */
.tab-portfolio img { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:1; }
.tab-portfolio:hover img { -ms-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:0.5; }
.tab-portfolio .portfolio-images { width:auto; overflow:hidden; position:relative; }
.tab-portfolio .view { left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top:-47px; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
.tab-portfolio:hover .view { top:50%; margin-top:-25px; }
.tab-portfolio .portfolio-details { padding:20px 20px; text-align:left; border-bottom:1px solid #d4d4d4; }
.tab-portfolio .portfolio-details span { text-transform:uppercase; }
.portfolio-right { float: right; margin-top:-10px; }
.tab-portfolio .portfolio-details h3 { margin:0 0 2px 0; }
.tab-portfolio .portfolio-details .portfolio-right .fab, .tab-portfolio .portfolio-details .portfolio-right .fas, .tab-portfolio .portfolio-details .portfolio-right .far { margin:0 2px 0 0; }
#contact-us textarea { min-height: 102px; }
#contact-us .btn { margin:0; }
.required { font-size:11px; display:block; text-transform: uppercase; letter-spacing: 1px; }
.service-year { font-weight: 300; font-size: 20px; text-transform: uppercase; letter-spacing: 5px; }
.service-year strong { font-weight: 500; }
.clients-slider li { display: inline-block; margin: 0 4%; width: 15%; }
.contact-form-right-button img { margin: 13px 10px 0 0; }
.about-onepage-number { font-size:45px; line-height: 55px; min-height:60px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }
.about-onepage:hover .about-onepage-number-default { -webkit-transform: translateY(-150%); -moz-transform: translateY(-150%); -ms-transform: translateY(-150%); -o-transform: translateY(-150%); transform: translateY(-150%); }
.about-onepage:hover .about-onepage-number-hover { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.about-onepage-number .about-onepage-number-hover { bottom:-50px; }
.about-onepage-text-sub span { font-size:23px; line-height:28px; }
.about-onepage:hover .about-onepage-text-sub .black-text { text-decoration: line-through; }
.about-onepage-text-sub { margin-left:15px; }
.about-onepage-text-sub p { line-height:22px !important; margin:20px 0; }
.about-onepage:hover .border-right { border-right:2px solid #f7d23d; }

/* ===================================
 Bootstrap slider
====================================== */
.standard-slider { height: 60% !important; }
.standard-with-slider { height: 73% !important; }
.standard-with-slider .carousel-control.right, 
.standard-with-slider .carousel-control.left { top: 42%; }
.list-icon i { margin-right: 3%; }
.carousel .carousel-indicators { bottom: 30px; }
.carousel, .item, .active { height: 100%; }
.carousel-inner { height: 100%; }
.carousel-small { height:70%; }
.fill { width: 100%; height: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; position: absolute; left: 0; }

/* Bootstrap slider indicators */
.dark-pagination .carousel-indicators li { border-color: #000; }
.dark-pagination .carousel-indicators .active { background-color: #000; }
.dot-pagination .carousel-indicators li { background: none repeat scroll 0 0 rgba(255, 255, 255, 1); border-radius: 4px; height: 7px; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; width: 7px; border: none; }
.dot-pagination .carousel-indicators li:hover { background: none repeat scroll 0 0 rgba(0, 0, 0, 1) !important; }
.dot-pagination .carousel-indicators li.active { background: none repeat scroll 0 0 rgba(0, 0, 0, 1) !important; border: 0 solid rgba(0, 0, 0, 1) !important; }
.dot-pagination.dark-pagination .carousel-indicators li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); }
.dot-pagination.dark-pagination .carousel-indicators li:hover { background: none repeat scroll 0 0 rgba(0, 0, 0, 1); }
.dot-pagination.dark-pagination .carousel-indicators li.active { background: none repeat scroll 0 0 rgba(0, 0, 0, 1); border: 0 solid rgba(0, 0, 0, 1); }
.square-pagination .carousel-indicators li { height: 3px; width: 30px;border-radius:0; background: rgba(255, 255, 255, 1) none repeat scroll 0 0; border: medium none !important; transform: none !important; border: none; }
.square-pagination .carousel-indicators li:hover { background: none repeat scroll 0 0 rgba(0, 0, 0, 1) !important; }
.square-pagination .carousel-indicators li.active { background: none repeat scroll 0 0 rgba(0, 0, 0, 1) !important; border: 0 solid rgba(0, 0, 0, 1) !important; }
.square-pagination.dark-pagination .carousel-indicators li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important; }
.square-pagination.dark-pagination .carousel-indicators li:hover { background: none repeat scroll 0 0 rgba(0, 0, 0, 1) !important; }
.square-pagination.dark-pagination .carousel-indicators li.active { background: none repeat scroll 0 0 rgba(0, 0, 0, 1) !important; border: 0 solid rgba(0, 0, 0, 1) !important; }

/* ===================================
 Portfolio - ajax
====================================== */
/* single #1 */
.half-project-img { height: 550px; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; }
.project-img-gallery { padding: 15px 0; }
.spend-year { border-right: 1px solid #e5e5e5; float: left; font-size: 30px; font-weight: 400; letter-spacing: 2px; line-height: 47px; min-height: 110px; text-align: center; width: 50%; }
.spend-year span { font-weight: 400; font-size: 12px; display:block; text-transform: uppercase; line-height: 0; margin-top: 40px; }
.spend-time { border-right: 1px solid #e5e5e5; float: left; font-size: 30px; font-weight: 400; letter-spacing: 2px; line-height: 47px; min-height: 110px; text-align: center; width: 50%; }
.spend-time span { font-weight: 400; font-size: 12px; display:block; text-transform: uppercase; line-height: 0; margin-top: 40px; }
.related-projects-list .masonry-items li { padding:5px; }
.project-header-text { margin-top: 19%; position: relative; text-align: center; width: 100%; z-index: 1; }
.project-subtitle { font-size: 14px; font-weight: 100; letter-spacing: 8px; line-height: 65px; text-transform: uppercase; }
.project-title { display: block; font-size: 25px; font-weight: 600; letter-spacing: 7px; text-transform: uppercase; }

/* single #2 */
.half-project-img-slider { min-height: 700px; }

/* single #3 */
.half-project-small-img { min-height: 300px; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; }
.half-project-small-img .project-header-text { margin-top: 10.5%; }
.blog-details-text .project-details ul { list-style-type: none; }
.project-details ul li { border-bottom: 1px solid #e5e5e5; padding: 8px 0; text-transform: uppercase; }
.project-details ul li:last-child { border-bottom: none; }

/* single #5 */
.work-background-slider-text { position: absolute; width: 50%; right: 0; top: 0; height: 100%; padding: 150px 120px; }
.work-background-slider-year { position: absolute; bottom: 0; right: 0; }
.work-background-slider-main .spend-year { line-height: 55px; width: auto; }
.work-background-slider-main .spend-year span { margin-top: auto; }
.mfp-content .work-background-slider-text { overflow: hidden; overflow-y: scroll; }

/* next - previous style #1 */
.next-previous-project .next-project a { position: fixed; right: -133px; top: 49%; z-index: 5; background-color: #585858; }
.next-previous-project .next-project a img, .previous-project a img { max-height: 83px; }
.next-previous-project .next-project a span { font-weight: 400; letter-spacing: 2px; position: absolute; text-transform: uppercase; z-index: 2; font-size: 9px; top:83px; padding-top: 10px; display: block; width: 100%; left: 32px; }
.next-previous-project .next-project a img:nth-child(3), .previous-project a img:nth-child(2) { opacity: 1; }
.next-previous-project .next-project a:hover { right: 0; transition-duration: .3s; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; }
.next-previous-project .previous-project a { position: fixed; left: -133px; top: 49%; z-index: 5; opacity: 1; }
.next-previous-project .previous-project a:hover { left: 0; transition-duration: .3s; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; }
.next-previous-project .previous-project a span { font-weight: 400; letter-spacing: 2px; position: absolute; text-transform: uppercase; z-index: 2; font-size: 9px; top:83px; padding-top: 10px; display: block; width: 100%; left: 20px; }
.previous-project-bottom, .next-project-bottom { top: 79.5% !important; }

/* next - previous style #2 */
.next-previous-project-style2 { clear: both; float: left; width: 100%; margin:3% 0 2%; }
.next-previous-project-style2 .previous-link { width: 33.33%; float: left; min-height: 1px; }
.next-previous-project-style2 .next-link { width: 33.33%; float: right; min-height: 1px; }
.next-previous-project-style2 .back-to-category { width: 33.33%; float: left; min-height: 1px; }
.next-previous-project-style2 a { width: 100%; display: inline-block; text-align: center; padding:50px 0; letter-spacing: 4px; font-size:11px; transition-duration: .3s; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; float: left; text-transform: uppercase; }
.next-previous-project-style2 a span { padding-left: 0px; transition-duration: .3s; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; }
.next-previous-project-style2 a i { font-size:14px; margin: 0 0; transition-duration: .3s; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; }
.next-previous-project-style2 a:hover { background-color: #000; color: #fff; }
.next-previous-project-style2 a:hover i { color: #fff; }
.next-previous-project-style2 .back-project span { text-indent: -9999px; float: left; }
.next-previous-project-style2 a.previous { border-right: 1px solid #e5e5e5; }
.next-previous-project-style2 a.next { float: right; }
.next-previous-project-style2 a.next:hover span { padding-left: 45px; transition-duration: .3s; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; }
.next-previous-project-style2 a.previous:hover span { padding-right: 45px; transition-duration: .3s; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; }
.next-prev-post-wrapper-center .next-previous-project-style2 a { padding: 20px 0; letter-spacing: 2px; }
.next-prev-post-wrapper-center .next-previous-project-style2 a.previous:hover span { padding-right: 0; }
.next-prev-post-wrapper-center .next-previous-project-style2 a.next:hover span { padding-left: 0; }
.next-previous-bottom .next-previous-project-style2 { margin: 0 !important; }

/* ===================================
 Portfolio - multi pages
====================================== */
/* single #3 */
.project-highlight { font-size: 12px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; }
.project-highlight span { display: block; font-size: 14px; font-weight: 600; letter-spacing: 3px; }

/* single #4 */
.great-result { position: relative; z-index: 3; }
.great-result .owl-dots { bottom:50px; }

/* single #5 */
.highlight-project-center-block { position: relative; }

/* ===================================
 Masonry portfolio - home
====================================== */
.masonry-portfolio-header { min-height: 600px; }
.masonry-portfolio-header-title { display: block; font-size: 30px; font-weight: 100; line-height: 40px; margin: 130px auto 0; text-align: center; text-transform: uppercase; }

/* ===================================
 Full screen video
====================================== */
.video-wrapper { height: 100%; overflow: hidden; position: absolute; width: 100%; }
.html-video { 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%); width: auto; z-index: -3; }
.video-wrapper iframe { height: 100%; left: 0; position: absolute; top: -5px !important; width: 100%; }

/* ===================================
 Half screen video
====================================== */
.video-half-screen { min-height:650px; }
.video-half-screen .html-video { top:0; left:0; transform:none; -webkit-transform: none; -ms-transform: none; }

/* ===================================
 Coming soon
====================================== */
.counter-container { display: table; margin: 0 auto; }
.hcode-date-style1 .counter-box { display: block; width: 110px; text-align: center; padding: 0 25px; float: left; margin: 0px 35px 0 0; border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); }
.counter-underconstruction-video .counter-box { border-left: 1px solid rgba(255, 255, 255, 0.1) !important; border-right: 1px solid rgba(255, 255, 255, 0.1) !important; }
.hcode-date-style1 .last { border-right: 0px !important; width: 90px; padding: 0 0 0 25px; }
.hcode-date-style1 .first { border-left: 0px !important; }
.hcode-date-style1 .number { font-size: 23px; text-align: center; font-weight: 400; line-height: 43px; }
.hcode-date-style1 span { display: block; font-size: 12px; text-align: center; font-weight: 400; text-transform: uppercase; }
.coming-soon-title { font-size: 18px; letter-spacing: 2px; display: block; margin-bottom: 20px; }
.coming-soon-logo { margin: 60px 0 45px; }
.coming-soon-logo .logo-style-2 { max-width: 177px; }
.coming-soon-logo .logo-style-3 { max-width: 210px; }
.coming-soon-text { font-size: 16px; letter-spacing: 1px; margin-bottom: 40px; display: block; }
.notify-me-main { position: fixed; bottom: 0; padding: 70px 0; width: 100%; z-index: 1; }
.notify-me-text { font-size: 12px; margin-bottom: 25px; display: block; }
.notify-me-text strong { font-size: 15px; margin-bottom: 6px; display: inline-block; }
.notify-me-main input { float: left; margin: 0; padding: 0 12px; width: 70%; border: 1px solid #000; font-size: 12px; line-height: 35px; }
.notify-me-main .btn-small { width: 30%; float: left; padding:5px 14px !important; }
.notify-me-main .btn-small:hover { background-color: #000; color: #fff; }
.notify-me-main .footer-social i { margin: 0 18px; }
.notify-me-main .footer-social a:last-child { margin-right: 25px; }
.newsletter-error { border: 1px solid #ff0000 !important; }
.coming-soon-footer .social-icon.button { margin: 0 10px; }
.mc4wp-form-fields label { display: block;text-align: left; color: #626262; }
.mc4wp-form-fields input[type="submit"] { font-weight: 600; border: 2px solid #000; color: #fff; display: inline-block; background-color: #000; width: 30%; float: left; padding: 5px 14px; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; line-height: inherit; }
.mc4wp-form-fields p { margin: 0; }

/* only ie7, ie9, ie10, ie11 */
@media screen\0 { 
    .notify-me-main input { padding-bottom: 20px; height: 37px; }
    .landing-subscribe-button { padding-bottom: 9px !important; }
    .hcode-animated-tabs ul li br { display: none; }
    .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { line-height: 18px !important; padding-bottom: 0 !important; }
    .mfp-figure .mfp-close { display: block !important; }
    .parallax-fix, .fix-background { background-attachment: inherit !important; background-position-x: center !important; background-position-y: bottom !important; }
    .parallax-fix.ie-background-position-y-top, .fix-background.ie-background-position-y-top { background-position-y: top !important; }
    .navbar.header-top-logo > .nav-header-container .accordion-menu { flex-grow: inherit; }

}

/*only for webkit browsers*/
@media screen and (-webkit-min-device-pixel-ratio: 0) { 
    .buttons_added input.qty { height: 23px; top: -4px; position: relative; }
    .buttons_added { padding-bottom: 7px !important; }
    .buttons_added .minus { line-height: 12px !important; }
}

/* ===================================
 Coming soon - animation
====================================== */
#animated-balls { perspective: 50px; -webkit-perspective: 50px; -moz-perspective: 50px; -ms-perspective: 50px; transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; opacity: 0.55; }
.dot { position: fixed; width: 30px; height: 30px; border-radius: 30px; background-color: #cecece; }

.hcode-date-style2 .counter-box { display: block; text-align: center; padding: 0 25px; float: left; }
.hcode-date-style2 .last { border-right: 0px !important; }
.hcode-date-style2 .first { border-left: 0px !important; }
.hcode-date-style2 .number { font-size: 65px; text-align: center; font-weight: 400; line-height: 43px; }
.hcode-date-style2 span { display: block; font-size: 14px; text-align: center; font-weight: 400; text-transform: uppercase; margin-top:15px; }

/* only ie7, ie9, ie10, ie11 */
@media screen\0 { 
    .notify-me-main input { padding-bottom: 20px; }
    .landing-subscribe-button { padding-bottom: 9px !important; }
}

/* ===================================
 Full width image
====================================== */
.full-width-image { min-height: 750px; }

/* ===================================
 Blog
====================================== */
.below-header { margin-top: 87px; }
.below-header-small { margin-top: 80px; }
.blog-slider .owl-carousel { overflow: visible; }
.blog-post-slider { overflow: visible; }
.blog-slider .owl-dots { bottom: -70px; }
.blog-post-slider .owl-dots { bottom: -70px; }
.blog-slider .owl-item { padding: 0 5px; }
.blog-slider .owl-item .owl-item { padding: 0; }
.blog-post-slider .owl-item { padding: 0 5px; }
.blog-slider-padding .owl-item { padding: 0 15px; }
.blog-slider-con { position: relative; overflow: hidden; }
.blog-slider-con figcaption { background-color: rgba(46, 46, 46, 0.9); position: absolute; z-index: 2; padding: 35px 15px; text-align: center; width: 100%; bottom: -74px; display: block; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
.blog-slider-con:hover figcaption { bottom: 0; background-color: rgba(255, 255, 255, 1); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
.blog-slider-con:hover figcaption h3 { color: #000; }
.blog-slider-con:hover .btn-small-white:hover { border: 2px solid #000; color: #000; background-color: #fff; }
.blog-slider-con:hover .btn-small-white { border: 2px solid #000; color: #fff; background-color: #000; }
.blog-slider-con figcaption h3 { font-weight: 400; letter-spacing: 4px; margin-bottom: 10px; }
.blog-slider-con figcaption h3 a { display: block; }
.blog-slider-con:hover figcaption h3 a { color: #000; }
.blog-slider-con figcaption span { font-weight: 400; letter-spacing: 4px; font-size: 11px; text-transform: uppercase; display: block; }
.blog-slider-con figcaption span a { display: inline-block; }
.blog-post-grid-slider .blog-post-slider .owl-item { padding: 0; }
#image-owl-slider { overflow: hidden; }
#image-owl-slider .owl-dots { bottom: 0; }
.blog-slider-con .blog-image { background-color: #000; margin-bottom: 0; }
.st_sharethis_large .stButton { display: none !important; }
.blog-post-gallery:hover .lightbox-gallery img { -ms-transform: inherit; -webkit-transform: inherit; transform:inherit; transition: all 0 ease; -webkit-transition: all 0 ease; -moz-transition: all 0 ease; opacity:1; }
.blog-post-gallery .lightbox-gallery div { overflow: hidden; }
.blog-post-gallery .lightbox-gallery > div:hover img { -ms-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:0.5; }
.archive-description { margin-bottom: 35px; }

/* blog home masonry */
.blog-listing { overflow: hidden; margin-bottom:5%; }
.blog-image { overflow: hidden; }
.blog-listing:hover img { -ms-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:0.5; }
.blog-date { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; padding-top: 30px; }
.blog-date a:hover { color: #000; }
.blog-title a { display: block; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; margin: 5px 0 20px; }
.blog-short-description { width: 90%; }
.blog-like i, .blog-share i, .comment i { margin-right: 6px; font-size: 11px; }
.blog-like, .blog-share, .comment { font-size: 10px; text-transform: uppercase; letter-spacing: 2px; margin-right: 15px; display: inline-block; }

/* blog home grid slider */
.blog-slider-grid { position: relative; overflow: hidden; }
.blog-slider-grid figcaption { position: absolute; z-index: 2; padding: 35px; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; text-align: center; width: 100%; bottom: 0; display: block; background: rgba(0, 0, 0, 1); }
.blog-slider-grid:hover figcaption { background: rgba(255, 255, 255, 1); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
.blog-slider-grid:hover figcaption h3 { color: #000; }
.blog-slider-grid:hover .btn-small-white:hover { border: 2px solid #000; color: #000; background-color: #fff; }
.blog-slider-grid:hover .btn-small-white { border: 2px solid #000; color: #fff; background-color: #000; }
.blog-slider-grid figcaption h3 { font-weight: 400; letter-spacing: 4px; margin-bottom: 10px; }
.blog-slider-grid figcaption h3 a { display: block; }
.blog-slider-grid:hover figcaption h3 a { color: #000; }
.blog-slider-grid figcaption span { font-weight: 400; letter-spacing: 4px; font-size: 11px; text-transform: uppercase; display: block; }
.blog-slider-grid figcaption span a { display: inline-block; }
.blog-slider-grid figure:hover img { -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:0.8; }
.blog-slider-right { margin-bottom: 28px; }

/* blog - masonry */
.blog-grid-listing { padding-top: 0; }
.blog-grid-listing .blog-details { padding: 0 30px 30px; background-color:#fff; width: 100%; display: inline-block; }
.blog-grid-listing .blog-date { letter-spacing: 1px; }
.blog-grid-listing .blog-like, .blog-grid-listing .blog-share, .blog-grid-listing .comment { letter-spacing: 1px; }
.blog-grid-listing .blog-short-description { width: 95%; }
.blog-grid-listing .blog-listing { margin-bottom: 30px; }
.blog-details .comment { margin-right: 0; }

.blog-listing.blog-listing-classic .blog-details > div.blog-short-description:empty + .separator-line { margin-top: 25px !important; }

.hcode-related-post-wrapper .blog-image { margin-bottom: 8px; }
.hcode-related-blog .blog-date { margin-bottom: 5px; }
.hcode-related-blog .blog-title { margin-bottom: 20px; }
.hcode-related-blog .blog-short-description, .hcode-related-blog .separator-line { margin-bottom: 7%; margin-top: 0; }

/* blog - 4col */
.blog-4col .blog-title { min-height:60px; }
.blog-4col .blog-title a { margin-bottom: 0; }
.blog-4col .blog-short-description { width: 100%; }

/* blog - masonry 4col */
.blog-masonry-4col .blog-short-description { width: 100%; }
.blog-masonry-4col .blog-date { letter-spacing: 1px; }

/* blog - full width */
.blog-full-width-section { padding-top:35px; }
.blog-full-width { padding: 0 15px; }

/* blog pagination */
.pagination { text-align: center; width: 100%; margin: 40px 0 0 0; }
.pagination a { margin: 0 25px; font-size: 14px; margin-right: 10px; }
.pagination a.active { border-bottom: 1px solid #000; font-weight: 600; color: #000; }
.pagination span.current { border-bottom: 1px solid #000; font-weight: 600; color: #000; margin: 0 10px 0 25px; font-size: 14px; }
.pagination i { color: #000; font-size: 17px; }

/* default pagination */
.default-link-pages { text-align: center; width: 100%; margin: 40px 0 0 0; }
.default-link-pages .page-links-title { margin-left: 10px; }
.default-link-pages a .page-numbers { margin:0 10px 0 10px; font-size: 14px; text-decoration: none; border: 0; font-weight: 400; }
.default-link-pages a:hover .page-numbers { color: #575757; }
.default-link-pages .page-numbers { border-bottom: 1px solid #000; font-weight: 600; color: #000; font-size: 14px; font-weight: 600; margin:0 10px 0 10px; }

/* blog listing for home */
.blog-post p { padding:22px 0 0 0; margin:0; }
.blog-post img { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:1; }
.blog-post:hover img { -ms-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:0.5; }
.blog-post-gallery:hover .owl-carousel img { -ms-transform: none; -webkit-transform: none; transform: none; }
.blog-post-gallery:hover .owl-carousel .owl-item:hover > .item > img { -ms-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:0.5; }
.blog-post-gallery .owl-dots { bottom: 0 !important; }
.blog-post .blog-short-description p { padding-top: 0; }
.blog-post-images { width:auto; overflow:hidden; }
.blog-post-images img { max-width: 101%; }
.post-title { font-size: 12px; letter-spacing: 2px; text-transform: uppercase; display: block; margin: 40px 0 0 0; font-weight: 600; }
.post-author { font-size: 10px; letter-spacing: 1px; text-transform:uppercase; }
.parent-section.format-standard.hide-post-feature-image .container-fluid section.no-padding-bottom { padding-top: 0; }
.format-standard.hide-post-feature-image .margin-tb-30px { display: none; }

/* sidebar */
.search-button { cursor: pointer;  z-index: 0; color: #000; margin-right: 0; border: none; background: none; }
.search-cart-header i { display: initial; }
.search-button:hover { color: #9a9a9a;}
.search-button:focus { outline: none; }
.close-search { color: #000 !important; position: absolute; right: 0; top: 23px; z-index: 998; cursor: pointer; }
.close-search:hover { color: #9a9a9a !important;}

.widget { margin-bottom:65px; }
.widget input { border-radius: 4px; border-width: 2px; margin-bottom: 0; padding: 10px 35px 10px 15px; }
.widget .close-search { right: 10px; top: 16px; }
.widget .main-search { position: relative; width: 85%; }
.widget-title { font-size: 12px; font-weight:600; letter-spacing: 2px; }
.widget_price_filter form { margin-top: 30px; }
.category-list li { padding: 5px 0; }
.category-list li:first-child { padding: 0 0 5px 0; }
.category-list li a:hover { color:#000; }
.category-list li a span:before { content: "/"; margin-right: 4px; padding-left: 10px; }
.widget_archive li a span:before { content: "/"; margin-right: 4px; padding-left: 10px; }
.product-categories li { padding: 5px 0; position: relative; }
.product-categories li:first-child { padding: 0 0 5px 0; }
.product-categories a:hover { color:#000; }
.product-categories li a span:before { content: "/"; margin-right: 4px; padding-left: 10px; }
.widget-posts li { padding:10px 0; }
.widget-posts li a { display:block; line-height: 20px; }
.widget-posts li img { width: 75px; margin-right: 20px; float: left; }
.widget-posts-details { position: relative; overflow: hidden; top:-4px; font-size: 11px; line-height: 14px; }
.widget-posts-details a { font-size: 13px; margin-bottom: 8px; line-height: 16px !important; }
.tags a { border:1px solid rgba(0, 0, 0, 0.1); padding: 0 10px; margin: 0 5px 9px 0; text-transform: uppercase; font-size: 10px; display: inline-block; line-height: 26px; }
.tags a:hover { border:1px solid rgba(0, 0, 0, 1); background-color: #000; color: #fff; }
.tags_cloud a { font-size: 10px !important; }
.quick-contact input { width:100%; border-width:1px; margin:0 0 20px; border-radius:0; }
.quick-contact input[type="button"] { border: 2px solid #000; width:auto; border-radius:0; }
.quick-contact input[type="submit"] { border: 2px solid #000; width:auto; border-radius:0; }
.flickr-photostream img { width: 45%; margin:0 5% 5% 0; padding: 0; }
ul .widget-category-list { padding: 5px 0; }
ul .widget-category-list:first-child { padding: 0 0 5px; }
ul .widget-category-list a:hover { color: #000; }
.sidebar ul li.current-cat a, .sidebar ul li.current-menu-item a { color: #ababab; }
.sidebar ul li.menu-item.fab:before, .sidebar ul li.menu-item.fas:before, .sidebar ul li.menu-item.far:before { margin: 1px 5px 0 0; }

/* only ie9, ie10, ie11 */
@media screen\0 {
    .widget input { padding-bottom: 17px; }
}

/* blog listing classic */
.blog-listing-classic:hover img { -ms-transform: none; -webkit-transform: none; transform: none; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:1; }
.blog-image blockquote { border-left:0px; padding: 50px; margin-bottom:0; }
.blog-image blockquote p { font-size: 20px; line-height:33px; }
.blog-image blockquote p:before { content:"\f10d"; font-family:Font Awesome\ 5 Free; font-weight: 900; font-size: 50px; margin-right: 10px; color: #000; }
blockquote.blog-image { border-left:0px; padding: 50px; margin-bottom:0; }
blockquote.blog-image p:before { content:"\f10d"; font-family:Font Awesome\ 5 Free; font-weight: 900; font-size: 50px; margin-right: 10px; }
blockquote.blog-image p { font-size: 20px; line-height:33px; }
blockquote.blog-image:before, .blog-image blockquote:before { content:""; }
.blog-listing-classic .blog-image { margin-bottom:25px; background-color: transparent; min-height: 150px; }
.blog-listing-classic .blog-short-description { width: 100%; }
.blog-listing .blog-details { padding-top: 30px; }
.blog-listing .blog-date { padding-top: 0; }
.blog-listing-classic .blog-details { padding-top: 0; }
.blog-list-layout .blog-details { padding-top: 0; }
.blog-list-layout .blog-title a { margin: 5px 0 0; }
.blog-list-layout .blog-image { background: transparent; }
.blog-list-layout .hcode-custom-meta { display: inline-block; width: 100%; }
.blog-list-layout .hcode-continue-button { display: inline-block; float: left; }
.blog-list-layout .hcode-continue-button a { margin: 0; }
.blog-list-layout .hcode-show-likes { display: inline-block; float: right; }
.blog-list-layout .blog-short-description { width: 100%; }
.blog-list-layout .blog-details { padding-left: 35px; }
.blog-list-layout.blog-listing { margin-bottom: 0; }
.hcode-list-view-three-col .hcode-show-likes { display: block; margin-top: 10px; width: 100%; }

/* blog listing full */
.blog-listing-full { margin-bottom:150px; }
.blog-listing-full .blog-number { font-size: 40px; font-weight: 400; line-height: 40px; position: absolute; text-transform: uppercase; line-height:100px; width:100px; }
.blog-listing-full .blog-date-right { text-transform: uppercase; text-align: left; letter-spacing: 1px; font-size: 11px; padding: 25px 0; line-height: 20px; }
.blog-listing-full .blog-date-right a { display: block; font-size: 14px; font-weight: 600; }
.blog-listing-full .blog-title a { font-size:30px; margin-bottom: 25px; line-height: 36px; margin-top: 0; font-weight: 100; letter-spacing: 1px; }
.blog-listing-full .blog-date { font-size:20px; font-weight:100; margin:30px 0 10px; letter-spacing: 1px; }

/* blog details */
.blog-details-headline { font-size:18px; font-weight:600; letter-spacing:3px; padding-bottom:5px; }
.blog-details-text p { margin-bottom:35px; }
.blog-details-text blockquote { margin: 15px 0 50px 0; }
.blog-comment { margin:30px 0 0; font-size: 13px; letter-spacing: 0.02em; line-height: 26px; text-transform: none; clear: both; width: 100%; }
.blog-comment .comment-avtar { float: left; max-width: 100px; margin-right:35px; margin-top:10px; }
.blog-comment .comment-reply { font-weight:600; color: #fff !important; margin-left: 15px; padding: 0 8px; letter-spacing: 1px; display: inline-block; line-height: 22px; }
.blog-comment > .blog-comment { padding-left: 40px; margin-bottom: 0; }
.blog-comment-form-main { padding-top:6%; }
.about-author { display: inline-block; padding: 35px; width: 100%; }
.about-author-text { font-size:13px; line-height:25px; }
.commentmetadata { margin-bottom: 20px; }
.comment-awaiting-moderation { font-style: normal; }
.comment-reply-title { font-size: 12px; font-weight:600; letter-spacing: 2px; margin-bottom: 30px; }
.comments-area { float: left; width: 100%; clear: both; }
.portfolio-single-content { float: left; width: 100%; clear: both; }
.product-brands-grid a { display: block; }
#cancel-comment-reply-link { color: #ff0000; font-size: 9px; }

.comment-form-cookies-consent { margin-bottom: 10px; }
.comment-form-cookies-consent input[type="checkbox"] { display: inline-block; vertical-align: middle; margin-top: 0; margin-right: 10px; float: none; }
.comment-form-cookies-consent input[type="checkbox"] + label { display: inline-block; vertical-align: middle; margin-bottom: 0; max-width: calc(100% - 30px); }

/* blog single full width */
.full-width-headline h2 { font-size:40px; font-weight:100; line-height:55px; margin-top:300px; }
.full-width-headline h2 span { display:block; font-weight:400; }
.full-width-headline .posted-by { font-size:13px; font-weight:400; margin:30px 0 0; }
.full-width-headline .blog-date { padding-top:3px; font-size:13px; }
.text-large-full-width { font-size:22px !important; font-weight: 100; line-height: 35px !important; }
.text-med-full-width { font-size:16px !important; line-height: 30px !important; }
.blog-single-full-width-h3 { font-size: 20px; font-weight: 700; letter-spacing: 2px; }
.blog-single-full-width-form input[type="text"], .blog-single-full-width-form textarea { border:none; border-bottom:1px solid #dfdfdf; padding: 10px 0; }
.blog-single-full-width-form input[type="text"]:focus, .blog-single-full-width-form textarea:focus { border-color: #000; }
.blog-single-full-width-form .add-rating { margin-top: 9px; }
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form textarea { border:none; border-bottom:1px solid #dfdfdf; padding: 10px 0; }
.comment-form input[type="text"]:focus, .comment-form textarea:focus { border-color: #000; }
.comment-form .inputerror { border-bottom:1px solid #ff0000 !important; }

/* blog single full width with image slider */
.blog-single-full-width-with-image-slider-header { min-height:650px; }
.customize-support .blog-single-full-width-with-image-slider-header { min-height:618px ; }
.blog-single-full-width-with-image-slider-headline { font-size:50px; font-weight:100; line-height: 64px; width: 80%; }
.blog-headline .posted-by { display: block; font-size: 25px; font-weight: 400; margin: 65px 0 10px; }
.blog-headline .posted-by a { font-weight:100; }
.blog-headline .blog-date { display: inline-block; font-size: 15px; font-weight: 100; padding: 40px; margin: 0 0 30px 0; float: left; }
.blog-headline .blog-date span { display: block; font-size: 50px; font-weight: 400; line-height: 50px; padding-bottom: 5px; }
.blog-headline .blog-cat a:after { content:"/"; padding:0 15px; }
.blog-headline .blog-cat a:last-child:after { content:""; }
.blog-blockquote blockquote { width:90%; }
.blog-blockquote blockquote p:before, .blog-blockquote blockquote footer { color:#fff; }
.blog-text { padding: 100px; }
.blog-text p { width:90%; }
.blog-comment-area { padding:100px; }

/* ===================================
 Intro
====================================== */
.tp-banner-container-black { background: #000000; }
.intro-icon-text { font-size: 16px; letter-spacing:4px; color: #fff; line-height: 20px; }
.intro-icon i { font-size: 40px; color: #ffffff; }
.work-img { background: #000000; }
.work-img:hover a { opacity: 0.5; }
.intro-page { overflow: hidden !important; }

/* ===================================
 Portfolio
====================================== */
/* portfolio filter */
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; }
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
.grid-wrap .tab-content { margin-top: 25px; }
.portfolio-filter.nav-tabs { height: auto; margin-bottom: 44px; }

/* portfolio filter light */
.nav-tabs-light li a { margin: 0 32px; }
.nav-tabs-light li:last-child a { margin: 0 0 0 32px; }
.nav-tabs-light li:first-child a { margin: 0 32px 0 0; }
.nav-tabs-light { height: 70px; }
.nav-tabs-light a { color: #888888; font-size: 12px; }

.nav-tabs-style2 { margin-top: 20px; }
.nav-tabs-style2 li { position: relative; }
.nav-tabs-style2 li a { font-size: 14px;color: #626262;letter-spacing: 0.55px;border: 0;font-weight: 400;margin: 0 30px; }
.nav-tabs-style2 li.active a { border-bottom: 0; }
.nav-tabs-style2 li.active:before { width: 100%; height: 1px; display: inline-block; background-color: #ef824c; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.nav-tabs-style2 li a:hover { border-bottom: 0; }

/* portfolio filter gray */
.nav-tabs-gray li a { margin: 0 32px; }
.nav-tabs-gray li:first-child a { margin: 0 32px 0 0; }
.nav-tabs-gray li:last-child a { margin: 0 0 0 32px; }
.nav-tabs-gray { height: 70px; }
.nav-tabs-gray a { color: #888888; font-size: 12px; }

/* portfolio filter black */
.nav-tabs-black li a { margin: 0 32px; }
.nav-tabs-black li:first-child a { margin: 0 32px 0 0; }
.nav-tabs-black li:last-child a { margin: 0 0 0 32px; }
.nav-tabs-black { height: 70px; }
.nav-tabs-black a { color: #000000; font-size: 12px; }

/* masonry basic */
.grid li { transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; }
.grid img { width:100%; }
.grid-gallery { clear: both; float: left; width: 100%; }
.gallery-img a { position: relative; z-index: 2; display: block; }
.grid-gallery ul { list-style: none; padding: 0; }
.grid-gallery figure { margin: 0; position: relative; }
.grid-gallery figure img { display: block; width: 100%; opacity: 1; cursor: pointer; }
.grid-gallery figcaption h3 { margin: 0 0 8px; padding:0; text-transform:uppercase; }
.grid-gallery figcaption i { font-size: 32px; color: #aeaeae; margin-bottom: 20px; }
.grid-gallery figcaption h3 a, .grid-gallery figcaption h3 { letter-spacing: 4px; font-weight: 400; color: #e3e3e3; }
.grid-gallery figcaption p { display:block; font-size:12px; letter-spacing:3px; text-transform:uppercase; text-decoration:none; color: #aeaeae; margin-bottom: 0; }
.grid { margin: 0 auto; }
.grid li { box-sizing: border-box; float: left; margin: 0; width: 25%; list-style: none; }
.grid figure { -webkit-transition: opacity 0.2s; transition: opacity 0.2s; }
.grid figcaption { bottom: 70px; opacity: 0; position: absolute; text-align: center; width: 100%; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
.gallery-img { opacity: 1; transition: all 0.3s ease 0s; overflow: hidden; }
.grid figure:hover .gallery-img { background-color:#000; }
.no-hover figure:hover .gallery-img { background-color: transparent !important; }
.no-hover figure:hover img { opacity: 1 !important; -ms-transform: none; -webkit-transform: none; transform: none; }
.owl-carousel figure img { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
figure:hover img { -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:0.15; cursor:url("assets/images/icon-zoom-white.png"), pointer; }
.mfp-figure figure:hover img { cursor: pointer; }
.grid figure:hover figcaption { opacity: 1; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
.wpb_single_image figure:hover a img { cursor: pointer; }
.wpb_single_image figure:hover img, .tolb-inner figure:hover img { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); opacity:1; cursor:default; }
.masonry-portfolio-grid.grid figcaption { cursor:url("assets/images/icon-zoom-white.png"), pointer; z-index: 2; }

/* portfolio grid - 2 column */
.revolution-masonry-portfolio-list .portfolio-item { padding: 10px; }

/* portfolio grid */

/* portfolio grid - 2 column */
.work-2col .grid li { float: left; width: 50%; }

/* portfolio grid - 3 column */
.work-3col .grid figcaption { bottom: 35px; }
.work-3col .grid li { float: left; width: 33.33%; }

/* portfolio grid - 4 column */
.work-4col .grid li { float: left; width: 25%; }
.work-4col .grid figcaption { bottom: 40px; }
#portfolio.work-4col .grid figcaption { bottom: 60px; }
.work-4col .grid-gallery figcaption h3 { font-size: 13px; margin: 0 0 3px; }
.work-4col .grid-gallery figcaption p { font-size: 11px; }

/* portfolio grid - 5 column */
.work-5col .grid li { float: left; width: 20%; }
.work-5col .grid figcaption { bottom: 15px; }
.work-5col .grid-gallery figcaption h3, .work-5col .grid-gallery figcaption h3 a { font-size: 11px; margin: 0 0 3px; letter-spacing: 2px; }
.work-5col .grid-gallery figcaption p { font-size: 10px; letter-spacing: 1px; }
.work-5col .grid-gallery figcaption i { font-size: 28px; margin-bottom: 15px; }
.work-5col figure:hover img { -ms-transform: none; -webkit-transform: none; transform: none; transition:.1s; -webkit-transition: .1s; -moz-transition:.1s; opacity:.15; }

/* portfolio grid - 6 column */
.work-6col .grid li { float: left; width: 16.66%; }
.work-6col .grid figcaption { bottom: 15px; }
.work-6col .grid-gallery figcaption h3, .work-6col .grid-gallery figcaption h3 a { font-size: 11px; margin: 0 0 3px; letter-spacing: 2px; }
.work-6col .grid-gallery figcaption p { font-size: 10px; letter-spacing: 1px; }
.work-6col .grid-gallery figcaption i { font-size: 28px; margin-bottom: 15px; }
.work-6col figure:hover img { -ms-transform: none; -webkit-transform: none; transform: none; transition:.1s; -webkit-transition: .1s; -moz-transition:.1s; opacity:.15; }

/* portfolio grid - gutter */
.gutter .grid-gallery ul { margin-left: -15px; }
.gutter.grid-gallery ul { margin-left: -15px; }
.gutter .grid li { padding: 0 0 15px 15px; }

/* portfolio grid - with title */
.work-with-title .grid figcaption { opacity: 1; position: relative; bottom: 0; padding: 40px 0 30px 0; background: rgba(255, 255, 255, 1); z-index: 2; }
.work-with-title .grid li figcaption h3, .work-with-title .grid figcaption h3 a, .work-with-title .grid li figcaption p { color: #888888; }
.work-with-title .grid figcaption h3 a { display: block; }
.work-with-title .grid li:hover figcaption h3, .work-with-title .grid li:hover figcaption h3 a { color: #000; }
.work-with-title .grid li:hover figcaption { bottom: 50px; }
.work-with-title figure:hover img { opacity: 1; -ms-transform: none; -webkit-transform: none; transform: none; transition:.1s; -webkit-transition: .1s; -moz-transition:.1s; opacity:.5; cursor:url("assets/images/icon-zoom-white.png"), pointer; }
.work-with-title .gallery-img {; }

/* portfolio grid - wide */
.work-2col.wide .grid figcaption { bottom: 100px; }
.work-3col.wide .grid figcaption { bottom: 80px; }
.work-4col.wide .grid figcaption { bottom: 60px; }
.work-5col.wide .grid figcaption { bottom: 40px; }

/* portfolio grid - wide with title */
.work-2col.wide-title .grid figcaption { bottom: 0; }
.work-3col.wide-title .grid figcaption { bottom: 0; }
.work-4col.wide-title .grid figcaption { bottom: 0; }
.work-5col.wide-title .grid figcaption { bottom: 0; }

/* portfolio masonry adjustment */
.grid-gallery ul { margin-left:1px; }
.work-5col.masonry .grid-gallery ul { margin-left: -1px; }
.col2-layout .work-4col ul { margin-left: 0; }
.col2-layout .work-4col ul li { margin-left: -1px; }

/* portfolio parallax */
.parallax-portfolio { min-height: 600px; background-attachment: fixed; position: relative; overflow: hidden; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.look-project { position: absolute; bottom: 0; background-color: rgba(0, 0, 0, 0.8); text-align: center; width: 100%; z-index: 3; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
.look-project a { display: block; padding: 25px; font-size: 13px; letter-spacing: 3px; color: #fff; }
.parallax-portfolio figcaption { padding: 45px; width: 100%; display: inline-block; z-index: 3; position: absolute; left:0; bottom:-10px; text-align: center; opacity: 0; }
.parallax-portfolio figcaption h3 { font-weight: 400; letter-spacing: 6px; font-size: 16px; margin-bottom: 13px; color: #fff; }
.parallax-portfolio figcaption p { text-transform: uppercase; letter-spacing: 4px; font-size: 12px; color: #888888; margin: 0; }
.parallax-portfolio:hover figcaption { opacity: 1; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; bottom: 73px; }
.parallax-portfolio:hover .opacity-full { opacity: .5; background: #000; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
.parallax-portfolio:hover .look-project { background-color: rgba(255, 255, 255, 1); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
.parallax-portfolio:hover .look-project a { color: #000; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }

/* portfolio with short description */
.portfolio-short-description-bg { background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; width: 100%; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; background-size:100%; overflow: hidden; }
.portfolio-short-description figure { background: rgba(27, 22, 28, 0.9); padding: 100px; display:inline-block; width: 50%; position: relative; }
.portfolio-short-description figure h3 { font-size: 18px; letter-spacing: 4px; font-weight: 400; }
.portfolio-short-description figure p { letter-spacing: 1px; line-height: 23px; }
.portfolio-short-description-bg:hover { background-size: 106%; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
.portfolio-short-description-bg:hover figure { background: rgba(0, 0, 0, 1); }

/* Light box */
.lightbox-gallery-hover li { background-color:#000; overflow: hidden; }
.lightbox-gallery-hover li img { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
.lightbox-gallery-hover li:hover img { cursor:url("assets/images/icon-zoom-white.png"), pointer; opacity: 0.15; -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }

/* ===================================
 Elements
====================================== */
/* accordions */
.panel > div { transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: initial; -o-transition-duration: .2s; }
.panel-heading { padding-bottom:15px; }
.panel-title { background-color: #fff; color: #767676; font-size: 12px; letter-spacing:2px; font-weight: 400; width:100%; display: block; padding: 10px 18px; border: 1px solid rgba(0, 0, 0, .1); text-transform: uppercase; }
.panel-body { padding:10px 18px 25px 18px; font-size: 13px; line-height: 23px; }
.panel-heading i { font-size:10px; margin: 0; }
.active-accordion .panel-title { color: #000; }
.accordion-style2 .panel-title { background-color:#000; color: #fff; }
.accordion-style2 .panel-heading i { font-size:18px; margin: 0; color:#fff; padding-top:5px; }
.accordion-style3 .panel-title { background-color:#ededed; color: #000; position:relative; border: none; padding:0 25px; font-size: 14px; line-height: 70px; font-weight: 600; }
.accordion-style3 .panel-heading { padding-bottom:30px; }
.accordion-style3 .panel-heading i { font-size:20px; margin: 0; color:#000; position: relative; top:3px; }
.accordion-style3 .panel-body { padding: 0 60px 35px 25px; }
.accordion-style3 .number { font-size: 18px; font-weight: 600; margin-right:10px; position: relative; top: 1px; }
.toggles-style2 .panel-title { background-color:#000; color: #fff; }
.toggles-style2 .panel-heading i { font-size:18px; margin: 0; color:#fff; padding-top:5px; }
.toggles-style3 { border:1px solid rgba(0, 0, 0, .15); border-top:none; }
.toggles-style3 .panel { border: none; border-top:1px solid rgba(0, 0, 0, .15); }
.toggles-style3 .panel-title { border: none; padding:20px 25px; font-size: 14px; position: relative; }
.toggles-style3 .panel-title span { position: absolute; right: 25px; top: 20px; }
.toggles-style3 .panel:first-child { border-bottom:none; }
.toggles-style3 .panel-heading { padding: 0; }
.toggles-style3 .panel-body { padding: 0 60px 25px 25px; background-color:#fff; }
.toggles-style3 .active-accordion h4 { font-weight: 600; }

/* progress bar */
.progress-bar-style2 .progress { overflow: visible; }
.progress-bar-style2 .progress-bar span { color: #000; position: absolute; right: 0; text-align: right; top: 21px; font-size: 11px; }
.progress-bar-style2 .progress-bar { position: relative; overflow: visible; }
.progress-bar-style2 .progress { height:15px; }
.progress-bar-style2 .progress-name { font-size: 10px; margin: 5px 0 20px; }
.progress-bar-style3 .progress-bar-sub { margin-bottom: 40px; }
.progress-bar-style3 .progress { height: 26px; }
.progress-bar-style3 .progress-bar { font-size:11px; text-transform: uppercase; line-height: 25px; text-align: left; padding: 0 10px; }

/* buttons */
.btn { display: inline-block; letter-spacing: 2px; border:1px solid transparent; outline: none; }
.btn-round { border-radius:4px !important; }
.btn i, .btn img { margin-right:5px; }
.btn.btn-large i { font-size: 24px; }
.button { margin-top:0; margin-bottom: 0; outline: none; }
.btn-extra-large { font-size: 22px !important; padding: 20px 30px !important; }
.btn.btn-large { font-size: 18px; padding: 18px 35px; }
.btn.btn-medium { font-size: 14px; padding: 10px 22px; }
.btn.btn-small { font-size: 11px; padding: 2px 14px; letter-spacing:1px; }
.btn.btn-very-small { font-size: 9px; padding: 1px 12px; letter-spacing:1px; }
.highlight-button { border:2px solid #000; display: inline-block; padding: 8px 20px 9px; font-size: 12px; color:#000; background-color: transparent; }
.highlight-button:hover { background-color: #000; border: 2px solid #000; color:#fff; }
.highlight-button i { color: #000; }
.highlight-button:hover i { color:#fff; }
.highlight-button-dark { border:2px solid #000; display: inline-block; padding: 8px 20px 9px; font-size: 12px; color:#fff; background-color: #000; }
.highlight-button-dark:hover { background-color: transparent; border: 2px solid #000; color:#000; }
.highlight-button-dark i { color: #fff; }
.highlight-button-dark:hover i { color:#000; }
.btn-small-white-background { font-size: 11px; letter-spacing: 2px; padding: 6px 23px; color: #000; background:#fff; border: 2px solid #fff; }
.btn-small-white-background:hover { background:transparent; border: 2px solid #fff; color: #fff; }
.btn-small-white-background i { color: #000; }
.btn-small-white-background:hover i { color: #fff; }
.submit-small-button { font-size: 11px; letter-spacing: 1px; padding: 2px 14px; color: #000; background:#fff; border: 2px solid #fff; }
.submit-small-button:hover { background:transparent; border: 2px solid #fff; color: #fff; }
.shop-newsletter input[type="submit"]:focus { border: 2px solid #fff !important; }
.btn-small-white { font-size: 11px; letter-spacing: 3px; padding: 6px 25px; border: 2px solid #fff; color: #fff; }
.btn-small-white:hover { background-color: #FFF; color: #000; }
.btn-small-white-dark { font-size: 11px; letter-spacing: 3px; padding: 6px 25px; border: 2px solid #fff; color: #000; background:#fff; }
.btn-small-white-dark:hover { background-color:transparent; color: #fff; border: 2px solid #fff; }
.btn-very-small-white { font-size: 9px; letter-spacing: 2px; padding: 2px 15px; border: 1px solid #fff; color: #fff; }
.btn-very-small-white:hover { background-color: #FFF; color: #000; }
.btn-black { border: 2px solid #000; color: #fff; display: inline-block; background-color: #000; padding: 7px 20px 8px; width: auto; }
.btn-black:hover { border: 2px solid #000; color: #000; background-color: transparent; }
.btn-black:focus { border: 2px solid #000 !important; }
.highlight-button-black-border { border: 4px solid #000; background-color: transparent; font-size: 22px; padding: 20px 30px; color: #000; font-weight: 700; }
.highlight-button-black-border:hover { border: 4px solid #000; background-color: #000; color: #fff; }
.highlight-button-black-border:focus { border: 4px solid #000 !important; }

.highlight-button-orange-border { border: 5px solid #ef824c !important; background-color: transparent; font-size: 16px; letter-spacing: 0 !important; padding: 10px 30px; color: #000; font-weight: 700; }
.highlight-button-orange-border:hover { border: 5px solid #ef824c; background-color: #ef824c; color: #fff; }
.highlight-button-orange-border:focus { border: 5px solid #ef824c !important; }

.highlight-button-white-border { border: 4px solid #fff; background-color: transparent; font-size: 22px; padding: 20px 30px; color: #fff; font-weight: 700; }
.highlight-button-white-border:hover { border: 4px solid #fff; background-color: #fff; color: #000; }
.highlight-button-white-border:focus { border: 4px solid #fff !important; }

.highlight-button-black-background { border: 4px solid #000; background-color: #000; font-size: 20px; padding: 20px 30px; color: #fff; font-weight: 700; }
.highlight-button-black-background:hover { border: 4px solid #000; background-color: #fff; color: #000; }
.highlight-button-black-background:focus { border: 4px solid #000 !important; }
.btn-small-black-background { font-size: 11px; letter-spacing: 3px; padding: 6px 25px; border: 2px solid #000; color: #fff; background-color: #000; }
.btn-small-black-background:hover { background-color:transparent; color: #000; border: 2px solid #000; }
.btn-small-black-border-light { font-size: 10px; letter-spacing: 3px; padding: 6px 25px; border: 1px solid #000; color: #000; }
.btn-small-black-border-light:hover { background-color: #000; color: #fff; }
.btn-light-black { border: 2px solid #000; color: #000; background-color: transparent; }
.btn-light-black:hover { border: 2px solid #000; background-color: #000; color: #fff; }
.button-desc { font-size:30px !important; line-height: 35px; font-weight: 600; }
.button-desc span { display: block; font-size: 18px; font-weight: 400; }
.button-3d { border-bottom:2px solid rgba(0, 0, 0, 0.2) !important; }
input.btn-success:focus { border: 1px solid transparent !important; border-bottom: 2px solid rgba(0, 0, 0, 0.2) !important; }

/* reveal button */
.button-reveal { overflow:hidden; position: relative; transition: all 200ms linear 0s; border: 2px solid #000; font-size:16px; }
.button-reveal i, .button-reveal img { position:absolute; left:-30px; top: 30%; color: #000; font-size: 20px; }
.button-reveal span { padding: 0 45px; display: block; line-height:54px; }
.button-reveal:hover span { padding: 0 30px 0 60px; transition: all 200ms linear 0s; color: #000; }
.button-reveal:hover i, .button-reveal:hover img { left:25px; }
.btn.btn-large.button-reveal { padding: 0; }
.button-reveal-black { background-color: #000; color: #fff; }
.button-reveal-black span { color: #fff; }
.button-reveal-black i { color: #fff; }
.button-reveal-black:hover span { color: #fff; }

/* social icon */
.social-icon .fab, .social-icon .fas, .social-icon .far { text-align: center; display: table-cell; vertical-align: middle; width: 30px; height: 30px !important; line-height: 1; font-size: 14px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; color: #fff; background: none; font-weight: 500; }
.social-icon:hover .fab, .social-icon:hover .fas, .social-icon:hover .far { opacity:.8; }
.social-icon .fa-pinterest { background-color: #cb2027; }
.social-icon .fa-pinterest-p { background-color: #cb2027; }
.social-icon .fa-rss, .social-icon .fa-rss-square { background-color: #f26522; font-weight: 900; }
.social-icon .fa-facebook-f { background-color: #3b5998; }
.social-icon .fa-twitter { background-color: #00aced; }
.social-icon .fa-flickr { background-color: #ff0084; }
.social-icon .fa-dribbble { background-color: #ea4c89; }
.social-icon .fa-behance { background-color: #42a9fb; }
.social-icon .fa-linkedin-in { background-color: #007bb6; }
.social-icon .fa-vimeo-square { background-color: #aad450; }
.social-icon .fa-youtube { background-color: #bb0000; }
.social-icon .fa-tumblr { background-color: #32506d; }
.social-icon .fa-github-alt { background-color: #333333; }
.social-icon .fa-github { background-color: #333333; }
.social-icon .fa-external-link { background-color: #000; }
.social-icon .fa-google-plus-g { background-color: #dd4b39; }
.social-icon .fa-instagram { background-color: #517fa4; }
.social-icon .fa-soundcloud { background-color: #f80; }
.social-icon-large { margin-right:20px; }
.social-icon-large .fab, .social-icon-large .fas, .social-icon-large .far { font-size:25px; background: transparent; color: #000; text-align: center; display: table-cell; vertical-align: middle; width: 60px; height: 60px !important; line-height: 1; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.social-icon-large:hover .fab, .social-icon-large:hover .fas, .social-icon-large:hover .far { color:#fff; }
.social-icon-large:hover .fa-pinterest { background-color: #cb2027; }
.social-icon-large:hover .fa-rss { background-color: #f26522; }
.social-icon-large:hover .fa-facebook-f { background-color: #3b5998; }
.social-icon-large:hover .fa-twitter { background-color: #00aced; }
.social-icon-large:hover .fa-flickr { background-color: #ff0084; }
.social-icon-large:hover .fa-dribbble { background-color: #ea4c89; }
.social-icon-large:hover .fa-behance { background-color: #42a9fb; }
.social-icon-large:hover .fa-linkedin-in { background-color: #007bb6; }
.social-icon-large:hover .fa-vimeo-square { background-color: #aad450; }
.social-icon-large:hover .fa-youtube { background-color: #bb0000; }
.social-icon-large:hover .fa-tumblr { background-color: #32506d; }
.social-icon-large:hover .fa-delicious { background-color: #3274d1; }
.social-icon-large:hover .fa-reddit { background-color: #ff1a00; }
.social-icon-large:hover .fa-digg { background-color: #1b5891; }
.social-icon-large:hover .fa-stumbleupon { background-color: #ff1a00; }
.social-icon-large:hover .fa-github-alt { background-color: #333333; }
.social-icon-large:hover .fa-google-plus-g { background-color: #dd4b39; }
.social-icon-large:hover .fa-instagram { background-color: #517fa4; }
.social-icon-large:hover .fa-soundcloud { background-color: #f80; }
.social-icon-large:hover .fa-vk { background-color: #45668e; }
.social-icon-large:hover .fa-xing { background-color: #005d5e; }

/* features box */
.features-box-style1 i { min-height:65px; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; }

/* pricing table */
.pricing [class^="col-"] { margin-top: 20px; padding: 0; }
.pricing-title { border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 30px 0; }
.pricing-title h3 { font-size: 20px; font-weight: 400; letter-spacing: 1px; margin: 0; text-transform: uppercase; }
.pricing-price::after { border-top: 2px solid rgba(0, 0, 0, 1); bottom: 0; content: ""; left: 50%; margin-left: -50px; position: absolute; top: auto; width: 80px; }
.pricing-features ul { list-style: outside none none; margin: 0; padding: 35px 0; }
.pricing-features li { padding: 3px 0; }
.pricing-features p { margin: 0; }
.pricing-action { padding: 0 30px 35px; }
.pricing-box.best-price { margin: -20px -1px 0; z-index: 10; border:1px solid #000; color:#999; }
.pricing-box.best-price .pricing-price::after { border-top: 2px solid rgba(255, 255, 255, .3); }
.pricing-box.best-price .pricing-price { color:#999; }
.pricing-box { border-right: 1px solid rgba(0, 0, 0, 0.075); position: relative; text-align: center; }
.no-border-right .pricing-box { border:none; }
.pricing-price { color: #333; font-size: 64px; font-weight: 300; line-height: 1; padding: 35px 0; position: relative; letter-spacing: -3px; }
.pricing-price span { display: inline-block; font-size: 28px; font-weight: 400; margin: 7px 3px 0 0; vertical-align: top; }
.pricing-price span.price-tenure { color: #999; font-size: 16px; font-weight: 400; margin: 0 0 0 8px; vertical-align: baseline; letter-spacing: 0; }
.pricing-price::after { border-top: 2px solid rgba(0, 0, 0, 1); bottom: 0; content: ""; left: 50%; margin-left: -50px; position: absolute; top: auto; width: 80px; }
.pricing-box.best-price .pricing-title { padding: 30px 0; border-bottom: 1px solid rgba(255, 255, 255, .3); }
.pricing-title span { color: #999; display: block; font-size: 14px; font-weight: 400; margin-top: 3px; text-transform: uppercase; }
.pricing-box.best-price .pricing-title h3 { color: #fff; font-size: 23px; font-weight: 600; }
.pricing-features li i { color: #ffc600; font-size: 14px; }

/* forms controls */
.input-round { border-radius:4px !important; }
.big-input, .big-textarea, .big-select { padding: 12px 25px 11px; border:1px solid rgba(0, 0, 0, .2); }
.big-label { font-size:14px; letter-spacing:2px; }
.wpcf7-form-control-wrap { position: relative; clear: both; display: block; width: 100%; }
input[type=date], input[type=time], input[type=datetime-local], input[type=month] { line-height: normal; }
select[multiple] option { margin-bottom: 5px; }
select[multiple] option:last-child { margin-bottom: 0; }
input[type="date"] { position: relative; padding: 10px; }
input[type="date"]::-webkit-calendar-picker-indicator { color: transparent; background: none; z-index: 1; }
input[type="date"]:before { font-family: Font Awesome\ 5 Free; content: '\f073'; font-weight: 300; font-size: 20px; position: absolute; top: 13px; right: 11px; color: #999; }
input[type="date"]::-webkit-inner-spin-button { margin-right: 10px; margin-top: 2px; }
.wpcf7-form-control.wpcf7-checkbox, .wpcf7-form-control.wpcf7-radio, .wpcf7-form-control.wpcf7-acceptance { display: inline-block; margin: 0 0 20px 0; }
.wpcf7-form-control .wpcf7-list-item { margin-left: 25px; display: inline-block; vertical-align: middle; }
.wpcf7-form-control .wpcf7-list-item label:first-child { padding-left: 0; }
.wpcf7-form-control-wrap label { display: block; margin-bottom: 0; }

/* only ie7, ie9, ie10, ie11 */
@media screen\0 {
    .big-input, .big-textarea, .big-select { padding-bottom: 20px; }
}

.med-input, .med-textarea, .med-select { padding: 10px 15px; border:1px solid rgba(0, 0, 0, .2); border-radius:4px; }
.med-input.select-style select { padding: 12px 15px 14px; outline: none; }
.med-input.select-style { margin:0 0 20px; }
.select-style { padding: 0; margin: 0; border: 1px solid #ccc; width: 100%; overflow: hidden; background-color: #fff; margin: 0 0 40px; background: #fff url("assets/images/select-arrow.png") no-repeat 97% 50%; }
.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; letter-spacing:1px; margin-bottom:0; color:#999999; height: 43px; }
.select-style select:focus { outline: none; border: none; box-shadow: none; }
.login-box { padding:35px; border-radius:8px; box-shadow: 0 0 2px #888888; }

/* 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; }

/* icon */
.icon-box i { margin:25px; }
.i-large-box { width:100px; height:100px; line-height:98px; text-align:center; font-size:40px; }
.i-medium-box { width:80px; height:80px; line-height:80px; text-align:center; font-size:30px; }
.i-small-box { width:60px; height:60px; line-height:60px; text-align:center; font-size:22px; }
.i-extra-small-box { width:40px; height:40px; line-height:40px; text-align:center; font-size:15px; }
.i-plain { color:#737373; background-color: transparent !important; }
.i-plain:hover { color:#fff; background-color: #737373!important; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.i-rounded { border-radius: 3px; background-color: #000; color:#fff; border:1px solid rgba(0, 0, 0, 0.15); }
.i-rounded:hover { background-color: #fff; color:#9a9a9a; border:1px solid rgba(0, 0, 0, 0.15); }
.i-bordered { border:1px solid rgba(0, 0, 0, 0.15); background-color: transparent !important; color:#9a9a9a; }
.i-bordered:hover { background-color: #000 !important; color: #fff; }
.i-circled { border-radius: 50%; }
.i-light { background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .08) inset; color:#9a9a9a; text-shadow: 1px 1px 1px #fff; }
.i-light:hover { background-color: #fff !important; box-shadow: 0 0 30px rgba(0, 0, 0, .15) inset !important; color: #444; text-shadow:none; }
.i-3d { box-shadow: 0 0 3px rgba(0, 0, 0, .1); color:#9a9a9a !important; background-color: #fff; color:#000; }
.i-3d:hover { box-shadow: 0 0 4px rgba(0, 0, 0, .3); }
.i-3d-border { border-bottom:3px solid rgba(0, 0, 0, 0.15) !important; color:#fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
.i-3d-border:hover { border-bottom:3px solid rgba(0, 0, 0, 0.30) !important; color:#fff; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.glyphs .box1 { border: 1px solid #e5e5e5; display: block; float: left; font-size: 13px; margin: -1px 0 0 -1px; padding: 0; width: 33%; padding: 20px; text-align: left; }
.glyphs .box1 span { font-size: 30px; vertical-align: middle; width: 50px; }
.fa-examples div { border: 1px solid #e5e5e5; font-size: 13px; margin: -1px 0 0 -1px; padding: 15px 0 15px 10px; color: #868686; }
.fa-examples div:hover { background-color: #fafafa; }
.fa-examples i { color:#555555; font-size:14px; letter-spacing: 0; margin-right: 5px; }
.fa-examples span { margin-left: 6px; display: none; }
.i-background-box:hover { background-color: #000; }

/* alert */
.alert-style2 .alert { border-width:2px; background-color: transparent; }
.alert-style3 .alert { border-radius:0; }
.alert-style4 .alert { border-radius:0; background-color: transparent; }
.alert-style5 .alert { background-color: transparent; border-bottom-width:3px; }
.alert-style5 .alert i { background-color: transparent; }
.alert-style5 .alert:hover { border-color: rgba(0, 0, 0, .1); }
.alert-style5 .alert-success:hover { background-color: #dff0d8; }
.alert-style5 .alert-info:hover { background-color: #d9edf7; }
.alert-style5 .alert-warning:hover { background-color: #fcf8e3; }
.alert-style5 .alert-danger:hover { background-color: #f2dede; }
.alert-style6 .alert { background-color: transparent; border-top:none; border-right:none; border-left:none; border-bottom-width:3px !important; border-radius:0; padding: 25px; font-size: 20px; font-weight:100; line-height:30px; }
.alert-style6 .alert span { width:70%; display: table; }
.alert-style6 .alert i { background-color: transparent; float: left; width:70px; font-size: 35px; line-height: 60px; color: #aeaeae; }
.alert-style6 .alert img { background-color: transparent; float: left; width:70px; font-size: 35px; line-height: 60px; color: #aeaeae; margin: 0 20px 0 0; }
.alert-style6 .alert:hover { border-bottom-width:6px !important; color: #4d4d4d; }
.alert-block { padding:25px; }
.alert-block p { width:90%; }
#success { clear: both; margin: 0 15px 20px; text-align: center; background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; border-radius: 5px; padding: 15px 0; }
#success-free30daytrial { clear: both; margin: 0 15px 20px; text-align: center; background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; border-radius: 5px; padding: 15px 0; }
div.wpcf7-validation-errors { clear: both; float: right; margin: 20px 0 !important; text-align: center; width: 100%; padding: 20px; text-transform: uppercase; background-color: #f7e700; border:none; line-height: 20px; color: #000; }
div.wpcf7-mail-sent-ok { clear: both; float: right; margin: 20px 0 !important; text-align: center; width: 100%; padding: 20px; text-transform: uppercase; background-color: #398f14; border:none; line-height: 20px; color: #fff; }
div.wpcf7-mail-sent-ng { clear: both; float: right; margin: 20px 0 !important; text-align: center; width: 100%; padding: 20px; text-transform: uppercase; background-color: #f7e700; border:none; line-height: 20px; color: #000; }
.about-couple div.wpcf7-validation-errors { clear: both; float: right; margin: -50px 0 0 0 !important; text-align: center; width: 100%; }

/* tabs */
.nav-tabs > li > a { margin-top: 0; }
.nav-tabs > li > a > img { max-width: 100%; }
.nav-tabs > li > a > i { font-size: 17px; position: relative; top: 3px; margin: 0 5px 0 0; }
.tab-style2 .nav-tabs { height:auto; }
.tab-style2 .nav-tabs li { margin-bottom: -1px; border:1px solid transparent; border-bottom: none; }
.tab-style2 .nav-tabs li:hover { border-color: transparent; }
.tab-style2 .nav-tabs li.active { border:1px solid #e5e5e5; background-color: #fdfdfd; border-bottom: none; }
.tab-style2 .nav-tabs li a { margin-right: 0; margin-left:0; padding:15px 20px; border-bottom: none; color: #000; letter-spacing: 1px; }
.tab-style2 .tab-content { padding: 25px; border: 1px solid #e5e5e5; background-color: #fdfdfd; }
.tab-style3 .nav-tabs { height:auto; margin-bottom: 25px; }
.tab-style3 .nav-tabs { border-bottom:1px solid #ddd; }
.tab-style3 .nav-tabs li:first-child { border-left: 1px solid #e5e5e5; margin-left: 15px; }
.tab-style3 .nav-tabs li.active a { background-color: #fff; position: relative; top: 1px; }
.tab-style3 .nav-tabs li { border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; }
.tab-style3 .nav-tabs li a { background-color: #f7f7f7; border: none; color: #575757; line-height: 44px; margin: 0 !important; padding: 0 20px; }
.tab-style3 .nav-tabs li i { font-size: 17px; position: relative; top: 3px; }
.tab-style3 .nav-tabs li.active a { border-bottom: none; }
.tab-style4 .tabs-left .nav-tabs { border-right: 1px solid #e5e5e5; float:left; width:150px; height: auto; padding: 20px 0 40px; }
.tab-style4 .tabs-left .nav-tabs li { float: left; width: 100%; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; }
.tab-style4 .nav-tabs li:first-child { border-top: 1px solid #e5e5e5; }
.tab-style4 .tabs-left .nav-tabs li a { background-color: #f7f7f7; border-bottom: 0 none; display: block; line-height: 40px; margin: 0 !important; padding: 0 20px; text-align: left; width: 100%; }
.tab-style4 .tabs-left .nav-tabs li.active a { background-color: #fff; position: relative; left: 1px; }
.tab-style5 .tabs-left .nav-tabs { border-right: none; float:left; width:150px; margin: 0; }
.tab-style5 .tabs-left .nav-tabs li { float: left; width: 100%; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; }
.tab-style5 .nav-tabs li:first-child { border-top: 1px solid #e5e5e5; }
.tab-style5 .tabs-left .nav-tabs li a { margin: 0; text-align: left; border-bottom: 0; line-height: 40px; padding: 0 20px; width: 100%; display: block; background-color: #fff; }
.tab-style5 .tabs-left .nav-tabs li.active { background-color: #f7f7f7; }
.tab-style5 .tabs-left .nav-tabs li.active a { background-color: #f7f7f7; position: relative; left: 1px; z-index: 9; }
.tab-style5 .tab-content { background-color: #f7f7f7; padding: 30px; border: 1px solid #e5e5e5; }

/* tab - icon */
#animated-tab .nav-tabs { border:0px; text-align:center; display:inline-block; margin: 0 0 130px; }
#animated-tab .nav-tabs > li { margin:0px; border-right: 1px solid #d7d7d7; float: left; }
#animated-tab .nav-tabs > li:last-child { border: none; }
#animated-tab .nav-tabs > li > a { text-align:center; vertical-align:middle; display: table; padding:0px; margin:0px; font-size:42px; margin:0; outline:none; padding: 0 50px; border: none; }
#animated-tab .nav-tabs > li > a:hover .white-text { color:#5bcf21; }
#animated-tab .nav-tabs > li.active a i { color:#000; }
#animated-tab .nav-tabs > li > a > span { vertical-align:middle; display: table-cell; }
#animated-tab .nav-tabs > li:last-child > a { border-right:1px solid rgba(255, 255, 255, .3); }

/* only ie7, ie9, ie10, ie11 */
@media screen\0 { 
    .hcode-animated-tabs .nav-tabs > li > a { float: none !important; }
}

/* progress bar */
.progress-name { font-size: 10px; letter-spacing: 3px; text-transform: uppercase; font-weight: 400; margin: 5px 0 15px; }
.progress-name strong { font-weight: 400; }
.progress-bar-sub { margin-right: 20px; }

/* piechart */
.chart { position: relative; display: inline-block; width: 120px; height: 120px; text-align: center; border-radius: 50%; }
.chart canvas { position: absolute; top: 0; left: 0; }
.chart-percent { margin: 0 0 30px 0; }
.percent { display: inline-block; line-height: 125px; z-index: 2; font-size: 25px; font-weight: 100; }
.percent:after { content: '%'; font-weight: 100; }
.chart-text { font-size: 12px; letter-spacing: 1px; text-transform: uppercase; line-height: 40px; }
.chart-style2 .chart2 { position: relative; display: inline-block; width: 120px; height: 120px; text-align: center; border-radius: 50%; }
.chart-style2 .chart2 canvas { position: absolute; top: 0; left: 0; }
.chart-style2 h5 { font-size: 13px; font-weight: 600; letter-spacing: 1px; }
.chart-style2 p { font-size:11px; letter-spacing: 2px; }

/* dropcap */
.first-letter { float: left; font-size: 50px; left: 0; line-height: 1; margin: 0 20px 10px 0; position: relative; top: 4px; }
.first-letter-block { padding:10px; font-weight: 600; }
.first-letter-block-round { border-radius:5px; border-width: 3px; border-style: solid; padding:8px 10px; font-weight:600; font-size: 35px; }
.first-letter-light { border-radius:5px; padding:10px 12px; font-weight:600; font-size: 45px; }
.first-letter-highlight { font-size: 45px; line-height: 60px; margin: 0 20px; border-bottom: 2px solid #c7c7c7; }
.first-letter-round { border-radius: 50%; font-size:30px; padding: 15px; }

/* blockquote */
.blockqoute-dark { padding: 35px; border: none; }
.blockqoute-dark p { font-size: 16px; line-height: 25px; width: 95%; }
.blockqoute-dark footer { font-weight:600; font-size: 14px; }

/* list */
ul.flat-list { list-style:inside disc; margin: 0 0 0 25px; padding: 0; }
.flat-list li { padding:5px 0; }
.flat-list li.active { font-weight:600; color:#000; }
.flat-list li.active ul { font-weight: normal; color: #575757; }
.flat-list li ul { padding:5px 0 0 15px; }
.flat-list li i { margin:0 10px 0 0; }
ul.flat-list-icon { list-style:none; }
.list-inline li { display: inline-block; padding: 0 18px; }
ul.list-line li { border-bottom:1px solid rgba(0, 0, 0, .1); padding:7px 0; }
ul.list-line li:last-child { border-bottom: none; }
ul.list-line li span { min-width:130px; display:inline-block; }

/* heading */
.subheader { display: inline-block; padding: 0 30px; position:relative; z-index:2; }
.dividers-header:before { border-top: 1px solid #e5e5e5; content: ""; height: 0; left: auto; position: absolute; right: 0; top: 50%; width: 100%; z-index: -1; }
.double-line:before { border-top: 4px double rgba(0, 0, 0, .15); position: absolute; z-index: 2; }
.dividers-header i { margin-bottom:10px; }
.subheader h6 { margin: 7px 0 0 0; }
.subheader-double-line { border: 3px double #e5e5e5; padding: 15px 30px; }
.subheader-double-line h6 { margin: 3px 0 0; }

/* model popup */
.modal-popup-main { padding:35px; }

/* ===================================
 Pages
====================================== */
/* about us */
.about-year { border: 2px solid #6d6d6d; display: inline-block; font-size: 17px; height: 120px; margin-bottom: 40px; padding: 25px; width: 120px; }
.about-year span { font-size: 50px; font-weight: 600; left: -4px; letter-spacing: -5px; position: relative; top: 13px; }
.timeline-number { font-size: 25px; padding: 15px; line-height:25px; }
.timeline-year { font-size: 20px; font-weight: 600; line-height:60px; }
.about-year-text { margin-top: 13px; }

/* only ie7, ie9, ie10, ie11 */
@media screen\0 { 
    .about-year { padding-top: 20px !important; }
}
@media screen\0 { 
    .about-year span { display: block !important; margin-bottom: 28px !important; }
}

/* team members */
.team-size-main { margin-left: 7%; }
.team-size span { font-size:50px; position: relative; top:20px; }
.team-plus { font-size:50px; position: relative; top:30px; }
.team-member { overflow: hidden !important; position: relative; }
.team-member figure { padding:35px 0 65px; }
.team-member .person-social i { margin:0 15px; font-size:15px; }
.team-member .team-details { opacity:0; position:absolute; height:50%; padding-top:10%; padding-left: 15px; padding-right: 15px; left:15px; right:15px; bottom:0; 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; }
.team-member:hover .team-details { opacity:1; margin-bottom: 100px; }
.team-member:hover img { opacity:.5; background: #6b6b6b; }
.half-row-width .row { margin-left: 7%; }
.team-section-padding { padding-bottom: 85px; }

/* only ie9, ie10, ie11 */
@media screen\0 { 
    .team-size span { display: block; margin-bottom: 38px; }
}

/* careers */
.urgent-job { font-size:11px; left: 154px; padding: 1px 10px 0; position: absolute; top: 175px; }

/* contact us */
.contact-map iframe { width:100%; height:420px; }
.view-map { position:absolute; bottom: 0; right: 0; }
.scrolloff { pointer-events: none; }

/* sitemap */
.sitemap-title { font-size: 13px; font-weight: 600; text-transform: uppercase; border: 1px solid rgba(0, 0, 0, .1); padding: 5px 15px; }
.sitemap-wrapper ul { margin-bottom: 30px; }
.sitemap-wrapper ul li { border-bottom: 1px solid rgba(0, 0, 0, .1); padding: 10px 0; font-weight: 600; text-transform: uppercase; font-size: 11px; }
.sitemap-wrapper ul li ul { padding: 10px 0; }
.sitemap-wrapper ul li ul li { border-bottom: 0; padding: 2px 0; font-weight: 400; font-size: 13px; text-transform: initial; }
.sitemap-wrapper ul li ul li:before { content: "-"; padding-right: 5px; }

/* services */
.services-box { padding:50px; }
.services-box:hover figure { opacity: 1; }
.services-box figure { font-size:12px; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 80px 50px 0; text-align: center; letter-spacing:1px; }
.services-box figure span { display:block; font-size: 50px; font-weight:600; line-height: 65px; }

/* 404 */
.not-found-title { font-size:104px; line-height:120px; display:block; font-weight: 700; }
.not-found-search-box { text-align: center; margin: 47px 0 30px; }
.not-found-search-box .btn { display: inline-block; margin: 0; }
.not-found-search-box .main-search { position: relative; display: inline-block; vertical-align: top; margin: 0; }
.not-found-search-box .main-search input { padding: 9px 35px 11px 15px; font-size: 13px; margin: 0; width: 250px; border: 2px solid #fff; background-color: transparent; color: #fff; }
.not-found-search-box .main-search input:focus { border: 2px solid #fff; }
.not-found-search-box .main-search .close-search { color: #fff !important; }
.not-found-search-box .main-search .search-button { top: 16px; margin-right: 10px; }
.not-found-search-box .not-found-or-text { background-color: #ebebeb; color: #000; font-weight: 600; position: relative; text-transform: uppercase; font-size: 14px; width: 47px; border-radius: 100%; height: 47px; display: inline-block; margin: 0 50px; vertical-align: top; line-height: 46px; }
.not-found-search-box .not-found-or-text:after { background-color: #ebebeb; content: ""; height: 1px; right: -29px; margin-top: -1px; position: absolute; top: 50%; width: 30px; }
.not-found-search-box .not-found-or-text:before { background-color: #ebebeb; content: ""; height: 1px; left: -29px; margin-top: -1px; position: absolute; top: 50%; width: 30px; }
.col-text-center { height: 100%; left: 0; position: absolute; right: 0; text-align: center; width: 100%; z-index: 1; }
.col-text-middle-main { display: table; height: 100%; width: 100%; }
.col-text-middle { display: table-cell; vertical-align: middle; }

/* client */
.client-main img { position:relative; }
.client-text { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity:0; padding:0 85px; width: 100%; }
.client-main:hover .client-text { opacity:1; }
.client-main:hover img { opacity:0; -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); }

/* ===================================
 Shop
====================================== */
.slider-typography-shop .owl-subtitle { font-size: 16px; font-weight: 600; letter-spacing: 7px; line-height: 80px; text-transform: uppercase; }
.slider-typography-shop .owl-title { font-size: 63px; font-weight: 700; line-height: 65px; width: 50%; }
.slider-typography-app .owl-title { font-size: 70px; font-weight:700; line-height: 70px; width: 60%; letter-spacing:0; }
.slider-typography-app .app-store a { margin-right: 20px; }
.product-name a { font-size:12px; font-weight:400; letter-spacing:2px; display:block; }
.price { font-size:14px; font-weight:600; display:block; position: relative; z-index: 1; }
.price del { color:#898989; margin-right:10px; font-weight: 100; }
.home-product:hover .quick-buy { opacity:1; top: -78px; }
.quick-buy { background-color:rgba(255, 255, 255, 1); top: -78px; left: 0; opacity: 0; padding: 25px 0; position: absolute; width: 100%; }
.home-product:hover img { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); cursor:url("assets/images/icon-zoom-white.png"), pointer; }
.product-name { position: relative; z-index: 1; }
.quick-buy .quick-buy-btn i { margin:0; font-size:14px; margin: 0px 6px 0 0; }
.quick-buy .btn { padding:5px 13px 6px; margin:0; line-height: normal; }
.quick-buy .added_to_cart:hover { background-color: #000; color: #fff; }
.exclusive-style .added_to_cart { border: 1px solid #000000; display: inline-block; font-size: 12px; line-height: 14px; margin: 3px; padding: 3px 8px 4px; position: relative; z-index: 1; }
.exclusive-style .added_to_cart:hover { background-color: #000; color: #fff; }
.quick-buy .added_to_cart, .exclusive-style .added_to_cart { border: 2px solid #000000; display: inline-block; font-size: 11px; position: relative; z-index: 1; margin-left: 3px; line-height: normal; padding: 6px 13px; text-transform: uppercase; font-weight: 500; }
.exclusive-style { border:1px solid #e5e5e5; }
.exclusive-style .owl-half-slider .item { min-height:0 !important; padding-bottom: 30px; }
.exclusive-style .owl-dots { bottom:0; }
.exclusive-style .owl-wrapper-outer { background:#fbfbfb; }
.exclusive-style-text { padding: 60px 45px; }
.shop-newsletter-main { padding:7.6% 35px 0; }
.shop-newsletter { padding:8% 45px 0; }
.shop-newsletter .text-field, .shop-newsletter .mc4wp-form input { border:1px solid rgba(255, 255, 255, .2); background: transparent; width:75%; margin-top:25px; text-align: center; }
.shop-newsletter .mc4wp-form input { margin-top: 0;}
.shop-newsletter .mc4wp-form .btn-black.submit_newsletter { font-size: 11px; letter-spacing: 1px; padding: 2px 14px; color: #000; background: #fff; border: 2px solid #fff;}
.shop-newsletter .mc4wp-form .btn-black.submit_newsletter:hover { background: transparent; border: 2px solid #fff; color: #fff; }
.exclusive-style-text .short-description p { margin-bottom: 0; }
.exclusive-style-text .price { margin-bottom: 5px; }
.exclusive-style-text .btn { margin-bottom: 0; margin-top: 20px; }
.text-block { height:296px; display:table; padding: 15px; width: 100%; box-sizing: border-box; }
.text-block-inner { display: table-cell; vertical-align: middle; border:1px solid rgba(0, 0, 0, .15); }
.text-block:hover { background:#000; }
.text-block:hover .text-block-inner { border:2px solid rgba(255, 255, 255, 1); background: #fff; }
.onsale { bottom: 4%; left: 0; margin-left: 0; position: absolute; text-align: center; width: 100%; }
.onsale .sale { display: inline-block; background:#cb0606; font-size: 10px; margin: 0 2px; line-height: 20px; padding: 0 9px; text-transform: uppercase; }
.onsale .new { display: inline-block; background: #f1a004; font-size: 10px; margin: 0 2px; line-height: 20px; padding: 0 9px; text-transform: uppercase; }
.product-image-wrapper { position: relative; overflow: hidden; }
.product-content-wrapper { position: relative; }
.product-content-wrapper .price .amount { margin: 0 4px; }
.short-description ul, .product-deails-tab .tab-pane ul, .blog-details-text ul { padding: 0; list-style-position: inside; list-style-type: disc; }
.product-grid-view .product .product-content-wrapper .product-name a h2.woocommerce-loop-product__title { font-size: 12px; font-weight: 400; letter-spacing: 2px; }
.product-list-view .product .product-content-wrapper .product-name a h2.woocommerce-loop-product__title { font-size: 15px !important; letter-spacing: 2px !important; line-height: 24px !important; text-transform: uppercase; font-weight: 600 !important; }
.exclusive-style-text { position: relative; }
.exclusive-style-text .onsale { top: 10px; bottom: inherit; }
.owl-carousel .home-product { padding: 0 15px; }
.owl-carousel.hcode-featured-slider .owl-dots { bottom: -10px; }
.owl-carousel.owl-demo-brand .owl-dots { bottom: -10px; }
.sidebar .widget_shopping_cart .widget-title { display: block; }
.sidebar .widget_shopping_cart .top-cart { width: 100%; }
.sidebar .widget_shopping_cart .top-cart .subtitle { display: inline-block; }
.sidebar .widget_shopping_cart .top-cart .subtitle-mobile { display: none; }
.sidebar .widget_shopping_cart { float: left; width: 100%; }
.sidebar .widget_shopping_cart .top-cart .cart-content { position: static; opacity: 1; visibility: visible; padding-left: 0; padding-right: 0; background: none; width: 100%; max-height: none; }
.sidebar .widget_shopping_cart .top-cart .cart-content ul.cart-list a, .sidebar .widget_shopping_cart .top-cart .cart-content .total { color: #000 !important; }
.sidebar .widget_shopping_cart .top-cart .cart-content ul.cart-list a.remove { right: 0; }
.sidebar .widget_shopping_cart .top-cart .cart-content .buttons { padding-bottom: 0; }
.sidebar .widget_shopping_cart .top-cart .cart-content .buttons a.btn { font-size: 11px; letter-spacing: 1px; padding: 6px 8px; border: 1px solid #000; color: #000; line-height: 1; }
.sidebar .widget_shopping_cart .top-cart .cart-content .buttons a.btn:hover { background: #000; color: #fff; }
.sidebar .widget_shopping_cart .top-cart .cart-content .buttons a.btn:not(.checkout) { background: #000; color: #fff; }
.sidebar .widget_shopping_cart .top-cart .cart-content .buttons a.btn:not(.checkout):hover { background: transparent; color: #000; border-color: #000; }
.sidebar .widget_shopping_cart .top-cart .cart-content ul.cart-list { color: #000; }
.sidebar .widget { clear: both; }
.sidebar .widget_shopping_cart .top-cart .cart-content .total { border-bottom: 1px solid #000; border-top: 1px solid #000; }

/* Product listing */
.product-2 > div:nth-child(2n+1) { clear: both; }
.product-3 > div:nth-child(3n+1) { clear: both; }
.product-4 > div:nth-child(4n+1) { clear: both; }
.product-5 > div:nth-child(5n+1) { clear: both; }
.product-6 > div:nth-child(6n+1) { clear: both; }

.brando-logo-2 > .col-sm-6:nth-child(2n+1) { clear: both; }
.brando-logo-3 > .col-sm-4:nth-child(3n+1) { clear: both; }
.brando-logo-4 > .col-sm-3:nth-child(4n+1) { clear: both; }
.brando-logo-6 > .col-sm-2:nth-child(6n+1) { clear: both; }

.woocommerce.columns-1 > div.products > div:not([class *= "col-md"]) { width: 100%; float: left; padding-right: 15px; padding-left: 15px; }
.woocommerce.columns-2 > div.products > div:not([class *= "col-md"]) { width: 50%; float: left; padding-right: 15px; padding-left: 15px; }
.woocommerce.columns-3 > div.products > div:not([class *= "col-md"]) { width: 33.33333333%; float: left; padding-right: 15px; padding-left: 15px; }
.woocommerce.columns-4 > div.products > div:not([class *= "col-md"]) { width: 25%; float: left; padding-right: 15px; padding-left: 15px;}
.woocommerce.columns-5 > div.products > div:not([class *= "col-md"]) { width: 20%; float: left; padding-right: 15px; padding-left: 15px; }
.woocommerce.columns-6 > div.products > div:not([class *= "col-md"]) { width: 16.66666667%; float: left; padding-right: 15px; padding-left: 15px; }
.woocommerce.columns-1 > div.products > div.first:not([class *= "col-md"]) { clear: both;}
.woocommerce.columns-2 > div.products > div.first:not([class *= "col-md"]) { clear: both;}


/* sidebar */
.widget_layered_nav ul li { position:relative; float: left; width: 100%; padding: 5px 0; margin: 0; }
.widget_layered_nav ul li a { width: 100%; }
.widget_layered_nav ul li a:hover { color: #000; }
.widget_layered_nav ul li.active a { color:#000; padding-left: 13px; border: 0; }
.widget_layered_nav ul li.active:before { content:"\f00c"; left: 0; position: absolute; font-family:Font Awesome\ 5 Free; font-weight: 900; line-height: 25px; color:#000; font-size: 10px; }
.widget_layered_nav .hcode-color-attribute li { position:relative; float: left; width: auto; padding: 0; }
.widget_layered_nav .hcode-color-attribute li a { width:33px; color: #fff; text-indent:-9999px; margin:0 10px 10px 0; height: 25px; float: left; border: 0; }
.widget_layered_nav .hcode-color-attribute li.active:before { display: none; }
.widget_layered_nav .hcode-color-attribute li.active a:before { content:"\f00c"; left: 11px; position: absolute; font-family:Font Awesome\ 5 Free; font-weight: 900; line-height: 25px; color:#fff; font-size: 10px; text-indent: initial; z-index: 9999; }
.widget_layered_nav .hcode-color-attribute li.active a { padding-left: 0; }
.widget_layered_nav .hcode-color-attribute { margin-top:25px; }
.widget_layered_nav .hcode-size-attribute { margin-top:25px; }
.widget_layered_nav .hcode-size-attribute li { width:20%; padding: 0; margin:0 10px 10px 0; float:left; text-align:center; border:1px solid rgba(0, 0, 0, .2); font-size:10px; }
.widget_layered_nav .hcode-size-attribute li.active { background: #000; border:1px solid rgba(0, 0, 0, 1); }
.widget_layered_nav .hcode-size-attribute li.active a { color:#fff; display: block; padding: 0; }
.widget_layered_nav .hcode-size-attribute li:hover { background: #000; border:1px solid rgba(0, 0, 0, 1); }
.widget_layered_nav .hcode-size-attribute li:hover a { color:#fff; display: block; }
.widget_layered_nav .hcode-size-attribute li.active:before { content:""; left: 0; position: absolute; font-family:Font Awesome\ 5 Free; font-weight: 900; line-height: 25px; color:#fff; font-size: 10px; }
.widget_layered_nav .hcode-size-attribute li a { display: block; border: 0; }
.shop-price li { padding:2px; }
.shop-price li.active a, .category-list li.active a { color:#000; padding-left: 10px; border: 0; }
.shop-price li.active:before, .category-list li.active:before { content:"\f00c"; left: 10px; position: absolute; font-family:Font Awesome\ 5 Free; font-weight: 900; line-height: 25px; color:#000; font-size: 10px; }
.sidebar > .widget:last-child { margin-bottom: 0 !important; }
.sidebar > .widget p { width: 100% !important; }
.shop-price li.active a, .product-categories li.current-cat a { color:#000; padding-left: 13px; border: 0; }
.shop-price li.active:before, .product-categories li.current-cat:before { content:"\f00c"; left: 0; position: absolute; font-family:Font Awesome\ 5 Free; font-weight: 900; line-height: 25px; color:#000; font-size: 10px; }
.sidebar .widget_categories .children { padding-left: 12px; }
.sidebar .widget_categories .children > li:last-child { padding-bottom: 0; }

/* listing */
.shop-shorting { width:100%; outline: none; }
.shop-shorting-full { width:70%; }
.shop-shorting-full select { width:100%; }
.shop-shorting select { padding:6px 22px 6px 10px !important; font-size:11px; text-transform: uppercase; outline: none; }
.grid-nav i { font-size:13px; float: left; margin-right:10px; }
.grid-nav { margin-top:9px; line-height: 14px; }
.grid-nav p { font-size:11px; margin-left: 15px; display: inline-block; }
.grid-nav a.active i { color: #000; cursor: default; }

/* shop listing - grid view */
.product-grid-view .product .product-content-wrapper .product-available, 
.product-grid-view .product .product-content-wrapper .separator-line, 
.product-grid-view .product .product-content-wrapper .short-description { display: none; }
.product-grid-view .product { margin: 0 0 60px; }

/* shop listing - list view */
.product-list .product-name a { font-size: 16px; margin-bottom: 10px; }
.product-list-view .product { width: 100%; }
.product-list-view .product .product-image-wrapper { width: 58.3333%; float: left; padding: 0 15px; }
.product-list-view .product .product-content-wrapper { width: 41.6667%; float: left; text-align: left !important; padding: 0 15px; }
.product-list-view .product .product-content-wrapper .quick-buy { position: inherit; opacity: 1; background-color: transparent; top: 0; }
.product-list-view .product .product-content-wrapper .product-name a { font-size: 15px !important; letter-spacing: 2px !important; line-height: 24px !important; text-transform: uppercase; font-weight: 600 !important; }
.product-list-view .product .product-content-wrapper .product-available { font-size: 11px !important; line-height: 15px !important; }
.product-list-view .product { margin: 5% 0; }
.product-list-view .product .product-content-wrapper .price .amount { margin-right: 4px; margin-left: 0; }
.product-list-view .product .product-content-wrapper .price .amount:last-child { margin-left: 4px; margin-right: 0; }

/* product details */
.header-nav a { font-size: 11px; letter-spacing:1px; font-weight:600; text-transform: uppercase; padding:0 25px; }
.header-nav a:first-child { border-right: 1px solid #c6c6c6; }
.header-nav a:last-child { padding-right:0; border: none; }
.header-nav i { font-size: 14px; margin:0 8px; }
.products-thumb img { width:25%; margin-right:20px; }
.product-name-details { font-size:20px; }
.rating i { font-size:13px; margin-right:5px; }
.rating-text { margin-left:5px; font-size:10px; letter-spacing:3px; position:relative; top:-2px; float: left; }
.hcode-product-brand-rating .product_meta .rating-text { margin-left:0; }

.woocommerce .hcode-rating { display: flex; align-items: center;  }
.woocommerce .hcode-rating .product_meta { margin-left: auto; }

.hcode-product-brand-rating { display: flex; align-items: center; margin-bottom: 15px; }
.hcode-product-brand-rating .hcode-brand-logo-wrapper { max-width: 200px; }
.hcode-product-brand-rating .hcode-rating-section { flex-grow: 1; }
.hcode-product-brand-rating .hcode-rating { display: block }

.hcode-product-brand-rating .woocommerce .star-rating, .hcode-product-brand-rating .rating-text { float: none; display: inline-block; vertical-align: middle; }
.hcode-product-brand-rating .hcode-rating-section .rating { margin-bottom: 0 !important; }


.size-details { margin-top: 10px; }
.size-details li { width:33px; }
.size-chart { border: medium none !important; text-decoration: underline; text-transform: uppercase; width: 90px !important; }
.shop-shorting-details { background: #fff url("assets/images/select-arrow.png") no-repeat 81% 50%; margin:0 !important; width: 100% !important; }
.product-share-deails i { margin: 7px 0 0 10px; font-size:14px; vertical-align: middle; }
.shop-shorting-details select { line-height:15px; padding: 13px 15px 14px !important; }
.product-details-social i { font-size:14px; margin-right:20px; vertical-align: middle; }
.product-details-highlight-text { padding:35px; }
.instructions li { padding:5px 0; border-bottom:1px solid rgba(0, 0, 0, .1); }
.review-name { margin-bottom:5px; }
.review-main i { margin-right:10px; font-size:13px; }
.review { margin-bottom:30px; }
.rating { font-size: 11px; letter-spacing: 1px; text-transform: uppercase; }
.add-rating i { cursor:pointer; font-size:15px; }
.variations { margin: 0 -3%; }
.variations li { width: 50%; padding: 0 3%; }
.variations li .radio-select ul { clear: both; float: left; width: 100%; margin: 0 !important; padding: 0 !important; }
.variations li .radio-select ul li { float: left; width: 100%; padding: 0 0 5px 0; margin: 0; }
.variations li .radio-select ul li label { font-weight: 400; text-transform: none; margin: 0 0 0 5px; padding-left: 16px; display: block; }
.variations li .radio-select ul li input[type="radio"] { margin-top: 6px; }
.variations li div.swatch-wrapper.selected { border: 1px solid #565656; padding: 2px; }
.variations li .swatch-wrapper:hover { border-color: #565656; }
.variations li .swatch-wrapper.disabled:hover { border-color: #ccc; }
.variations li .swatch-control { margin-bottom: 20px; }
.variations li label { font-weight: 600; color: #000; margin-bottom: 5px; text-transform: uppercase; }
.variations li select { overflow: hidden; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; background: #fff url("assets/images/select-arrow.png") no-repeat right 10px top 50%; cursor: pointer; margin:0 !important; padding-right: 30px; padding-left: 10px; }
.single_variation_wrap { clear: both; background-color: #f6f6f6; float: left; padding: 20px; margin: 5px 0 25px 0; width: 100%; display: inline-block; }
.single_variation_wrap .single_variation { float: left; width: 100%; margin-bottom: 20px; }
.single_variation_wrap .single_variation .price { float: left; }
.single_variation_wrap .single_variation .price del { color: #626262; }
.single_variation_wrap .single_variation .stock { float: right; }
.single_variation_wrap .single_variation .in-stock { color: #3c763d; }
.single_variation_wrap .single_variation .out-of-stock { color: #a94442; }
.variations_button { clear: both; }
.buttons_added { float: left; margin-right: 15px; background-color: #fff; border: 1px solid #c9c9c9; padding: 15px 15px; }
.buttons_added .minus, .buttons_added .plus { background-color: #acacac; color: #fff; font-size: 15px; line-height: 14px; padding: 0 0 1px 1px; }
.buttons_added .minus { font-size: 20px; line-height: 10px; padding: 0 0 8px 1px;; }
.buttons_added .minus:hover, .buttons_added .plus:hover { background-color: #000; }
.buttons_added input { margin: 0; text-align: center; width: 15px; height: 15px; padding: 0; float: left; color: #000; font-size: 20px; border: 0; }
.buttons_added input.qty { width: 34px; font-size: 16px; }
.reset_variations { text-transform: uppercase; font-size: 11px; width: 100%; display: inline-block; position: relative; text-align: right; }
.cart-detail { margin-bottom: 20px; }
.owl-small-arrow.owl-carousel .owl-prev { left: 0; opacity: 1; }
.owl-small-arrow.owl-carousel .owl-next { right: 0; opacity: 1; }
.owl-small-arrow.owl-carousel .owl-prev, .owl-small-arrow .owl-next { width: 25px; height: 25px; line-height: 34px; margin-top: -10px; }
.owl-small-arrow.owl-carousel .owl-prev::before, .owl-small-arrow.owl-carousel .owl-next::before { box-shadow: none; border-radius: 0; background-color: transparent; }
.hcode-single-product-thumbnail-carousel .owl-item .item, .hcode-single-big-product-thumbnail-carousel .owl-item .item { text-align: center; }
.hcode-single-product-thumbnail-carousel .owl-item img { opacity: 0.5; }
.hcode-single-product-thumbnail-carousel .owl-item:hover img, .hcode-single-product-thumbnail-carousel .owl-item.active-slide img { opacity: 1; cursor: pointer; }
.single-product-image-wrapper { position: relative; }
.single-product-wrapper { float: left; width: 100%; }
.product-deails-tab { clear: both; float: left; width: 100%; }
.product-deails-related { clear: both; float: left; width: 100%; }
.product-deails-related .owl-item .item { padding: 0 15px; }
.single-product-left-sidebar > .widget:last-child { margin-bottom: 0; }
.single-product-right-sidebar > .widget:last-child { margin-bottom: 0; }
.product-title-responsive-wrapper { clear: both; }
.product-title-wrapper { clear: both; }
.product-deails-tab .tab-content .comment { color: #626262; width: 100%; }
.single-product-image-wrapper .hcode-single-big-product-thumbnail-carousel { margin-bottom: 20px; }
.product-deails-tab table th { width: 80px; }
.product-deails-tab table th, .product-deails-tab table td { font-weight: normal; text-transform: none; text-align: left; vertical-align: middle; border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 10px 15px; border-top: 0; }
.product-deails-tab table td p { padding: 0; margin: 0; }
.product-deails-tab .shop_attributes { width: 100%; border: 0; }
.woo-inner-link, .woo-inner-link:focus { margin:-15px 0 25px 0; display: block; text-decoration: underline; font-size: 11px; font-weight: 600; letter-spacing: 2px; line-height: 1.42857; text-transform: uppercase; }
.product-meta-single-page span { font-weight: 600; color: #888888; letter-spacing: 2px; text-transform: uppercase; font-size: 11px; line-height: 15px; }
.product-meta-single-page { margin-top: 26px; padding-top: 22px; }
.single-product-wrapper-left .woocommerce-product-gallery__trigger { position: absolute; right: 23px; top: 8px; text-indent: -9999px; z-index: 99; background: url("assets/images/zoom-trigger.png") no-repeat; width: 26px; height: 26px; }
.single-product-wrapper-left .woocommerce-product-gallery__trigger img { display: none !important; }
.single-product-wrapper-left figure:hover img { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); transition: all 0s ease; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; opacity:1; cursor: zoom-in; }
.single-product-wrapper-left ol { padding: 0; list-style: none; margin: 10px -5px 0 -5px; }
.single-product-wrapper-left ol li img { margin:0; width: 100%; cursor: pointer; opacity: .8; }
.single-product-wrapper-left ol li:hover img, .single-product-wrapper-left ol li img.flex-active { opacity: 1; }
.single-product-wrapper-left ol li { float: left; padding: 5px; }
.single-product-wrapper-left.woocommerce-product-gallery--columns-6 ol li { width: 16.6667%; }
.single-product-wrapper-left.woocommerce-product-gallery--columns-5 ol li { width: 20%; }
.single-product-wrapper-left.woocommerce-product-gallery--columns-4 ol li { width: 25%; }
.single-product-wrapper-left.woocommerce-product-gallery--columns-3 ol li { width: 33.3333%; }
.single-product-wrapper-left.woocommerce-product-gallery--columns-2 ol li { width: 50%; }
.hcode-remove-lightbox-popup .owl-item a { pointer-events: none; }

/* Product with both sidebar */
.review-tab-with-both-sidebar .nav-tabs li:first-child a { margin: 0 22px 0 0; }
.review-tab-with-both-sidebar .nav-tabs li a { margin: 0 22px; }

/* shopping cart */
.shop-cart .shop-shorting { width: 63px !important; }
thead th.first { padding-left: 0 !important; }
.product-thumbnail { padding-left: 0 !important; }
.cupon { display: inline-block; width: 100%; }
.cupon .form-inline .btn { margin-left: 10px !important; padding-top: 9px; }
.continue-shopping { margin-left: 15px !important; }
.shop-shorting-cart { background: #fff url("assets/images/select-arrow.png") no-repeat 81% 50%; margin:0 !important; width: 100% !important; }
.shop-cart { border: 0; }
.shop-cart .product-thumbnail { width: 150px; }
.hcode-shopping-cart-both-column .shop-cart .product-thumbnail img { width: 100px; max-width: inherit; }
.shop-cart .product-thumbnail img { max-width: 100px; }
.shop-cart .product-name { width: 35%; }
.shop-cart .product-name a { font-size: 13px; letter-spacing: 0.02em; }
.shop-cart .variation dt { clear: both; float: left; margin-right: 8px; }
.shop-cart .product-quantity .buttons_added { margin: 0; }
.woocommerce-remove-coupon { font-size: 12px; }
.hcode-shipping-method { padding-left: 0; float: left; width: 100%; }
.hcode-shipping-method li { margin-bottom: 10px; font-size: 12px; list-style: none; }
.hcode-shipping-method li label { margin:0; float: right; }
.woocommerce-checkout .hcode-shipping-method li input, .hcode-shipping-method li input { margin:3px 6px 0 0; float: none; }
.hcode-shipping-method li:last-child { margin-bottom: 0; }
.cart-total .shipping th { vertical-align: top; }
.shipping-calculator-button { text-decoration: underline; }
.shipping-calculator-form { padding-top: 15px; padding-bottom: 15px; }
.shipping-calculator-form p { margin: 0; }
.shipping-calculator-form input, .shipping-calculator-form textarea, .shipping-calculator-form select { background-color: #fff; text-transform: uppercase; font-size: 11px; }
.shipping-calculator-form input { padding-top: 10px; padding-bottom: 10px; margin: 0 0 10px; }
.cart-total td { width: 45%; border: 0; }
.cart-total .woocommerce-shipping-calculator .button { padding-top: 5px; padding-bottom: 5px; }
.shopping-cart-content .shop-cart-table .shop-cart th.product-quantity, .shopping-cart-content .shop-cart-table .shop-cart th.product-subtotal { min-width: 160px; }
.shopping-cart-content .shop-cart th { padding-top: 0; }
.cart-total { border: 0; }
.wc-cart-shipping-notice { line-height: 16px; text-align: right; }

.cart-total .woocommerce-shipping-calculator .shipping-calculator-form { text-align: left; }
.cart-total .woocommerce-shipping-calculator .shipping-calculator-form .button { font-size: 9px; padding: 5px 12px; letter-spacing: 1px; border: 2px solid #000; display: inline-block; color: #000; background-color: transparent; font-weight: 600; text-transform: uppercase; text-decoration: none; -webkit-appearance: button; cursor: pointer; margin-top: 10px; float: right; }
.cart-total .woocommerce-shipping-calculator .shipping-calculator-form .button:hover { background-color: #000; border: 2px solid #000; color: #fff; }
.woocommerce-shipping-calculator .shipping-calculator-form .select2-container .select2-selection--single { margin: 0; }

/* Shopping cart both */
.shopping-cart-content .shopping-cart-both-col-scroll { flex-direction: column; height: 100%; overflow-x: scroll; }

/* variation */
.variation { margin: 10px 0 10px 0; }
.variation dt { font-weight: normal; font-size: 11px !important; line-height: 15px !important; }
.variation dd { margin-bottom: 10px; font-size: 11px !important; line-height: 15px !important; }
.variation p { padding: 0; margin: 0; }

/* checkout */
.shop-cart .shop-shorting { width: 63px !important; }
thead th.first { padding-left: 0 !important; }
.cupon { display: inline-block; width: 100%; }
.cupon .form-inline .btn { margin-left: 10px !important; padding-top: 9px; }
.continue-shopping { margin-left: 15px !important; }
.woocommerce-checkout-top { float: left; width: 100%; }
.woocommerce-checkout-top .panel-title { padding-right: 30px; position: relative; font-size: 11px; }
.woocommerce-checkout-top .panel-title .panel-title-icon { position: absolute; right: 18px; top: 10px; }
p.lost_password { margin: 2px 0 0 0; float: right; }
p.lost_password a { text-decoration: underline; }
.woocommerce-checkout-top input.button { margin-right: 10px; }
.woocommerce-checkout-top .form-group { margin: 0; }
.checkout p { margin: 0; }
.checkout h2 { margin-bottom: 20px; }
.woocommerce .select2-container .select2-choice, .woocommerce .select2-results .select2-result-label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; }
.woocommerce .select2-container { margin: 0; position: relative; display: block!important; zoom: 1; vertical-align: middle; }
.woocommerce .select2-container, .woocommerce .select2-drop, .select2-search, .woocommerce .select2-search input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.woocommerce .select2-container .select2-choice { display: block; overflow: hidden; border-radius: 0; position: relative; white-space: nowrap; color: #626262; text-decoration: none; background-clip: padding-box; user-select: none; background-color: #fff; font-weight: 400; border: 1px solid #dfdfdf; font-size: 12px; letter-spacing: 1px; margin: 0 0 20px; max-width: 100%; padding: 8px 15px; resize: none; width: 100%; }
.woocommerce .select2-container .select2-choice>.select2-chosen { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: none; width: auto; }
.woocommerce .select2-container .select2-choice .select2-arrow { display: inline-block; width: 25px; height: 100%; position: absolute; right: 0; top: 0; border-radius: 0 3px 3px 0; background-clip: padding-box; }
.woocommerce .select2-container .select2-choice .select2-arrow b { display: block; width: 100%; height: 100%; position: relative; background: url("assets/images/select-arrow.png") no-repeat no-repeat scroll left 0px top 11px #fff; }
.woocommerce .select2-container .select2-choice .select2-arrow b:after { position: inherit; display: block; content: ""; top: inherit; left: inherit; border: 0px solid #666; margin-left: 0; margin-top: 0; }
.select2-drop-active { border-color:#dfdfdf !important; }
.woocommerce .select2-dropdown-open.select2-drop-above .select2-choice, .woocommerce .select2-dropdown-open.select2-drop-above .select2-choices { background-color: #fff; border: 1px solid #dfdfdf; border-radius: 0; }
.select2-results { background-color: #fff !important; }
.select2-results .select2-highlighted { border-radius: 0 !important; }
.select2-search input { background: url("assets/images/select2.png") no-repeat scroll 100% -25px #fff !important; font-size: 11px !important; color: #626262 !important; margin-bottom: 0; }
.checkout .create-account > div > p { margin-bottom: 20px; }
.checkout .checkbox { margin: 0; }
.checkout div.create-account { margin-top: 10px; }
.checkout div.create-account .form-row { margin: 0; }
.checkout div.create-account .form-row input { margin: 0; }

.woocommerce-checkout-top .woocommerce-error-message { padding: 0 !important; }
.woocommerce-checkout-top .woocommerce-success-message { padding: 0 !important; }
.woocommerce-checkout-top .woocommerce-notice-message { padding: 0 !important; }
.woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select { border-color: #a00; border-radius: 0; box-shadow: none; -webkit-appearance: none; }
.woocommerce form .form-row.woocommerce-validated input.input-text { -webkit-appearance: none; }
.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select { border-color: #69bf29; border-radius: 0; box-shadow: none; }
.woocommerce-checkout-review-order-table .shop-cart .product-name, .woocommerce-checkout-review-order-table .shop-cart .product-thumbnail { min-width: auto; width: auto; }
.woocommerce-checkout-review-order-table .shop-cart tfoot td { border-bottom: 1px solid #eee; color: #000; font-size: 12px; }
.woocommerce-checkout-review-order-table .shop-cart tfoot td .amount { font-size: 14px; }
.woocommerce-checkout-payment .payment_methods { float: left; width: 60%; }
.woocommerce-checkout-payment .place-order { float: right; width: 40%; }
.woocommerce-checkout-payment .place-order .terms { float: right; clear: both; margin-top: 10px; }
.woocommerce-checkout-payment .place-order .terms .input-checkbox { float: right; }
.woocommerce-checkout-payment .place-order .terms label { float: right; }
.woocommerce-checkout-payment .place-order .terms label a { color: #626262; text-decoration: underline; }
.woocommerce-checkout-payment .place-order .terms label a:hover { text-decoration: none; }
.woocommerce-checkout-payment .payment_methods li { margin: 0 0 15px 0; }
.woocommerce-checkout-payment .payment_methods li label { margin: 0; }
.woocommerce-checkout-payment .payment_methods li a { color: #626262; text-decoration: underline; }
.woocommerce-checkout-payment .payment_methods li a:hover { text-decoration: none; }
.woocommerce-checkout-payment .payment_methods li .payment_box { margin: 10px 0 0 0; }
.woocommerce-checkout-payment .payment_methods li.payment_method_paypal img { max-width: 152px; margin: 0 5px; }
.woocommerce-checkout-payment .payment_methods li.payment_method_paypal input[type="radio"] { margin-top: 18px; }
.woocommerce-checkout-review-order-table .hcode-shipping-method li:last-child { margin-bottom: 0; }
.checkout .form-row-first, .checkout .form-row-last { float: left; width: 47%; overflow: visible; }
.checkout .form-row-last { float: right; }
.shipping-title-text { width: 330px; }
.woocommerce-terms-and-conditions { max-height: 200px; overflow: auto; float: right; width: 100%; clear: both; margin-top: 20px; text-align: left; }
.woocommerce-terms-and-conditions section { padding: 0; }
.woocommerce-terms-and-conditions section container { width: 100% !important; }
.woocommerce-checkout .select2-container .select2-selection, .woocommerce-checkout .select2-results .select2-result-label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; }
.woocommerce-checkout .select2-container { margin: 0; position: relative; display: block!important; zoom: 1; vertical-align: middle; }
.woocommerce-checkout .select2-container, .woocommerce-checkout .select2-drop, .select2-search, .woocommerce-checkout .select2-search input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.woocommerce-checkout .select2-container .select2-selection { display: block; overflow: hidden; border-radius: 0; position: relative; white-space: nowrap; color: #626262; text-decoration: none; background-clip: padding-box; user-select: none; background-color: #fff; font-weight: 400; border: 1px solid #dfdfdf; font-size: 12px; letter-spacing: 1px; margin: 0 0 20px; max-width: 100%; padding: 8px 15px; resize: none; width: 100%; height: 41px; }
.woocommerce-checkout .select2-container .select2-selection>.select2-chosen { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: none; width: auto; }
.woocommerce-checkout .select2-container .select2-selection .select2-selection__arrow { display: inline-block; width: 25px; height: 100%; position: absolute; right: 0; top: 0; border-radius: 0 3px 3px 0; background-clip: padding-box; }
.woocommerce-checkout .select2-container .select2-selection .select2-selection__arrow b { display: block; width: 100%; height: 100%; position: relative; background: url("assets/images/select-arrow.png") no-repeat no-repeat scroll left 0px top 11px #fff; }
.woocommerce-checkout .select2-container .select2-selection .select2-selection__arrow b:after { position: inherit; display: block; content: ""; top: inherit; left: inherit; border: 0px solid #666; margin-left: 0; margin-top: 0; }
.woocommerce-checkout .select2-dropdown-open.select2-drop-above .select2-selection, .woocommerce-checkout .select2-dropdown-open.select2-drop-above .select2-choices { background-color: #fff; border: 1px solid #dfdfdf; border-radius: 0; }
.woocommerce-checkout form .form-row.woocommerce-invalid input.input-text, .woocommerce-checkout form .form-row.woocommerce-invalid select { border-color: #a00; border-radius: 0; box-shadow: none; -webkit-appearance: none; }
.woocommerce-checkout form .form-row.woocommerce-validated input.input-text { -webkit-appearance: none; }
.woocommerce-checkout form .form-row.woocommerce-validated .select2-container, .woocommerce-checkout form .form-row.woocommerce-validated input.input-text, .woocommerce-checkout form .form-row.woocommerce-validated select { border-color: #69bf29; border-radius: 0; box-shadow: none; }
.woocommerce-checkout .select2-selection--single .select2-selection__rendered { color: #626262; line-height: normal; padding-left: 0; padding-top: 2px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { border: 0; height: inherit; left: inherit; margin-left: inherit; margin-top: inherit; position: inherit; top: inherit; width: inherit; }
.woocommerce-checkout input[type="radio"] { margin: 6px 5px 0 0; }
.woocommerce-shipping-calculator .select2-container .select2-selection .select2-selection__arrow b { display: block; width: 100%; height: 100%; position: relative; background: url("assets/images/select-arrow.png") no-repeat no-repeat scroll left 0px top 8px #fff; }
.woocommerce-shipping-calculator .select2-container .select2-selection .select2-selection__arrow b:after { position: inherit; display: block; content: ""; top: inherit; left: inherit; border: 0px solid #666; margin-left: 0; margin-top: 0; }
.woocommerce-shipping-calculator .select2-container--default .select2-selection--single { border-radius: 0; height: 36px; border: 1px solid #dfdfdf; }
.woocommerce-shipping-calculator .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 32px; }
.woocommerce-shipping-calculator .select2 { margin-bottom: 10px; }
.woocommerce-shipping-calculator .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 15px; padding-right: 35px; }
.widget_recently_viewed_products ul.product_list_widget span.product-title { display: block; }
.widget_recently_viewed_products ul.product_list_widget li a img { margin-bottom: 10px; }
.widget_recently_viewed_products ul.product_list_widget li { margin: 10px 0; }

.woocommerce-MyAccount-content .select2-container { margin-bottom: 24px; }
.woocommerce-MyAccount-content .select2-container .selection { display: block; }
.woocommerce-MyAccount-content .select2-container .selection, .woocommerce-MyAccount-content .select2-container--default .select2-selection--single, .woocommerce-MyAccount-content .select2-container--default .select2-selection--single .select2-selection__rendered { outline: none; }
.woocommerce-MyAccount-content .select2-container--default .select2-selection--single { border-color: #dfdfdf; border-radius: 0; color: #626262; padding: 8px 15px; font-size: 12px; height: auto; }
.woocommerce-MyAccount-content .select2-container--default .select2-selection--single .select2-selection__rendered { color: #626262; line-height: inherit; padding-left: 0; }
.woocommerce-MyAccount-content .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { display: inline-block; }
.woocommerce-MyAccount-content .select2-container--default .select2-selection--single .select2-selection__arrow b { border:solid; border-width: 5px 4px 0 4px; border-color: transparent; border-top-color: #888; height: 0; width: 0; top: 16px; }
.woocommerce-MyAccount-content .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .woocommerce-MyAccount-content .select2-container--default.select2-container--open.select2-container--below .select2-selection--single { border-color: #989898; }
.select2-container--open .select2-dropdown--below, .select2-container--open .select2-dropdown--above { border-radius: 0; }

/* order received */
.review-order-details td.product-name a { display: inline-block; }
.review-order-details td.product-name .product-quantity { color:#000000; }
.review-order-details tfoot td { border-bottom: 1px solid #e5e5e5; }
.review-order-details > tbody { border-bottom: 1px solid #e5e5e5; }
.shop_table_responsive { width: 100%; margin-bottom: 30px; }
.shop_table_responsive td { line-height: 1.42857; border-bottom: 1px solid #e5e5e5; padding: 10px 30px; vertical-align: middle; }
.order-receive-wrapper .btn { margin: 15px 0 0 15px; }
.order-receive-wrapper .btn i { margin: 0 5px 0 0; position: relative; top: 3px; }
.review-order-details .variation dt { clear: both; float: left; margin-right: 8px; }
.review-order-details .variation dd { margin-bottom: 10px; }
.shop_table_responsive tr:last-child td { border-bottom: 0; }
.woocommerce-MyAccount-orders { border-bottom: 0; }
.woocommerce-MyAccount-orders .order-actions a { margin: 0 3px; }
.woocommerce-OrderUpdates { padding-left: 0; margin-bottom: 25px; }
.woocommerce-OrderUpdates li { font-size: 12px; text-transform: none; }
.woocommerce-OrderUpdates li p { margin-bottom: 0px; }
.woocommerce-MyAccount-order-review .shop_table { margin-bottom: 30px; }
.woocommerce-MyAccount-order-review .shop_table tfoot th { margin-bottom: 20px; border-top: 1px solid #ededed; padding-right: 20px; width: 75%; }
.woocommerce-MyAccount-order-review .shop_table thead .product-total, .woocommerce-MyAccount-order-review .shop_table tbody .product-subtotal { text-align: right; }
.woocommerce-MyAccount-order-review .shop_table tfoot th, .woocommerce-MyAccount-order-review .shop_table tfoot td { text-align: right; }
.woocommerce-MyAccount-order-review li.payment_method_paypal img { margin: 0 5px; max-width: 152px; }
.woocommerce-MyAccount-order-review input[type="radio"], .woocommerce-MyAccount-order-review input[type="checkbox"] { margin: 6px 5px 0 0; }
.woocommerce-MyAccount-order-review li.payment_method_paypal input[type="radio"] { margin-top: 19px; }
.woocommerce-MyAccount-order-review li.payment_method_paypal a { color: #626262; text-decoration: underline; }
.woocommerce-MyAccount-order-review li.payment_method_paypal a:hover { text-decoration: none; }
.woocommerce-MyAccount-order-review ul.payment_methods { width: 60%; float: left; }
.woocommerce-terms-and-conditions-wrapper { clear: both; border-top: 1px solid #e5e5e5; padding-top: 30px; margin-top: 15px; display: inline-block; width: 100%; text-align: right; margin-bottom: 30px; }
.woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions { float: none; }
.woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions .container { width: 100%; }
.woocommerce-terms-and-conditions-wrapper .required { display: inline-block; color: #ff0000 }
.woocommerce-terms-and-conditions-wrapper .checkbox { padding-left: 20px; margin-top: 15px; }
.woocommerce-MyAccount-order-review .form-row { width: 40%; float: right; }
.review-order-details .wc-item-downloads { clear: both; margin: 0; padding: 0; list-style: none; }
.review-order-details .wc-item-downloads li { font-size: 11px; color: #828282; margin: 6px 0 0 0; }
.review-order-details .wc-item-downloads li a { cursor: pointer; }

/* My account */
.myaccount_user a { text-decoration: underline; }
.myaccount_user a:hover { text-decoration: none; }
.billing-shipping-address p { margin: 0; }
.billing-shipping-address .form-row { padding: 0 15px; width: 50%; float: left; }
.billing-shipping-address #shipping_address_1_field, .billing-shipping-address #shipping_address_2_field, .billing-shipping-address #billing_address_1_field, .billing-shipping-address #billing_address_2_field { width: 100%; }
.billing-shipping-address .clear { display: none;; }
#customer_login .col-1, #customer_login .col-2 { padding: 25px; width: 47%; background: #f6f6f6; float: left; min-height: 360px; }
#customer_login .col-2 { float: right; }
.login-lost-password { margin-top: 15px; }
#customer_login p.lost_password { margin: 0 0 0 0; float: right; }
#customer_login .inline { margin-bottom: 0; }
.woocommerce-MyAccount-navigation { border-bottom: 1px solid #e5e5e5; float: left; width: 100%; border-left: 1px solid #e5e5e5; }
.woocommerce-MyAccount-navigation li a { color: #808080; float: left; position: relative; font-size: 12px; font-weight: 600; text-transform: uppercase;padding:13px 30px 9px;border: 1px solid #e5e5e5; border-bottom: 0; border-left: 0; background-color: #fff; }
.woocommerce-MyAccount-navigation li { float: left; }
.woocommerce-MyAccount-navigation li.is-active a { padding: 13px 30px 10px; margin-bottom: -1px; color: #000; }
.woocommerce-MyAccount-content { border: 1px solid #e5e5e5; border-top: 0px; width: 100%; display: inline-block; padding: 15px 0; }
.woocommerce-MyAccount-navigation i { color: #808080; font-size: 18px; display: block; text-align: center; margin-bottom: 4px; }
.woocommerce-MyAccount-content .order_details { margin-bottom: 25px; }
.term-description { margin-bottom: 30px; padding: 0 15px; }

/* ===================================
 Onepage demo
====================================== */
/* home main */
.feature-owl .carousel-control.left { margin-top: -17px; top: 50%; }
.feature-owl .carousel-control.right { margin-top: -17px; top: 50%; }

/* fashion */
#model.work-4col .grid figcaption { bottom:60px; }
.fashion-team .key-person:hover .key-person-details { border: 0; }
.fashion-team .key-person-details { border-top: 0; }
.fashion-person .fashion-right { padding: 0; position: relative; }
.fashion-person .fashion-right img { z-index: -1; }
.fashion-right .right-content { padding: 14% 12%; height: 100%; position: absolute; top: 0; width:100%; }
.fashion-person .separator-line { height: 2px; margin: 4.6% 0 8%; width: 40px; }
.fashion-slider .slider-text-middle-main { display: table; height: 100%; width: 40%; }
.fashion-slider .slider-typography { bottom: 0; height: 68%; }
.fashion-right .right-content .owl-subtitle { padding: 28px 0 29px; line-height: 24px; }
.key-person-fashion .key-person:hover .key-person-img img { opacity: 1; }

/* architecture */
.architecture-company .nav-tabs li.active span { color: #000; }
.architecture-slider .slider-typography { height: 36%; bottom: 0; }
.architecture-full-top .slider-typography { top: 0; }
.slider-headline { position: absolute; top: 0; height: 64%; width: 100%; text-align: center; z-index: 99; }
.slider-headline h1 { font-size: 45px; font-weight: 600; letter-spacing: 12px; }
.slider-headline h2 { font-size: 18px; font-weight: 300; letter-spacing: 3px; margin-top: 10px; }
.architecture-slider .owl-dot.active span { background-color: #000 !important; transform: none; }
.architecture-slider .owl-dot span { border: 2px solid #000; transform: none; background-color: inherit; width: 10px; height: 10px; border-radius: 10px; }
.architecture-slider .margin-three { margin-top: 0 !important; }
#animated-tab .nav-tabs { display: inline-block; height: 100%; }
.animated-tab4 .nav-tabs { display: inline-block; height: 100%; }
.architecture-company .separator-line { height: 2px; margin: 5% auto 2%; width: 40px; }
#animated-tab.architecture-company .nav-tabs > li > a { padding: 0 70px; }
.case-study-number { border-right: 2px solid rgba(255, 255, 255, .3); float: right; font-size: 50px; line-height: 112px; padding: 0 60px; }
.case-study-text { margin-left: 40px; top:-7px; }
.section-title-services { font-size:20px; font-weight: 600; letter-spacing:5px; }

/* spa */
.spa-sider .slider-content { height:100%; position: absolute; right: 0; }
.spa-sider .slider-content .spa-slider-bg { position: absolute; }
.spa-sider .slider-content .get-bg { margin:10% 0 15%; }
.spa-about-us .icon-bg { width: 125px; height: 125px; border-radius: 100%; margin: 0 auto; }
.spa-treatments .right-content { padding:60px; }
.spa-treatments .right-content ul li { border-top: 1px solid rgba(0, 0, 0, .15); font-size: 11px; font-weight: 400; letter-spacing: 2px; padding: 8px 0; text-transform: uppercase; }
.spa-treatments .right-content ul li:last-child { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.spa-treatments .right-content ul li span { width:55px; display: inline-block; }
.spa-treatments .nav-tabs li a { margin:15px 30px; }
.spa-our-packages .content-box { text-align: left; padding:30px; }
.spa-our-packages .content-box h3 { padding: 18px 20px 15px; letter-spacing: 0; text-align: left; font-size: 22px; }
.spa-our-packages .content-box a { margin: 20px 20px; }
.spa-case-study .case-study-title { font-size: 34px; line-height: 34px; }
.spa-case-study .case-study-work { font-size: 20px; font-weight: 300; padding: 5% 0px 0; }
.spa-case-study .case-study-slider { padding: 80px 0; }
.spa-case-study .btn-small-white-background { background-color: #b6b150; border: 2px solid #b6b150; color: #fff; }
.spa-case-study .btn-small-white-background:hover { background-color: inherit; }
.spa-case-study .case-study-slider img { left: 45%; margin: -113px 0 0 -113px; position: absolute; top: 50%; }
.spa-story { top:-10px; }
.spa-sider .owl-title { line-height: 40px; }

/* agency */
.margin-bottom-seven { margin-bottom: 7% !important; }
.margin-bottom-eleven { margin-bottom: 11%; }
.slider-subtitle6 { font-size: 18px; font-weight: 100; letter-spacing: 3px; line-height: 27px; text-transform: uppercase; width: 75%; }
.slider-title-big2 { display: inline-block; font-size: 35px; font-weight: 300; letter-spacing: 8px; margin-bottom: 17px; }
.slider-title-big2 span { display: table; font-weight: 600; line-height: 61px; text-transform: uppercase; }
.text-big { font-size: 233px; font-weight: 500; left: -20px; opacity: 0.1; text-transform:unset; top: -117px; z-index: -2; }
.text-big-title { font-size: 100px; font-weight: 600; letter-spacing: 4px; line-height: 92px; }
.contant-box { bottom: 0; z-index: 1; }
.about-us-slider { padding: 90px; }
.about-us-detials { margin-bottom: 90px; }
.reasons { padding: 8.6% 25.6% 25.6%; }
.reasons p { font-size: 12px; line-height: 20px; margin-bottom: 55px; text-transform: uppercase; }
.about-number { border-right: 1px solid rgba(0, 0, 0, .2); float: right; font-size: 80px; line-height: 112px; padding: 0 60px; }
.about-text { margin-left: 40px; top:-7px; }
.team-agency .owl-item { padding:0 10px; }
.team-agency .team-member .team-details { left:0; right:0; }
.team-agency-owl .owl-carousel .owl-item figure { cursor: default; }

/* restaurant */
.features-section p .left { display: table; }
.features-section p .right { float: right; }
.person-grid .grid figcaption { opacity: 1 !important; }
.person-grid .grid .gallery-img img { opacity: 0.15; }
.restaurant-our-service .key-person { max-height: 470px; }
.dateline-search { position: relative; }
.reservation-name:before { position: absolute; right: 32px; top: 12px; font-family:Font Awesome\ 5 Free; font-weight: 900; content: "\f007"; font-size: 16px; color: #575757; z-index: 1; }
.reservation-date:before { position: absolute; right: 32px; top: 12px; font-family:Font Awesome\ 5 Free; font-weight: 900; content: "\f073"; font-size: 16px; color: #575757; z-index: 1; }
.special-dishes-price { bottom: -2px; font-size: 16px; letter-spacing: 1px; padding: 12px 22px; position: absolute; right: 0; }

/* travel agency */
.travel-agency-slider .slider-text-middle-main { height: 100%; }
.travel-agency-slider h1 { font-size:50px; line-height: 60px; }
.about-tab-right { padding:70px; }
.about-tab-right .panel-title { background-color: inherit; border: 0 none; color: #fff; font-size: 15px; letter-spacing: 4px; padding: 18px; }
.about-tab-right .panel-body { background-color: inherit; }
.agency-enjoy-right { right: 0; top: 0; height: 100%; padding:100px; }
.agency-enjoy-right .title-top { font-size: 100px; font-weight: 400; margin: 5% 0 3% 4%; display: inline-block; line-height: 50px; text-transform: uppercase; }
.agency-enjoy-right .title-top span { display: inline-block; font-size: 38px; font-weight: 300; line-height: 54px; margin-left: 20px; }
.white-box { padding: 30px 10px; }
.white-box h5 { font-size: 12px; }
.agency-enjoy-right .row img { width: 100%; }
.agency-enjoy-right .center-img { left: 0; margin: 0 0 0 -110px; position: absolute; }
.about-tab-right .panel-default { border-bottom:1px solid rgba(255, 255, 255, .4); }
.about-tab-right .panel-default .row { padding: 20px; }
.about-tab-right .panel-heading { padding-bottom: 0; }
.about-tab-right .panel-default:last-child { border-bottom:1px solid rgba(0, 0, 0, 0.1); }
.popular-destinations-text { padding:25px; }
.popular-destinations-highlight { border: 2px solid #000; height: 100%; opacity: 0; padding: 45px 35px; position: absolute; text-align: center; top: 0; width: 100%; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transform: scale(0.9, 0.9); -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); }
.popular-destinations:hover .popular-destinations-highlight { opacity:1; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transform: scale(1.0, 1.0); -webkit-transform: scale(1.0, 1.0); transform: scale(1.0, 1.0); }
.popular-destinations-highlight-sub { margin-bottom:45px; }
.travel-about-img img { max-width:80%; }
.starting-from { font-size: 12px !important; letter-spacing: 4px; }
.starting-from span { letter-spacing: 2px; }
.starting-from a { padding: 3px 12px; }

/* corporate */ 
.onepage-corporate-slider h1 { font-size: 85px; font-weight: 600; letter-spacing: -2px; text-transform: lowercase; }
.services-number { font-size:45px; }
.grid-border .grid-border-box { padding:70px 0 !important; }
.grid-border .grid-border-box:hover { background:#000 !important; }
.grid-border .grid-border-box:hover i, .grid-border .grid-border-box:hover .black-text, .grid-border-box:hover h1 { color: #fff !important; }
.grid-border .grid-border-box:hover i { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transform: scale(0.8, 0.8); -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); }
.grid-border [class^=col-]:before { height: 100%; top: 0; left: -1px; border-left: 1px solid rgba(0, 0, 0, 0.1); }
.grid-border [class^=col-]:after { width: 100%; height: 0; top: auto; left: 0; bottom: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.grid-border [class^=col-]:before, .grid-border [class^=col-]:after { content: ''; position: absolute; }
.client-logo-inner { display: table-cell; height: 170px; text-align: center; vertical-align: middle; width: 100%; }
.client-logo-inner img { max-width: 240px; opacity: .6; }
.client-logo-inner:hover img { opacity: 1; }
.client-logo-outer { display: table; width: 100%; }
.corporate-border { border: 1px solid rgba(0, 0, 0, 0.1); }
.grid-border .grid-border-box.dark-grid-border-box:hover { background-color: #3b3b3b !important; }
.grid-border .grid-border-box.dark-grid-border-box img { opacity: 0.5; }
.grid-border .grid-border-box.dark-grid-border-box:hover img { opacity: 1; }

/* personal */
.personal-name h1 { font-size:45px; letter-spacing:3px; line-height: 50px; }
.education-box-main { border: 1px solid #000; padding:35px; }
.title-number { display: block; font-size: 55px; font-weight: 100; margin-bottom: 25px; left: -1px; letter-spacing: -2px; position:relative; }
.education-box i { display:block; font-size:35px; }
.award-box { border:1px solid #000; padding:25px; }
.award-box i { font-size:36px; position:relative; top:6px; }
.result { padding: 6px 15px; }

/* wedding */
.wedding-header { border:8px solid rgba(230, 175, 42, .4); padding:15px; }
.wedding-header-sub { padding:45px; }
.wedding-header-sub i { margin: 0 5px; font-size:15px; }
.wedding-heart { top:18px; }
.hcode-time-counter .counter-box { display: block; width: 130px; text-align: center; display:inline-block; }
.hcode-time-counter .number { font-size: 45px; text-align:center; font-weight: 100; line-height: 50px; }
.hcode-time-counter span { font-size: 12px; text-align: center; font-weight: 400; text-transform: uppercase; letter-spacing:1px; }
.about-couple { border:8px solid rgba(230, 175, 42, .4); padding:15px; }
.about-couple-sub { padding:10% 7%; }
.about-couple-sub img { max-width:38%; }
.about-couple-sub i { margin:20px 20px 0 20px; }
.event-box { padding:38px; border:3px solid #e6af2a; }

/* landing page */
.play-icon { border: 3px solid #fff; background:#fff; border-radius: 50%; display: inline-block; height: 80px; line-height: 88px; width: 80px; }
.play-icon i { font-size: 30px; margin: 0 29px; }
.play-icon:hover { background:none; border: 3px solid #fff; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.play-icon:hover i { color:#fff; }
.landing-title { font-size: 50px; }
.landing-subscribe { padding:25px; background:rgba(0, 0, 0, .5); }
.landing-subscribe-input { border:none; }
.landing-subscribe-input:focus { border:none; }
.landing-subscribe-button { background:#ff7529; border:none; color: #fff; font-size: 14px; font-weight: 600; line-height: 30px; padding-left: 22px; padding-right: 22px; }
.landing-subscribe-button:hover { background:#db5309; }
.landing-subscribe-button:focus { border: 0 !important; }
.services-number-landing { border-radius: 50%; display: inline-block; font-size: 35px; line-height: 90px; width: 90px; text-align: center; }

/* ===================================
 Multipage demo
====================================== */
/* fashion */
.fashion-subtitle { border:8px solid #000; padding:55px; font-size:45px; width: auto; display:inline-block; line-height:55px; margin:25px 0; letter-spacing: 3px; }
.model-details { margin-bottom:40px; }
.model-details-text { padding:25px 45px; }
.architecture-team { padding:30px 45px; margin-bottom: 55px; }

/* spa */
.spa-slider h1 { border: 4px solid #fff; display: inline-block; font-size: 45px; font-weight: 600; line-height: 85px; padding: 0 45px; }
.slider-strip { height:15px; }
.special-gifts-box { border:1px dashed rgba(0, 0, 0, .25); padding:25px 15px; }
.gifts-off { padding:0 15px; line-height:27px; margin:10px 0 0 0; display:inline-block; }
.spa-packages-img { max-width:110%; }

/* agency */
.agency-header h1 { font-size: 70px; font-weight: 700; width: 60%; margin: 0 auto; letter-spacing: -2px; line-height: 70px; text-transform: none; }
.agency-header span { font-size:16px; font-weight:400; display:block; margin:19% 0 12%; }
.agency-header img { margin-bottom: 2%; width: 22%; }
.agency-title { border-left:4px solid #fac32f; padding-left:25px; }
.agency-team .team-details { left:0; right:0; padding-left: 0; padding-right: 0; height: 100%; bottom: -100px; }
.agency-team figure { bottom:0; width:100%; }
.agency-team .team-details { padding-top:30%; }

/* restaurant */
.restaurant-header h1 span { font-size:70px; }
.restaurant-header h1 { font-size:14px; line-height:30px; letter-spacing:5px; }
.restaurant-header .resturant-slider-text { font-size: 14px; letter-spacing: 5px; line-height: 30px; margin: 0; text-transform: uppercase; }
.restaurant-features-main { border: 5px solid #cec687; padding:7px; }
.restaurant-features { border:1px dashed rgba(0, 0, 0, .3); padding:40px 10px; }
.about-restaurant-text { min-height:753px; padding:7% 11%; }
.about-restaurant-img { min-height:753px; }
.img-border { border: 10px solid rgba(255, 255, 255, 0.5); height: calc(100% - 80px); width: calc(100% - 80px); left: 40px; top: 40px; position: absolute; }
.img-border-small { border: 5px solid rgba(255, 255, 255, 0.5); height: calc(100% - 0px); width: calc(100% - 30px); left: 15px; top: 0; position: absolute; }
.img-border-full { border: 5px solid rgba(255, 255, 255, 0.5); height: calc(100% - 0px); width: calc(100% - 30px); left: 15px; top: 0; position: absolute; }
.img-border-small-gray { border: 5px solid rgba(0, 0, 0, 0.2); height: calc(100% - 80px); width: calc(100% - 80px); left: 40px; top: 40px; position: absolute; }
.img-border-small-fix { border: 5px solid rgba(255, 255, 255, 0.5); height:100%; width: 90%; left: 5%; top: 0; position: absolute; }
.img-bg-color { background:rgba(0, 0, 0, .5); height: calc(100% - 80px); width: calc(100% - 80px); left: 40px; top: 40px; position: absolute; }
.img-bg-color-gray { background:rgba(0, 0, 0, .03); height: calc(100% - 80px); width: calc(100% - 80px); left: 40px; top: 40px; position: absolute; }
.popular-dishes { position: absolute; width: 100%; padding: 0 15px; top: 50%; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; z-index:1; }
.popular-dishes-border { border: 4px solid #cec687; height: calc(100% - 59px); width: calc(100% - 59px); left: 35px; top: 25px; position: absolute; }
.popular-dishes img { width:auto; margin-bottom:18px; }
.starting { padding:6px 24px; }
.food-services-inner { padding:25px; background:rgba(0, 0, 0, .7); }
.food-services-border { border:5px solid rgba(255, 255, 255, 0.3); padding:50px; }
.food-services-inner:hover { background:rgba(178, 156, 78, .95); }
.food-time { padding:3px 25px; }
.restaurant-menu-img { min-height:669px; }
.restaurant-menu-text { padding:6%; }
.restaurant-menu-text-main { padding:4%; }
.restaurant-menu-text .menu-item { border-top: 1px dotted rgba(0, 0, 0, 0.2); padding: 20px 0; }
.restaurant-menu-text .menu-item:first-child { border: medium none; padding-top: 0; }
.restaurant-menu-text .first { border: medium none; padding-top: 0; }
.restaurant-menu-text .menu-item font { margin:0; }
.restaurant-menu-text .menu-item p { margin:0; }
.restaurant-menu-text .menu-item span:after { content:".........."; margin:0 15px; }
.restaurant-menu-text .menu-item span:nth-child(2):after { content:""; margin:0; }
.chef-img { min-height:625px; }
.chef-text { min-height:625px; padding:10%; }

/* travel */
.travel-slider { position: relative; z-index:1; }
.travel-adventure img { opacity:.7; }
.travel-adventure:hover img { opacity:.5; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); cursor:url("assets/images/icon-zoom-white.png"), pointer; }
.travel-adventure figure { position:absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; z-index:3; width:100%; top:50%; }
.travel-adventure a { display:block; position:relative; z-index:2; }
.special-offers { min-height:378px; }
.special-offers-sub { left: 0; position: absolute; right: 0; text-align: center; top: 26%; }
.best-hotels-img { padding:30px; }
.best-hotels-text { padding:35px 25px; }
.best-hotels-text .small-icon { font-size:17px !important; margin:0 3px; }
.hotels-price { top: 0; padding: 25px; position: absolute; right: 0; }
.hotels-price span { display:block; font-size:20px; }
.destinations-offer { position: absolute; padding:12px 15px; right:0; }
.block-default-cursor:hover img { cursor: pointer; }

/* corporate */
.corporate-slider h1 { font-size:50px; text-transform: inherit; line-height: 55px; }
.highlight-link-text { padding:0 25px; display:inline-block; line-height:30px !important; }
.highlight-link { padding:5px 13px; font-size:10px; font-weight:600; letter-spacing:2px; background: #e75e50; }
.highlight-link:hover { background:#000; color: #fff; }
.highlight-link i { position:relative; top:2px; margin:0 0 0 5px; }
.corporate-about-img { min-height:600px; }
.corporate-about-text { padding:70px 50px 70px; }
.corporate-about-text-bottom { padding:70px 50px 40px; }
.corporate-about-text-right { padding:50px 50px 70px 0; }
.corporate-about-text-right .title-large { font-weight: 700 !important; line-height: 18px !important; }
.corporate-about-text-right p { margin-top: 15px; font-size: 14px; }
.corporate-about-text-bottom > span { line-height: 18px !important; font-weight: 700 !important; margin-bottom: 15px !important; display: inline-block; }
.corporate-about-text-bottom p { font-size: 14px; }
.corporate-standards-img { min-height:600px; }
.corporate-standards-text { min-height:600px; padding:4.5% 10% 4.5%; }
.corporate-standards-title { left: 0; position: absolute; right: 0; text-align: center; top: 68%; z-index:5; }
.corporate-standards-img i { color:#fe6e39 !important; }
.corporate-standards-text .img-border-small-fix { z-index:-1; }
.sub-title { border-bottom: 1px solid #e75e50; display: inline-block; font-weight: 500; margin-top: 10px; text-transform: uppercase; }

/* photography */
.photography-slider h1 { font-size:90px; letter-spacing:50px; font-weight:700; }
.photography-grid figcaption { opacity:1; bottom: 0 !important; height: 100%; padding:12%; z-index:2; position: absolute; text-align: center; width: 100%; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
.photography-grid figure { position:static; text-align: center; }
.photography-grid figure img { display: inline; cursor: pointer; }
.photography-grid figcaption p { text-transform:none; }
.photography-grid-details { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.photography-title { font-size:20px; letter-spacing:15px; }
.photography-services li .btn-small { opacity:0; position:absolute; bottom:25%; transform: translateX(-50%); }
.photography-services li:hover .btn-small { opacity:1; bottom: 50px; }
.photography-services li:hover .img-border-small-gray { background:rgba(0, 0, 0, .6); }
.photography-services li:hover img { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.photography-section-title { top:-3px; margin:0 40px; letter-spacing: 15px; }
.hermes .tp-bullet { width: 10px; height: 10px; }

/* Filter by price */
.sidebar .price_slider { margin-bottom:15px; }
.sidebar .ui-slider-horizontal { height:4px; }
.sidebar .ui-slider { position:relative; text-align:left; margin-left:.5em; margin-right:.5em; }
.sidebar .ui-slider-horizontal .ui-slider-range { top:0; height:100%; }
.sidebar .ui-slider .ui-slider-range { position:absolute; z-index:1; font-size:.7em; display:block; border:0; background-color:#000; }
.sidebar .ui-slider .ui-slider-handle { position:absolute; z-index:2; width:10px; height:10px; background-color:#000; border-radius:1em; cursor:ew-resize; outline:0; top:-3px; margin-left:-.5em; }
.sidebar .price_slider_amount { width: 100%; text-align:right; font-size:14px; color: #626262; line-height: 30px; }
.sidebar .price_slider_amount .button { float: none; font-size: 11px; margin: 2px 0 0 0; line-height:1; cursor:pointer; position:relative; text-transform: uppercase; letter-spacing: 1px; text-decoration:none; overflow:visible; font-weight:400; left:auto; color:#ffffff; background-color:#000000; border:2px solid #000; white-space:nowrap; display:inline-block; background-image:none; box-shadow:none; -webkit-box-shadow:none; text-shadow:none; padding:4px 8px 5px; }
.sidebar .price_slider_amount .button:hover { background-color: transparent; text-decoration:none; background-image:none; color:#000; }
.sidebar .price_slider_wrapper .ui-widget-content { background-color:#dcdcdc; border:0; }
.sidebar .product-categories .children { padding-left: 12px; }
.sidebar .product-categories .children > li:last-child { padding-bottom: 0; }

/* form */
.checkbox-inline span { display: inline-block; margin-left: 0; margin-right: 5px; }
.radio-inline span { display: inline-block; margin-left: 0; margin-right: 5px; }
.optionsradios label, .optionscheckbox label { padding-left: 0; }
.radio-inline, .checkbox-inline { padding-left: 0; }

/* variations */
.variations li { float: left; }

/* demo */
.main-demo .container { width: 76%; }
.main-demo .mfp-ajax-holder .container { width:1183px; }
.navbar .container { width: 1183px; }
.demo .container { min-height:700px; }
.demo h1 span { font-size:14px; display:block; font-weight:400; letter-spacing:8px; }
.demo .highlight-button { border: 1px solid #000; font-size: 12px; min-width: 150px; padding: 6px 0; }
.html-pages { background:#000; color:#fff; display:inline-block; font-size:14px; font-weight:600; letter-spacing:4px; line-height:40px; margin-bottom:70px; padding: 0 28px; text-transform:uppercase; }
.demo-down { padding:50px; }
.demo-down strong { font-size:24px; position:relative; top:3px; margin-right:7px; }
.demo-image [class^="col-"] { margin-bottom:65px; }
.demo-link { margin:25px 0 0; text-transform:uppercase; font-size:11px; font-weight: 600; letter-spacing: 2px; display: block; }
.demo-image img:hover { opacity:0.7; }
.demo-figure { background:#ffe400; text-transform: uppercase; font-size: 13px; padding: 10px 25px; color: #393939; font-weight: 600; letter-spacing:3px; }
.buy-theme { position:fixed; top:125px; border-radius: 4px; right: -151px; background: url("assets/images/buy-theme.png") no-repeat 14px center rgba(50, 50, 50, .8); z-index: 10; }
.buy-theme:hover, .quick-question:hover { right: -26px; }
.buy-theme span, .quick-question span { padding:0 28px; position: relative; top:0; opacity: 0; }
.buy-theme:hover span, .quick-question:hover span { opacity: 1; }
.buy-theme a, .quick-question a { color: #fff; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; padding:8px 15px; display: block; }
.buy-theme a:hover, .quick-question a:hover { color: #fff; }
.quick-question { position:fixed; top:175px; border-radius: 4px; right: -153px; background: url("assets/images/quick-question.png") no-repeat 14px center rgba(50, 50, 50, .8); z-index: 10; }

/* popup */
span.wpcf7-not-valid-tip { display: none !important; }
.wpcf7-not-valid { border: 1px solid #f00; }

/* animated tabs */
.widget_shopping_cart .widget-title { display: none; }
.hcode-animated-tabs .nav-tabs { border:0px; text-align:center; display:inline-block; margin: 0 0 130px; }
.hcode-animated-tabs .nav-tabs > li { margin:0px; border-right: 1px solid #d7d7d7; float: left; text-align: center; padding: 0 15px; }
.hcode-animated-tabs .nav-tabs > li:last-child { border: none; }
.hcode-animated-tabs .nav-tabs > li > a { text-align:center; vertical-align:middle; display: inline-block; margin:0 auto; font-size:42px; outline:none; padding: 0 55px; border: none; float: none; }
.hcode-animated-tabs .nav-tabs > li > a:hover .white-text { color:#5bcf21; }
.hcode-animated-tabs .nav-tabs > li.active a i { color:#000; }
.hcode-animated-tabs .nav-tabs > li > a > span { vertical-align:middle; display: table-cell; }
.hcode-animated-tabs .nav-tabs > li:last-child > a { border-right:1px solid rgba(255, 255, 255, .3); }
.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin: 0 !important; }
.animated-tab1 .nav-tabs > li > a { padding: 0 50px; }
.animated-tab2 .nav-tabs { height: auto; }
.hcode-animated-tabs .nav-tabs > li span { display: inline-block; }

/*flexible tabs*/
.hcode-flexible-tab .nav-tabs { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; height: auto; } 
.hcode-flexible-tab .nav-tabs > li { width: auto; flex-grow: 1; } 
.hcode-flexible-tab .nav-tabs > li > a { padding: 0; font-size: unset; } 
.hcode-flexible-tab .nav-tabs > li > a > span > i { font-size: 42px; margin-bottom: 10px; } 
.hcode-flexible-tab .nav-tabs > li > a > img { max-width: 50px; margin-bottom: 10px; } 

/* product details rating */
.woocommerce .star-rating span { float: left; left: 0; overflow: hidden; padding-top: 1.5em; position: absolute; top: 0; }
.woocommerce .star-rating { float: left; top: 3px; font-size: 1em; height: 1em; line-height: 1; overflow: hidden; position: relative; width: 6.6em; }
.woocommerce .star-rating::before { color: #d3ced2; content: "\f005\f005\f005\f005\f005"; float: left; left: 0; position: absolute; top: 0; font-family:Font Awesome\ 5 Free; font-weight: 900; }
.woocommerce .star-rating span::before { font-family:Font Awesome\ 5 Free; font-weight: 900; content: "\f005\f005\f005\f005\f005"; left: 0; position: absolute; top: 0; color: #000; }
.woocommerce .hcode-rating .star-rating::before, .woocommerce .hcode-rating .star-rating span::before { letter-spacing: 2.6px; }
.woocommerce .rating { font-size: 13px; float: left; width: 100%; }
.woocommerce p.stars { position: relative; font-size: 1em; }
.woocommerce p.stars a { display: inline-block; font-weight: 700; margin-right: 1em; text-indent: -9999px; position: relative; border-bottom: 0!important; outline: 0; }
.woocommerce p.stars a:last-child { border-right: 0; margin-right: 0; }
.woocommerce p.stars a.star-1, .woocommerce p.stars a.star-2, .woocommerce p.stars a.star-3, .woocommerce p.stars a.star-4, .woocommerce p.stars a.star-5 { border-right: 1px solid #ccc; }
.woocommerce p.stars a.star-1:after, .woocommerce p.stars a.star-2:after, .woocommerce p.stars a.star-3:after, .woocommerce p.stars a.star-4:after, .woocommerce p.stars a.star-5:after { font-family:Font Awesome\ 5 Free; font-weight: 900; text-indent: 0; position: absolute; top: 0; left: 0; }
.woocommerce p.stars a.star-1 { width: 2em; }
.woocommerce p.stars a.star-1:after { content: "\f005"; font-weight: 400; }
.woocommerce p.stars a.star-1.active:after, .woocommerce p.stars a.star-1:hover:after { content: "\f005"; font-weight: 900; }
.woocommerce p.stars a.star-2 { width: 3em; }
.woocommerce p.stars a.star-2:after { content: "\f005\f005"; font-weight: 400; }
.woocommerce p.stars a.star-2.active:after, .woocommerce p.stars a.star-2:hover:after { content: "\f005\f005"; font-weight: 900; }
.woocommerce p.stars a.star-3 { width: 4em; }
.woocommerce p.stars a.star-3:after { content: "\f005\f005\f005"; font-weight: 400; }
.woocommerce p.stars a.star-3.active:after, .woocommerce p.stars a.star-3:hover:after { content: "\f005\f005\f005"; font-weight: 900; }
.woocommerce p.stars a.star-4 { width: 5em; }
.woocommerce p.stars a.star-4:after { content: "\f005\f005\f005\f005"; font-weight: 400; }
.woocommerce p.stars a.star-4.active:after, .woocommerce p.stars a.star-4:hover:after { content: "\f005\f005\f005\f005"; font-weight: 900; }
.woocommerce p.stars a.star-5 { width: 6em; border: 0; }
.woocommerce p.stars a.star-5:after { content: "\f005\f005\f005\f005\f005"; font-weight: 400; }
.woocommerce p.stars a.star-5.active:after, .woocommerce p.stars a.star-5:hover:after { content: "\f005\f005\f005\f005\f005"; font-weight: 900; }
.review-wrapper .star-rating { font-size: 13px; margin-bottom: 20px; letter-spacing: 2.6px; }
.review-wrapper .review-text { display: block; clear: both; font-size: 13px; letter-spacing: 0.02em; line-height: 23px; text-transform: none; }
.review-wrapper .review-name { font-size: 13px; }
.review-wrapper .comment { margin-right: 0; }
.review-wrapper label { color: #999999; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; }
.review-wrapper .list-inline { margin-left: 0; }
.review-wrapper .list-inline li:first-child { padding-left: 0; }
.woocommerce .lost_reset_password .input-text { width: 480px; }
.woocommerce .lost_reset_password label { width: 100%; }

/* product details rating */
.related-product-grid > div { margin-bottom: 60px; }

/* wooCommerce photo reviews */
span.wcpr-filter-button-wrap ul { top: 35px; left: 0; }
li.wcpr-filter-button-li a{ border-radius: 0; }
.wcpr-stars-count .wcpr-row .wcpr-col-star .star-rating { font-size: 13px; top: 11px; }
.wcpr-stars-count .wcpr-row .wcpr-col-star { font-size: 13px; width: 85px; }
.wcpr-stars-count .wcpr-row .wcpr-col-star .star-rating:before{ color: #000; opacity:1 !important; font-weight: 400; }
.wcpr-stars-count .wcpr-row .wcpr-col-star .star-rating span:before{ color: #000; font-weight: 900; }

/* ===================================
 col3 Layout
====================================== */
.col3-layout .container { width: 100%; }
.sidebar .widget_search .mfp-hide { display: block !important; }

/* ===================================
 col2 Layout
====================================== */
.col2-layout .container { width: 100%; }

/* ===================================
 Thanks Subscribed
====================================== */
.email-subscribed .alert div { display: table; width: 70%; color: #3c763d !important; }
.email-subscribed .alert div::first-letter { font-weight: bold; }

/* only ie7, ie9, ie10, ie11 */
@media screen\0 { 
    input {  padding-bottom: 19px; }
    .urgent-job { left: 151px !important; }
    .buttons_added input.qty { line-height: 14px; }
    .select2-search input { background-position: 100% -31px !important; }
}

.revolution-overflow { overflow: hidden; }
.col-layout img { margin: 0 4%; }
.core-features .col-md-6:nth-child(2n+1) { clear: both; }
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .core-features { margin-top: 1px; }
}

body.vc_editor .vc_hcode_font_icons, body.vc_editor .vc_hcode_button { display: inline-block; }

/* equal height row */
.hcode-row-flex::before, .hcode-row-flex::after { display: none }
.row-equal-height .hcode-row-flex, .row-equal-height.hcode-row-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center;  justify-content: center; }
.row-equal-height .hcode-row-flex > div, .row-equal-height.hcode-row-flex > div {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.row-equal-height.row-content-top .hcode-row-flex > div, .row-equal-height.row-content-top.hcode-row-flex > div { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.row-equal-height.row-content-middle .hcode-row-flex > div, .row-equal-height.row-content-middle.hcode-row-flex > div { -webkit-box-align: center; -ms-flex-align: center; align-items: center;  }
.row-equal-height.row-content-bottom .hcode-row-flex > div, .row-equal-height.row-content-bottom.hcode-row-flex > div { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.row-equal-height .hcode-row-flex .hcode-column-container .vc-column-innner-wrapper, .row-equal-height.hcode-row-flex .hcode-column-container .vc-column-innner-wrapper { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

/* inner row */
.hcode-inner-row { float: left;width: 100%; }

/* language */
.menu-item-language { position: relative; }
.menu-item-language ul { display: none; position: absolute; background-color: rgba(27, 22, 28, 0.95); width: 40px; }
.navbar-nav .menu-item-language > ul > li { padding: 0 !important; margin: 0 !important; text-align: center; }
.menu-item-language > ul > li > a { border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important; display: block; margin: 0 !important; padding: 4px 0 5px !important; width: 100% !important; }
.menu-item-language > a > img.iclflag { margin-bottom: 2px !important; }
.menu-item-language > ul > li:last-child > a { border-bottom: 0 !important; }
.menu-item-language > ul > li:last-child > a:hover { border-bottom: 0 !important; }
.menu-item-language > ul > li > a > img { padding: 0 !important; margin: 0 !important; }
.menu-item-language > ul > li > a:hover { background-color: rgba(0, 0, 0, 0.95); border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; }
.menu-item-language:hover > a { border-bottom: 2px solid #000; }
.menu-item-language:hover ul { display: block; }
.menu-item-language > a > i { color: #000; font-size: 14px; position: relative; top: 1px; }

/* processing loading */
.processing { float: left; width: 100%; }
.woocommerce .blockUI.blockOverlay { position:relative; }
.woocommerce .blockUI.blockOverlay:before, .woocommerce .loader:before { height:40px;width:40px;position:absolute;top:50%;left:50%;margin-left:-.5em;margin-top:-.5em;display:block;content:"";background:url(assets/images/ajax-loader.gif) center center;background-size:cover;line-height:1;text-align:center;color:rgba(0, 0, 0, .75); }
.woocommerce .hcode_shopping_cart_content .blockUI.blockOverlay { position:relative; background-color: rgba(255, 255, 255, .95) !important; opacity: 1 !important; }
.woocommerce .hcode_shopping_cart_content .blockUI.blockOverlay:before, .woocommerce .hcode_shopping_cart_content .loader:before { height:20px;width:20px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);margin-left:0;margin-top:0;display:block;content:"";background:url(assets/images/ajax-loader.gif) center center;background-size:cover;line-height:1;text-align:center;color:rgba(0, 0, 0, .75); }

/* figure caption */
figure.hcode-image-caption:hover img { transform: none; opacity: 1; cursor: inherit; }
.hcode-image-caption figcaption { padding: 8px 10px; }

/* onepage agency option 2 */
.short-history .fill { top: 0; }
.slider-home ol.carousel-indicators { display: none; }
.sub-headline { color: #fff; font-size: 17px; text-align: center; font-weight: 600; background-color: #191919; padding: 30px 35px; width: 330px; bottom:4px; position: absolute; left: -245px; letter-spacing: 0.30px; margin: 0 auto;-ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.sub-headline p { margin: 0; }
.our-services ul { margin: 0; padding: 0 0 0 40px; list-style-type: none; }
.our-services ul li { padding-left: 90px; }
.our-services ul li .number { position: absolute; left: 0; font-size: 45px; top: 10px; }
.box-min-height { min-height: 750px; }
.our-process { clear: both; }
.heading-style-ten { display: inline-block; min-height: 85px; margin-bottom: 20px; width: 100%; }
.heading-style-ten .icon-image { display: inline-block; vertical-align: middle; margin-right: 20px; }
.our-process .icon .title { line-height: 23px !important; }
.our-process .underline-bg { background-color: #ef824c; position: absolute; left: 0; }
.our-team-agency-social div { float: left; }
.our-team-agency-social { cursor: auto; }
.our-team-agency-social div span { font-size: 20px; color: #ef824c; margin: 0 15px; vertical-align: bottom; }
.our-team-agency-social a i { color: #191919; }
.bottom-arrow-pagination .owl-dots { display: none; }
.bottom-arrow-pagination .owl-controls .owl-prev { display: block; }
.bottom-arrow-pagination .owl-controls .owl-next { display: block; }
.bottom-arrow-pagination .owl-nav { bottom: 56px; position: absolute; width: 100%; }
.bottom-arrow-pagination .owl-nav button.owl-prev, .bottom-arrow-pagination .owl-nav button.owl-next { position: inherit; top: inherit; float: left; margin: 0; width: 56px; height: 56px; background-color: #2a2a2a; padding-top: 16px; text-align: center; }
.bottom-arrow-pagination .owl-nav button.owl-prev { left: 50%; margin-left: -56px; }
.bottom-arrow-pagination .owl-nav button.owl-next { right: 50%; margin-right: -56px; }
.bottom-arrow-pagination .owl-nav .owl-prev::before, .bottom-arrow-pagination .owl-nav .owl-next::before { position: inherit; background-color: inherit; box-shadow:none; }
.bottom-arrow-pagination .owl-nav .owl-prev i, .bottom-arrow-pagination .owl-nav .owl-next i { color: #fff; vertical-align: middle; display:table; margin: 0 auto; top: 0; }
.bottom-arrow-pagination .owl-nav .owl-prev:hover, .bottom-arrow-pagination .owl-nav .owl-next:hover { background-color: #ffffff; }
.bottom-arrow-pagination .owl-nav .owl-prev:hover i, .bottom-arrow-pagination .owl-nav .owl-next:hover i { color: #2a2a2a; }
.latest-blogs .blog-image { position: relative; }
.latest-blogs .blog-image:hover .blog-content { opacity: 1; }
.latest-blogs .blog-content { position: absolute; top: 0; opacity: 0; width: 100%; height: 100%; background-color: rgba(42, 42, 42, 0.9); color: #fff; padding:10px 40px; z-index: 2; }
.latest-blogs .post-author { color: #c1c1c1; font-size: 11px; text-transform: uppercase; margin-bottom: 20px; display: inline-block; }
.latest-blogs .post-author a { color: #c1c1c1; }
.latest-blogs .post-title { color: #fff; font-size: 25px; text-transform: none; font-weight: 700; margin: 0 0 25px; line-height: 30px; letter-spacing: 1px; }
.latest-blogs .blog-listing p { font-size: 14px; font-weight: 300; color: #c1c1c1; margin: 0 0 25px; line-height: 22px; }
.latest-blogs .like-share i { margin-right:6px; }
.agency-contact-form { padding: 60px 40px; }
.latest-blogs .like-share a { color:#c1c1c1; letter-spacing: 0.55px; font-size: 11px; margin-right:15px; }
.btn-underline { font-size: 20px; letter-spacing: 0.55px; position: relative; }
.btn-underline .underline-bg { background-color: #ef824c; left: 0; position: absolute; top: 12px; margin: 0; }
.latest-blogs .like-share i { color: #ef824c; }
.map-contact { padding: 10% 10% 0 10%; min-height:440px; }
.map-contact ul { list-style: none; padding: 0; }
.map-contact ul li { font-size: 14px; font-weight: 400; color: #fff; margin-bottom:30px; padding: 0 0 0 40px; text-transform: uppercase; position: relative; }
.map-contact ul li a { color: #fff; }
.map-contact ul li .fab, .map-contact ul li .fas, .map-contact ul li .far { position: absolute; left: 0; top: 5px; font-size: 21px; color: #fff; }
.agency2-onepage { font-size: 14px; font-weight: 400; color: #fff; margin-bottom:30px; padding: 0 0 0 40px; text-transform: uppercase; position: relative; }
.agency2-onepage:last-child { margin-bottom: 0; }
.agency2-onepage p { margin-bottom: 0; }
.agency2-onepage a { color: #fff; }
.agency2-onepage i { position: absolute; left: 0; top: 5px; font-size: 21px; color: #fff; }

.slider-typography.hcode-content-middle { position: inherit; }
.full-screen .slider-typography.hcode-content-middle { position: absolute; }

/* about us option 2 */
.specialise-box { min-height: 410px; }

/* post password form */
.post-password-form label { display: block; }
.post-password-form input:not([type=submit]) { display: block; }
.post-password-form input[type=submit] { border:2px solid #000; display: inline-block; padding: 8px 20px 9px; font-size: 12px; color:#000; background-color: transparent; font-size: 11px; padding: 2px 14px; letter-spacing: 1px; font-weight: 600; text-transform: uppercase; }
.post-password-form input[type=submit]:hover{ background-color: #000; border: 2px solid #000; color: #fff; }


/* lightbox popup */
.hcode-custom-lightbox-title img.mfp-img { padding: 70px 0; }
.hcode-custom-lightbox-title .mfp-bottom-bar { padding-bottom: 0; margin-top: -55px; }

/* template VC */
.compose-mode .vc_controls-column > div > .vc_active.element-vc_column .vc_advanced, .compose-mode .vc_controls-column > div > .vc_active.element-vc_column_inner .vc_advanced, .compose-mode .vc_controls-container > div > .vc_active.element-vc_column .vc_advanced, .compose-mode .vc_controls-container > div > .vc_active.element-vc_column_inner .vc_advanced, .compose-mode .vc_controls-row > div > .vc_active.element-vc_column .vc_advanced, .compose-mode .vc_controls-row > div > .vc_active.element-vc_column_inner .vc_advanced { width: 120px !important; }

/* group table */
.cart .group_table td .buttons_added { margin-bottom: 0; }
.cart .group_table td label { margin: 0 5px 0 0; }
.cart .group_table td input[type="checkbox"] { margin-top: 0; }
.group_single_button_wrap { clear: both; margin: 15px 0 25px; padding: 0; width: 100%; }

/* vc front editor */
.vc_empty-placeholder { margin-bottom: 0 !important; }
.compose-mode .hcode-min-height-0px, .compose-mode .vc_hcode_popular_dishes_content, .compose-mode .vc_hcode_photography_grid_content, .compose-mode .vc_hcode_photography_services_content { min-height: 0px !important; }
.compose-mode .vc_vc_row_inner { padding-top: 0px !important; }
.vc_editor .remove-position-relative .vc_element, .vc_editor .remove-position-relative-style2 { position: initial !important; }
body.vc_editor { background-color: transparent; }
.compose-mode .vc_element.item, .view-mode .vc_element.item { display: none !important; }
.compose-mode .vc_element.item.active, .view-mode .vc_element.item.active { display: block !important; }
.vc_editor.compose-mode .vc_element.vc_hcode_coming_soon { width: 100%; }
.compose-mode .vc_control-btn .vc-composer-icon { margin: 0; }
body.vc_editor .row-content-middle .hcode-column-container>.vc-column-innner-wrapper { -webkit-box-pack: inherit;-webkit-justify-content: inherit;-ms-flex-pack: inherit;justify-content: inherit; }
body.vc_editor .row-content-top { -webkit-align-content: flex-start; -ms-flex-line-pack: inherit; align-content: inherit; }
body.vc_editor .row-content-top .hcode-column-container>.vc-column-innner-wrapper { -webkit-box-pack:inherit; -webkit-justify-content: inherit; -ms-flex-pack: inherit; justify-content: inherit; }
body.vc_editor .row-content-bottom { -webkit-align-content: inherit; -ms-flex-line-pack: inherit; align-content: inherit; }
body.vc_editor .row-content-bottom .hcode-column-container>.vc-column-innner-wrapper { -webkit-box-pack: inherit; -webkit-justify-content: inherit; -ms-flex-pack: inherit; justify-content: inherit; }
body.vc_editor .vc-equal-col-height { min-height: 440px; }
body.vc_editor .vc-equal-col-height > div > div:first-child > .agency2-onepage { margin-top: 10%; }
body.vc_editor .video-wrapper.fit-videos.z-index-0 { position: inherit; }
body.vc_editor .front-column-class.vc_vc_column, body.vc_editor .front-column-class.vc_vc_column_inner { padding-left: 0px; padding-right: 0px; }
.vc_editor .vc_vc_column, .vc_editor .vc_vc_column_inner { padding-left: 15px; padding-right: 15px; }

/* wc smart coupons css */
.gift-certificate { margin: 30px 0; padding: 2% 2% 1% 2%; }
.gift-certificate-show-form { margin-bottom: 20px; }
.gift-certificate > h3 { margin-bottom: 15px; }
.gift-certificate ul { margin: 5px 0 0; }
.gift-certificate ul li input[type="radio"] { margin: 3px 5px 0 0; }
.gift-certificate ul li ul { margin: 0 0 0; }
.gift-certificate ul li ul li input[type="radio"] { float: none; margin: 3px 3px 0 0; position: relative; top: 2px; }
.gift-certificate ul li ul li label { margin-right: 15px; }

.app-launching-content-block a.btn { display: table; max-width: max-content; }
.hcode-newsletter-general input { border: 1px solid #000000; width: 70%; font-size: 11px; font-weight: 600; letter-spacing: 0.5px; height: 37px; float: left; margin: 0; }
.hcode-newsletter-general .btn { float: left; width: 30%; padding: 5px 14px !important; border-radius: 0; }
.hcode-newsletter-general .btn:hover { background-color: #000; color: #fff; }
.mfp-iframe-holder .mfp-close { border-radius: 0; }

.page-content-links { list-style: none; padding: 0; margin: 0; }
.page-top-link { text-decoration: underline; margin: 0 0 7px 0; color: #000000; text-transform: uppercase; }
.page-content-links ul { list-style: none; margin: 0; padding: 0 0 10px 0; }
.page-content-links > li { float: left; width: 25%; }
.page-content-links ul li { margin-bottom: 5px; }
.page-content-links ul li i { margin: 0 8px 0 0; }

/*** non sticky header ***/
.non-sticky-header { position: absolute !important; }
.non-sticky-header.shrink-nav { position: absolute !important; background: none !important; transition: none !important; }
.non-sticky-header.shrink-nav .container { height: inherit; }

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1199px){
    .fix-background { background-attachment: inherit !important; }
}

/*** vc icon element ***/
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon:before { font-weight: 900; }

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1199px){
    .fix-background { background-attachment: inherit !important; }
}