@charset "UTF-8"; @font-face { font-family: 'porto'; src: url('../fonts/porto-font/porto.eot?23364375'); src: url('../fonts/porto-font/porto.eot?23364375#iefix') format('embedded-opentype'), url('../fonts/porto-font/porto.woff2?23364375') format('woff2'), url('../fonts/porto-font/porto.woff?23364375') format('woff'), url('../fonts/porto-font/porto.ttf?23364375') format('truetype'), url('../fonts/porto-font/porto.svg?23364375#fontello') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. *//* Note, that will break hinting! In other OS-es font will be not as sharp as it could be *//* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'porto'; src: url('../font/porto.svg?23364375#fontello') format('svg'); } } */[class^="porto-icon-"]:before, [class*=" porto-icon-"]:before { font-family: "porto"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: 0.2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .porto-icon-spin1:before { content: '\e800'; } .porto-icon-spin2:before { content: '\e801'; } .porto-icon-spin3:before { content: '\e802'; } .porto-icon-spin4:before { content: '\e803'; } .porto-icon-spin5:before { content: '\e804'; } .porto-icon-spin6:before { content: '\e805'; } .porto-icon-firefox:before { content: '\e806'; } .porto-icon-chrome:before { content: '\e807'; } .porto-icon-opera:before { content: '\e808'; } .porto-icon-ie:before { content: '\e809'; } .porto-icon-phone:before { content: '\e80a'; } .porto-icon-down-dir:before { content: '\e80b'; } .porto-icon-cart:before { content: '\e80c'; } .porto-icon-up-dir:before { content: '\e80d'; } .porto-icon-mode-grid:before { content: '\e80e'; } .porto-icon-mode-list:before { content: '\e80f'; } .porto-icon-compare:before { content: '\e810'; } .porto-icon-wishlist:before { content: '\e811'; } .porto-icon-search:before { content: '\e812'; } .porto-icon-left-dir:before { content: '\e813'; } .porto-icon-right-dir:before { content: '\e814'; } .porto-icon-down-open:before { content: '\e815'; } .porto-icon-left-open:before { content: '\e816'; } .porto-icon-right-open:before { content: '\e817'; } .porto-icon-up-open:before { content: '\e818'; } .porto-icon-angle-left:before { content: '\e819'; } .porto-icon-angle-right:before { content: '\e81a'; } .porto-icon-angle-up:before { content: '\e81b'; } .porto-icon-angle-down:before { content: '\e81c'; } .porto-icon-down:before { content: '\e81d'; } .porto-icon-left:before { content: '\e81e'; } .porto-icon-right:before { content: '\e81f'; } .porto-icon-up:before { content: '\e820'; } .porto-icon-angle-double-left:before { content: '\e821'; } .porto-icon-angle-double-right:before { content: '\e822'; } .porto-icon-angle-double-up:before { content: '\e823'; } .porto-icon-angle-double-down:before { content: '\e824'; } .porto-icon-mail:before { content: '\e825'; } .porto-icon-location:before { content: '\e826'; } .porto-icon-skype:before { content: '\e827'; } .porto-icon-right-open-big:before { content: '\e828'; } .porto-icon-left-open-big:before { content: '\e829'; } .porto-icon-down-open-big:before { content: '\e82a'; } .porto-icon-up-open-big:before { content: '\e82b'; } .porto-icon-cancel:before { content: '\e82c'; } .porto-icon-user:before { content: '\e82d'; } .porto-icon-mail-alt:before { content: '\e82e'; } .porto-icon-fax:before { content: '\e82f'; } .porto-icon-lock:before { content: '\e830'; } .porto-icon-company:before { content: '\e831'; } .porto-icon-city:before { content: '\e832'; } .porto-icon-post:before { content: '\e833'; } .porto-icon-country:before { content: '\e834'; } .porto-icon-calendar:before { content: '\e835'; } .porto-icon-doc:before { content: '\e836'; } .porto-icon-mobile:before { content: '\e837'; } .porto-icon-clock:before { content: '\e838'; } .porto-icon-chat:before { content: '\e839'; } .porto-icon-tag:before { content: '\e83a'; } .porto-icon-folder:before { content: '\e83b'; } .porto-icon-folder-open:before { content: '\e83c'; } .porto-icon-forward:before { content: '\e83d'; } .porto-icon-reply:before { content: '\e83e'; } .porto-icon-cog:before { content: '\e83f'; } .porto-icon-cog-alt:before { content: '\e840'; } .porto-icon-wrench:before { content: '\e841'; } .porto-icon-quote-left:before { content: '\e842'; } .porto-icon-quote-right:before { content: '\e843'; } .porto-icon-gift:before { content: '\e844'; } .porto-icon-dollar:before { content: '\e845'; } .porto-icon-euro:before { content: '\e846'; } .porto-icon-pound:before { content: '\e847'; } .porto-icon-rupee:before { content: '\e848'; } .porto-icon-yen:before { content: '\e849'; } .porto-icon-rouble:before { content: '\e84a'; } .porto-icon-try:before { content: '\e84b'; } .porto-icon-won:before { content: '\e84c'; } .porto-icon-bitcoin:before { content: '\e84d'; } .porto-icon-ok:before { content: '\e84e'; } .porto-icon-chevron-left:before { content: '\e84f'; } .porto-icon-chevron-right:before { content: '\e850'; } .porto-icon-export:before { content: '\e851'; } .porto-icon-star:before { content: '\e852'; } .porto-icon-star-empty:before { content: '\e853'; } .porto-icon-plus-squared:before { content: '\e854'; } .porto-icon-minus-squared:before { content: '\e855'; } .porto-icon-plus-squared-alt:before { content: '\e856'; } .porto-icon-minus-squared-alt:before { content: '\e857'; } .porto-icon-truck:before { content: '\e858'; } .porto-icon-lifebuoy:before { content: '\e859'; } .porto-icon-pencil:before { content: '\e85a'; } .porto-icon-users:before { content: '\e85b'; } .porto-icon-video:before { content: '\e85c'; } .porto-icon-menu:before { content: '\e85d'; } .porto-icon-desktop:before { content: '\e85e'; } .porto-icon-doc-inv:before { content: '\e85f'; } .porto-icon-circle:before { content: '\e860'; } .porto-icon-circle-empty:before { content: '\e861'; } .porto-icon-circle-thin:before { content: '\e862'; } .porto-icon-mini-cart:before { content: '\e863'; } .porto-icon-paper-plane:before { content: '\e864'; } .porto-icon-attention-alt:before { content: '\e865'; } .porto-icon-info:before { content: '\e866'; } .porto-icon-compare-link:before { content: '\e867'; } .porto-icon-cat-default:before { content: '\e868'; } .porto-icon-cat-computer:before { content: '\e869'; } .porto-icon-cat-couch:before { content: '\e86a'; } .porto-icon-cat-garden:before { content: '\e86b'; } .porto-icon-cat-gift:before { content: '\e86c'; } .porto-icon-cat-shirt:before { content: '\e86d'; } .porto-icon-cat-sport:before { content: '\e86e'; } .porto-icon-cat-toys:before { content: '\e86f'; } .porto-icon-tag-line:before { content: '\e870'; } .porto-icon-bag:before { content: '\e871'; } .porto-icon-search-1:before { content: '\e872'; } .porto-icon-plus:before { content: '\e873'; } .porto-icon-minus:before { content: '\e874'; } .porto-icon-search-2:before { content: '\e875'; } .porto-icon-bag-1:before { content: '\e876'; } .porto-icon-online-support:before { content: '\e877'; } .porto-icon-shopping-bag:before { content: '\e878'; } .porto-icon-us-dollar:before { content: '\e879'; } .porto-icon-shipped:before { content: '\e87a'; } .porto-icon-list:before { content: '\e87b'; } .porto-icon-money:before { content: '\e87c'; } .porto-icon-shipping:before { content: '\e87d'; } .porto-icon-support:before { content: '\e87e'; } .porto-icon-bag-2:before { content: '\e87f'; } .porto-icon-grid:before { content: '\e880'; } .porto-icon-bag-3:before { content: '\e881'; } .porto-icon-direction:before { content: '\e882'; } .porto-icon-home:before { content: '\e883'; } .porto-icon-magnifier:before { content: '\e884'; } .porto-icon-magnifier-add:before { content: '\e885'; } .porto-icon-magnifier-remove:before { content: '\e886'; } .porto-icon-phone-1:before { content: '\e887'; } .porto-icon-clock-1:before { content: '\e888'; } .porto-icon-heart:before { content: '\e889'; } .porto-icon-heart-1:before { content: '\e88a'; } .porto-icon-earphones-alt:before { content: '\e88b'; } .porto-icon-credit-card:before { content: '\e88c'; } .porto-icon-action-undo:before { content: '\e88d'; } .porto-icon-envolope:before { content: '\e88e'; } .porto-icon-chart:before { content: '\e88f'; } .porto-icon-twitter:before { content: '\f099'; } .porto-icon-facebook:before { content: '\f09a'; } .porto-icon-spinner:before { content: '\f110'; } .porto-icon-instagram:before { content: '\f16d'; } .porto-icon-check-empty:before { content: '\f87a'; } .porto-icon-check:before { content: '\f87b'; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* Single Post */.single-post article { border-bottom: 0; margin-bottom: 0; } /* Post Slideshow */.post-slideshow { text-align: center; } /* Post */.entry-title { margin-top: 0; } .sub-title { text-transform: uppercase; } article.post .post-date, .post-item .post-date { float: left; margin-right: 10px; text-align: center; width: 40px; } article.post .post-date .month, .post-item .post-date .month { border-radius: 0 0 0 0; box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset; color: #fff; font-size: 0.9em; padding: 0 0 2px; display: block; } article.post .post-date .day, .post-item .post-date .day { background: #f4f4f4; border-radius: 0 0 0 0; display: block; font-size: 16px; font-weight: 500; font-weight: bold; padding: 10px 0; } article.post .post-date .sticky, .post-item .post-date .sticky { background: #62b959; border-radius: 0; box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset; color: #fff; font-size: 0.9em; padding: 2px 0 0; margin-top: 5px; display: block; } article.post .post-date .format, .post-item .post-date .format { border-radius: 0; box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset; color: #fff; font-size: 1.2857em; padding: 0; line-height: 40px; margin-top: 5px; } article.post .read-more, .post-item .read-more { display: inline-block; } article.post .read-more-block, .post-item .read-more-block { display: block; margin-top: 20px; } article.post h4.title-short, .post-item h4.title-short { margin-bottom: 2px; padding-top: 8px; } article.post .author-name a, .post-item .author-name a { color: inherit; } article.post h2 a, article.post h4 a { text-decoration: none; } article.post .post-meta { font-size: 0.9em; margin-bottom: 7px; } body.single-post article.post .post-meta { margin-bottom: 20px; } article.post .post-meta > span, article.post .post-meta > .post-views { display: inline-block; padding-right: 8px; } article.post .post-meta i, article.post .post-meta .post-views-icon.dashicons { margin-right: 3px !important; font-size: 1em !important; height: 1em; line-height: 1; width: 1em; text-align: center; } article.post .post-image { margin-bottom: 15px; } article.post .post-image.single { margin-bottom: 30px; } article.post .post-item .post-meta, article.post .post-item .read-more { font-size: 1em; } article.post-full, article.post-large { margin-left: 60px; } article.post-full h2.entry-title, article.post-large h2.entry-title { margin-bottom: 5px; } article.post-full .post-image, article.post-large .post-image, article.post-full .post-date, article.post-large .post-date { margin-left: -60px; } article.post-full.hide-post-date, article.post-large.hide-post-date { margin-left: 0; } article.post-full.hide-post-date .post-image, article.post-large.hide-post-date .post-image { margin-left: 0; } @media (max-width: 480px) { article.post-full, article.post-large { margin-left: 0; } article.post-full .post-image, article.post-large .post-image, article.post-full .post-date, article.post-large .post-date { margin-left: 0; } } article.post-large-alt { margin-left: 60px; } article.post-large-alt h2 { margin-bottom: 5px; } article.post-large-alt .post-date { margin-left: -60px; } article.post-large-alt.hide-post-date { margin-left: 0; } article.post-large-alt.hide-post-date .post-image { margin-left: 0; } @media (max-width: 480px) { article.post-large-alt { margin-left: 0; } article.post-large-alt .post-date { margin-left: 0; } article.post-large-alt .post-image { margin-left: 60px; } } article.post-grid .owl-carousel .owl-dots, article.post-timeline .owl-carousel .owl-dots { margin-top: 5px; } article.post-grid .post-image, article.post-timeline .post-image { margin-bottom: 5px; } article.post-grid .post-image.single, article.post-timeline .post-image.single { margin-bottom: 15px; } article.post-grid .post-image.thumb-info-side-image-wrapper, article.post-timeline .post-image.thumb-info-side-image-wrapper { margin-bottom: 0; } /* Post Block */.post-gap { margin: 45px 0 0 0; } .post-gap-small { margin: 15px 0 0 0; } .post-block, .post-share, article.post .comment-respond, article.portfolio .comment-respond { border-top: 1px solid #ddd; margin: 15px 0 0 0; padding: 20px 0 15px 0; } .post-block h3, .post-share h3, article.post .comment-respond h3, article.portfolio .comment-respond h3 { font-size: 1.8em; font-weight: 200; margin: 0 0 20px; } .post-block h3 i, .post-share h3 i, article.post .comment-respond h3 i, article.portfolio .comment-respond h3 i { margin-right: 7px; } /* Post Share */.post-share { padding-bottom: 0; } .post-share h3 { display: inline-block; margin-bottom: 10px; margin-right: 15px; margin-top: 5px; text-transform: none; } .post-share .share-links { display: inline-block; margin-top: -5px; } /* Post Share Advance */.post-share-advance { border: 0 none; bottom: calc(0px - 20px); margin: 0; padding: 0; position: absolute; right: 15px; z-index: 2; } .post-share-advance-bg { background: #2e353e; border-radius: 50px; float: right; height: 100%; max-height: 41px; overflow: hidden; padding: 11px 6px 32px; text-align: center; transition: max-height 400ms ease 0s; width: 42px; } .post-share-advance-bg:hover { height: 100%; max-height: 370px; } article.post-title-simple .post-share-advance.post-block.post-share { margin: 0; } .post-share-advance .fa-share-alt { background: #2e353e; border-radius: 50px; bottom: 0; color: #fff; height: 40px; line-height: 40px; position: absolute; right: 1px; width: 40px; } .post-share-advance > h3 { bottom: -32px; margin: 0; position: absolute; text-align: right; width: 100%; } .post-share-advance .share-links a:first-child { opacity: 0; } .post-share-advance:hover .share-links a:first-child { opacity: 0.5; } .post-share-advance:hover .share-links a:first-child:hover { opacity: 1; } .post-share-advance .share-links a { display: block; } .post-share-advance-bg .share-links { display: block; } .post-share-advance .fa-share-alt { color: #fff; } .post-share-advance .share-links a { background: transparent none repeat scroll 0 0; margin-right: 0; opacity: 0.5; } .post-share-advance .share-links a:hover { background: transparent; opacity: 1; } .post-share-advance .share-links .tooltip { display: none !important; } /* Post Author */.post-author { margin: 15px 0 0 0; } .post-author img { height: auto; max-width: 80px; } @media (max-width: 767px) { .post-author img { max-width: 60px; } } .post-author p { font-size: 0.9em; line-height: 22px; margin: 0; padding: 0; } .post-author p .name { font-size: 1.1em; } .post-author p .name a { text-decoration: none; } .post-author .img-thumbnail { float: left; margin-right: 20px; } @media (max-width: 767px) { .post-author .img-thumbnail { margin-right: 12px; } } /* Post Comments */.post-comments { margin-top: 45px; } ul.comments { list-style: none; margin: 0; padding: 0; } ul.comments ul.children { padding: 0; margin: 0; list-style: none; } ul.comments ul.children > li, ul.comments > li { clear: both; padding: 10px 0 0 115px; } ul.comments ul.children > li img.avatar, ul.comments > li img.avatar { height: auto; max-width: 80px; } ul.comments ul.children > li a, ul.comments > li a { text-decoration: none; } ul.comments ul.children > li .img-thumbnail, ul.comments > li .img-thumbnail { margin-left: -115px; position: absolute; } ul.comments ul.children > li .comment-body, ul.comments > li .comment-body { margin-bottom: 10px; } ul.comments ul.children > li .pull-right span, ul.comments > li .pull-right span { margin-left: 5px; } ul.comments .comment-arrow { border-bottom: 15px solid transparent; border-right: 15px solid #f4f4f4; left: -15px; border-top: 15px solid transparent; height: 0; position: absolute; top: 28px; width: 0; } ul.comments .comment-block { background: #f4f4f4; border-radius: 0; padding: 20px 20px 35px; position: relative; } ul.comments .comment-block p { font-size: 0.9em; line-height: 21px; margin: 0; padding: 0; } ul.comments .comment-block .comment-by { display: block; font-size: 1em; line-height: 21px; margin: 0; padding: 0 0 5px 0; } ul.comments .comment-block .comment-by span { display: inline-block; margin-left: 8px; } ul.comments .comment-block .date { color: #999; font-size: 0.9em; margin-top: 5px; } @media (max-width: 767px) { ul.comments ul.children { border-left: 8px solid #ddd; padding-left: 10px; } ul.comments ul.children > li, ul.comments > li { padding: 0; } ul.comments ul.children > li .comment-body, ul.comments > li .comment-body { background: #f4f4f4; border-radius: 0; padding: 10px; *zoom: 1; } ul.comments ul.children > li .comment-body:before, ul.comments > li .comment-body:before, ul.comments ul.children > li .comment-body:after, ul.comments > li .comment-body:after { content: " "; display: table; } ul.comments ul.children > li .comment-body:after, ul.comments > li .comment-body:after { clear: both; } ul.comments ul.children > li .img-thumbnail, ul.comments > li .img-thumbnail { margin: 0 12px 10px 0; float: left; position: static; } ul.comments ul.children > li img.avatar, ul.comments > li img.avatar { max-width: 60px; } ul.comments .comment-block { position: static; padding: 0; } ul.comments .comment-arrow { display: none; } } /* Leave a Comment */article .comment-respond { margin-top: 25px; padding-top: 45px; padding-bottom: 0; } article .comment-respond h3 { margin: 0 0 40px; } article .comment-respond input[type="submit"] { font-size: 1.2857em; padding: 0.5556em 0.8889em; border-radius: 0; line-height: 1.33; } article #cancel-comment-reply-link { margin-left: 10px; } .comment-form label { display: block; } .comment-form input[type="email"], .comment-form input[type="number"], .comment-form input[type="password"], .comment-form input[type="search"], .comment-form input[type="tel"], .comment-form input[type="text"], .comment-form input[type="url"], .comment-form input[type="color"], .comment-form input[type="date"], .comment-form input[type="datetime"], .comment-form input[type="datetime-local"], .comment-form input[type="month"], .comment-form input[type="time"], .comment-form input[type="week"], .comment-form select, .comment-form textarea { width: 100%; } /* Related Posts */.related-posts { margin-top: 35px; } .related-posts h3 { font-weight: 200; } .post-carousel .post-slide { *zoom: 1; } .post-carousel .post-slide:before, .post-carousel .post-slide:after { content: " "; display: table; } .post-carousel .post-slide:after { clear: both; } .post-carousel .post-slide.no-single .post-item { margin-bottom: 20px; } .post-carousel h4, .post-carousel h5 { margin-bottom: 7px; } .post-carousel.owl-carousel .owl-dots { margin-top: 0; } .post-carousel .post-item { margin: 0 15px; } .post-carousel .post-item .post-date, .post-grid .post-item .post-date, .post-timeline .post-item .post-date { margin: 3px 10px 8px 0; float: left; } .post-carousel .post-item .post-excerpt, .post-grid .post-item .post-excerpt, .post-timeline .post-item .post-excerpt { margin-bottom: 10px; } .post-carousel .post-item .post-meta, .post-grid .post-item .post-meta, .post-timeline .post-item .post-meta { font-size: 0.9em; margin-bottom: 7px; } body.single-post .post-carousel .post-item .post-meta, body.single-post .post-grid .post-item .post-meta, body.single-post .post-timeline .post-item .post-meta { margin-bottom: 20px; } .post-carousel .post-item .post-meta > span, .post-grid .post-item .post-meta > span, .post-timeline .post-item .post-meta > span, .post-carousel .post-item .post-meta > .post-views, .post-grid .post-item .post-meta > .post-views, .post-timeline .post-item .post-meta > .post-views { display: inline-block; padding-right: 8px; } .post-carousel .post-item .post-meta i, .post-grid .post-item .post-meta i, .post-timeline .post-item .post-meta i, .post-carousel .post-item .post-meta .post-views-icon.dashicons, .post-grid .post-item .post-meta .post-views-icon.dashicons, .post-timeline .post-item .post-meta .post-views-icon.dashicons { margin-right: 3px !important; font-size: 1em !important; height: 1em; line-height: 1; width: 1em; text-align: center; } .post-carousel .post-item.style-2 .post-excerpt, .post-grid .post-item.style-2 .post-excerpt, .post-timeline .post-item.style-2 .post-excerpt { margin-bottom: 20px; } .post-carousel .post-item.style-4 .post-meta, .post-grid .post-item.style-4 .post-meta, .post-timeline .post-item.style-4 .post-meta { font-size: 1em; } .post-carousel .post-item.style-4 .read-more, .post-grid .post-item.style-4 .read-more, .post-timeline .post-item.style-4 .read-more { margin-top: 15px; } .post-carousel .post-item.style-5 .cat-names, .post-grid .post-item.style-5 .cat-names, .post-timeline .post-item.style-5 .cat-names { font-weight: 600; text-transform: uppercase; } .post-carousel .post-item.style-5 .cat-names a, .post-grid .post-item.style-5 .cat-names a, .post-timeline .post-item.style-5 .cat-names a { text-decoration: none; text-transform: uppercase; } .post-carousel .post-item.style-5 .post-views, .post-grid .post-item.style-5 .post-views, .post-timeline .post-item.style-5 .post-views { float: right; } .post-item-small { margin: 0 15px; padding: 15px 0; *zoom: 1; border-top: 1px solid #ececec; } .post-item-small:before, .post-item-small:after { content: " "; display: table; } .post-item-small:after { clear: both; } .post-item-small:first-child { padding-top: 0; border-top-width: 0; } .post-item-small .post-image { margin: 0 10px 0 0; float: left; } .post-item-small .post-image img { width: 50px; height: auto; } .post-item-small .post-date { font-size: 0.9286em; } .entry-content { margin: 20px 0 30px; } /* Post Title Simple */article.post-title-simple h2.entry-title { font-size: 2.2em; margin-bottom: 15px; } article.post-title-simple .post-block { padding-top: 40px; margin-top: 37px; } article.post-title-simple .post-share { border-width: 0; padding-top: 0; margin-top: 0; } article.post-title-simple .comment-respond { padding-top: 60px; margin-top: 25px; } .post-item.post-title-simple h4 a { color: inherit; } .post-views.entry-meta > span { vertical-align: middle; display: inline-block; height: 1em; line-height: 1; } /* Posts */.blog-posts { position: relative; *zoom: 1; } .blog-posts:before, .blog-posts:after { content: " "; display: table; } .blog-posts:after { clear: both; } .blog-posts article { border-bottom: 1px solid #ddd; margin-bottom: 50px; padding-bottom: 10px; } .blog-posts article h2.show-content { margin-bottom: 25px; } .blog-posts .pagination { margin: -10px 0 20px; } /* Pagination */.pagination-wrap { text-align: center; } .pagination-wrap .pagination, .pagination-wrap .page-links { float: none; } .pagination-wrap .pagination > a, .pagination-wrap .page-links > a, .pagination-wrap .pagination > span, .pagination-wrap .page-links > span { float: none; margin: 0 2.5px 5px 2.5px; } .pagination, .page-links { font-size: 0.9286em; float: right; margin: 20px 0 0; *zoom: 1; } .pagination:before, .page-links:before, .pagination:after, .page-links:after { content: " "; display: table; } .pagination:after, .page-links:after { clear: both; } .pagination > a, .page-links > a, .pagination > span, .page-links > span { border: 1px solid #ccc; border-radius: 0; margin: 0 0 5px 5px; float: left; display: inline-block; padding: 0 0.5em; line-height: 2.1em; min-width: 2.2em; height: 2.2em; text-decoration: none; text-align: center; vertical-align: top; } .pagination span.dots, .page-links span.dots { border-width: 0; min-width: 0; padding: 0; } .pagination a:hover, .page-links a:hover, .pagination a:focus, .page-links a:focus, .pagination span.current, .page-links span.current { color: #fff; } .pagination .prev, .page-links .prev, .pagination .previouspagelink, .page-links .previouspagelink, .pagination .next, .page-links .next, .pagination .nextpostslink, .page-links .nextpostslink { text-indent: -9999px; width: 2.2em; overflow: hidden; position: relative; } .pagination .prev:before, .page-links .prev:before, .pagination .previouspagelink:before, .page-links .previouspagelink:before, .pagination .next:before, .page-links .next:before, .pagination .nextpostslink:before, .page-links .nextpostslink:before { font-family: "FontAwesome"; position: absolute; top: 1px; left: 0; right: 0; text-indent: 0; } .pagination .prev:before, .page-links .prev:before, .pagination .previouspagelink:before, .page-links .previouspagelink:before { content: "\f0d9"; } .pagination .next:before, .page-links .next:before, .pagination .nextpagelink:before, .page-links .nextpagelink:before { content: "\f0da"; } .infinite-container .pagination, .infinite-container .page-links { display: none; } /* Post pages */.page-links { float: none; *zoom: 1; } .page-links:before, .page-links:after { content: " "; display: table; } .page-links:after { clear: both; } .page-links .screen-reader-text { display: none !important; } .page-links .page-links-title { border-width: 0; margin: 0; padding: 0; } /* Grid */.blog-posts article.post-grid { border-width: 0; margin-bottom: 30px; padding-bottom: 0; } .posts-grid .grid-box { box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04); border-radius: 0; padding: 10px; position: relative; z-index: 1; border: 1px solid #e5e5e5; background: #fff; } .posts-grid .grid-box .img-thumbnail { max-width: 100%; } .posts-grid .grid-box .img-thumbnail, .posts-grid .grid-box .img-thumbnail img { padding: 0; border: 0; border-radius: 0; } .posts-grid .grid-box .owl-carousel { border-radius: 0; padding: 0; border: 0; box-shadow: none; } .posts-grid .grid-box .owl-carousel .owl-stage-outer { border-radius: 0; } @media (max-width: 767px) { .posts-grid .post { position: static !important; width: 100%; -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } } .blog-share { margin-bottom: 25px; } .blog-share .share-links a { margin: 0.2857em 0 0.2857em 0.5714em; } /* Blog Medium Alt */.posts-medium-alt > article:last-child { border-bottom: none; } .posts-medium-alt .img-thumbnail { padding: 0; border: none; } .posts-medium-alt .img-thumbnail img { max-width: 95%; } .posts-medium-alt .custom-border-radius { padding: 11px 30px !important; border-radius: 35px !important; } .posts-medium-alt .blog-post-date { position: absolute; top: 60%; right: 10px; padding: 25px 15px; z-index: 6; font-size: 3em; line-height: 1; text-align: center; transform: translateY(-50%); } .posts-medium-alt .blog-post-date .month-year { display: block; font-size: 0.4em; } /* Blog Like */.blog-like i { display: none; } .blog-liked i { display: none; } /* Portfolio */article.portfolio .portfolio-image.single { margin-bottom: 30px; } article.portfolio h2 a, article.portfolio h4 a { text-decoration: none; } .popup-inline-content hr.solid, .mfp-content .ajax-container hr.solid { margin-left: -30px; margin-right: -30px; } .popup-inline-content .portfolio-image.wide, .mfp-content .ajax-container .portfolio-image.wide { margin-left: -15px; margin-right: -15px; } @media (max-width: 767px) { .popup-inline-content .portfolio-image.wide, .mfp-content .ajax-container .portfolio-image.wide { margin-left: -7.5px; margin-right: -7.5px; } } body.boxed .portfolio .portfolio-image.wide, body.boxed #portfolioAjaxBox .portfolio-image.wide, body.boxed .portfolio hr.solid, body.boxed #portfolioAjaxBox hr.solid, #main.main-boxed .portfolio .portfolio-image.wide, #main.main-boxed #portfolioAjaxBox .portfolio-image.wide, #main.main-boxed .portfolio hr.solid, #main.main-boxed #portfolioAjaxBox hr.solid { margin-left: -30px; margin-right: -30px; } @media (max-width: 767px) { body.boxed .portfolio .portfolio-image.wide, body.boxed #portfolioAjaxBox .portfolio-image.wide, body.boxed .portfolio hr.solid, body.boxed #portfolioAjaxBox hr.solid, #main.main-boxed .portfolio .portfolio-image.wide, #main.main-boxed #portfolioAjaxBox .portfolio-image.wide, #main.main-boxed .portfolio hr.solid, #main.main-boxed #portfolioAjaxBox hr.solid { margin-left: -15px; margin-right: -15px; } } .mfp-content .ajax-container .portfolio-title, #portfolioAjaxBox .portfolio-title { margin-top: 0 !important; } .portfolio-image { margin-bottom: 15px; } .portfolio-slideshow { text-align: center; } .portfolio-title { margin-bottom: -15px; } .portfolio-title a { display: inline-block; } .portfolio-title .fa { font-size: 1.7em; } .portfolio-title .portfolio-nav, .portfolio-title .portfolio-nav-all { margin-top: 11px; } .portfolio-title .portfolio-nav { text-align: right; } .portfolio-title .portfolio-nav a { width: 40%; max-width: 27px; } .portfolio-title .portfolio-nav-all .fa { font-size: 2em; margin-left: 1px; } .portfolio-title .portfolio-nav-prev { text-align: left; } .portfolio-title .portfolio-nav-prev i:before { content: "\f053"; } .portfolio-title .portfolio-nav-next { text-align: right; } .portfolio-title .portfolio-nav-next i:before { content: "\f054"; } /* Portfolio Info */.portfolio-desc { margin-top: 10px; } .portfolio-info { margin: 7px 0 10px; float: right; } .page-portfolios .portfolio-info { margin-top: 2px; } .portfolio-info ul { list-style: none; padding: 0; margin: 0; } .portfolio-info ul li { display: inline-block; color: #b1b1b1; border-right: 1px solid #e6e6e6; padding-right: 8px; margin-right: 8px; font-size: 0.9em; } .portfolio-info ul li:last-child { border-right: 0; padding-right: 0; margin-right: 0; } .portfolio-info ul li a { cursor: pointer; text-decoration: none; color: #b1b1b1; } .portfolio-info ul li .fa, .portfolio-info ul li .post-views-icon.dashicons { margin-right: 4px !important; font-size: 1em !important; height: 1em; line-height: 1; width: 1em; } .portfolio-like, .portfolio-liked { cursor: pointer; text-decoration: none; } .portfolio-like i, .portfolio-liked i { margin-right: 4px !important; font-size: 1em !important; height: 1em; line-height: 1; width: 1em; } .portfolio-like:hover, .portfolio-liked:hover, .portfolio-like.linked, .portfolio-liked.linked { text-decoration: none; } .portfolio-like:hover .fa-heart, .portfolio-liked:hover .fa-heart, .portfolio-like.linked .fa-heart, .portfolio-liked.linked .fa-heart { color: #e53f51; } /* Related Portfolios */.related-portfolios { margin-top: 35px; } .related-portfolios.full .row { margin-left: 0; margin-right: 0; } .portfolio-carousel .portfolio-slide { *zoom: 1; } .portfolio-carousel .portfolio-slide:before, .portfolio-carousel .portfolio-slide:after { content: " "; display: table; } .portfolio-carousel .portfolio-slide:after { clear: both; } .portfolio-carousel .portfolio-item { margin: 0 15px 20px; } .portfolio-carousel .portfolio-item.full { margin: 0; max-width: 100%; } .portfolio-carousel.owl-carousel .owl-dots { margin-top: 0; } .portfolio-item-small { float: left; margin: 0 0 8px; padding: 0 4px; width: 33.333333%; max-width: 92px; } .portfolio-item-small:first-child { padding-top: 0; border-top-width: 0; } .portfolio-item-small .portfolio-image { margin: 0; } .portfolio-item-small .portfolio-image img { width: 100%; height: auto; filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100%); } .portfolio-item-small .portfolio-image img:hover { filter: none; -webkit-filter: none; } /* Portfolio List */ul.portfolio-list { list-style: none; margin: 0; padding: 0; } ul.portfolio-list .portfolio-item { margin-bottom: 30px; } .portfolio-item.outimage { text-align: center; } .portfolio-item .thumb-info .thumb-info-type .portfolio-like i, .portfolio-item .thumb-info .thumb-info-type .portfolio-liked i { text-shadow: none; } .portfolio-item .thumb-info .thumb-info-type .portfolio-like i:before { content: "\f08a"; } .portfolio .thumb-info .tooltip, .portfolio-item .thumb-info .tooltip { display: none !important; } /* Portfolio Details */ul.portfolio-details { list-style: none; padding: 0; margin: 0 0 0 5px; font-size: 0.9em; } ul.portfolio-details h5 { font-size: 1em; margin-bottom: 5px; } ul.portfolio-details li { padding: 0; margin: 0 0 20px; } ul.portfolio-details p { padding: 0; margin: 0; } ul.portfolio-details blockquote { padding: 0 0 0 10px; margin: 15px 0 0; color: #999; } ul.portfolio-details ul.list-skills { margin-left: 0; } ul.portfolio-details ul.list-skills li { margin-right: 20px; margin-bottom: 5px; } ul.portfolio-details.inline li { display: inline-block; margin-right: 20px; vertical-align: top; } ul.portfolio-details.inline li p { display: inline-block; } ul.portfolio-details.inline li strong { margin-right: 5px; } ul.portfolio-details.inline li ul, ul.portfolio-details.inline li .share-links { display: inline-block; } ul.portfolio-details.inline li.pull-right { margin-right: 0; } ul.portfolio-details .testimonial { font-size: 1.1111em; } /* Portfolio Page */.page-portfolios.portfolios-full .portfolio, .page-portfolios.portfolios-large .portfolio, .page-portfolios.portfolios-medium .portfolio { padding-bottom: 0; } .portfolio-row { position: relative; margin: 0 -15px; } .portfolio-row .portfolio { float: left; padding: 0 15px; margin-top: 0; margin-bottom: 30px; width: 100%; } .portfolio-row .portfolio-col-1 { width: 100%; } .portfolio-row .portfolio-col-2 { width: 50%; } .portfolio-row .portfolio-col-2.w2 { width: 100%; } @media (max-width: 767px) { .portfolio-row .portfolio-col-2 { width: 100%; } } .portfolio-row .portfolio-col-3 { width: 33.333333%; } .portfolio-row .portfolio-col-3.w2 { width: 66.666667%; } @media (max-width: 767px) { .portfolio-row .portfolio-col-3 { width: 50%; } .portfolio-row .portfolio-col-3.w2 { width: 100%; } } @media (max-width: 480px) { .portfolio-row .portfolio-col-3 { width: 100%; } } .portfolio-row .portfolio-col-4 { width: 25%; } .portfolio-row .portfolio-col-4.w2 { width: 50%; } @media (max-width: 991px) { .portfolio-row .portfolio-col-4 { width: 33.333333%; } .portfolio-row .portfolio-col-4.w2 { width: 66.666667%; } } @media (max-width: 767px) { .portfolio-row .portfolio-col-4 { width: 50%; } .portfolio-row .portfolio-col-4.w2 { width: 100%; } } @media (max-width: 480px) { .portfolio-row .portfolio-col-4 { width: 100%; } } .portfolio-row .portfolio-col-5 { width: 20%; } .portfolio-row .portfolio-col-5.w2 { width: 40%; } @media (max-width: 991px) { .portfolio-row .portfolio-col-5 { width: 25%; } .portfolio-row .portfolio-col-5.w2 { width: 50%; } } @media (max-width: 767px) { .portfolio-row .portfolio-col-5 { width: 33.333333%; } .portfolio-row .portfolio-col-5.w2 { width: 66.666667%; } } @media (max-width: 480px) { .portfolio-row .portfolio-col-5 { width: 50%; } .portfolio-row .portfolio-col-5.w2 { width: 100%; } } .portfolio-row .portfolio-col-6 { width: 16.666667%; } .portfolio-row .portfolio-col-6.w2 { width: 33.333333%; } @media (max-width: 1199px) { .portfolio-row .portfolio-col-6 { width: 20%; } .portfolio-row .portfolio-col-6.w2 { width: 40%; } } @media (max-width: 991px) { .portfolio-row .portfolio-col-6 { width: 25%; } .portfolio-row .portfolio-col-6.w2 { width: 50%; } } @media (max-width: 767px) { .portfolio-row .portfolio-col-6 { width: 33.333333%; } .portfolio-row .portfolio-col-6.w2 { width: 66.666667%; } } @media (max-width: 480px) { .portfolio-row .portfolio-col-6 { width: 50%; } .portfolio-row .portfolio-col-6.w2 { width: 100%; } } @media (max-width: 1199px) { .column2 .portfolio-row .portfolio-col-4 { width: 33.333333%; } .column2 .portfolio-row .portfolio-col-4.w2 { width: 66.666667%; } } @media (max-width: 767px) { .column2 .portfolio-row .portfolio-col-4 { width: 50%; } .column2 .portfolio-row .portfolio-col-4.w2 { width: 100%; } } @media (max-width: 480px) { .column2 .portfolio-row .portfolio-col-4 { width: 100%; } } .column2 .portfolio-row .portfolio-col-5, .column2 .portfolio-row .portfolio-col-6 { width: 20%; } .column2 .portfolio-row .portfolio-col-5.w2, .column2 .portfolio-row .portfolio-col-6.w2 { width: 40%; } @media (max-width: 1199px) { .column2 .portfolio-row .portfolio-col-5, .column2 .portfolio-row .portfolio-col-6 { width: 25%; } .column2 .portfolio-row .portfolio-col-5.w2, .column2 .portfolio-row .portfolio-col-6.w2 { width: 50%; } } @media (max-width: 767px) { .column2 .portfolio-row .portfolio-col-5, .column2 .portfolio-row .portfolio-col-6 { width: 33.333333%; } .column2 .portfolio-row .portfolio-col-5.w2, .column2 .portfolio-row .portfolio-col-6.w2 { width: 66.666667%; } } @media (max-width: 480px) { .column2 .portfolio-row .portfolio-col-5, .column2 .portfolio-row .portfolio-col-6 { width: 50%; } .column2 .portfolio-row .portfolio-col-5.w2, .column2 .portfolio-row .portfolio-col-6.w2 { width: 100%; } } .portfolio-row.full { margin: 0; } body.boxed .portfolio-row.full { margin-left: -30px; margin-right: -30px; } @media (max-width: 767px) { body.boxed .portfolio-row.full { margin-left: -15px; margin-right: -15px; } } body.boxed .vc_row[data-vc-stretch-content] .portfolio-row.full { margin-left: 0; margin-right: 0; } .portfolio-row.full .portfolio { padding: 0; margin-bottom: 0; } /* Portfolio Modal */.portfolio-modal .mfp-arrow, .portfolio-ajax-modal .mfp-arrow, .portfolio-modal .mfp-close, .portfolio-ajax-modal .mfp-close { display: none; } .portfolio-modal .container, .portfolio-ajax-modal .container { width: 100%; padding-left: 0 !important; padding-right: 0 !important; } .portfolio-modal .uvc-vc-full-width, .portfolio-ajax-modal .uvc-vc-full-width, .portfolio-modal .vc_row[data-vc-full-width], .portfolio-ajax-modal .vc_row[data-vc-full-width], .portfolio-modal .ult-vc-hide-row, .portfolio-ajax-modal .ult-vc-hide-row, .portfolio-modal .vc_row[data-vc-stretch-content], .portfolio-ajax-modal .vc_row[data-vc-stretch-content], body.boxed .portfolio-modal .uvc-vc-full-width, body.boxed .portfolio-ajax-modal .uvc-vc-full-width, body.boxed .portfolio-modal .vc_row[data-vc-full-width], body.boxed .portfolio-ajax-modal .vc_row[data-vc-full-width], body.boxed .portfolio-modal .ult-vc-hide-row, body.boxed .portfolio-ajax-modal .ult-vc-hide-row, body.boxed .portfolio-modal .vc_row[data-vc-stretch-content], body.boxed .portfolio-ajax-modal .vc_row[data-vc-stretch-content], #main.main-boxed .portfolio-modal .uvc-vc-full-width, #main.main-boxed .portfolio-ajax-modal .uvc-vc-full-width, #main.main-boxed .portfolio-modal .vc_row[data-vc-full-width], #main.main-boxed .portfolio-ajax-modal .vc_row[data-vc-full-width], #main.main-boxed .portfolio-modal .ult-vc-hide-row, #main.main-boxed .portfolio-ajax-modal .ult-vc-hide-row, #main.main-boxed .portfolio-modal .vc_row[data-vc-stretch-content], #main.main-boxed .portfolio-ajax-modal .vc_row[data-vc-stretch-content] { position: relative; width: 100% !important; left: 0 !important; padding-left: 30px !important; padding-right: 30px !important; margin: 0 !important; max-width: 100% !important; } @media (max-width: 767px) { .portfolio-modal .uvc-vc-full-width, .portfolio-ajax-modal .uvc-vc-full-width, .portfolio-modal .vc_row[data-vc-full-width], .portfolio-ajax-modal .vc_row[data-vc-full-width], .portfolio-modal .ult-vc-hide-row, .portfolio-ajax-modal .ult-vc-hide-row, .portfolio-modal .vc_row[data-vc-stretch-content], .portfolio-ajax-modal .vc_row[data-vc-stretch-content], body.boxed .portfolio-modal .uvc-vc-full-width, body.boxed .portfolio-ajax-modal .uvc-vc-full-width, body.boxed .portfolio-modal .vc_row[data-vc-full-width], body.boxed .portfolio-ajax-modal .vc_row[data-vc-full-width], body.boxed .portfolio-modal .ult-vc-hide-row, body.boxed .portfolio-ajax-modal .ult-vc-hide-row, body.boxed .portfolio-modal .vc_row[data-vc-stretch-content], body.boxed .portfolio-ajax-modal .vc_row[data-vc-stretch-content], #main.main-boxed .portfolio-modal .uvc-vc-full-width, #main.main-boxed .portfolio-ajax-modal .uvc-vc-full-width, #main.main-boxed .portfolio-modal .vc_row[data-vc-full-width], #main.main-boxed .portfolio-ajax-modal .vc_row[data-vc-full-width], #main.main-boxed .portfolio-modal .ult-vc-hide-row, #main.main-boxed .portfolio-ajax-modal .ult-vc-hide-row, #main.main-boxed .portfolio-modal .vc_row[data-vc-stretch-content], #main.main-boxed .portfolio-ajax-modal .vc_row[data-vc-stretch-content] { padding-left: 15px !important; padding-right: 15px !important; } } .portfolio-load-more-loader { display: none; position: relative; height: 49px; } .btn-portfolio-lazy-load { opacity: 0; } /* Responsive */@media (max-width: 991px) { .portfolio-nav, .portfolio-nav-all { display: none; } } /* Filters */.sort-source { clear: both; } .sort-source > li > a { cursor: pointer; padding: 6px 12px; } .sort-source.sort-source-style-2 { margin: 0 auto; } .sort-source.sort-source-style-2 > li { float: none; display: inline-block; } .sort-source.sort-source-style-2 > li > a, .sort-source.sort-source-style-2 > li > a:focus, .sort-source.sort-source-style-2 > li > a:hover { background: transparent; color: #fff; display: inline-block; border-radius: 0; margin: 0; padding: 18px 28px; position: relative; } .sort-source.sort-source-style-2 > li > a:after { -webkit-transition: margin 0.3s; -moz-transition: margin 0.3s; transition: margin 0.3s; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 15px solid #ccc; content: " "; display: block; position: absolute; left: 50%; margin-left: -20px; margin-top: 0; opacity: 0; z-index: 1; } .sort-source.sort-source-style-2 > li.active > a, .sort-source.sort-source-style-2 > li.active > a:focus, .sort-source.sort-source-style-2 > li.active > a:hover { background: transparent; } .sort-source.sort-source-style-2 > li.active > a:after { opacity: 1; margin-top: 18px; } @media (max-width: 767px) { .sort-source.sort-source-style-2 > li { display: block; } .sort-source.sort-source-style-2 > li.active > a:after { display: none !important; } } .ajax-box .bounce-loader, .ajax-box .porto-ajax-loading { z-index: 1; } /* Portfolio Category Stripe */.portfolio-stripes .owl-carousel .owl-nav .owl-prev { line-height: initial; } .portfolio-stripes .owl-carousel .owl-nav .owl-next { line-height: initial; } .portfolio-stripes .owl-item .portfolio-item { width: calc(100% + 2px); } .portfolio-stripes .owl-item .portfolio-item .thumb-info { border: none; } .portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper { height: calc(100vh - 89px); } .portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper::before { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; box-shadow: 0 50px 190px 110px #182027; z-index: 1; } .portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper .background-image { position: absolute; top: 0; left: 0; background-size: cover; width: 100%; height: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .portfolio-stripes .owl-item .portfolio-item .thumb-info:hover .thumb-info-wrapper .background-image { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .thumb-info.thumb-info-basic-info .thumb-info-title { background: none; bottom: 5.5%; left: 5%; padding: 0; font-size: 2em; line-height: 1; text-shadow: none; } /* Portfolio Category Parallax */.portfolio-parallax { height: 40vh; } .portfolio-parallax:before { content: ''; display: block; position: absolute; background: rgba(10, 12, 36, 0); top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .portfolio-parallax h2 { bottom: 7%; font-size: 2em; left: 1%; line-height: 1; margin: 0; padding: 0; position: absolute; } .portfolio-parallax:not(.hidden-plus):hover:before { background: rgba(10, 12, 36, 0.5); } html.gecko .thumb-info { z-index: 1; -webkit-transform: unset; -moz-transform: unset; -ms-transform: unset; -o-transform: unset; transform: unset; } @media (max-width: 991px) { .portfolio-parallax { height: 30vh; } } @media (max-width: 767px) { .portfolio-parallax { height: 25vh; } } /* Portfolio Lightbox Thumbnails */.porto-portfolios-lighbox-thumbnails { position: fixed; bottom: 2.5%; width: 100%; text-align: center; z-index: 99999; } .porto-portfolios-lighbox-thumbnails .owl-carousel { margin-bottom: 0; } .porto-portfolios-lighbox-thumbnails .owl-carousel .owl-stage { margin: 0 auto; } .porto-portfolios-lighbox-thumbnails .owl-item { cursor: pointer; } .porto-portfolios-lighbox-thumbnails .owl-item.current { opacity: 0.5; cursor: default; } .portfolios-lightbox.with-thumbs .porto-portfolios-lighbox-thumbnails { visibility: hidden; } @media (max-width: 1023px) { .porto-portfolios-lighbox-thumbnails { display: none; } } /* End - Porto Lightbox Thumbnails *//* Member */article.member h2 a, article.member h4 a { text-decoration: none; } .member-container-top { padding-top: 35px; } .member-container-bottom { padding-bottom: 35px; } .member-image.single { margin-bottom: 30px; } .member-slideshow { text-align: center; } .member-title { margin-bottom: -10px; } .member-title a { display: inline-block; } .member-title .fa { font-size: 2.5em; } .member-share-links { padding: 15px 0; border-top: 1px solid #ddd; } .member-share-links a { border-radius: 500px; } .member-row { position: relative; margin: 0 -15px; } .member-row .member { float: left; padding: 0 15px; margin-bottom: 30px; width: 100%; } .member-row .member-col-2 { width: 50%; } @media (max-width: 767px) { .member-row .member-col-2 { width: 100%; } } .member-row .member-col-3 { width: 33.333333%; } @media (max-width: 767px) { .member-row .member-col-3 { width: 50%; } } @media (max-width: 480px) { .member-row .member-col-3 { width: 100%; } } .member-row .member-col-4 { width: 25%; } @media (max-width: 991px) { .member-row .member-col-4 { width: 33.333333%; } } @media (max-width: 767px) { .member-row .member-col-4 { width: 50%; } } @media (max-width: 480px) { .member-row .member-col-4 { width: 100%; } } .member-row .member-col-5 { width: 20%; } @media (max-width: 991px) { .member-row .member-col-5 { width: 25%; } } @media (max-width: 767px) { .member-row .member-col-5 { width: 33.333333%; } } @media (max-width: 480px) { .member-row .member-col-5 { width: 50%; } } .member-row .member-col-6 { width: 16.666667%; } @media (max-width: 1199px) { .member-row .member-col-6 { width: 20%; } } @media (max-width: 991px) { .member-row .member-col-6 { width: 25%; } } @media (max-width: 767px) { .member-row .member-col-6 { width: 33.333333%; } } @media (max-width: 480px) { .member-row .member-col-6 { width: 50%; } } @media (max-width: 1199px) { .column2 .member-row .member-col-4 { width: 33.333333%; } } @media (max-width: 767px) { .column2 .member-row .member-col-4 { width: 50%; } } @media (max-width: 480px) { .column2 .member-row .member-col-4 { width: 100%; } } .column2 .member-row .member-col-5, .column2 .member-row .member-col-6 { width: 20%; } @media (max-width: 1199px) { .column2 .member-row .member-col-5, .column2 .member-row .member-col-6 { width: 25%; } } @media (max-width: 767px) { .column2 .member-row .member-col-5, .column2 .member-row .member-col-6 { width: 33.333333%; } } @media (max-width: 480px) { .column2 .member-row .member-col-5, .column2 .member-row .member-col-6 { width: 50%; } } /* Member Item */.member-item.member-item-3 .thumb-info { border-radius: 0 0 0 0; } .member-item.member-item-3 .thumb-info-wrapper { margin: 0; border-radius: 0 0 0 0; } .member-item.member-item-3 .thumb-info-wrapper img { border-radius: 0 0 0 0; } .member-item.member-item-3 .thumb-info-caption { display: block; padding: 0; background: #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .member-item.member-item-3 .thumb-info-caption-title { position: relative; display: block; padding: 30px 15px 28px; } .member-item.member-item-3 .thumb-info-caption-text { padding: 0 15px 28px; margin: 0; margin-top: -15px; } .member-item.member-item-3 .thumb-info-social-icons { padding-left: 13px; padding-right: 13px; } .member-item.member-item-3 .view-more { position: absolute; right: 15px; top: 50%; font-size: 1.9em; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } /* Related Members, Products */.related-members, .related.products { margin-top: 35px; } .member-carousel .member-slide { *zoom: 1; } .member-carousel .member-slide:before, .member-carousel .member-slide:after { content: " "; display: table; } .member-carousel .member-slide:after { clear: both; } .member-carousel .member-item { margin: 0 15px 20px; } @media (max-width: 767px) { .member-carousel .member-item { border: none; padding: 0; } } .member-carousel.owl-carousel .owl-dots { margin-top: 0; } /* Member Modal */.member-modal .mfp-arrow, .member-ajax-modal .mfp-arrow { display: none; } /* Page Slideshow */.page-slideshow { text-align: center; } .page-meta > * { display: block; } .page-share { margin-top: 15px; margin-bottom: 30px; padding: 20px 0 0; } .page-share h3 { display: inline-block; font-size: 1.8em; font-weight: 200; margin: 5px 15px 10px; text-transform: none; } .page-share h3 i { margin-right: 7px; } .page-share .share-links { display: inline-block; margin-top: -5px; } .page-share.container { margin-bottom: 70px; } .container .container:not(.porto-wrap-container) { width: 100%; padding-left: 0; padding-right: 0; } /* Event */.custom-post-event { position: relative; } .custom-post-event .post-event-date { position: absolute; top: 0; left: 0; padding: 15px 20px; } .custom-post-event .post-event-date span { display: block; } .custom-post-event .post-event-date span.day { font-size: 1.9em; } .custom-post-event .post-event-date span.year { font-size: 0.9em; } .custom-post-event .post-event-date.custom-xlg-space { top: 30px; left: 30px; } .custom-post-event .post-event-content p { font-size: 0.9em; } .custom-event-infos ul { padding: 0; margin: 0; } .custom-event-infos ul li { list-style: none; display: inline-block; margin-left: 15px; font-size: 0.9em; } .custom-event-infos ul li:first-child { margin-left: 0; } .custom-event-infos ul li i { font-size: 1.2em; color: #1f222b; font-weight: bold; } .custom-event-top-image img { margin: auto; } .custom-post-event:last-child hr.solid { display: none; } .event-row:last-child hr.solid { display: none; } /* Animate.css - http: //daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */[data-appear-animation], .appear-animation { opacity: 0; } .appear-animation-visible { opacity: 1; } .animated, .appear-animation { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; animation-duration: 1s; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); opacity: 1; } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); } } @keyframes shake { 0%, 100% { transform: translateX(0); opacity: 1; } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); opacity: 1; } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); opacity: 1; } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); opacity: 1; } } @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); opacity: 1; } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); opacity: 1; } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); opacity: 1; } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; } /* originally authored by Nick Pettit - https: //github.com/nickpettit/glide */@-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); opacity: 1; } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); opacity: 1; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); opacity: 1; } } @keyframes wiggle { 0% { transform: skewX(9deg); } 10% { transform: skewX(-8deg); } 20% { transform: skewX(7deg); } 30% { transform: skewX(-6deg); } 40% { transform: skewX(5deg); } 50% { transform: skewX(-4deg); } 60% { transform: skewX(3deg); } 70% { transform: skewX(-2deg); } 80% { transform: skewX(1deg); } 90% { transform: skewX(0deg); } 100% { transform: skewX(0deg); opacity: 1; } } .wiggle { -webkit-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } /* originally authored by Nick Pettit - https: //github.com/nickpettit/glide */@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); opacity: 1; } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); opacity: 1; } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); } 100% { -webkit-transform: scale(1); opacity: 1; } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(0.9); } 100% { transform: scale(1); opacity: 1; } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); opacity: 1; } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); opacity: 1; } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); opacity: 1; } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); opacity: 1; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); opacity: 1; } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); opacity: 1; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); opacity: 1; } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); opacity: 1; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes menuFadeInUp { 0% { opacity: 0; -webkit-transform: translateY(10px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes menuFadeInUp { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } } .menuFadeInUp { -webkit-animation-name: menuFadeInUp; animation-name: menuFadeInUp; } @-webkit-keyframes menuFadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-10px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes menuFadeInDown { 0% { opacity: 0; transform: translateY(-10px); } 100% { opacity: 1; transform: translateY(0); } } .menuFadeInDown { -webkit-animation-name: menuFadeInDown; animation-name: menuFadeInDown; } @-webkit-keyframes menuFadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-30px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes menuFadeInLeft { 0% { opacity: 0; transform: translateX(-30px); } 100% { opacity: 1; transform: translateX(0); } } .menuFadeInLeft { -webkit-animation-name: menuFadeInLeft; animation-name: menuFadeInLeft; } @-webkit-keyframes menuFadeInRight { 0% { opacity: 0; -webkit-transform: translateX(30px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes menuFadeInRight { 0% { opacity: 0; transform: translateX(30px); } 100% { opacity: 1; transform: translateX(0); } } .menuFadeInRight { -webkit-animation-name: menuFadeInRight; animation-name: menuFadeInRight; } /* Mega Menu */.mega-menu { margin: 0; padding: 0; list-style: none; *zoom: 1; } .mega-menu:before, .mega-menu:after { content: " "; display: table; } .mega-menu:after { clear: both; } .mega-menu li.menu-item { display: block; position: relative; margin: 0; } .mega-menu li.menu-item > a, .mega-menu li.menu-item > h5 { display: block; text-decoration: none; text-align: left; position: relative; outline: medium none; margin-top: 0; margin-bottom: 0; line-height: 24px; font-weight: 400; font-family: inherit; font-size: inherit; } .mega-menu li.menu-item > a > .fa, .mega-menu li.menu-item > h5 > .fa { width: 18px; text-align: center; } .mega-menu li.menu-item > a > .fa, .mega-menu li.menu-item > h5 > .fa, .mega-menu li.menu-item > a > .avatar, .mega-menu li.menu-item > h5 > .avatar { /*display: none;*/ margin-right: 5px; } .mega-menu li.menu-item > a > .avatar img, .mega-menu li.menu-item > h5 > .avatar img { margin-top: -5px; margin-bottom: -4px; } .mega-menu li.menu-item > a > .flag, .mega-menu li.menu-item > h5 > .flag, .mega-menu li.menu-item > a > [class*='flag-'], .mega-menu li.menu-item > h5 > [class*='flag-'] { display: inline-block; width: 16px; height: 11px; margin-top: -2px; margin-right: 6px; margin-left: 1px; vertical-align: middle; line-height: 0; } .mega-menu li.menu-item > a > .flag:before, .mega-menu li.menu-item > h5 > .flag:before, .mega-menu li.menu-item > a > [class*='flag-']:before, .mega-menu li.menu-item > h5 > [class*='flag-']:before { display: none; } .mega-menu li.menu-item > a > .thumb-info-preview, .mega-menu li.menu-item > h5 > .thumb-info-preview { position: absolute; display: block; left: 100%; opacity: 0; border: 0; padding-left: 10px; background: transparent; overflow: visible; margin: 15px 0 0; top: -1000px; -webkit-transition: transform 0.2s ease-out, opacity 0.2s ease-out; -moz-transition: transform 0.2s ease-out, opacity 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s ease-out; transform: translate3d(-30px, 0, 0); opacity: 0; max-width: none; } .mega-menu li.menu-item > a > .thumb-info-preview .thumb-info-wrapper, .mega-menu li.menu-item > h5 > .thumb-info-preview .thumb-info-wrapper { background: #fff; display: block; border-radius: 0; border: 0; box-shadow: 0 0 3px rgba(0, 0, 0, .15); margin: 0; padding: 0; text-align: left; } .mega-menu li.menu-item > a > .thumb-info-preview .thumb-info-image, .mega-menu li.menu-item > h5 > .thumb-info-preview .thumb-info-image { width: 182px; height: 136px; min-height: 0; -webkit-transition: all 5s linear 0s; -moz-transition: all 5s linear 0s; transition: all 5s linear 0s; } .mega-menu li.menu-item > a > .thumb-info-preview .thumb-info-image.fixed-image, .mega-menu li.menu-item > h5 > .thumb-info-preview .thumb-info-image.fixed-image { background-position: left top; background-size: auto 100%; } .mega-menu li.menu-item > a:hover, .mega-menu li.menu-item > h5:hover { z-index: 1; } .mega-menu li.menu-item > a:hover > .thumb-info-preview, .mega-menu li.menu-item > h5:hover > .thumb-info-preview { transform: translate3d(0, 0, 0); top: 0; opacity: 1; margin-top: -5px; } .mega-menu li.menu-item > h5 { cursor: default; } .mega-menu ul.sub-menu { margin: 0; padding: 0; list-style: none; } .mega-menu > li.menu-item { float: left; margin-right: 2px; } .mega-menu > li.menu-item:last-child { margin-right: 0; } .mega-menu > li.menu-item.narrow { position: relative; } .mega-menu > li.menu-item.has-sub > a .thumb-info-preview, .mega-menu > li.menu-item.has-sub > h5 .thumb-info-preview { display: none; } .mega-menu > li.menu-item > a, .mega-menu > li.menu-item > h5 { display: inline-block; font-size: 0.8571em; font-weight: bold; line-height: 20px; padding: 9px 12px 8px; } @media (max-width: 1199px) { .mega-menu > li.menu-item > a, .mega-menu > li.menu-item > h5 { padding: 9px 9px 8px; } } .mega-menu > li.menu-item > a > .fa, .mega-menu > li.menu-item > h5 > .fa { width: auto; } .mega-menu > li.menu-item > a .tip, .mega-menu > li.menu-item > h5 .tip { position: absolute; top: -9px; right: 10px; } .mega-menu > li.menu-item > a .tip .tip-arrow:before, .mega-menu > li.menu-item > h5 .tip .tip-arrow:before { content: "\f125"; left: 2px; bottom: -3px; top: auto; width: auto; height: auto; } .mega-menu > li.menu-item > a > .thumb-info-preview, .mega-menu > li.menu-item > h5 > .thumb-info-preview { left: -100%; right: -100%; padding-left: 0; padding-top: 10px; transform: translate3d(0, 20px, 0); opacity: 0; margin: auto; width: 190px; } .mega-menu > li.menu-item > a:hover > .thumb-info-preview, .mega-menu > li.menu-item > h5:hover > .thumb-info-preview { top: 100%; transform: translate3d(0, 0, 0); } .mega-menu > li.menu-item.active > a, .mega-menu > li.menu-item:hover > a, .mega-menu > li.menu-item.active > h5, .mega-menu > li.menu-item:hover > h5 { color: #fff; border-radius: 0; } .mega-menu > li.menu-item.has-sub:hover { z-index: 111; } .mega-menu > li.menu-item.has-sub:hover > a, .mega-menu > li.menu-item.has-sub:hover > h5 { border-radius: 0 0 0 0; margin-bottom: -3px; padding-bottom: 11px; } .menu-arrow .mega-menu > li.has-sub > a:after, .menu-arrow .mega-menu > li.has-sub > h5:after { content: "\f0d7"; font-family: "FontAwesome"; } .mega-menu .popup { position: absolute; left: 0; text-align: left; top: 100%; display: none; margin: 2px 0 0; z-index: 111; min-width: 100%; } .mega-menu .popup > .inner { *zoom: 1; } .mega-menu .popup > .inner:before, .mega-menu .popup > .inner:after { content: " "; display: table; } .mega-menu .popup > .inner:after { clear: both; } .mega-menu .popup ul.sub-menu { position: relative; } .mega-menu .popup li.menu-item { padding: 0; float: none; } .mega-menu .wide .popup { border-radius: 0; border-top: 5px solid #ccc; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); right: auto; left: 0; } .mega-menu .wide .popup > .inner { border-radius: 0 0 0 0; padding: 25px 20px 10px; background: #fff; } .mega-menu .wide .popup > .inner > ul.sub-menu { max-width: 100%; } .mega-menu .wide .popup > .inner > ul.sub-menu > li.menu-item { float: left; padding: 0 15px 10px; } .mega-menu .wide .popup > .inner > ul.sub-menu > li.menu-item > a, .mega-menu .wide .popup > .inner > ul.sub-menu > li.menu-item > h5 { color: #333; font-size: 1em; font-weight: 600; padding-bottom: 5px; } .mega-menu .wide .popup > .inner > ul.sub-menu > li.menu-item ul.sub-menu { padding-bottom: 5px; } .mega-menu .wide .popup > .inner > ul.sub-menu > li.menu-item ul.sub-menu ul.sub-menu { padding-bottom: 0; } .mega-menu .wide .popup > .inner > ul.sub-menu > li.menu-item li.menu-item > a, .mega-menu .wide .popup > .inner > ul.sub-menu > li.menu-item li.menu-item > h5 { margin-left: -8px; padding: 4px 8px; font-size: 0.9em; line-height: 20px; font-weight: normal; border-radius: 0; } .mega-menu .wide .popup > .inner > ul.sub-menu > li.menu-item li.menu-item > a:hover, .mega-menu .wide .popup > .inner > ul.sub-menu > li.menu-item li.menu-item > h5:hover { background: #f4f4f4; } .mega-menu .wide .popup > .inner > ul.sub-menu > li.menu-item li.menu-item > ul.sub-menu { padding-left: 10px; } .mega-menu .wide .popup > .inner > ul.sub-menu > .menu-block-item { margin-bottom: -20px; } .mega-menu .wide .popup > .inner li.menu-item > a.has-preview, .mega-menu .wide .popup > .inner li.menu-item > h5.has-preview { display: inline-block; } .mega-menu .wide .popup > .inner .container { width: auto; padding: 0; } .mega-menu .wide.pos-left .popup { border-radius: 0 0 0 0; } .mega-menu .wide.pos-right .popup { border-radius: 0 0 0 0; } .mega-menu .narrow .popup > .inner > ul.sub-menu { border-radius: 0 0 0 0; } .mega-menu .narrow .popup ul.sub-menu { min-width: 180px; padding: 5px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); border-top: 0 solid #ccc; z-index: 10; } .mega-menu .narrow .popup ul.sub-menu ul.sub-menu { border-radius: 0; position: absolute; left: 100%; display: none; opacity: 0; } .mega-menu .narrow .popup ul.sub-menu li.menu-item:hover > ul.sub-menu { top: -5px; } .mega-menu .narrow .popup li.menu-item > a, .mega-menu .narrow .popup li.menu-item > h5 { color: #fff; font-weight: 400; padding: 8px; font-size: 0.9em; line-height: 18px; border-bottom: 1px solid rgba(255, 255, 255, .2); white-space: nowrap; } .mega-menu .narrow .popup li.menu-item:last-child > a, .mega-menu .narrow .popup li.menu-item:last-child > h5 { border-bottom-width: 0; } .mega-menu .narrow .popup li.menu-item:hover > ul.sub-menu { opacity: 1; display: block; } .mega-menu .narrow .popup li.menu-item-has-children > a, .mega-menu .narrow .popup li.menu-item-has-children > h5 { padding-right: 20px; } .mega-menu .narrow .popup li.menu-item-has-children > a:before, .mega-menu .narrow .popup li.menu-item-has-children > h5:before { /*content: if-ltr($fa-var-caret-right, $fa-var-caret-left);*/ content: "\f105"; float: right; margin-right: -14px; font-family: "FontAwesome"; font-weight: normal; line-height: 22px; } .mega-menu .narrow .popup li.menu-item-has-children > a .thumb-info-preview, .mega-menu .narrow .popup li.menu-item-has-children > h5 .thumb-info-preview { display: none; } .mega-menu .narrow.pos-left .popup { left: 0px; right: auto; } .mega-menu .narrow.pos-left .popup > .inner > ul.sub-menu { border-radius: 0 0 0 0; } .mega-menu .narrow.pos-left .popup ul.sub-menu ul.sub-menu { left: 100%; right: auto; } .mega-menu .narrow.pos-left .popup li.menu-item-has-children > a:before, .mega-menu .narrow.pos-left .popup li.menu-item-has-children > h5:before { content: "\f0da"; } .mega-menu .narrow.pos-left .popup li.menu-item > a > .thumb-info-preview, .mega-menu .narrow.pos-left .popup li.menu-item > h5 > .thumb-info-preview { left: 100%; right: auto; padding-left: 10px; padding-right: 0; transform: translate3d(-30px, 0, 0); } .mega-menu .narrow.pos-left .popup li.menu-item > a:hover > .thumb-info-preview, .mega-menu .narrow.pos-left .popup li.menu-item > h5:hover > .thumb-info-preview { transform: translate3d(0, 0, 0); } .mega-menu .narrow.pos-right .popup { right: 0px; left: auto; } .mega-menu .narrow.pos-right .popup > .inner > ul.sub-menu { border-radius: 0 0 0 0; } .mega-menu .narrow.pos-right .popup ul.sub-menu ul.sub-menu { right: 100%; left: auto; } .mega-menu .narrow.pos-right .popup li.menu-item-has-children > a:before, .mega-menu .narrow.pos-right .popup li.menu-item-has-children > h5:before { content: "\f0d9"; } .mega-menu .narrow.pos-right .popup li.menu-item > a > .thumb-info-preview, .mega-menu .narrow.pos-right .popup li.menu-item > h5 > .thumb-info-preview { left: auto; right: 100%; padding-left: 0; padding-right: 10px; transform: translate3d(30px, 0, 0); } .mega-menu .narrow.pos-right .popup li.menu-item > a:hover > .thumb-info-preview, .mega-menu .narrow.pos-right .popup li.menu-item > h5:hover > .thumb-info-preview { transform: translate3d(0, 0, 0); } .mega-menu .tip { color: #fff; display: inline-block; font-size: 9px; border-radius: 0; line-height: 1; padding: 2px; position: relative; margin-left: 10px; vertical-align: middle; } .mega-menu .tip.hot { background-color: #eb2771; } .mega-menu .tip.hot .tip-arrow:before { color: #eb2771; } .mega-menu .tip .tip-arrow:before { display: inline-block; font-family: "Elusive-Icons"; font-size: 5px; position: absolute; width: 4px; height: 6px; margin: auto; content: "\f126"; left: -4px; text-align: right; top: 0; bottom: 0; } .mega-menu.effect-down .popup { top: -2000px; } .mega-menu.effect-down .popup li.menu-item > a, .mega-menu.effect-down .popup li.menu-item > h5 { -webkit-transition: transform 0.2s ease-out; -moz-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; -webkit-transform: translate3d(0, -5px, 0); -moz-transform: translate3d(0, -5px, 0); -ms-transform: translate3d(0, -5px, 0); -o-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } .mega-menu.effect-down > li.menu-item .popup { -webkit-transition: transform 0.2s ease-out; -moz-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; -webkit-transform: translate3d(0, -5px, 0); -moz-transform: translate3d(0, -5px, 0); -ms-transform: translate3d(0, -5px, 0); -o-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } .mega-menu.effect-down > li.menu-item.wide .popup > .inner > ul.sub-menu > li.menu-item > a, .mega-menu.effect-down > li.menu-item.wide .popup > .inner > ul.sub-menu > li.menu-item > h5 { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mega-menu.effect-down > li.menu-item:hover .popup { top: 100%; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mega-menu.effect-down > li.menu-item:hover li.menu-item > a, .mega-menu.effect-down > li.menu-item:hover li.menu-item > h5 { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mega-menu.effect-fadein-up > li.menu-item .popup { -webkit-animation: menuFadeInUp 0.2s ease-out; animation: menuFadeInUp 0.2s ease-out; } .mega-menu.effect-fadein-down > li.menu-item .popup { -webkit-animation: menuFadeInDown 0.2s ease-out; animation: menuFadeInDown 0.2s ease-out; } .mega-menu.effect-fadein > li.menu-item .popup { -webkit-animation: fadeIn 0.2s ease-out; animation: fadeIn 0.2s ease-out; } .mega-menu.subeffect-down .narrow .popup ul.sub-menu ul.sub-menu { display: block !important; top: -2000px; -webkit-transition: transform 0.2s ease-out; -moz-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; -webkit-transform: translate3d(0, -5px, 0); -moz-transform: translate3d(0, -5px, 0); -ms-transform: translate3d(0, -5px, 0); -o-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } .mega-menu.subeffect-down .narrow .popup ul.sub-menu ul.sub-menu li.menu-item > a, .mega-menu.subeffect-down .narrow .popup ul.sub-menu ul.sub-menu li.menu-item > h5 { -webkit-transition: transform 0.2s ease-out; -moz-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; -webkit-transform: translate3d(0, -5px, 0); -moz-transform: translate3d(0, -5px, 0); -ms-transform: translate3d(0, -5px, 0); -o-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } .mega-menu.subeffect-down .narrow .popup ul.sub-menu li.menu-item:hover > ul.sub-menu { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mega-menu.subeffect-down .narrow .popup ul.sub-menu li.menu-item:hover > ul.sub-menu > li.menu-item > a, .mega-menu.subeffect-down .narrow .popup ul.sub-menu li.menu-item:hover > ul.sub-menu > li.menu-item > h5 { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mega-menu.subeffect-fadein-left .narrow .popup ul.sub-menu li.menu-item > ul.sub-menu { -webkit-animation: menuFadeInLeft 0.2s ease-out; animation: menuFadeInLeft 0.2s ease-out; } .mega-menu.subeffect-fadein-left .narrow.pos-left .popup ul.sub-menu li.menu-item > ul.sub-menu { -webkit-animation: menuFadeInLeft 0.2s ease-out; animation: menuFadeInLeft 0.2s ease-out; } .mega-menu.subeffect-fadein-left .narrow.pos-right .popup ul.sub-menu li.menu-item > ul.sub-menu { -webkit-animation: menuFadeInRight 0.2s ease-out; animation: menuFadeInRight 0.2s ease-out; } .mega-menu.subeffect-fadein-right .narrow .popup ul.sub-menu li.menu-item > ul.sub-menu { -webkit-animation: menuFadeInRight 0.2s ease-out; animation: menuFadeInRight 0.2s ease-out; } .mega-menu.subeffect-fadein-right .narrow.pos-left .popup ul.sub-menu li.menu-item > ul.sub-menu { -webkit-animation: menuFadeInRight 0.2s ease-out; animation: menuFadeInRight 0.2s ease-out; } .mega-menu.subeffect-fadein-right .narrow.pos-right .popup ul.sub-menu li.menu-item > ul.sub-menu { -webkit-animation: menuFadeInLeft 0.2s ease-out; animation: menuFadeInLeft 0.2s ease-out; } .mega-menu.subeffect-fadein-up .narrow .popup ul.sub-menu li.menu-item > ul.sub-menu { -webkit-animation: menuFadeInUp 0.2s ease-out; animation: menuFadeInUp 0.2s ease-out; } .mega-menu.subeffect-fadein-down .narrow .popup ul.sub-menu li.menu-item > ul.sub-menu { -webkit-animation: menuFadeInDown 0.2s ease-out; animation: menuFadeInDown 0.2s ease-out; } .mega-menu.subeffect-fadein .narrow .popup ul.sub-menu li.menu-item > ul.sub-menu { -webkit-animation: fadeIn 0.2s ease-out; animation: fadeIn 0.2s ease-out; } .mega-menu.show-arrow > li.has-sub > a:after, .mega-menu.show-arrow > li.has-sub > h5:after { display: inline-block; content: "\f0d7"; /*content: $fa-var-angle-down;*/ font-family: "FontAwesome"; font-weight: normal; /*font-size: .8333em;*/ font-size: 1em; margin: 0 0 0 5px; line-height: 1; } .mega-menu.menu-flat li.menu-item > a > .thumb-info-preview .thumb-info-wrapper, .mega-menu.menu-flat li.menu-item > h5 > .thumb-info-preview .thumb-info-wrapper { border-radius: 0 !important; } .mega-menu.menu-flat > li.menu-item { margin-right: 0; } .mega-menu.menu-flat > li.menu-item.active > a, .mega-menu.menu-flat > li.menu-item:hover > a, .mega-menu.menu-flat > li.menu-item.active > h5, .mega-menu.menu-flat > li.menu-item:hover > h5 { border-radius: 0 !important; } .mega-menu.menu-flat > li.menu-item.has-sub:hover > a, .mega-menu.menu-flat > li.menu-item.has-sub:hover > h5 { border-radius: 0 !important; } .mega-menu.menu-flat .popup { margin: 0; } .mega-menu.menu-flat .wide .popup { border-radius: 0 !important; } .mega-menu.menu-flat .wide .popup > .inner { border-radius: 0 !important; } .mega-menu.menu-flat .wide .popup > .inner > ul.sub-menu > li.menu-item li.menu-item > a, .mega-menu.menu-flat .wide .popup > .inner > ul.sub-menu > li.menu-item li.menu-item > h5 { border-radius: 0 !important; } .mega-menu.menu-flat .wide.pos-left .popup, .mega-menu.menu-flat .wide.pos-right .popup { border-radius: 0 !important; } .mega-menu.menu-flat .narrow .popup > .inner > ul.sub-menu { border-radius: 0 !important; } .mega-menu.menu-flat .narrow .popup ul.sub-menu ul.sub-menu { border-radius: 0 !important; } .mega-menu.menu-flat .narrow.pos-left .popup > .inner > ul.sub-menu, .mega-menu.menu-flat .narrow.pos-right .popup > .inner > ul.sub-menu { border-radius: 0 !important; } .mega-menu.menu-flat-border > li.menu-item > a, .mega-menu.menu-flat-border > li.menu-item > h5 { border-right: 1px solid rgba(0, 0, 0, .1); } .mega-menu.menu-flat-border > li.menu-item:last-child > a, .mega-menu.menu-flat-border > li.menu-item:last-child > h5 { border-right: 0 none; } .accordion-menu { margin: 0; padding: 0; list-style: none; font-size: 0.9em; } .accordion-menu > li, .accordion-menu ul.sub-menu > li { position: relative; } .accordion-menu li.menu-item { margin: 0; } .accordion-menu li.menu-item > a, .accordion-menu li.menu-item > h5 { position: relative; display: block; outline: medium none; text-decoration: none; text-align: left; margin: 1px 0 0; padding: 5px 6px; line-height: 25px; font-weight: 400; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; font-family: inherit; font-size: inherit; } .accordion-menu li.menu-item > a > .fa, .accordion-menu li.menu-item > h5 > .fa { width: 18px; text-align: center; } .accordion-menu li.menu-item > a > .fa, .accordion-menu li.menu-item > h5 > .fa, .accordion-menu li.menu-item > a > .avatar, .accordion-menu li.menu-item > h5 > .avatar { margin-right: 5px; } .accordion-menu li.menu-item > a > .avatar img, .accordion-menu li.menu-item > h5 > .avatar img { margin-top: -5px; margin-bottom: -4px; } .accordion-menu li.menu-item > a > .flag, .accordion-menu li.menu-item > h5 > .flag, .accordion-menu li.menu-item > a > [class*='flag-'], .accordion-menu li.menu-item > h5 > [class*='flag-'] { display: inline-block; width: 16px; height: 11px; margin-top: -3px; margin-right: 6px; margin-left: 1px; vertical-align: middle; line-height: 0; } .accordion-menu li.menu-item > a > .flag:before, .accordion-menu li.menu-item > h5 > .flag:before, .accordion-menu li.menu-item > a > [class*='flag-']:before, .accordion-menu li.menu-item > h5 > [class*='flag-']:before { display: none; } .accordion-menu li.menu-item.has-sub > a, .accordion-menu li.menu-item.has-sub > h5 { padding-right: 33px; } .accordion-menu ul.sub-menu { display: none; list-style: none; margin: 0; padding: 0 0 0 10px; } .accordion-menu .arrow { border-radius: 0; position: absolute; top: 6px; right: 0; width: 25px; height: 25px; cursor: pointer; text-align: center; font-family: "FontAwesome"; line-height: 25px; vertical-align: top; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; } .accordion-menu .arrow:before { content: "\f067"; } .accordion-menu .open > .arrow:before { content: "\f068"; } .accordion-menu .tip { color: #fff; display: inline-block; font-size: 9px; border-radius: 0; line-height: 1; padding: 2px; position: relative; margin-left: 10px; vertical-align: middle; } .accordion-menu .tip.hot { background-color: #eb2771; } .accordion-menu .tip.hot .tip-arrow:before { color: #eb2771; } .accordion-menu .tip .tip-arrow:before { display: inline-block; font-family: "Elusive-Icons"; font-size: 5px; position: absolute; width: 4px; height: 6px; margin: auto; left: -4px; text-align: right; content: "\f126"; top: 0; bottom: 0; } @media (max-width: 991px) { #main-sidebar-menu { display: none; } } .widget_sidebar_menu { border: 1px solid #ddd; border-radius: 0; background: #fff; margin-top: 0; } .widget_sidebar_menu + .widget-block { margin-top: 20px; } .widget_sidebar_menu + .widget_product_categories, .widget_sidebar_menu + .widget_price_filter, .widget_sidebar_menu + .widget_layered_nav, .widget_sidebar_menu + .widget_layered_nav_filters, .widget_sidebar_menu + .widget_rating_filter { margin-top: 15px; } @media (max-width: 991px) { .widget_sidebar_menu { overflow: hidden; } } .widget_sidebar_menu.closed .widget-title { border-radius: 0; margin-bottom: -1px; } .widget_sidebar_menu .widget-title { border-radius: 0 0 0 0; background: #f5f5f5; border-bottom: 1px solid #ddd; font-size: 1.0714em; font-weight: 700; letter-spacing: 0.001em; line-height: 18px; padding: 12px 15px; margin: 0; text-transform: uppercase; position: relative; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; } @media (max-width: 1199px) { .widget_sidebar_menu .widget-title { font-size: 0.8571em; line-height: 13px; padding: 10px 15px; } } .widget_sidebar_menu .widget-title .toggle { display: inline-block; width: 1.8571em; height: 1.8571em; line-height: 1.7572em; color: #ccc; background: #fff; border: 1px solid #ccc; border-radius: 0; position: absolute; right: 1.0714em; top: 50%; margin-top: -0.9em; padding: 0; cursor: pointer; font-family: "FontAwesome"; text-align: center; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; } .widget_sidebar_menu .widget-title .toggle:before { content: "\f0d8"; } .widget_sidebar_menu .widget-title .toggle:hover { color: #fff; } .widget_sidebar_menu .widget-title .toggle.closed:before { content: "\f0d7"; } .sidebar-menu { margin: 0; padding: 0; list-style: none; *zoom: 1; } .sidebar-menu:before, .sidebar-menu:after { content: " "; display: table; } .sidebar-menu:after { clear: both; } .sidebar-menu li.menu-item { display: block; position: relative; margin: 0; } .sidebar-menu li.menu-item > a, .sidebar-menu li.menu-item > h5 { display: block; text-decoration: none; text-align: left; position: relative; outline: medium none; margin-top: 0; margin-bottom: 0; line-height: 24px; font-weight: 400; font-family: inherit; font-size: inherit; } .sidebar-menu li.menu-item > a > .fa, .sidebar-menu li.menu-item > h5 > .fa { width: 18px; text-align: center; } .sidebar-menu li.menu-item > a > .fa, .sidebar-menu li.menu-item > h5 > .fa, .sidebar-menu li.menu-item > a > .avatar, .sidebar-menu li.menu-item > h5 > .avatar { margin-right: 5px; } .sidebar-menu li.menu-item > a > .avatar img, .sidebar-menu li.menu-item > h5 > .avatar img { margin-top: -5px; margin-bottom: -4px; } .sidebar-menu li.menu-item > a > .flag, .sidebar-menu li.menu-item > h5 > .flag, .sidebar-menu li.menu-item > a > [class*='flag-'], .sidebar-menu li.menu-item > h5 > [class*='flag-'] { display: inline-block; width: 16px; height: 11px; margin-top: -2px; margin-right: 6px; margin-left: 1px; vertical-align: middle; line-height: 0; } .sidebar-menu li.menu-item > a > .flag:before, .sidebar-menu li.menu-item > h5 > .flag:before, .sidebar-menu li.menu-item > a > [class*='flag-']:before, .sidebar-menu li.menu-item > h5 > [class*='flag-']:before { display: none; } .sidebar-menu li.menu-item > a > .thumb-info-preview, .sidebar-menu li.menu-item > h5 > .thumb-info-preview { position: absolute; display: block; left: 100%; opacity: 0; border: 0; padding-left: 10px; background: transparent; overflow: visible; margin: 15px 0 0; top: -1000px; -webkit-transition: transform 0.2s ease-out, opacity 0.2s ease-out; -moz-transition: transform 0.2s ease-out, opacity 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s ease-out; transform: translate3d(-30px, 0, 0); opacity: 0; max-width: none; } .sidebar-menu li.menu-item > a > .thumb-info-preview .thumb-info-wrapper, .sidebar-menu li.menu-item > h5 > .thumb-info-preview .thumb-info-wrapper { background: #fff; display: block; border-radius: 0; border: 0; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); margin: 0; padding: 0; text-align: left; } .sidebar-menu li.menu-item > a > .thumb-info-preview .thumb-info-image, .sidebar-menu li.menu-item > h5 > .thumb-info-preview .thumb-info-image { width: 182px; height: 136px; min-height: 0; -webkit-transition: all 5s linear 0s; -moz-transition: all 5s linear 0s; transition: all 5s linear 0s; } .sidebar-menu li.menu-item > a > .thumb-info-preview .thumb-info-image.fixed-image, .sidebar-menu li.menu-item > h5 > .thumb-info-preview .thumb-info-image.fixed-image { background-position: left top; background-size: auto 100%; } .sidebar-menu li.menu-item > a:hover, .sidebar-menu li.menu-item > h5:hover { z-index: 1; } .sidebar-menu li.menu-item > a:hover > .thumb-info-preview, .sidebar-menu li.menu-item > h5:hover > .thumb-info-preview { transform: translate3d(0, 0, 0); top: 0; opacity: 1; margin-top: -5px; } .sidebar-menu li.menu-item > h5 { cursor: default; } .sidebar-menu ul.sub-menu { margin: 0; padding: 0; list-style: none; } .sidebar-menu > li.menu-item { float: none; } .sidebar-menu > li.menu-item:first-child > a, .sidebar-menu > li.menu-item:first-child > h5 { border-top-width: 0; } .sidebar-menu > li.menu-item:last-child:hover { border-radius: 0 0 0 0; } .sidebar-menu > li.menu-item:last-child.menu-item-has-children:hover { border-radius: 0 0 0 0; } .right-sidebar .sidebar-menu > li.menu-item:last-child.menu-item-has-children:hover { border-radius: 0 0 0 0; } .sidebar-menu > li.menu-item.has-sub > a .thumb-info-preview, .sidebar-menu > li.menu-item.has-sub > h5 .thumb-info-preview { display: none; } .sidebar-menu > li.menu-item > a, .sidebar-menu > li.menu-item > h5 { display: block; line-height: 17px; padding: 11.5px 5px; margin: 0 10px -1px; border-top: 1px solid #ddd; } @media (max-width: 1199px) { .sidebar-menu > li.menu-item > a, .sidebar-menu > li.menu-item > h5 { font-size: 0.9286em; line-height: 17px; padding: 9px 5px; } } .sidebar-menu > li.menu-item.active:hover > a, .sidebar-menu > li.menu-item.active:hover > h5 { color: #fff; } .sidebar-menu > li.menu-item:hover > a, .sidebar-menu > li.menu-item:hover > h5 { color: #fff; position: relative; z-index: 1; } .sidebar-menu > li.menu-item:hover > .arrow:before { border-left-color: #fff; } .sidebar-menu > li.menu-item > .arrow { position: absolute; top: 0; bottom: 0; right: 25px; height: 30px; line-height: 30px; margin: auto; text-align: center; } @media (max-width: 991px) { .sidebar-menu > li.menu-item > .arrow, .right-sidebar .sidebar-menu > li.menu-item > .arrow { margin: 0; top: 7px; } } .sidebar-menu > li.menu-item > .arrow:before { font-family: "FontAwesome"; content: "\f105"; } @media (max-width: 991px) { } .sidebar-menu .popup { text-align: left; left: 100%; position: absolute; top: 0; display: none; margin: 0; z-index: 111; min-width: 0; } @media (max-width: 991px) { .sidebar-menu .popup { position: static; margin-bottom: -1px; } } .right-sidebar .sidebar-menu .popup { right: 100%; left: auto; } .sidebar-menu .popup > .inner { margin: 0; } .sidebar-menu .popup ul.sub-menu { position: relative; } .sidebar-menu .popup li.menu-item { padding: 0; } .sidebar-menu .wide .popup { border-radius: 0 0 0 0; margin-left: -1px; border-left: 10px solid #ccc; box-shadow: 0 0 25px rgba(0, 0, 0, 0.15); } .right-sidebar .sidebar-menu .wide .popup { border-radius: 0 0 0 0; border-left-width: 0; border-right: 10px solid #ccc; margin-left: 0; margin-right: -1px; } .sidebar-menu .wide .popup > .inner { padding: 25px 20px 10px; background: #fff; border-radius: 0 0 0 0; margin-left: -5px; *zoom: 1; } .sidebar-menu .wide .popup > .inner:before, .sidebar-menu .wide .popup > .inner:after { content: " "; display: table; } .sidebar-menu .wide .popup > .inner:after { clear: both; } .right-sidebar .sidebar-menu .wide .popup > .inner { border-radius: 0 0 0 0; margin-left: 0; margin-right: -5px; } .sidebar-menu .wide .popup > .inner > ul.sub-menu { max-width: 100%; } .sidebar-menu .wide .popup > .inner > ul.sub-menu > li.menu-item { float: left; padding: 0 15px 10px; } .sidebar-menu .wide .popup > .inner > ul.sub-menu > li.menu-item > a, .sidebar-menu .wide .popup > .inner > ul.sub-menu > li.menu-item > h5 { color: #333; font-size: 1em; font-weight: 600; padding-bottom: 5px; } .sidebar-menu .wide .popup > .inner > ul.sub-menu > li.menu-item > a:hover { text-decoration: underline; } .sidebar-menu .wide .popup > .inner > ul.sub-menu > li.menu-item ul.sub-menu { padding-bottom: 5px; } .sidebar-menu .wide .popup > .inner > ul.sub-menu > li.menu-item ul.sub-menu ul.sub-menu { padding-bottom: 0; } .sidebar-menu .wide .popup > .inner > ul.sub-menu > li.menu-item li.menu-item > a, .sidebar-menu .wide .popup > .inner > ul.sub-menu > li.menu-item li.menu-item > h5 { margin-left: -8px; padding: 7px 8px; font-size: 0.9em; line-height: 20px; font-weight: normal; border-radius: 0; } .sidebar-menu .wide .popup > .inner > ul.sub-menu > li.menu-item li.menu-item > a:hover, .sidebar-menu .wide .popup > .inner > ul.sub-menu > li.menu-item li.menu-item > h5:hover { /*background: if-light(#f4f4f4, lighten($color-dark-3, 5%));*/ } .sidebar-menu .wide .popup > .inner > ul.sub-menu > li.menu-item li.menu-item > a:hover { text-decoration: underline; } .sidebar-menu .wide .popup > .inner > ul.sub-menu > li.menu-item li.menu-item > ul.sub-menu { padding-left: 10px; } .sidebar-menu .wide .popup > .inner > ul.sub-menu > .menu-block-item { margin-bottom: -20px; } .sidebar-menu .wide .popup > .inner li.menu-item > a.has-preview, .sidebar-menu .wide .popup > .inner li.menu-item > h5.has-preview { display: inline-block; } .sidebar-menu .wide .popup > .inner .container { width: auto; padding: 0; } @media (max-width: 991px) { .sidebar-menu .wide .popup, .right-sidebar .sidebar-menu .wide .popup { border-radius: 0; box-shadow: none; border: none; margin: 0; } .sidebar-menu .wide .popup .inner, .right-sidebar .sidebar-menu .wide .popup .inner { border-radius: 0; margin: 0; } } .sidebar-menu .narrow .popup > .inner > ul.sub-menu { border-radius: 0 0 0 0; } .right-sidebar .sidebar-menu .narrow .popup > .inner > ul.sub-menu { border-radius: 0 0 0 0; } .sidebar-menu .narrow .popup ul.sub-menu { min-width: 180px; padding: 5px; border-radius: 0; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); z-index: 10; } @media (max-width: 991px) { .sidebar-menu .narrow .popup ul.sub-menu { box-shadow: none; border-radius: 0; } } .sidebar-menu .narrow .popup ul.sub-menu ul.sub-menu { position: absolute; left: 100%; top: -5px; display: none; } @media (max-width: 991px) { .sidebar-menu .narrow .popup ul.sub-menu ul.sub-menu { position: static; padding: 0 0 0 5px; } } .right-sidebar .sidebar-menu .narrow .popup ul.sub-menu ul.sub-menu { left: auto; right: 100%; } .sidebar-menu .narrow .popup li.menu-item > a, .sidebar-menu .narrow .popup li.menu-item > h5 { font-weight: 600; text-transform: uppercase; padding: 7px 15px 7px 8px; font-size: 0.8571em; line-height: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); white-space: nowrap; } .right-sidebar .sidebar-menu .narrow .popup li.menu-item > a > .thumb-info-preview, .right-sidebar .sidebar-menu .narrow .popup li.menu-item > h5 > .thumb-info-preview { left: auto; right: 100%; padding-left: 0; padding-right: 10px; transform: translate3d(30px, 0, 0); } .right-sidebar .sidebar-menu .narrow .popup li.menu-item > a:hover > .thumb-info-preview, .right-sidebar .sidebar-menu .narrow .popup li.menu-item > h5:hover > .thumb-info-preview { transform: translate3d(0, 0, 0); } .sidebar-menu .narrow .popup li.menu-item:last-child > a, .sidebar-menu .narrow .popup li.menu-item:last-child > h5 { border-bottom-color: transparent; } .sidebar-menu .narrow .popup li.menu-item:hover > ul.sub-menu { display: block; } .sidebar-menu .narrow .popup li.menu-item-has-children > a, .sidebar-menu .narrow .popup li.menu-item-has-children > h5 { padding-right: 15px; } .sidebar-menu .narrow .popup li.menu-item-has-children > a:before, .sidebar-menu .narrow .popup li.menu-item-has-children > h5:before { content: "\f105"; float: right; margin-right: -1px; font-family: "FontAwesome"; font-weight: normal; line-height: 22px; opacity: 0.65; } .right-sidebar .sidebar-menu .narrow .popup li.menu-item-has-children > a:before, .right-sidebar .sidebar-menu .narrow .popup li.menu-item-has-children > h5:before { content: "\f104"; } @media (max-width: 991px) { .sidebar-menu .narrow .popup li.menu-item-has-children > a:before, .sidebar-menu .narrow .popup li.menu-item-has-children > h5:before { content: "\f0d7"; } .sidebar-menu .narrow .popup li.menu-item-has-children > a:before, .sidebar-menu .narrow .popup li.menu-item-has-children > h5:before, .right-sidebar .sidebar-menu .narrow .popup li.menu-item-has-children > a:before, .right-sidebar .sidebar-menu .narrow .popup li.menu-item-has-children > h5:before { margin-right: -7px; } } .sidebar-menu .narrow .popup li.menu-item-has-children > a .thumb-info-preview, .sidebar-menu .narrow .popup li.menu-item-has-children > h5 .thumb-info-preview { display: none; } .sidebar-menu .narrow .popup li.menu-item-has-children:hover > a:before, .sidebar-menu .narrow .popup li.menu-item-has-children:hover > h5:before { opacity: 1; } .sidebar-menu .tip { color: #fff; display: inline-block; font-size: 8px; font-style: normal; border-radius: 0; line-height: 1; padding: 2px; position: relative; margin-left: 10px; vertical-align: middle; } .sidebar-menu .tip.hot { background-color: #eb2771; } .sidebar-menu .tip.hot .tip-arrow:before { color: #eb2771; } .sidebar-menu .tip .tip-arrow:before { display: inline-block; font-family: "Elusive-Icons"; font-size: 5px; position: absolute; content: "\f126"; text-align: right; left: -4px; width: 4px; height: 6px; margin: auto; top: 0; bottom: 0; } .sidebar-menu .menu-custom-block span { display: none; } .sidebar-menu .menu-custom-block a { border-top: 1px solid #ddd; line-height: 18px; margin: 0 10px -1px; padding: 11.5px 5px; display: block; text-decoration: none; } @media (max-width: 1199px) { .sidebar-menu .menu-custom-block a { font-size: 0.9286em; line-height: 16px; padding: 9px 5px; } } .sidebar-menu .menu-custom-block a:hover { color: #fff; margin-left: 0; margin-right: 0; padding-left: 15px; padding-right: 15px; position: relative; z-index: 1; } .sidebar-menu .menu-custom-block a:last-child:hover { border-radius: 0 0 0 0; } .sidebar-menu.has-main-menu > li.menu-item:first-child > a, .sidebar-menu.has-main-menu > li.menu-item:first-child > h5 { border-top-width: 1px; } .sidebar-menu.has-side-menu > li.menu-item:last-child:hover { border-radius: 0; } .sidebar-menu.has-side-menu .menu-custom-block a:last-child:hover { border-radius: 0; } .sidebar-menu.subeffect-down .popup { top: -2000px; } .sidebar-menu.subeffect-down .popup li.menu-item > a, .sidebar-menu.subeffect-down .popup li.menu-item > h5 { -webkit-transition: transform 0.2s ease-out; -moz-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; -webkit-transform: translate3d(0, -5px, 0); -moz-transform: translate3d(0, -5px, 0); -ms-transform: translate3d(0, -5px, 0); -o-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } .sidebar-menu.subeffect-down > li.menu-item.wide .popup > .inner > ul.sub-menu > li.menu-item > a, .sidebar-menu.subeffect-down > li.menu-item.wide .popup > .inner > ul.sub-menu > li.menu-item > h5 { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .sidebar-menu.subeffect-down > li.menu-item:hover .popup { top: 0; } .sidebar-menu.subeffect-down > li.menu-item:hover li.menu-item > a, .sidebar-menu.subeffect-down > li.menu-item:hover li.menu-item > h5 { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .sidebar-menu.subeffect-down .narrow .popup ul.sub-menu ul.sub-menu { display: block !important; top: -2000px; } .sidebar-menu.subeffect-down .narrow .popup ul.sub-menu ul.sub-menu li.menu-item > a, .sidebar-menu.subeffect-down .narrow .popup ul.sub-menu ul.sub-menu li.menu-item > h5 { -webkit-transition: transform 0.2s ease-out; -moz-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; -webkit-transform: translate3d(0, -5px, 0); -moz-transform: translate3d(0, -5px, 0); -ms-transform: translate3d(0, -5px, 0); -o-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } .sidebar-menu.subeffect-down .narrow .popup ul.sub-menu li.menu-item:hover > ul.sub-menu { top: -5px; } .sidebar-menu.subeffect-down .narrow .popup ul.sub-menu li.menu-item:hover > ul.sub-menu > li.menu-item > a, .sidebar-menu.subeffect-down .narrow .popup ul.sub-menu li.menu-item:hover > ul.sub-menu > li.menu-item > h5 { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .sidebar-menu.subeffect-fadein-left > li.menu-item .popup { -webkit-animation: menuFadeInLeft 0.2s ease-out; animation: menuFadeInLeft 0.2s ease-out; } .right-sidebar .sidebar-menu.subeffect-fadein-left > li.menu-item .popup { -webkit-animation: menuFadeInRight 0.2s ease-out; animation: menuFadeInRight 0.2s ease-out; } .sidebar-menu.subeffect-fadein-left .narrow .popup ul.sub-menu li.menu-item > ul.sub-menu { -webkit-animation: menuFadeInLeft 0.2s ease-out; animation: menuFadeInLeft 0.2s ease-out; } .right-sidebar .sidebar-menu.subeffect-fadein-left .narrow .popup ul.sub-menu li.menu-item > ul.sub-menu { -webkit-animation: menuFadeInRight 0.2s ease-out; animation: menuFadeInRight 0.2s ease-out; } .sidebar-menu.subeffect-fadein-right > li.menu-item .popup { -webkit-animation: menuFadeInRight 0.2s ease-out; animation: menuFadeInRight 0.2s ease-out; } .right-sidebar .sidebar-menu.subeffect-fadein-right > li.menu-item .popup { -webkit-animation: menuFadeInLeft 0.2s ease-out; animation: menuFadeInLeft 0.2s ease-out; } .sidebar-menu.subeffect-fadein-right .narrow .popup ul.sub-menu li.menu-item > ul.sub-menu { -webkit-animation: menuFadeInRight 0.2s ease-out; animation: menuFadeInRight 0.2s ease-out; } .right-sidebar .sidebar-menu.subeffect-fadein-right .narrow .popup ul.sub-menu li.menu-item > ul.sub-menu { -webkit-animation: menuFadeInLeft 0.2s ease-out; animation: menuFadeInLeft 0.2s ease-out; } .sidebar-menu.subeffect-fadein-up > li.menu-item .popup { -webkit-animation: menuFadeInUp 0.2s ease-out; animation: menuFadeInUp 0.2s ease-out; } .sidebar-menu.subeffect-fadein-up .narrow .popup ul.sub-menu li.menu-item > ul.sub-menu { -webkit-animation: menuFadeInUp 0.2s ease-out; animation: menuFadeInUp 0.2s ease-out; } .sidebar-menu.subeffect-fadein-down > li.menu-item .popup { -webkit-animation: menuFadeInDown 0.2s ease-out; animation: menuFadeInDown 0.2s ease-out; } .sidebar-menu.subeffect-fadein-down .narrow .popup ul.sub-menu li.menu-item > ul.sub-menu { -webkit-animation: menuFadeInDown 0.2s ease-out; animation: menuFadeInDown 0.2s ease-out; } .sidebar-menu.subeffect-fadein > li.menu-item .popup { -webkit-animation: fadeIn 0.2s ease-out; animation: fadeIn 0.2s ease-out; } .sidebar-menu.subeffect-fadein .narrow .popup ul.sub-menu li.menu-item > ul.sub-menu { -webkit-animation: fadeIn 0.2s ease-out; animation: fadeIn 0.2s ease-out; } /* Header */@-webkit-keyframes header-reveal { 0% { margin-top: -150px; } 100% { margin-top: 0; } } @-moz-keyframes header-reveal { 0% { margin-top: -150px; } 100% { margin-top: 0; } } @-o-keyframes header-reveal { 0% { margin-top: -150px; } 100% { margin-top: 0; } } @keyframes header-reveal { 0% { margin-top: -150px; } 100% { margin-top: 0; } } .header-wrapper.wide .container { width: 100%; } #header { clear: both; } #header a, #header a:hover { text-decoration: none; outline: none; } #header .header-top .container, #header .header-main .container { position: relative; display: table; } #header .header-top .container > div, #header .header-main .container > div { display: table-cell; position: relative; vertical-align: middle; } #header .header-left { text-align: left; } #header .header-center { text-align: left; } #header .header-right { text-align: right; } #header.header-loaded .header-main { -webkit-transition: background 0.3s ease 0s; -moz-transition: background 0.3s ease 0s; transition: background 0.3s ease 0s; } #header .header-main { position: relative; } #header .header-main .container { min-height: 68px; } @media (max-width: 480px) { #header .header-main .container { min-height: 43px; } } .fixed-header #header .header-main .container { min-height: 0; } #header .header-main .container .header-left { padding: 30px 0; } @media (max-width: 767px) { #header .header-main .container .header-left { padding-top: 15px; padding-bottom: 15px; } } #header .header-main .container .header-center { padding: 21px 20px 20px 20px; text-align: center; /*width: 100%;*/ } @media (max-width: 991px) { #header .header-main .container .header-center { text-align: right; } } @media (max-width: 767px) { #header .header-main .container .header-center { padding-top: 15px; padding-bottom: 15px; text-align: left; } } #header .header-main .container .header-right { padding: 22px 0; } @media (max-width: 767px) { #header .header-main .container .header-right { padding-top: 15px; padding-bottom: 15px; } } #header .header-main .container .header-right .header-minicart { position: relative; padding-right: 60px; } @media (max-width: 480px) { #header .header-main .container .header-right .header-minicart { position: static; padding-right: 0; } } #header .header-main .container .header-right .header-minicart-box { position: relative; padding-right: 85px; } @media (max-width: 480px) { #header .header-main .container .header-right .header-minicart-box { position: static; padding-right: 0; } } #header .header-main .container .header-right .searchform-popup { margin-right: 3px; } #header .header-main .container #main-menu { display: inline-block; vertical-align: middle; } #header .header-top { position: relative; z-index: 1001; font-size: 0.7857em; } @media (max-width: 991px) { #header .header-top .gap { display: none; } #header .header-top .switcher-gap { display: inline; } } #header.logo-center .header-main .container .header-left { width: 35%; padding-right: 20px; } @media (max-width: 991px) { #header.logo-center .header-main .container .header-left { display: inline-block; width: auto; } } #header.logo-center .header-main .container .header-center { width: 30%; padding-left: 0; padding-right: 0; text-align: center; } #header.logo-center .header-main .container .header-center .logo { margin: 0 auto !important; } #header.logo-center .header-main .container .header-center .logo img { -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; } @media (max-width: 991px) { #header.logo-center .header-main .container .header-center { display: inline-block; width: auto; text-align: left; } #header.logo-center .header-main .container .header-center .logo { margin: 0 !important; } #header.logo-center .header-main .container .header-center .logo img { -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } } @media (max-width: 480px) { #header.logo-center .header-main .container .header-center .logo { margin: 0 auto !important; } } #header.logo-center .header-main .container .header-right { width: 35%; padding-left: 20px; } @media (max-width: 991px) { #header.logo-center .header-main .container .header-right { width: auto; } } #header .gap { font-weight: 300; margin: 0 10px; } #header .gap.switcher-gap { margin: 0 5px; } #header .mobile-show { display: none; } @media (max-width: 991px) { #header .mobile-hide { display: none; } #header .mobile-show { display: inline; } } #header.sticky-header .header-main { -webkit-transition: none; -moz-transition: none; transition: none; } #header.sticky-header .header-main.change-logo .container > div { padding-top: 8px; padding-bottom: 8px; } @media (max-width: 480px) { #header.sticky-header .header-main.change-logo .container > div { padding-top: 5px; padding-bottom: 5px; } } #header.sticky-header .header-main.change-logo .logo img { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } #header.sticky-header .header-main.sticky { position: fixed; left: 0; right: 0; width: 100%; box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1); top: 0; z-index: 1001; } #header.sticky-header .header-main.sticky .container.absolute { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .header-reveal #header.sticky-header .header-main.sticky { margin-top: 0; -webkit-animation: header-reveal 0.4s ease-in; animation: header-reveal 0.4s ease-in; } #header.sticky-header .logo { min-width: 0; } @media (max-width: 480px) { #header.sticky-header .logo { display: none; } } #header.sticky-header .main-menu-wrap { position: fixed; border-bottom-width: 0 !important; left: 0; right: 0; width: 100%; top: 0; z-index: 1001; padding: 8px 0; } .header-reveal #header.sticky-header .main-menu-wrap { margin-top: 0; -webkit-animation: header-reveal 0.4s ease-in; animation: header-reveal 0.4s ease-in; } #header.sticky-header .main-menu-wrap, .fixed-header #header.sticky-header .main-menu-wrap { box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1); } #header.sticky-header .main-menu-wrap.menu-flat, .fixed-header #header.sticky-header .main-menu-wrap.menu-flat, #header.sticky-header .main-menu-wrap.menu-flat-border, .fixed-header #header.sticky-header .main-menu-wrap.menu-flat-border { padding: 0; } #header.sticky-header-calc .header-main.sticky, #header.sticky-header-calc .main-menu-wrap, #header.sticky-header-calc .logo img, #header.sticky-header-calc .header-main.change-logo .container > div { -webkit-transition: none; -moz-transition: none; transition: none; } .fixed-header.header-transparent-bottom-border #header { border-bottom: 1px solid rgba(255, 255, 255, .2); } .fixed-header #header { position: absolute; left: 0; right: 0; width: 100%; top: auto; z-index: 1001; border-top-width: 0; } .fixed-header #header .header-main, .fixed-header #header .main-menu-wrap { position: relative; top: 0; } .fixed-header #header.sticky-header { padding-bottom: 0 !important; border-bottom: none; } .fixed-header #header.sticky-header .header-main, .fixed-header #header.sticky-header .main-menu-wrap { position: fixed; } .fixed-header #header .header-main .container > div { padding-top: 15px; padding-bottom: 15px; } .fixed-header #header .searchform { -webkit-transition: background 0.3s ease 0s, border 0.3s ease 0s; -moz-transition: background 0.3s ease 0s, border 0.3s ease 0s; transition: background 0.3s ease 0s, border 0.3s ease 0s; } .fixed-header #header .main-menu-wrap #main-menu .mega-menu { background: transparent; } .fixed-header #header #main-menu .mega-menu { -webkit-transition: background 0.3s ease 0s; -moz-transition: background 0.3s ease 0s; transition: background 0.3s ease 0s; } .fixed-header #header.sticky-header .main-menu-wrap { padding: 8px 0; } #header-boxed { padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; } #header-boxed #header.sticky-header .header-main.sticky { margin-left: auto; margin-right: auto; } @media (min-width: 768px) { #header-boxed #header.sticky-header .header-main.sticky { max-width: 750px; } } @media (min-width: 992px) { #header-boxed #header.sticky-header .header-main.sticky { max-width: 990px; } } #header-boxed #header.sticky-header .main-menu-wrap { margin-left: auto; margin-right: auto; } @media (min-width: 992px) { #header-boxed #header.sticky-header .main-menu-wrap { max-width: 990px; } } /* Logo */#header .logo { margin: 0; padding: 0; min-width: 100px; } @media (max-width: 991px) { #header .logo { /*min-width: 0;*/ } } @media (max-width: 480px) { #header .logo { text-align: center; margin: -15px auto 0; } } #header .logo a { display: inline-block; max-width: 100%; } #header .logo img { display: inline-block; color: transparent; max-width: 100%; -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } @media not all, only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { #header .logo img.standard-logo { display: none; } #header .logo img.retina-logo { display: inline-block !important; } } #header .logo-transition img { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #header .logo-text { display: inline-block; } #header .welcome-msg { display: inline-block; vertical-align: middle; } #header .welcome-msg p { margin: 12px 0; } #header .switcher-wrap { display: inline-block; white-space: nowrap; } #header .switcher-wrap ul:first-child { margin-left: 0; } #header .currency-switcher, #header .view-switcher, #header .top-links { font-size: 0.7857em; display: inline-block; vertical-align: middle; margin: 3px 0; } #header .currency-switcher > li.menu-item, #header .view-switcher > li.menu-item, #header .top-links > li.menu-item { margin-right: 0; } #header .currency-switcher > li.menu-item > a, #header .view-switcher > li.menu-item > a, #header .top-links > li.menu-item > a, #header .currency-switcher > li.menu-item > h5, #header .view-switcher > li.menu-item > h5, #header .top-links > li.menu-item > h5 { font-size: 1em; font-weight: normal; padding: 0 5px; border-radius: 0; line-height: 26px; } #header .currency-switcher > li.menu-item:hover > a, #header .view-switcher > li.menu-item:hover > a, #header .top-links > li.menu-item:hover > a, #header .currency-switcher > li.menu-item:hover > h5, #header .view-switcher > li.menu-item:hover > h5, #header .top-links > li.menu-item:hover > h5 { border-radius: 0 0 0 0; } #header .currency-switcher > li.menu-item.has-sub:hover > a, #header .view-switcher > li.menu-item.has-sub:hover > a, #header .top-links > li.menu-item.has-sub:hover > a, #header .currency-switcher > li.menu-item.has-sub:hover > h5, #header .view-switcher > li.menu-item.has-sub:hover > h5, #header .top-links > li.menu-item.has-sub:hover > h5 { margin-bottom: 0; padding-bottom: 0; } #header .currency-switcher > li.menu-item > .popup, #header .view-switcher > li.menu-item > .popup, #header .top-links > li.menu-item > .popup { margin-top: 0; border-width: 0; } #header .currency-switcher .narrow .popup > .inner > ul.sub-menu, #header .view-switcher .narrow .popup > .inner > ul.sub-menu, #header .top-links .narrow .popup > .inner > ul.sub-menu { border-radius: 0 0 0 0; box-shadow: none; } #header .currency-switcher .narrow .popup ul.sub-menu, #header .view-switcher .narrow .popup ul.sub-menu, #header .top-links .narrow .popup ul.sub-menu { padding: 5px; min-width: 0; } #header .currency-switcher .narrow .popup li.menu-item > a, #header .view-switcher .narrow .popup li.menu-item > a, #header .top-links .narrow .popup li.menu-item > a, #header .currency-switcher .narrow .popup li.menu-item > h5, #header .view-switcher .narrow .popup li.menu-item > h5, #header .top-links .narrow .popup li.menu-item > h5 { font-size: 1em; padding: 0 7px; line-height: 25px; border-bottom-width: 0; } #header .currency-switcher, #header .view-switcher { margin-left: 11px; } #header .woocs-switcher li, #header .woocs-switcher li > h5 { cursor: pointer !important; } #header .top-links { white-space: nowrap; } @media (max-width: 991px) { #header .top-links { display: none; } } #header .top-links > li.menu-item { display: inline-block; margin-left: -11px; float: left; } #header .top-links > li.menu-item:after { content: "|"; font-weight: 300; position: relative; top: -1px; margin: 0 10px 0 5px; } #header .top-links > li.menu-item.active > a, #header .top-links > li.menu-item:hover > a, #header .top-links > li.menu-item.has-sub:hover > a, #header .top-links > li.menu-item.active > h5, #header .top-links > li.menu-item:hover > h5, #header .top-links > li.menu-item.has-sub:hover > h5 { background: transparent; } #header .top-links a:hover { text-decoration: underline; } #header .header-top .currency-switcher, #header .header-top .view-switcher, #header .header-top .top-links { margin: 0; font-size: 1em; } #header .header-top .currency-switcher > li.menu-item > a, #header .header-top .view-switcher > li.menu-item > a, #header .header-top .top-links > li.menu-item > a, #header .header-top .currency-switcher > li.menu-item > h5, #header .header-top .view-switcher > li.menu-item > h5, #header .header-top .top-links > li.menu-item > h5 { padding-top: 5px !important; padding-bottom: 5px !important; border-radius: 0 !important; font-weight: 600; letter-spacing: 0.025em; line-height: 24px; } @media (max-width: 1199px) { #header .header-top .currency-switcher > li.menu-item > a, #header .header-top .view-switcher > li.menu-item > a, #header .header-top .top-links > li.menu-item > a, #header .header-top .currency-switcher > li.menu-item > h5, #header .header-top .view-switcher > li.menu-item > h5, #header .header-top .top-links > li.menu-item > h5 { padding-top: 3px !important; padding-bottom: 3px !important; } } #header .header-top .welcome-msg { line-height: 34px; letter-spacing: 0.28333px; } @media (max-width: 1199px) { #header .header-top .welcome-msg { line-height: 32px; } } #header .header-top .view-switcher .narrow .popup > .inner > ul, #header .header-top .currency-switcher .narrow .popup > .inner > ul { padding: 4px 0; background: #fff; } #header .header-top .view-switcher .narrow .popup li.menu-item > a, #header .header-top .currency-switcher .narrow .popup li.menu-item > a, #header .header-top .view-switcher .narrow .popup li.menu-item > h5, #header .header-top .currency-switcher .narrow .popup li.menu-item > h5 { background: #fff; color: #777; line-height: 20px; } #header .header-top .view-switcher .narrow .popup li.menu-item:hover > a, #header .header-top .currency-switcher .narrow .popup li.menu-item:hover > a, #header .header-top .view-switcher .narrow .popup li.menu-item:hover > h5, #header .header-top .currency-switcher .narrow .popup li.menu-item:hover > h5 { background-color: #ccc; color: #fff; } #header .header-top .view-switcher.mega-menu.show-arrow > li.has-sub > a:after, #header .header-top .currency-switcher.mega-menu.show-arrow > li.has-sub > a:after, #header .header-top .view-switcher.mega-menu.show-arrow > li.has-sub > h5:after, #header .header-top .currency-switcher.mega-menu.show-arrow > li.has-sub > h5:after { content: "\e80b"; font-family: "porto"; font-size: 11px; } /* Search Form */#header .searchform { border: 1px solid #ccc; border-radius: 20px; position: relative; display: inline-block; line-height: 40px; font-size: 13px; padding: 0; vertical-align: middle; width: 447px; *zoom: 1; } #header .searchform:before, #header .searchform:after { content: " "; display: table; } #header .searchform:after { clear: both; } #header .searchform:before { content: ""; display: none; position: absolute; left: 27px; top: -23px; width: 22px; height: 22px; border: 11px solid transparent; border-bottom-color: inherit; } #header .searchform fieldset { margin-right: -2px; } @media (max-width: 1199px) { #header .searchform { width: 368px; } } @media (max-width: 991px) { #header .searchform { border-width: 5px; border-radius: 25px; width: 378px; display: none; position: absolute; left: -25px; top: 45px; z-index: 1002; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); } #header .searchform:before { display: block; } } #header .searchform .text, #header .searchform .cat, #header .searchform .button-wrap, #header .searchform .selectric-cat { float: left; display: inline-block; text-align: left; } #header .searchform .button-wrap { margin: 0; } #header .searchform input, #header .searchform select, #header .searchform button { background: transparent; border-radius: 0; float: left; border: none; height: 40px; outline: none; box-shadow: none; margin-bottom: 0; } #header .searchform input::-webkit-input-placeholder, #header .searchform select::-webkit-input-placeholder, #header .searchform button::-webkit-input-placeholder { opacity: 0.7; } #header .searchform input:-moz-placeholder, #header .searchform select:-moz-placeholder, #header .searchform button:-moz-placeholder { opacity: 0.7; } #header .searchform input::-moz-placeholder, #header .searchform select::-moz-placeholder, #header .searchform button::-moz-placeholder { opacity: 0.7; } #header .searchform input:-ms-input-placeholder, #header .searchform select:-ms-input-placeholder, #header .searchform button:-ms-input-placeholder { opacity: 0.7; } #header .searchform input { padding: 0 15px 0 20px; border-radius: 20px 0 0 20px; width: 398px; font-family: arial; font-size: 13px; height: 38px; line-height: 37px; } @media (max-width: 1199px) { #header .searchform input { width: 318px; } } #header .searchform.searchform-cats input { width: 266px; } @media (max-width: 1199px) { #header .searchform.searchform-cats input { width: 190px; } } #header .searchform button { font-size: 16px; padding: 0 20px 0 13px; border-radius: 0 20px 20px 0; text-shadow: none; height: 38px; line-height: 37px; } #header .searchform button i:before { content: "\e884"; font-family: "porto"; } #header .searchform select { padding: 0 15px 0 10px; width: 130px; appearance: none; -moz-appearance: none; -webkit-appearance: none; } #header .searchform select::-ms-expand { display: none; } #header .searchform .selectric-cat { width: 129px; text-align: left; } #header .searchform .selectric { background: transparent; border-width: 0; } #header .searchform .selectric .label { padding: 0 15px 0 10px; margin: 0; font-family: arial; font-weight: normal; font-size: 13px; border-radius: 0; text-align: left; letter-spacing: 0.005em; /*@if $searchform-border == 0 { height: 32px; line-height: 34px; } @else { height: 38px; line-height: 37px; }*/ height: 38px; line-height: 37px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #header .searchform .selectric-open { z-index: 10000; } #header .searchform .selectric-items { left: 0px; max-width: 250px; } #header .searchform .selectric-items ul, #header .searchform .selectric-items li { line-height: 18px; min-height: 18px; } #header .searchform .selectric-items li { border-width: 0; padding: 6px 8px; } #header .searchform .selectric-items:focus { outline: none; } #header .searchform input, #header .searchform select, #header .searchform .selectric { border-right: 1px solid #ccc; } #header .searchform .autocomplete-suggestions { width: auto !important; left: 15px; right: 15px; padding: 0; border-radius: 0; } #header .searchform .autocomplete-suggestion { padding: 6px; line-height: 15px; min-height: 0; *zoom: 1; text-align: left; } #header .searchform .autocomplete-suggestion:before, #header .searchform .autocomplete-suggestion:after { content: " "; display: table; } #header .searchform .autocomplete-suggestion:after { clear: both; } #header .searchform .autocomplete-suggestion .yith_wcas_result_image { float: left; margin-right: 10px; margin-left: 0; } #header .searchform .autocomplete-suggestion .yith_wcas_result_content { margin: 0; } #header .searchform .autocomplete-suggestion img { border-radius: 0; } #header .searchform .autocomplete-suggestion span.yith_wcas_result_on_sale, #header .searchform .autocomplete-suggestion span.yith_wcas_result_featured { padding: 3px 5px; border-radius: 0; } #header .searchform .autocomplete-suggestion div.badges { left: auto; right: 8px; line-height: 1; } #header .searchform .autocomplete-suggestion del { font-size: 0.8em; } #header .searchform .autocomplete-suggestion ins { text-decoration: none; } #header.search-md .searchform { width: 398px; } #header.search-md .searchform input { width: 348px; } #header.search-md .searchform.searchform-cats input { width: 220px; } @media (max-width: 1199px) { #header.search-md .searchform { width: 338px; } #header.search-md .searchform input { width: 288px; } #header.search-md .searchform.searchform-cats input { width: 160px; } } @media (max-width: 991px) { #header.search-md .searchform { width: 348px; } #header.search-md .searchform input { width: 290px; } #header.search-md .searchform.searchform-cats input { width: 162px; } } #header.search-sm .searchform { width: 348px; } #header.search-sm .searchform input { width: 298px; } #header.search-sm .searchform.searchform-cats input { width: 170px; } @media (max-width: 1199px) { #header.search-sm .searchform { width: 288px; } #header.search-sm .searchform input { width: 238px; } #header.search-sm .searchform.searchform-cats input { width: 110px; } } @media (max-width: 991px) { #header.search-sm .searchform { width: 298px; } #header.search-sm .searchform input { width: 240px; } #header.search-sm .searchform.searchform-cats input { width: 112px; } } #header .searchform-popup { display: inline-block; position: relative; vertical-align: middle; } #header .searchform-popup .search-toggle { cursor: pointer; display: none; width: 40px; height: 40px; line-height: 40px; text-align: center; position: relative; z-index: 1003; font-size: 1.2857em; } @media (max-width: 991px) { #header .searchform-popup .search-toggle { display: block; } } #header .show-menu-search .searchform-popup { position: absolute; left: 0; top: 0; bottom: 0; height: 40px; margin: auto; z-index: 110; } @media (max-width: 991px) { #header .show-menu-search .searchform-popup { position: relative; left: 0; } } #header .search-popup .search-toggle { display: inline-block; } #header .search-popup .searchform { border-width: 5px; border-radius: 25px; /*width: 478px;*/ width: 455px; display: none; position: absolute; left: -25px; top: 45px; z-index: 1003; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); } @media (max-width: 1199px) { #header .search-popup .searchform { width: 378px; } } #header .search-popup .searchform:before { display: block; } #header.search-md .search-popup .searchform { width: 408px; } @media (max-width: 1199px) { #header.search-md .search-popup .searchform { width: 348px; } } #header.search-sm .search-popup .searchform { width: 358px; } @media (max-width: 1199px) { #header.search-sm .search-popup .searchform { width: 298px; } } #header .header-left.search-popup .searchform-popup { left: 0; } #header .header-left.search-popup .searchform { top: -5px; left: 45px; } #header .header-left.search-popup .searchform:before { border-bottom-color: transparent; border-right-color: inherit; left: -23px; top: 9px; } @media (max-width: 991px) { #header .header-left .searchform-popup { left: 0; } #header .header-left .searchform { top: -5px; left: 45px; } #header .header-left .searchform:before { border-bottom-color: transparent; border-right-color: inherit; left: -23px; top: 9px; } } #header .header-right.search-popup .searchform { left: auto; right: -22px; } #header .header-right.search-popup .searchform:before { left: auto; right: 27px; } @media (max-width: 991px) { #header .header-right .searchform { left: auto; right: -22px; } #header .header-right .searchform:before { left: auto; right: 27px; } } @media (max-width: 767px) { #header .header-left .searchform, #header .header-center .searchform, #header .header-right .searchform, #header .header-left.search-popup .searchform, #header .header-center.search-popup .searchform, #header .header-right.search-popup .searchform { width: 338px; } #header .header-left .searchform input, #header .header-center .searchform input, #header .header-right .searchform input, #header .header-left.search-popup .searchform input, #header .header-center.search-popup .searchform input, #header .header-right.search-popup .searchform input { width: 280px; } #header .header-left .searchform.searchform-cats input, #header .header-center .searchform.searchform-cats input, #header .header-right .searchform.searchform-cats input, #header .header-left.search-popup .searchform.searchform-cats input, #header .header-center.search-popup .searchform.searchform-cats input, #header .header-right.search-popup .searchform.searchform-cats input { width: 150px; } } @media (max-width: 480px) { #header .header-left .searchform, #header .header-center .searchform, #header .header-right .searchform, #header .header-left.search-popup .searchform, #header .header-center.search-popup .searchform, #header .header-right.search-popup .searchform { width: 288px; } #header .header-left .searchform input, #header .header-center .searchform input, #header .header-right .searchform input, #header .header-left.search-popup .searchform input, #header .header-center.search-popup .searchform input, #header .header-right.search-popup .searchform input { width: 234px; } #header .header-left .searchform.searchform-cats input, #header .header-center .searchform.searchform-cats input, #header .header-right .searchform.searchform-cats input, #header .header-left.search-popup .searchform.searchform-cats input, #header .header-center.search-popup .searchform.searchform-cats input, #header .header-right.search-popup .searchform.searchform-cats input { width: 118px; padding-right: 10px; } #header .header-left .searchform.searchform-cats select, #header .header-center .searchform.searchform-cats select, #header .header-right .searchform.searchform-cats select, #header .header-left.search-popup .searchform.searchform-cats select, #header .header-center.search-popup .searchform.searchform-cats select, #header .header-right.search-popup .searchform.searchform-cats select { width: 116px; padding: 0 8px; } #header .header-left .searchform.searchform-cats .selectric-cat, #header .header-center .searchform.searchform-cats .selectric-cat, #header .header-right .searchform.searchform-cats .selectric-cat, #header .header-left.search-popup .searchform.searchform-cats .selectric-cat, #header .header-center.search-popup .searchform.searchform-cats .selectric-cat, #header .header-right.search-popup .searchform.searchform-cats .selectric-cat { width: 116px; } #header .header-left .searchform.searchform-cats .selectric .label, #header .header-center .searchform.searchform-cats .selectric .label, #header .header-right .searchform.searchform-cats .selectric .label, #header .header-left.search-popup .searchform.searchform-cats .selectric .label, #header .header-center.search-popup .searchform.searchform-cats .selectric .label, #header .header-right.search-popup .searchform.searchform-cats .selectric .label { padding: 0 8px; } #header .header-left .searchform-popup, #header .header-center .searchform-popup, #header .header-right .searchform-popup, #header .header-left.search-popup .searchform-popup, #header .header-center.search-popup .searchform-popup, #header .header-right.search-popup .searchform-popup { position: absolute; left: 45px; top: 1px; bottom: auto; } #header .header-left .searchform-popup .searchform, #header .header-center .searchform-popup .searchform, #header .header-right .searchform-popup .searchform, #header .header-left.search-popup .searchform-popup .searchform, #header .header-center.search-popup .searchform-popup .searchform, #header .header-right.search-popup .searchform-popup .searchform { border-width: 3px; right: auto; left: -25px; top: 42px; } #header .header-left .searchform-popup .searchform:before, #header .header-center .searchform-popup .searchform:before, #header .header-right .searchform-popup .searchform:before, #header .header-left.search-popup .searchform-popup .searchform:before, #header .header-center.search-popup .searchform-popup .searchform:before, #header .header-right.search-popup .searchform-popup .searchform:before { width: 14px; border-width: 7px; left: 34px; right: auto; top: -23px; border-color: transparent; border-bottom-color: inherit; } } /* Header Contact Block */#header .header-contact { margin: 5px 0; display: inline-block; vertical-align: middle; white-space: nowrap; } #header .header-contact p { margin-bottom: 0; } #header .header-contact a { font-size: 0.8571em; } #header .header-contact .gap { margin: 0 12px; } #header .header-contact i { display: inline-block; margin: 0 5px; } #header .header-contact .nav-top a, #header .header-contact .nav-top span { font-size: 0.9em; padding: 6px 10px; } #header .header-contact .nav-top i { position: relative; top: 1px; margin-right: 6px; margin-left: 0; } #header .header-contact .nav-top span { display: block; line-height: 14px; margin-bottom: 2px; margin-top: 5px; } #header .header-top .header-contact { margin: 0; font-size: 1.15em; } #header .header-top .header-contact a, #header .header-top .header-contact span { font-size: 1em; } /* Social Links */#header .share-links { display: inline-block; margin: 5px 0 5px 5px; vertical-align: middle; } #header .share-links > a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; box-shadow : 0 2px 2px 0 rgba(0, 0, 0, .3); } #header .header-top .share-links { margin: 0 5px 0 -5px; font-size: 1.4545em; } #header .header-top .share-links > a { width: 1.75em; height: 2em; margin: 0; background: transparent; box-shadow: none; } /* Mini Cart */#mini-cart { display: inline-block; vertical-align: middle; position: absolute; top: 50%; bottom: 50%; right: 0; height: 45px; margin: -22px auto; white-space: normal; } #mini-cart .cart-head { position: relative; cursor: pointer; margin-top: 0; min-width: 45px; text-align: center; } #mini-cart .minicart-icon { font-size: 36px; vertical-align: middle; display: inline-block; } #mini-cart .minicart-icon2 { margin-left: -6px; } #mini-cart .minicart-icon3 { margin-left: -8px; } #mini-cart .cart-items { position: absolute; font-size: 15px; font-weight: 600; bottom: 10px; left: 0; right: 0; top: 11px; text-align: center; display: inline-block; height: 22px; overflow: hidden; } #mini-cart .cart-items .items-loading { width: 16px; height: 16px; display: inline-block; background: transparent url(../images/ajax-loader@2x.gif) no-repeat scroll center center / 16px 16px; margin-top: -4px; vertical-align: middle; } #mini-cart .cart-head2 .cart-items { top: 5px; left: 3px; font-size: 13px; } #mini-cart .cart-head3 .cart-items { top: 9px; left: 2px; font-size: 13px; } #mini-cart .cart-head4 .cart-items { top: 8px; font-size: 14px; } #mini-cart.minicart-box { /*width: 68px; height: 60px;*/ text-align: center; border: 1px solid #e6e6e6; margin: -30px auto; } #mini-cart.minicart-box .cart-head { margin-top: 11px; } #mini-cart.minicart-inline { font-size: 0.7857em; width: auto; height: auto; position: relative; top: auto; bottom: auto; margin: 3px 0 3px 7px; border-radius: 0; } #mini-cart.minicart-inline .minicart-icon { font-size: 1.2727em; margin-left: 0; vertical-align: top; } #mini-cart.minicart-inline .minicart-icon2, #mini-cart.minicart-inline .minicart-icon3 { margin-left: -2px; } #mini-cart.minicart-inline .cart-head { padding: 0 10px; line-height: 26px; height: 26px; white-space: nowrap; margin-top: 1px; margin-bottom: -1px; } #mini-cart.minicart-inline .cart-items { font-size: 1em; margin-left: 3px; position: relative; top: -1px; } #mini-cart.minicart-inline .cart-head2 .cart-items { left: 0; top: 0; } #mini-cart.minicart-inline .cart-popup { margin-top: 8px; } #mini-cart.minicart-inline .cart-popup:before { right: 18px; } @media (max-width: 480px) { #header #mini-cart { font-size: 0.8462em; width: auto; height: auto; position: absolute; right: 15px; top: 9px; bottom: auto; margin: 0; border-radius: 0; border-width: 0; } #header #mini-cart .minicart-icon { font-size: 1.2727em; margin-left: 0; vertical-align: baseline; } #header #mini-cart .minicart-icon2, #header #mini-cart .minicart-icon3 { margin-left: -2px; } #header #mini-cart .cart-head { padding: 0 10px; line-height: 26px; height: 26px; margin: 0; white-space: nowrap; } #header #mini-cart .cart-items { font-size: 1em; margin-left: 3px; position: relative; top: -3px; vertical-align: middle; } #header #mini-cart .cart-head2 .cart-items { left: 2px; top: -2px; } #header #mini-cart .cart-popup { margin-top: 8px; } #header #mini-cart .cart-popup:before { right: 18px; } } #mini-cart .cart-popup { width: 300px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; z-index: 1003; left: auto; right: 0; padding: 0; border: none; border-top: 9px solid #ccc; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); border-radius: 0; } #mini-cart .cart-popup:before { /*content: ''; position: absolute; top: -16px; #{$right}: 17px; border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid #ccc; .header-minicart-box & { #{$right}: 25px; }*/ } #mini-cart .cart-popup .widget_shopping_cart_content { border-radius: 0; margin-top: -4px; background: #fff; padding: 15px; } @media (max-width: 767px) { #mini-cart .cart-popup { width: 290px; } } #mini-cart .widget_shopping_cart li.empty { text-align: center; padding: 10px 0; } #mini-cart .widget_shopping_cart .buttons { margin-bottom: 0; } #mini-cart .widget_shopping_cart .cart-loading { height: 64px; width: 100%; background: transparent url(../images/ajax-loader@2x.gif) no-repeat scroll center center / 16px 16px; opacity: 0.6; } #mini-cart .cart_list { min-height: 45px; max-height: 300px; overflow-y: auto; overflow-x: hidden; } #mini-cart .cart_list.scroll-scrolly_visible li { padding-right: 20px; } #mini-cart.effect-down .cart-popup { display: block; top: -2000px; } #mini-cart.effect-down .cart_list, #mini-cart.effect-down .widget_shopping_cart .total, #mini-cart.effect-down .widget_shopping_cart .buttons { margin-top: -10px; } #mini-cart.effect-down.open .cart-popup { top: 100%; } #mini-cart.effect-down.open .cart_list, #mini-cart.effect-down.open .widget_shopping_cart .total, #mini-cart.effect-down.open .widget_shopping_cart .buttons { margin-top: 0; -webkit-transition: margin-top 0.2s ease; -moz-transition: margin-top 0.2s ease; transition: margin-top 0.2s ease; -webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } #mini-cart.effect-fadein-up.open .cart-popup { -webkit-animation: menuFadeInUp 0.2s ease; animation: menuFadeInUp 0.2s ease; } #mini-cart.effect-fadein-down.open .cart-popup { -webkit-animation: menuFadeInDown 0.2s ease; animation: menuFadeInDown 0.2s ease; } #mini-cart.effect-fadein.open .cart-popup { -webkit-animation: menuFadeIn 0.2s ease; animation: menuFadeIn 0.2s ease; } /* Minicart Style 4 & 5 & Popup Style 2*/#mini-cart.minicart-arrow, #mini-cart.minicart-arrow-alt { position: relative; height: 41px; line-height: 38px; } #mini-cart.minicart-arrow .cart-head::after, #mini-cart.minicart-arrow-alt .cart-head::after { font-family: fontawesome; position: absolute; right: 14px; color: #bde1f5; font-size: 13px; } #mini-cart.minicart-arrow .cart-items, #mini-cart.minicart-arrow-alt .cart-items { width: 16px; height: 16px; font-size: 10px; color: #fff !important; line-height: 16px; border-radius: 20px; } #header.sticky-header #mini-cart.minicart-arrow .cart-items, #header.sticky-header #mini-cart.minicart-arrow-alt .cart-items { left: 27px; } #header.sticky-header #mini-cart.minicart-arrow, #header.sticky-header #mini-cart.minicart-arrow-alt { margin-top: -24px !important; } #mini-cart.minicart-arrow { margin-top: -26px; } #mini-cart.minicart-arrow .cart-head::after { top: 2px; } #mini-cart.minicart-arrow .cart-head::after { right: 14px; } #mini-cart.minicart-arrow .minicart-icon { font-size: 25px; } #header:not(.sticky-header) #mini-cart.minicart-arrow .minicart-icon { color: #fff; } #mini-cart.minicart-arrow .cart-items { left: 31px; top: 5px !important; background-color: #f17734; } #header.sticky-header #mini-cart.minicart-arrow { top: 4px; } #mini-cart.minicart-arrow-alt { margin-top: -28px; } #mini-cart.minicart-arrow-alt .cart-head::after { top: 1px; } #mini-cart.minicart-arrow-alt .cart-head::after { right: 6px; } #mini-cart.minicart-arrow-alt .minicart-icon { font-size: 30px; } #mini-cart.minicart-arrow-alt .cart-items { left: 30px; top: -1px; background-color: #ff5b5b; } #header.sticky-header #mini-cart.minicart-arrow-alt { top: 0; right: 0; } #header.sticky-header #mini-cart.minicart-arrow-alt .minicart-icon { font-size: 23px; } #mini-cart .cart-popup { line-height: 38px; border: none; } #mini-cart .cart-popup:before { border: none; } #mini-cart .cart-popup .widget_shopping_cart_content { padding: 0 20px 15px; color: #696969; font-weight: bold; font-size: 13px; border-radius: 0; } #mini-cart .total-count { padding: 3px 10px; border-bottom: solid 1px #e6ebee; } #mini-cart .total-count a { color: #474747; } #mini-cart .total-count a:hover { text-decoration: underline !important; } #mini-cart li .product-details { margin: 15px 0 2px; } #mini-cart li .product-details a { color: inherit !important; width: calc(100% - 80px); line-height: 19px; } #mini-cart li .quantity { font-weight: normal !important; font-size: 13px !important; } #mini-cart li .quantity .amount { font-weight: normal !important; font-size: 13px !important; } #mini-cart li .product-image { float: right !important; margin-right: 0; width: 80px !important; } #mini-cart li .product-image img { width: 80px !important; } #mini-cart li .remove-product { z-index: 3; text-align: center !important; font-size: 11px; top: -18px !important; right: -3px !important; width: 20px !important; height: 20px !important; background-color: #fff; color: #474747 !important; border-radius: 100%; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5); line-height: 20px; } #mini-cart li:not(.empty) { padding: 15px 10px !important; border-bottom: 1px solid #e6ebee !important; } #mini-cart .widget_shopping_cart .total { padding: 15px 10px 25px; text-align: left; text-transform: uppercase; color: #474747; } #mini-cart .widget_shopping_cart .total .amount { float: right; font-size: 15px; font-weight: 700; color: inherit; } #mini-cart .widget_shopping_cart .buttons { padding: 0 10px 20px; } #mini-cart .widget_shopping_cart li.empty { font-weight: normal; } #mini-cart .buttons a { border: none; color: #fff; font-size: 12px; letter-spacing: 0.025em; text-transform: uppercase; padding: 14px 25px; border-radius: 2px; } #mini-cart.minicart-style1 .cart-popup { box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0.4); border-width: 1px; border-style: solid; } #header:not(.sticky-header) #mini-cart.minicart-style1 .cart-popup { top: calc(100% + 8px); } #mini-cart.minicart-style1 .cart-popup:before { content: ''; position: absolute; border: 10px solid; border-color: transparent transparent #fff transparent !important; z-index: 3; right: 38.7px; top: -20px; } #mini-cart.minicart-style1 .cart-popup:after { content: ''; position: absolute; border: 11px solid; border-color: transparent transparent #f0f0f0 transparent; right: 38px; top: -22px; } #mini-cart.minicart-style1 .cart-popup .widget_shopping_cart_content { margin-top: 0; } #mini-cart.minicart-style1 .product-image { border-color: #ededed; border-width: 1px; border-radius: 0; } #mini-cart.minicart-style1 .product-image img { border-radius: 0; } #mini-cart.minicart-style2 .buttons .checkout { float: none; width: 100% !important; } #mini-cart.minicart-style2 .buttons > a:first-child { display: none; } #header:not(.sticky-header) #mini-cart.minicart-arrow .cart-head, #header:not(.sticky-header) #mini-cart.minicart-arrow-alt .cart-head { padding-right: 28px; } #header:not(.sticky-header) #mini-cart.minicart-arrow .cart-head::after, #header:not(.sticky-header) #mini-cart.minicart-arrow-alt .cart-head::after { content: "\f107"; } #header:not(.sticky-header) #mini-cart.minicart-arrow { border: solid 1px #0082c2; background-color: #0694db; box-shadow: 0 5px 11px -2px rgba(0, 0, 0, 0.1); } #header:not(.sticky-header) #mini-cart.minicart-arrow .cart-head { min-width: 79px; } #header:not(.sticky-header) #mini-cart.minicart-arrow-alt .cart-head { min-width: 74px; } /* Main Menu */@media (max-width: 991px) { .main-menu-wrap { display: none; } } .main-menu-wrap .container { display: table; } .main-menu-wrap .menu-left, .main-menu-wrap .menu-right { position: absolute; top: -2000px; -webkit-transform: translate3d(0, -10px, 0); -moz-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); -o-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); -webkit-transition: transform 0.3s ease 0s; -moz-transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s; } .main-menu-wrap .menu-left, .main-menu-wrap .menu-right, .main-menu-wrap .menu-center { display: table-cell; vertical-align: middle; } .main-menu-wrap .menu-left { text-align: left; } .main-menu-wrap .menu-right { padding-left: 10px; text-align: right; } .main-menu-wrap .menu-right #mini-cart { position: relative; /*display: none;*/ margin-top: -16px; } .main-menu-wrap .menu-right #mini-cart.minicart-inline { margin-top: 3px; margin-left: 5px; } .main-menu-wrap .menu-right #mini-cart.minicart-box { margin-top: -30px; margin-left: 5px; } #header .main-menu-wrap .menu-right .searchform-popup { display: none; } #header .main-menu-wrap .menu-right .searchform-popup .search-toggle { display: block; } #header .main-menu-wrap .menu-right .searchform-popup .searchform { display: none; border-width: 5px; border-radius: 25px; display: none; position: absolute; left: auto; right: -22px; top: 48px; z-index: 1002; /*width: 476px;*/ width: 453px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); } #header .main-menu-wrap .menu-right .searchform-popup .searchform:before { display: block; left: auto; right: 27px; } #header .main-menu-wrap .menu-right .searchform-popup .searchform input { padding: 0 15px 0 20px; width: 420px; } #header .main-menu-wrap .menu-right .searchform-popup .searchform select, #header .main-menu-wrap .menu-right .searchform-popup .searchform .selectric .label { padding: 0 15px 0 10px; } #header .main-menu-wrap .menu-right .searchform-popup .searchform button { padding: 0 20px 0 13px; } #header .main-menu-wrap .menu-right .searchform-popup .searchform.searchform-cats { /*width: 288px + $searchform-extra-width;*/ } #header .main-menu-wrap .menu-right .searchform-popup .searchform.searchform-cats input { width: 266px; } @media (max-width: 1199px) { #header .main-menu-wrap .menu-right .searchform-popup .searchform { width: 376px; } #header .main-menu-wrap .menu-right .searchform-popup .searchform input { width: 320px; } #header .main-menu-wrap .menu-right .searchform-popup .searchform.searchform-cats input { width: 190px; } } #header.search-md .main-menu-wrap .menu-right .searchform-popup .searchform { width: 406px; } #header.search-md .main-menu-wrap .menu-right .searchform-popup .searchform input { width: 350px; } #header.search-md .main-menu-wrap .menu-right .searchform-popup .searchform.searchform-cats input { width: 220px; } @media (max-width: 1199px) { #header.search-md .main-menu-wrap .menu-right .searchform-popup .searchform { width: 346px; } #header.search-md .main-menu-wrap .menu-right .searchform-popup .searchform input { width: 290px; } #header.search-md .main-menu-wrap .menu-right .searchform-popup .searchform.searchform-cats input { width: 160px; } } #header.search-sm .main-menu-wrap .menu-right .searchform-popup .searchform { width: 356px; } #header.search-sm .main-menu-wrap .menu-right .searchform-popup .searchform input { width: 300px; } #header.search-sm .main-menu-wrap .menu-right .searchform-popup .searchform.searchform-cats input { width: 170px; } @media (max-width: 1199px) { #header.search-sm .main-menu-wrap .menu-right .searchform-popup .searchform { width: 296px; } #header.search-sm .main-menu-wrap .menu-right .searchform-popup .searchform input { width: 240px; } #header.search-sm .main-menu-wrap .menu-right .searchform-popup .searchform.searchform-cats input { width: 110px; } } .sticky-header .main-menu-wrap .menu-left, .sticky-header .main-menu-wrap .menu-right { position: static; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .sticky-header .main-menu-wrap .logo img { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; } .sticky-header .main-menu-wrap .hide-sticky-content .menu-custom-content { display: none; } .sticky-header .main-menu-wrap .menu-right { min-width: 95px; /*#mini-cart { display: inline-block; }*/ } #header.sticky-header .main-menu-wrap .menu-right .searchform-popup { display: inline-block; } .main-menu-wrap .mega-menu > li.menu-item > a, .main-menu-wrap .mega-menu > li.menu-item > h5 { padding: 10px 13px; } .main-menu-wrap .mega-menu > li.menu-item.has-sub:hover > a, .main-menu-wrap .mega-menu > li.menu-item.has-sub:hover > h5 { margin-bottom: -3px; padding-bottom: 13px; } .main-menu-wrap #main-menu .mega-menu .menu-custom-block { padding: 0; margin: 0; /*a, span { padding: 10px 13px 9px; }*/ } .main-menu-wrap #main-menu .mega-menu .menu-custom-block .tip { top: -5px; } #main-menu { position: relative; } @media (max-width: 480px) { #main-menu { display: inline !important; } } #main-menu .mega-menu { border-radius: 0; } @media (max-width: 991px) { #main-menu .mega-menu { display: none; } } #header .header-main .container #main-menu .mega-menu { text-align: left; background: transparent; } #header .header-main .container #main-menu .mega-menu > li.menu-item { margin: 1px 2px 1px 0; } #main-menu.centered .menu-center { text-align: center; } #main-menu.centered .mega-menu { text-align: center; margin-left: auto; margin-right: auto; display: inline-block; vertical-align: middle; } #main-menu.centered .mega-menu > li.menu-item { margin: 0 1px; } .header-center.show-menu-search #main-menu { padding-left: 45px; } @media (max-width: 991px) { .header-center.show-menu-search #main-menu { padding-left: 0; } } .header-left.show-menu-search #main-menu { padding-left: 50px; } @media (max-width: 991px) { .header-left.show-menu-search #main-menu { padding-left: 0; } } #main-menu .menu-custom-block { padding: 10px 0 9px; line-height: 21px; font-weight: 600; font-size: 0.8571em; margin-left: -10px; } #main-menu .menu-custom-block a, #main-menu .menu-custom-block span { display: inline-block; padding: 0 15px; position: relative; font-weight: 700; } #main-menu .menu-custom-block .tip { color: #fff; display: inline-block; font-size: 9px; font-style: normal; border-radius: 0; line-height: 1; padding: 2px; position: absolute; top: -14px; right: 10px; margin-left: 10px; } #main-menu .menu-custom-block .tip.hot { background-color: #eb2771; } #main-menu .menu-custom-block .tip.hot .tip-arrow:before { color: #eb2771; } #main-menu .menu-custom-block .tip .tip-arrow:before { display: inline-block; font-family: "Elusive-Icons"; font-size: 5px; font-style: normal; position: absolute; width: auto; height: auto; margin: auto; top: auto; bottom: -3px; content: "\f125"; left: 2px; text-align: right; } #main-menu .menu-custom-block .fa { text-align: center; } #main-menu .menu-custom-block .fa, #main-menu .menu-custom-block .avatar { margin-right: 5px; } #main-menu .menu-custom-block .avatar img { margin-top: -5px; margin-bottom: -4px; } @media (max-width: 991px) { #header .contact-gap { display: none; } } @media (max-width: 767px) { #header .header-top { display: none; } #header .header-contact { display: none; } #header .switcher-wrap { display: none; } #header .gap { display: none; } } @media (max-width: 480px) { #header .header-main .container { display: block; padding-top: 28px; padding-bottom: 15px; } #header .header-main .container > *:not(.porto-tooltip) { display: inline !important; padding: 0 !important; position: static !important; } #header .header-main .container > *:not(.porto-tooltip) #main-menu { display: inline; position: static; } } #main-toggle-menu { position: relative; } @media (max-width: 991px) { #main-toggle-menu { overflow: hidden; } } #main-toggle-menu .menu-title { color: #fff; cursor: pointer; background: #303030; font-size: 0.8571em; font-weight: 700; line-height: 20px; padding: 10px 15px; margin: 0; text-transform: uppercase; position: relative; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; } #main-toggle-menu .menu-title:hover { background-color: #555; } #main-toggle-menu .menu-title .toggle { display: inline-block; font-family: "FontAwesome"; margin: 0 5px 0 0; padding: 0; } #main-toggle-menu .menu-title .toggle:before { content: "\f0c9"; } #main-toggle-menu .toggle-menu-wrap { display: none; position: absolute; left: 0; top: 100%; width: 100%; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, .4); z-index: 1001; } #main-toggle-menu .toggle-menu-wrap > ul { border-bottom: 5px solid #303030; } #main-toggle-menu.closed .toggle-menu-wrap { display: none; } #main-toggle-menu.show-always .menu-title { background: #303030; cursor: default; } #main-toggle-menu.show-always .toggle-menu-wrap { height: auto !important; display: block !important; } #main-toggle-menu .sidebar-menu > li.menu-item:last-child:hover { border-radius: 0; } .right-sidebar #main-toggle-menu .sidebar-menu > li.menu-item:last-child:hover { border-radius: 0; } #header .mobile-toggle { cursor: pointer; width: 40px; height: 40px; line-height: 40px; text-align: center; display: none; font-size: 1.2857em; vertical-align: middle; } @media (max-width: 991px) { #header .mobile-toggle { display: inline-block; } } @media (max-width: 480px) { #header .mobile-toggle { position: absolute; left: 5px; top: 1px; } } .header-extra-info { list-style: none; margin: 0; *zoom: 1; } .header-extra-info:before, .header-extra-info:after { content: " "; display: table; } .header-extra-info:after { clear: both; } .header-extra-info li { text-align: left; float: left; margin-left: 25px; } #header.logo-overlay-header .overlay-logo { display: none; } @media (min-width: 992px) { #header.logo-overlay-header .overlay-logo { display: inline-block; position: absolute; top: 0; z-index: 1; opacity: 1; } #header.logo-overlay-header .overlay-logo-transition { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #header.logo-overlay-header .logo { opacity: 0; -webkit-transform: translate3d(87px, 0, 0); -moz-transform: translate3d(87px, 0, 0); -ms-transform: translate3d(87px, 0, 0); -o-transform: translate3d(87px, 0, 0); transform: translate3d(87px, 0, 0); } #header.logo-overlay-header .logo-transition { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #header.logo-overlay-header.sticky-header .overlay-logo { opacity: 0; top: -90px; } #header.logo-overlay-header.sticky-header .logo { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } #menu-main-menu #mini-cart { right: auto; } #menu-main-menu #mini-cart.minicart-arrow, #menu-main-menu #mini-cart.minicart-arrow-alt, #header.sticky-header #menu-main-menu #mini-cart.minicart-arrow, #header.sticky-header #menu-main-menu #mini-cart.minicart-arrow-alt { margin: 0 !important; } @media (min-width: 992px) { #header.header-separate .header-main { -webkit-transition: none; -moz-transition: none; transition: none; } #header.header-separate .header-main .logo img { -webkit-transition: none; -moz-transition: none; transition: none; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @media (max-width: 991px) { #header.header-5 .header-main .container .header-left, #header.header-5 .header-main .container .header-center { display: inline-block; } } @media (max-width: 991px) { #header.header-7 .header-main .container .header-left { display: none; } } @media (min-width: 992px) { #header.header-corporate .header-main .container .header-right { padding-left: 30px; } #header.header-corporate .header-main .container .header-right .searchform-popup { margin-right: 0; } #header.header-corporate .searchform { box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset; width: auto; } #header.header-corporate .searchform input, #header.header-corporate .searchform select, #header.header-corporate .searchform button { height: 34px; line-height: 34px; } #header.header-corporate .searchform .selectric .label { height: 34px; line-height: 36px; } #header.header-corporate .searchform input { border: none; padding: 0 12px; width: 140px; } #header.header-corporate .searchform select { border-left: 1px solid #ccc; padding-left: 8px; margin-right: -3px; font-size: 13px; } #header.header-corporate .searchform .selectric { border-left: 1px solid #ccc; } #header.header-corporate .searchform .selectric .label { padding-left: 8px; margin-right: -3px; } #header.header-corporate .searchform button { padding: 0 13px; } } #header.header-corporate .share-links { margin-top: 0; margin-bottom: 0; } #header.header-corporate .share-links a { width: 30px; height: 30px; border-radius: 30px; margin: 0 2px; overflow: hidden; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3); -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; font-size: 14px; color: #333; background-color: #fff; } #header.header-corporate .share-links a:hover { color: #fff; } @media (max-width: 991px) { #header.header-10 .header-right-top, #header.header-10 .header-right-bottom { display: inline; } #header.header-10 .share-links { display: none; } } @media (min-width: 992px) { #header.header-10 .header-main .container .header-left, #header.header-10 .header-main .container .header-center, #header.header-10 .header-main .container .header-right { padding-top: 15px; padding-bottom: 15px; } #header.header-10 .header-main .container .header-right-bottom { margin-top: 10px; } #header.header-10 .header-main.sticky .header-right-top { display: none; } #header.header-10 .header-main.sticky .container .header-right-bottom { margin-top: 0; } #header.header-10 .header-contact { margin: 0 0 4px; } #header.header-10 .searchform { margin-bottom: 4px; margin-left: 15px; } #header.header-10 #mini-cart { margin: 0 0 0 15px; } } #header.header-corporate:not(.header-10) .header-main .searchform-popup, #header.header-corporate:not(.header-10) .header-main #mini-cart { display: none; } @media (min-width: 768px) { #header.header-corporate:not(.header-10) .switcher-wrap { margin-right: 5px; } #header.header-corporate:not(.header-10) .block-inline { line-height: 50px; margin-bottom: 5px; } #header.header-corporate:not(.header-10) .header-left .block-inline { margin-right: 8px; } #header.header-corporate:not(.header-10) .header-left .block-inline > * { margin: 0 7px 0 0; } #header.header-corporate:not(.header-10) .header-right .block-inline { margin-left: 8px; } #header.header-corporate:not(.header-10) .header-right .block-inline > * { margin: 0 0 0 7px; } #header.header-corporate:not(.header-10) .share-links { line-height: 1; } } #header.header-corporate:not(.header-10) .header-top .welcome-msg { font-size: 1.15em; } #header.header-corporate:not(.header-10) .header-top #mini-cart.minicart-inline { font-size: 1em; } #header.header-corporate:not(.header-10) .header-top #mini-cart.minicart-inline:first-child { margin-left: 0; margin-right: 0; } @media (max-width: 991px) { #header.header-corporate:not(.header-10) .header-top .header-left > *, #header.header-corporate:not(.header-10) .header-top .header-right > * { display: none; } #header.header-corporate:not(.header-10) .header-top .header-left > .block-inline, #header.header-corporate:not(.header-10) .header-top .header-right > .block-inline { display: block; } #header.header-corporate:not(.header-10) .header-top .searchform-popup, #header.header-corporate:not(.header-10) .header-top #mini-cart { display: none; } #header.header-corporate:not(.header-10) .header-main .searchform-popup, #header.header-corporate:not(.header-10) .header-main #mini-cart { display: inline-block; } } @media (min-width: 992px) { #header.header-11 .header-main .container .header-left, #header.header-12 .header-main .container .header-left, #header.header-11 .header-main.sticky .container .header-left, #header.header-12 .header-main.sticky .container .header-left, #header.header-11 .header-main .container .header-center, #header.header-12 .header-main .container .header-center, #header.header-11 .header-main.sticky .container .header-center, #header.header-12 .header-main.sticky .container .header-center, #header.header-11 .header-main .container .header-right, #header.header-12 .header-main .container .header-right, #header.header-11 .header-main.sticky .container .header-right, #header.header-12 .header-main.sticky .container .header-right { padding-top: 0; padding-bottom: 0; } #header.header-11 .header-main.change-logo #main-menu .mega-menu > li.menu-item > a, #header.header-12 .header-main.change-logo #main-menu .mega-menu > li.menu-item > a, #header.header-11 .header-main.change-logo #main-menu .mega-menu > li.menu-item > h5, #header.header-12 .header-main.change-logo #main-menu .mega-menu > li.menu-item > h5 { padding-top: 33px; padding-bottom: 24px; } #header.header-11 .header-main.change-logo #main-menu .mega-menu > li.menu-item > a .tip, #header.header-12 .header-main.change-logo #main-menu .mega-menu > li.menu-item > a .tip, #header.header-11 .header-main.change-logo #main-menu .mega-menu > li.menu-item > h5 .tip, #header.header-12 .header-main.change-logo #main-menu .mega-menu > li.menu-item > h5 .tip { top: 15px; } #header.header-11 .header-main #main-menu .mega-menu > li.menu-item, #header.header-12 .header-main #main-menu .mega-menu > li.menu-item { margin-top: 0; margin-bottom: 0; margin-right: 0; } #header.header-11 #main-menu .mega-menu > li.menu-item > a, #header.header-12 #main-menu .mega-menu > li.menu-item > a, #header.header-11 #main-menu .mega-menu > li.menu-item > h5, #header.header-12 #main-menu .mega-menu > li.menu-item > h5 { border-radius: 0; padding-top: 38px; padding-bottom: 24px; margin-bottom: 0; } #header.header-11 #main-menu .mega-menu > li.menu-item > a .tip, #header.header-12 #main-menu .mega-menu > li.menu-item > a .tip, #header.header-11 #main-menu .mega-menu > li.menu-item > h5 .tip, #header.header-12 #main-menu .mega-menu > li.menu-item > h5 .tip { top: 20px; } #header.header-11 #main-menu .mega-menu .popup, #header.header-12 #main-menu .mega-menu .popup { margin-top: 0; } #header.header-11 #main-menu .mega-menu .wide .popup, #header.header-12 #main-menu .mega-menu .wide .popup { border-radius: 0; } #header.header-11 #main-menu .mega-menu .wide .popup > .inner, #header.header-12 #main-menu .mega-menu .wide .popup > .inner { border-radius: 0; } #header.header-11 #main-menu .mega-menu .wide.pos-left .popup, #header.header-12 #main-menu .mega-menu .wide.pos-left .popup, #header.header-11 #main-menu .mega-menu .wide.pos-right .popup, #header.header-12 #main-menu .mega-menu .wide.pos-right .popup, #header.header-11 #main-menu .mega-menu .wide.pos-left .popup > .inner, #header.header-12 #main-menu .mega-menu .wide.pos-left .popup > .inner, #header.header-11 #main-menu .mega-menu .wide.pos-right .popup > .inner, #header.header-12 #main-menu .mega-menu .wide.pos-right .popup > .inner { border-radius: 0; } #header.header-11 #main-menu .mega-menu .narrow .popup, #header.header-12 #main-menu .mega-menu .narrow .popup, #header.header-11 #main-menu .mega-menu .narrow.pos-left .popup, #header.header-12 #main-menu .mega-menu .narrow.pos-left .popup, #header.header-11 #main-menu .mega-menu .narrow.pos-right .popup, #header.header-12 #main-menu .mega-menu .narrow.pos-right .popup, #header.header-11 #main-menu .mega-menu .narrow .popup > .inner, #header.header-12 #main-menu .mega-menu .narrow .popup > .inner, #header.header-11 #main-menu .mega-menu .narrow.pos-left .popup > .inner, #header.header-12 #main-menu .mega-menu .narrow.pos-left .popup > .inner, #header.header-11 #main-menu .mega-menu .narrow.pos-right .popup > .inner, #header.header-12 #main-menu .mega-menu .narrow.pos-right .popup > .inner, #header.header-11 #main-menu .mega-menu .narrow .popup > .inner > ul.sub-menu, #header.header-12 #main-menu .mega-menu .narrow .popup > .inner > ul.sub-menu, #header.header-11 #main-menu .mega-menu .narrow.pos-left .popup > .inner > ul.sub-menu, #header.header-12 #main-menu .mega-menu .narrow.pos-left .popup > .inner > ul.sub-menu, #header.header-11 #main-menu .mega-menu .narrow.pos-right .popup > .inner > ul.sub-menu, #header.header-12 #main-menu .mega-menu .narrow.pos-right .popup > .inner > ul.sub-menu { border-radius: 0; } #header.header-11 #main-menu .mega-menu .narrow ul.sub-menu ul.sub-menu, #header.header-12 #main-menu .mega-menu .narrow ul.sub-menu ul.sub-menu { border-radius: 0; } } @media (min-width: 992px) { #header.header-12 .header-main.change-logo .share-links { margin-top: 8px; } } @media (max-width: 991px) { #header.header-12 .header-main .share-links { margin-left: 0; } } @media (max-width: 480px) { #header.header-12 .header-main .share-links { display: none; } } #header.header-11 .searchform, #header.header-15 .searchform, #header.header-16 .searchform { margin-left: 15px; } @media (max-width: 991px) { #header.header-11 .share-links, #header.header-15 .share-links, #header.header-16 .share-links { display: none; } } @media (max-width: 991px) { #header.header-16 .share-links { display: none; } } @media (min-width: 992px) { #header.header-11 .header-main.change-logo #main-menu .mega-menu > li.menu-item > a, #header.header-11 .header-main.change-logo #main-menu .mega-menu > li.menu-item > h5 { padding-top: 36px; padding-bottom: 20px; } #header.header-11 .header-main.change-logo #main-menu .mega-menu > li.menu-item > a .tip, #header.header-11 .header-main.change-logo #main-menu .mega-menu > li.menu-item > h5 .tip { top: 18px; } #header.header-11 .header-main.change-logo #main-menu .mega-menu > li.menu-item, #header.header-11 .header-main.change-logo #main-menu .mega-menu > li.menu-item.active, #header.header-11 .header-main.change-logo #main-menu .mega-menu > li.menu-item:hover { margin-top: 0; } #header.header-11 .header-main.change-logo #main-menu .mega-menu > li.menu-item > a, #header.header-11 .header-main.change-logo #main-menu .mega-menu > li.menu-item.active > a, #header.header-11 .header-main.change-logo #main-menu .mega-menu > li.menu-item:hover > a, #header.header-11 .header-main.change-logo #main-menu .mega-menu > li.menu-item > h5, #header.header-11 .header-main.change-logo #main-menu .mega-menu > li.menu-item.active > h5, #header.header-11 .header-main.change-logo #main-menu .mega-menu > li.menu-item:hover > h5 { border-width: 0; } #header.header-11 .header-main.change-logo .share-links { margin-top: 13px; } #header.header-11 .header-main #main-menu .mega-menu > li.menu-item { margin-left: 0; margin-right: 0; } #header.header-11 .header-main #main-menu .mega-menu > li.menu-item > a, #header.header-11 .header-main #main-menu .mega-menu > li.menu-item > h5 { padding-top: 62px; } #header.header-11 .header-main #main-menu .mega-menu > li.menu-item > a .tip, #header.header-11 .header-main #main-menu .mega-menu > li.menu-item > h5 .tip { top: 44px; } #header.header-11 .header-main #main-menu.show-header-top .mega-menu > li.menu-item, #header.header-11 .header-main #main-menu.show-header-top .mega-menu > li.menu-item.active, #header.header-11 .header-main #main-menu.show-header-top .mega-menu > li.menu-item:hover { margin-top: 0; } #header.header-11 .header-main #main-menu.show-header-top .mega-menu > li.menu-item > a, #header.header-11 .header-main #main-menu.show-header-top .mega-menu > li.menu-item.active > a, #header.header-11 .header-main #main-menu.show-header-top .mega-menu > li.menu-item:hover > a, #header.header-11 .header-main #main-menu.show-header-top .mega-menu > li.menu-item > h5, #header.header-11 .header-main #main-menu.show-header-top .mega-menu > li.menu-item.active > h5, #header.header-11 .header-main #main-menu.show-header-top .mega-menu > li.menu-item:hover > h5 { border-width: 0; } #header.header-11 .share-links { margin-top: 36px; } } @media (max-width: 991px) { #header.header-13 .header-main .container .header-left { display: none; } } #header.header-17 .main-menu-wrap .menu-right { position: relative; top: auto; padding-left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } #header.header-17 .main-menu-wrap .menu-right #mini-cart, #header.header-17 .main-menu-wrap .menu-right .searchform-popup { display: inline-block; } #header.header-17 .main-menu-wrap .menu-right .searchform-popup .search-toggle { display: none; } #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform { position: static; display: block; border-width: 0; border-radius: 0; box-shadow: none; width: 249px; background: rgba(0, 0, 0, .07); } #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform.searchform-cats { width: 369px; } @media (max-width: 1199px) { #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform { width: 246px; } #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform.searchform-cats { width: 366px; } } #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform:before { display: none; } #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform fieldset { margin-right: 0; } #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform input, #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform select, #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform button { border-radius: 0; color: #fff; height: 60px; } #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform input::-webkit-input-placeholder, #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform select::-webkit-input-placeholder, #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform button::-webkit-input-placeholder { color: #fff; opacity: 0.4; text-transform: uppercase; } #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform input:-moz-placeholder, #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform select:-moz-placeholder, #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform button:-moz-placeholder { color: #fff; opacity: 0.4; text-transform: uppercase; } #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform input::-moz-placeholder, #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform select::-moz-placeholder, #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform button::-moz-placeholder { color: #fff; opacity: 0.4; text-transform: uppercase; } #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform input:-ms-input-placeholder, #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform select:-ms-input-placeholder, #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform button:-ms-input-placeholder { color: #fff; opacity: 0.4; text-transform: uppercase; } @media (max-width: 1199px) { #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform input, #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform select, #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform button { height: 50px; } } #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform .selectric .label { height: 60px; line-height: 62px; } @media (max-width: 1199px) { #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform .selectric .label { height: 50px; line-height: 52px; } } #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform input { font-weight: 700; width: 200px; padding: 6px 12px 6px 22px; box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset; } @media (max-width: 1199px) { #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform input { width: 197px; } } #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform select { font-weight: 700; width: 120px; padding: 6px 12px 6px 22px; box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset; } #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform .selectric-cat { width: 120px; } #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform .selectric .label { font-weight: 700; padding: 6px 12px 6px 22px; box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset; } #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform button { margin-left: -1px; font-size: 20px; padding: 6px 15px; color: #fff; opacity: 0.4; } #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform button:hover { color: #000; } #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform button .fa { font-family: "Simple-Line-Icons"; } #header.header-17 .main-menu-wrap .menu-right .searchform-popup .searchform button .fa:before { content: "\e090"; font-family: inherit; } @media (min-width: 768px) { #header.header-17 .header-main .container > div { padding-top: 0; padding-bottom: 0; } } #header.header-17 .feature-box .feature-box-icon, #header.header-17 .feature-box .feature-box-info { float: left; padding-left: 0; } #header.header-17 .feature-box .feature-box-icon { height: auto; top: 0; margin-right: 0; } #header.header-17 .feature-box .feature-box-icon > i { line-height: 110px; margin: 0; } #header.header-17 .feature-box .feature-box-info > h4 { line-height: 110px; margin: 0; } #header.header-17 .header-contact { margin: 0; } #header.header-17 .header-extra-info li { padding-right: 32px; margin-left: 22px; border-right: 1px solid #e9e9e9; } @media (max-width: 1199px) { #header.header-17 .header-extra-info li { padding-right: 30px; margin-left: 20px; } } #header.header-17 .header-extra-info li:first-child { margin-left: 0; } #header.header-17 .header-extra-info li:last-child { padding-right: 0; border-right: medium none; } @media (max-width: 991px) { #header.header-17 .header-extra-info li { padding-right: 15px; margin-left: 0; border-right: medium none; } #header.header-17 .header-extra-info li:last-child { padding-right: 15px; } } .sticky-header.header-9 .main-menu-wrap .menu-right { position: absolute; right: 15px; top: 0; bottom: 0; height: 40px; margin: auto; } .sticky-header.header-9 .main-menu-wrap .menu-right #mini-cart { top: auto; bottom: auto; padding-top: 2px; } .sticky-header.header-9 .main-menu-wrap .menu-right #mini-cart.minicart-inline { padding-top: 0; } .sticky-header.header-9 .main-menu-wrap .menu-right #mini-cart.minicart-box { height: 56px; margin: -38px auto -34px; } .sticky-header.header-9 .main-menu-wrap .menu-right #mini-cart.minicart-box .cart-head { margin-top: 9px; } .header-wrapper.header-side-nav #header .side-top { display: block; text-align: center; *zoom: 1; } .header-wrapper.header-side-nav #header .side-top:before, .header-wrapper.header-side-nav #header .side-top:after { content: " "; display: table; } .header-wrapper.header-side-nav #header .side-top:after { clear: both; } .header-wrapper.header-side-nav #header .side-top > .container { display: block; min-height: 0 !important; position: static; padding-top: 0; padding-bottom: 0; } .header-wrapper.header-side-nav #header .side-top > .container > * { display: inline-block; padding: 0 !important; } .header-wrapper.header-side-nav #header .side-top > .container > *:first-child { margin-left: 0; margin-right: 0; } .header-wrapper.header-side-nav #header .share-links { margin: 0 0 8px; } .header-wrapper.header-side-nav #header .share-links a { width: 30px; height: 30px; margin: 5px; box-shadow: none; border-radius: 50px; } .header-wrapper.header-side-nav #header .share-links a:hover { color: #fff; } .header-wrapper.header-side-nav #header .share-links .share-twitter:hover { background: #1aa9e1; } .header-wrapper.header-side-nav #header .share-links .share-facebook:hover { background: #3b5a9a; } .header-wrapper.header-side-nav #header .share-links .share-linkedin:hover { background: #0073b2; } .header-wrapper.header-side-nav #header .share-links .share-rss:hover { background: #ff8201; } .header-wrapper.header-side-nav #header .share-links .share-googleplus:hover { background: #dd4b39; } .header-wrapper.header-side-nav #header .share-links .share-pinterest:hover { background: #cc2127; } .header-wrapper.header-side-nav #header .share-links .share-youtube:hover { background: #c3191e; } .header-wrapper.header-side-nav #header .share-links .share-instagram:hover { background: #7c4a3a; } .header-wrapper.header-side-nav #header .share-links .share-skype:hover { background: #00b0f6; } .header-wrapper.header-side-nav #header .share-links .share-email:hover { background: #dd4b39; } .header-wrapper.header-side-nav #header .share-links .share-vk:hover { background: #6383a8; } .header-wrapper.header-side-nav #header .share-links .share-xing:hover { background: #1a7576; } .header-wrapper.header-side-nav #header .share-links .share-tumblr:hover { background: #304e6c; } .header-wrapper.header-side-nav #header .share-links .share-reddit:hover { background: #ff4107; } .header-wrapper.header-side-nav #header .share-links .share-vimeo:hover { background: #52b8ea; } .header-wrapper.header-side-nav #header .share-links .share-telegram:hover { background: #08c; } .header-wrapper.header-side-nav #header .share-links .share-yelp:hover { background: #c41200; } .header-wrapper.header-side-nav #header .share-links .share-flickr:hover { background: #0063dc; } .header-wrapper.header-side-nav #header .share-links .share-whatsapp:hover { background: #3c8a38; } @media (min-width: 992px) { .admin-bar .header-wrapper.header-side-nav #header { min-height: calc(100vh - 32px); } .header-wrapper.header-side-nav { position: absolute; top: 0; bottom: 0; z-index: 1002; } .header-wrapper.header-side-nav #header { position: fixed; top: 0; left: 0; width: 256px; min-height: 100vh; padding: 10px 15px 145px; } .header-wrapper.header-side-nav #header.initialize { position: absolute; } .header-wrapper.header-side-nav #header.fixed-bottom { position: fixed; bottom: 0; top: auto; } .header-wrapper.header-side-nav #header .side-top > .container { padding: 0; width: 100%; } .header-wrapper.header-side-nav #header .header-main { position: static; background: transparent; } .header-wrapper.header-side-nav #header .header-main > .container { position: static; padding: 0; width: 100%; display: block; } .header-wrapper.header-side-nav #header .header-main > .container > * { position: static; display: block; padding: 0; } .header-wrapper.header-side-nav #header .logo { text-align: center; margin: 30px auto; } .header-wrapper.header-side-nav #header .searchform { margin-bottom: 20px; width: 226px; border-radius: 0; } .header-wrapper.header-side-nav #header .searchform input { padding: 0 10px; border-radius: 0 0 0 0; border-width: 0; width: 190px; } .header-wrapper.header-side-nav #header .searchform.searchform-cats input { width: 95px; } .header-wrapper.header-side-nav #header .searchform button { padding: 0 10px; border-radius: 0 0 0 0; } .header-wrapper.header-side-nav #header .searchform select { border-width: 0; padding: 0 5px; width: 93px; } .header-wrapper.header-side-nav #header .searchform .selectric-cat { width: 93px; } .header-wrapper.header-side-nav #header .searchform .selectric { border-width: 0; } .header-wrapper.header-side-nav #header .searchform .selectric .label { padding: 0 5px; } .header-wrapper.header-side-nav #header .searchform .autocomplete-suggestions { left: -1px; right: -1px; } .header-wrapper.header-side-nav #header .top-links { display: block; font-size: 0.8em; margin-bottom: 20px; } .header-wrapper.header-side-nav #header .top-links li.menu-item { display: block; float: none; margin: 0; } .header-wrapper.header-side-nav #header .top-links li.menu-item:after { display: none; } .header-wrapper.header-side-nav #header .top-links li.menu-item > a, .header-wrapper.header-side-nav #header .top-links li.menu-item > h5 { margin: 0; padding-top: 5px; padding-bottom: 5px; border-radius: 0; border-top: 1px solid #ccc; border-color: rgba(128, 128, 128, .15) !important; } .header-wrapper.header-side-nav #header .top-links li.menu-item:first-child > a, .header-wrapper.header-side-nav #header .top-links li.menu-item:first-child > h5 { border-top-width: 0; } .header-wrapper.header-side-nav #header .header-contact { margin: 0 0 8px; white-space: normal; } .header-wrapper.header-side-nav #header .header-copyright { font-size: 0.9em; } .header-wrapper.header-side-nav #mini-cart.minicart-inline .cart-popup { left: 0; right: auto; } .header-wrapper.header-side-nav #mini-cart.minicart-inline .cart-popup:before, .header-wrapper.header-side-nav #mini-cart.minicart-inline .cart-popup:after { right: auto; left: 10px; } .header-wrapper.header-side-nav .side-bottom { text-align: center; position: absolute; bottom: 0; left: 0; right: 0; margin: 20px 10px; } .page-wrapper.side-nav .page-top.fixed-pos { position: fixed; z-index: 1001; width: 100%; box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1); } } .header-side-nav .sidebar-menu { margin-bottom: 20px; } .header-side-nav .sidebar-menu > li.menu-item > a, .header-side-nav .sidebar-menu > li.menu-item > h5 { margin-left: 0; margin-right: 0; border-color: rgba(128, 128, 128, .18) !important; } .header-side-nav .sidebar-menu > li.menu-item > .arrow { right: -5px; } .header-side-nav .sidebar-menu > li.menu-item:last-child:hover { border-radius: 0; } .header-side-nav .sidebar-menu .menu-custom-block a { margin-left: 0; margin-right: 0; padding-left: 5px; padding-right: 5px; } .header-side-nav .sidebar-menu .menu-custom-block a:last-child:hover { border-radius: 0; } .header-side-nav .sidebar-menu .menu-custom-block .fa { width: 18px; text-align: center; } .header-side-nav .sidebar-menu .menu-custom-block .fa, .header-side-nav .sidebar-menu .menu-custom-block .avatar { margin-right: 5px; } .header-side-nav .sidebar-menu .menu-custom-block > .avatar img { margin-top: -5px; margin-bottom: -4px; } @media (max-width: 991px) { .header-wrapper.header-side-nav #header .side-top { padding: 10px 0 0; } .header-wrapper.header-side-nav #header .side-top .currency-switcher, .header-wrapper.header-side-nav #header .side-top .view-switcher { float: left; } .header-wrapper.header-side-nav #header .side-top .mini-cart { float: right; } .header-wrapper.header-side-nav #header .logo { margin-bottom: 5px; } .header-wrapper.header-side-nav #header .sidebar-menu { display: none; } .header-wrapper.header-side-nav #header .share-links { margin: 0 0 0 10px; } .header-wrapper.header-side-nav #header .share-links a:last-child { margin-right: 0; } .header-wrapper.header-side-nav #header .header-copyright { display: none; } } @media (max-width: 991px) { .header-wrapper.header-side-nav #header .side-top { padding-top: 0; } .header-wrapper.header-side-nav #header .side-top > .container > * { display: none !important; } .header-wrapper.header-side-nav #header .side-top > .container > .mini-cart { display: block !important; position: absolute !important; top: 50%; bottom: 50%; height: 26px; margin-top: -12px; right: 15px; z-index: 1001; } .header-wrapper.header-side-nav #header .logo { margin: 0; } .header-wrapper.header-side-nav #header .share-links { display: none; } .header-wrapper.header-side-nav #header .show-minicart .header-contact { margin-right: 80px; } } @media (max-width: 480px) { .header-wrapper.header-side-nav #header .logo { margin: 0 auto; } } @media (min-width: 992px) { body.boxed.body-side { padding-left: 286px; padding-right: 30px; } body.boxed.body-side.modal-open { padding-left: 286px !important; padding-right: 30px !important; } body.boxed.body-side .header-wrapper.header-side-nav { left: -276px; margin-top: -30px; } body.boxed.body-side .page-wrapper.side-nav { max-width: 100%; } body.boxed.body-side .page-wrapper.side-nav > * { padding-left : 0; } body.boxed.body-side .page-wrapper.side-nav .container { padding-left: 30px; padding-right: 30px; } body.boxed.body-side .page-wrapper.side-nav .page-top.fixed-pos { left: 286px; right: 30px; width: auto; } } #nav-panel { position: fixed; height: 100%; width: 260px; top: 0; botom: 0; font-size: 0.9em; left: 0; overflow-x: hidden; overflow-y: scroll; z-index: 9001; -webkit-transform: translate(-260px); -moz-transform: translate(-260px); -ms-transform: translate(-260px); -o-transform: translate(-260px); transform: translate(-260px); -webkit-transition: transform 0.2s ease-in-out 0s; -moz-transition: transform 0.2s ease-in-out 0s; transition: transform 0.2s ease-in-out 0s; } #nav-panel.panel-left { left: 0; right: auto; -webkit-transform: translate(-260px); -moz-transform: translate(-260px); -ms-transform: translate(-260px); -o-transform: translate(-260px); transform: translate(-260px); } #nav-panel.panel-right { right: 0; left: auto; -webkit-transform: translate(260px); -moz-transform: translate(260px); -ms-transform: translate(260px); -o-transform: translate(260px); transform: translate(260px); } #nav-panel-close { border-radius: 0 0 0 0; display: block; font-size: 17px; height: 40px; line-height: 38px; position: fixed; left: 260px; margin-left: -40px; text-align: center; text-decoration: none; top: 85px; width: 40px; z-index: 9000; -webkit-transform: translate(-260px); -moz-transform: translate(-260px); -ms-transform: translate(-260px); -o-transform: translate(-260px); transform: translate(-260px); } #nav-panel-close.panel-left { left: 260px; right: auto; margin-left: -40px; margin-right: auto; -webkit-transform: translate(-260px); -moz-transform: translate(-260px); -ms-transform: translate(-260px); -o-transform: translate(-260px); transform: translate(-260px); border-radius: 0 0 0 0; } #nav-panel-close.panel-right { right: 260px; left: auto; margin-right: -40px; margin-left: auto; -webkit-transform: translate(260px); -moz-transform: translate(260px); -ms-transform: translate(260px); -o-transform: translate(260px); transform: translate(260px); border-radius: 0 0 0 0; } .panel-overlay { opacity: 0; } .panel-overlay.active { background: #000; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 8999; min-height: 100vh; opacity: 0.35; -webkit-transition: opacity 0.2s ease-in-out 0s; -moz-transition: opacity 0.2s ease-in-out 0s; transition: opacity 0.2s ease-in-out 0s; } html.panel-opened body > * { z-index: 0; } html.panel-opened body #nav-panel { -webkit-transition: transform 0.3s ease-in-out 0s; -moz-transition: transform 0.3s ease-in-out 0s; transition: transform 0.3s ease-in-out 0s; z-index: 9001; -webkit-transform: translate(0px); -moz-transform: translate(0px); -ms-transform: translate(0px); -o-transform: translate(0px); transform: translate(0px); } html.panel-opened body #nav-panel-close { margin-left: 0; -webkit-transition: transform 0.3s ease-in-out 0s, margin ease-in-out 0s; -moz-transition: transform 0.3s ease-in-out 0s, margin ease-in-out 0s; transition: transform 0.3s ease-in-out 0s, margin ease-in-out 0s; z-index: 9000; -webkit-transform: translate(0px); -moz-transform: translate(0px); -ms-transform: translate(0px); -o-transform: translate(0px); transform: translate(0px); } html.panel-opened body #nav-panel-close.panel-left { margin-left: 0; margin-right: auto; } html.panel-opened body #nav-panel-close.panel-right { margin-right: 0; margin-left: auto; } html.panel-opened #wpadminbar { z-index: 8000; } #nav-panel .welcome-msg { text-align: center; display: block; margin: 15px 0; padding: 0 10px; } #nav-panel .welcome-msg p { margin: 5px 0; } #nav-panel .welcome-msg .pull-left, #nav-panel .welcome-msg .pull-right { float: none !important; } #nav-panel .accordion-menu { font-size: 0.8571em; } #nav-panel .accordion-menu .arrow { right: 5px; } #nav-panel .mobile-menu { font-size: 1em; } #nav-panel .switcher-wrap { margin: 15px 0; padding: 0 10px; } #nav-panel .woocs-switcher li, #nav-panel .woocs-switcher li > h5 { cursor: pointer !important; } #nav-panel .menu-wrap { margin: 15px 0; padding: 0 10px; } #nav-panel .menu-custom-block { margin: 15px 0; padding: 0 10px; } #nav-panel .menu-custom-block a, #nav-panel .menu-custom-block span { display: block; } #nav-panel .menu-custom-block a { padding: 5px 6px; text-decoration: none; } #nav-panel .menu-custom-block .tip { color: #fff; display: inline-block; font-size: 9px; font-style: normal; border-radius: 0; line-height: 1; padding: 2px; position: relative; margin-left: 10px; vertical-align: middle; } #nav-panel .menu-custom-block .tip.hot { background-color: #eb2771; } #nav-panel .menu-custom-block .tip.hot .tip-arrow:before { color: #eb2771; } #nav-panel .menu-custom-block .tip .tip-arrow:before { display: inline-block; font-family: "Elusive-Icons"; font-size: 5px; font-style: normal; position: absolute; width: 4px; height: 6px; margin: auto; content: "\f126"; left: -4px; text-align: right; top: 0; bottom: 0; } #nav-panel .share-links { font-size: 1em; margin: 15px 0; padding: 0 5px; text-align: center; } /* Page Top */.page-top { background-color: #171717; min-height: 40px; padding: 12px 0 0px; position: relative; text-align: left; } .page-top[data-plugin-parallax] { background-position: 50% 50%; } .page-top.wide .container { width: 100%; } .page-top .breadcrumbs-wrap { font-size: 0.9em; } .page-top .breadcrumbs-prefix { margin-right: 10px; } .page-top ul.breadcrumb { display: inline-block; background: none; margin: 0; padding: 0; } .page-top ul.breadcrumb > li { text-shadow: none; } .page-top ul.breadcrumb > li a { display: inline-block; text-transform: none; border-color: transparent; background: transparent; } .page-top ul.breadcrumb > li + li:before { display: none; } .page-top ul.breadcrumb > li .delimiter { font-family: "FontAwesome"; display: inline-block; margin: 0 4px; width: 20px; text-align: center; font-style: normal; vertical-align: top; font-size: 12px; } .page-top ul.breadcrumb > li .delimiter:before { content: "/\00a0"; position: relative; right: -2px; } .page-top ul.breadcrumb > li .delimiter.delimiter-2 { font-family: "Porto"; } .page-top ul.breadcrumb > li .delimiter.delimiter-2:before { content: "\e81a"; right: -1px; } .page-top ul.breadcrumb li span { margin-left: 5px; } .page-top ul.breadcrumb li span:first-child { margin-left: 0; } .page-top .yoast-breadcrumbs { font-size: 12px; } .page-top .yoast-breadcrumbs a { margin-right: 5px; } .page-top .yoast-breadcrumbs span, .page-top .yoast-breadcrumbs .breadcrumb_last { margin-left: 5px; } .page-top .page-title { display: inline-block; font-size: 2.2em; font-weight: 200; margin: 0; min-height: 37px; line-height: 46px; padding: 0 0 2px; position: relative; letter-spacing: -1px; text-transform: none; position: relative; z-index: 2; } @media (max-width: 767px) { .page-top .page-title { font-size: 2em; } } .page-top .page-sub-title { letter-spacing: -1px; font-size: 1.4em; font-weight: 300; line-height: 1.4; margin-bottom: 20px; } @media (max-width: 767px) { .page-top .page-sub-title { font-size: 1.2em; } } .page-top .sort-source { position: absolute; right: 15px; bottom: 0; *zoom: 1; } .page-top .sort-source:before, .page-top .sort-source:after { content: " "; display: table; } .page-top .sort-source:after { clear: both; } .page-top .sort-source > li { float: none; display: inline-block; } .page-top .sort-source > li.active > a { background: transparent !important; } @media (max-width: 767px) { .page-top .sort-source { position: relative; text-align: right; left: 0; right: 0; z-index: 1; padding-top: 5px; padding-bottom: 5px; } } .page-top .hide-title .sort-source { bottom: -6px; } body.single-product .page-top.page-header-1 .breadcrumbs-wrap, body.single-product .page-top.page-header-2 .breadcrumbs-wrap { padding-right: 55px; } body.single-product .entry-summary .page-top { position: absolute; top: 0; right: 0; width: 65px; background: transparent !important; border: none !important; } body.single-product .entry-summary .page-top .product-nav .product-link { color: #000; } .page-top.page-header-1 .page-title { margin-bottom: -10px; padding-bottom: 17px; } .page-top.page-header-3 .product-nav, .page-top.page-header-4 .product-nav, .page-top.page-header-5 .product-nav { position: static; height: auto; margin-top: 0; } .page-top.page-header-3 .product-nav .product-prev, .page-top.page-header-4 .product-nav .product-prev, .page-top.page-header-5 .product-nav .product-prev, .page-top.page-header-3 .product-nav .product-next, .page-top.page-header-4 .product-nav .product-next, .page-top.page-header-5 .product-nav .product-next { float: none; position: absolute; height: 30px; top: 50%; bottom: 50%; margin-top: -15px; } .page-top.page-header-3 .product-nav .product-prev, .page-top.page-header-4 .product-nav .product-prev, .page-top.page-header-5 .product-nav .product-prev { right: 10px; } .page-top.page-header-3 .product-nav .product-next, .page-top.page-header-4 .product-nav .product-next, .page-top.page-header-5 .product-nav .product-next { left: 10px; } .page-top.page-header-3 .product-nav .product-next .product-popup, .page-top.page-header-4 .product-nav .product-next .product-popup, .page-top.page-header-5 .product-nav .product-next .product-popup { right: auto; left: 0; } .page-top.page-header-3 .product-nav .product-next .product-popup:before, .page-top.page-header-4 .product-nav .product-next .product-popup:before, .page-top.page-header-5 .product-nav .product-next .product-popup:before { right: auto; left: 6px; } .page-top.page-header-3 .sort-source, .page-top.page-header-4 .sort-source, .page-top.page-header-5 .sort-source { position: static; text-align: center; margin-top: 5px; border-width: 0; } @media (max-width: 991px) { .page-top.page-header-4 .pt-left, .page-top.page-header-5 .pt-left, .page-top.page-header-4 .pt-right, .page-top.page-header-5 .pt-right { float: none !important; text-align: center; } .page-top.page-header-4 .page-sub-title, .page-top.page-header-5 .page-sub-title { margin-bottom: 5px; margin-top: 0; } } @media (min-width: 992px) { .page-top.page-header-4 .page-title, .page-top.page-header-5 .page-title { margin-top: 10px; margin-bottom: 10px; } .page-top.page-header-4 .breadcrumbs-wrap, .page-top.page-header-5 .breadcrumbs-wrap { margin-top: 23px; margin-bottom: 22px; } .page-top.page-header-4 .breadcrumbs-wrap.breadcrumbs-with-subtitle, .page-top.page-header-5 .breadcrumbs-wrap.breadcrumbs-with-subtitle { margin-top: 39px; margin-bottom: 38px; } .page-top.page-header-4 .product-nav, .page-top.page-header-5 .product-nav { display: inline-block; position: static; height: 30px; vertical-align: middle; } .page-top.page-header-4 .product-nav .product-prev, .page-top.page-header-5 .product-nav .product-prev, .page-top.page-header-4 .product-nav .product-next, .page-top.page-header-5 .product-nav .product-next { position: relative; } .page-top.page-header-4 .product-nav, .page-top.page-header-5 .product-nav { margin-left: 10px; } .page-top.page-header-4 .product-nav .product-prev, .page-top.page-header-5 .product-nav .product-prev { float: left; left: 0; } .page-top.page-header-4 .product-nav .product-prev .product-popup, .page-top.page-header-5 .product-nav .product-prev .product-popup { right: auto; left: -26px; } .page-top.page-header-4 .product-nav .product-prev .product-popup:before, .page-top.page-header-5 .product-nav .product-prev .product-popup:before { right: auto; left: 32px; } .page-top.page-header-4 .product-nav .product-next, .page-top.page-header-5 .product-nav .product-next { float: left; left: 0; } .page-top.page-header-4 .product-nav .product-next .product-popup, .page-top.page-header-5 .product-nav .product-next .product-popup { right: auto; left: 0; } .page-top.page-header-4 .product-nav .product-next .product-popup:before, .page-top.page-header-5 .product-nav .product-next .product-popup:before { right: auto; left: 6px; } } @media (min-width: 992px) { .page-top.page-header-4 .product-nav { height: auto; } } .page-top.page-header-6 ul.breadcrumb > li.home { display: inline-block; vertical-align: top; } .page-top.page-header-6 ul.breadcrumb > li.home a { position: relative; display: inline-block; width: 14px; text-indent: 30px; overflow: hidden; } .page-top.page-header-6 ul.breadcrumb > li.home a:after { content: "\e883"; font-family: 'porto'; position: absolute; left: 0; top: 0; text-indent: 0; } #breadcrumbs-boxed { position: relative; padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; } #breadcrumbs-boxed .page-top { padding: 13px 0 3px 22px; } /* Responsive */@media (max-width: 479px) { .page-top .page-title { line-height: 37px; } } /* Shop Single Page */.single-product form.cart { margin-bottom: 0px; display: inline-block; } .single-product .product-summary-wrap .yith-wcwl-add-to-wishlist { padding: 28px 0px 0; display: inline-block; vertical-align: baseline; margin-bottom: 21px; } .single-product .product-summary-wrap .description p { color: #7b858a; font-size: 14px; line-height: 27px; } .single-product .product-summary-wrap .price { font-size: 21px; line-height: 21px; font-weight: bold; border-top: 1px solid #ebebeb; padding-top: 20px; } .single-product .product-summary-wrap .share-links { margin: 1em 0 0; } .single-product .product-summary-wrap .share-links a { font-size: 22px; width: 1.5em; height: 1.5em; margin: 0.2857em 0.2em 0.2857em 0; } .single-product .product_meta { margin-top: 28px !important; clear: both; border-top: 1px solid #ebebeb; padding-top: 20px; } .single-product .entry-summary .quantity { width: 107px !important; margin-right: 0 !important; display: inline-flex; } .single-product .entry-summary .quantity .minus { width: 30px !important; height: 43px !important; position: initial !important; border: solid 1px #dae2e6; font-size: 20px; color: #8798a2; font-weight: 700; border-radius: 0 !important; } .single-product .entry-summary .quantity .plus { width: 30px !important; height: 43px !important; position: initial !important; border: solid 1px #dae2e6; font-size: 20px; color: #8798a2; font-weight: 700; border-radius: 0 !important; } .single-product .entry-summary .quantity .qty { width: 44px !important; height: 43px !important; font-size: 14px; font-weight: 400; text-align: center; color: #21293c; line-height: 14px; border-radius: 0 !important; border-width: 1px 0 1px 0; border-color: #dae2e6; box-shadow: none; } .single-product .entry-summary .add_to_wishlist { text-indent: 9999960px !important; position: absolute !important; pointer-events: none; height: 43px !important; line-height: 41px !important; } .single-product .entry-summary .add_to_wishlist:before { pointer-events: all; content: '\e889' !important; font-family: 'Porto' !important; width: 43px !important; font-size: 20px !important; margin-top: -3px; margin-left: 5px; height: 43px; border-color: #d8d8d6 !important; color: #302e2a !important; } .single-product .entry-summary .add_to_wishlist:hover:before { background-color: #fff !important; } .single-product .entry-summary .yith-wcwl-wishlistexistsbrowse a { text-indent: 9999960px !important; position: absolute !important; pointer-events: none; height: 43px !important; line-height: 41px !important; } .single-product .entry-summary .yith-wcwl-wishlistexistsbrowse a:before { pointer-events: all; content: '\e889' !important; font-family: 'Porto' !important; width: 43px !important; font-size: 20px !important; margin: -3px 0 0 5px; height: 43px; border-color: #d8d8d6 !important; color: #302e2a !important; content: '\e811' !important; } .single-product .entry-summary .yith-wcwl-wishlistexistsbrowse a:hover:before { background-color: #fff !important; } .single-product .entry-summary .yith-wcwl-wishlistaddedbrowse a { text-indent: 9999960px !important; position: absolute !important; pointer-events: none; height: 43px !important; line-height: 41px !important; } .single-product .entry-summary .yith-wcwl-wishlistaddedbrowse a:before { pointer-events: all; content: '\e889' !important; font-family: 'Porto' !important; width: 43px !important; font-size: 20px !important; margin: -3px 0 0 5px; height: 43px; border-color: #d8d8d6 !important; color: #302e2a !important; content: '\e811' !important; } .single-product .entry-summary .yith-wcwl-wishlistaddedbrowse a:hover:before { background-color: #fff !important; } .single-product .product_title { font-size: 25px; line-height: 25px; color: #21293c !important; } .single-product .product-images .zoom { background-color: transparent; } .single-product .product-images .zoom .fa-search:before { content: '\e873'; font-family: 'porto'; font-size: 14px; color: #21293c; } .single-product .product-images .owl-next:before { font-family: "porto" !important; font-size: 40px; color: #08c !important; content: '\e81a' !important; } .single-product .product-images .owl-prev:before { font-family: "porto" !important; font-size: 40px; color: #08c !important; content: '\e819' !important; } .single-product .woocommerce-product-rating .star-rating { font-size: 13px; } .single-product .woocommerce-product-rating .star-rating:before { color: #797876 !important; } .single-product .star-rating span:before { color: #ffc600 !important; } .single_add_to_cart_button { height: 43px !important; text-transform: uppercase; font-size: 14px; letter-spacing: 0.05em; font-weight: 400; line-height: 43px; } .single_add_to_cart_button:before { content: '\e87f' !important; font-family: 'Porto' !important; font-size: 18px !important; } .yith-wcwl-add-button .ajax-loading { display: none !important; visibility: hidden; } @media (max-width: 991px) { .mobile-hide-sidebar { display: none; } } .mobile-sidebar { background: #fff; position: fixed; height: 100%; width: 260px; top: 0; botom: 0; left: 0; z-index: 9000; -webkit-transform: translate(-260px); -moz-transform: translate(-260px); -ms-transform: translate(-260px); -o-transform: translate(-260px); transform: translate(-260px); -webkit-transition: transform 0.2s ease-in-out 0s; -moz-transition: transform 0.2s ease-in-out 0s; transition: transform 0.2s ease-in-out 0s; } .mobile-sidebar .sidebar-toggle { display: none; cursor: pointer; background: #fff; width: 40px; height: 40px; position: absolute; right: -40px; top: 0; bottom: 40px; margin: auto; font-size: 17px; line-height: 38px; text-align: center; text-decoration: none; border-radius: 0 0 0 0; border: 1px solid #ccc; border-left-width: 0; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .mobile-sidebar .sidebar-toggle i:before { content: "\f054"; } .mobile-sidebar .sidebar-toggle:hover { color: #1d2127; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15); } @media (max-width: 991px) { .mobile-sidebar .sidebar-toggle { display: block; } } .mobile-sidebar .sidebar-content { display: block; padding: 15px; overflow-x: hidden; overflow-y: scroll; height: 100%; } .sidebar-overlay { opacity: 0; } .sidebar-overlay.active { background: #000; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 8999; min-height: 100vh; opacity: 0.35; -webkit-transition: opacity 0.2s ease-in-out 0s; -moz-transition: opacity 0.2s ease-in-out 0s; transition: opacity 0.2s ease-in-out 0s; } html.sidebar-opened body > * { z-index: 0; } html.sidebar-opened body .mobile-sidebar { z-index: 9000; -webkit-transition: transform 0.3s ease-in-out 0s; -moz-transition: transform 0.3s ease-in-out 0s; transition: transform 0.3s ease-in-out 0s; -webkit-transform: translate(0px); -moz-transform: translate(0px); -ms-transform: translate(0px); -o-transform: translate(0px); transform: translate(0px); } html.sidebar-opened body .mobile-sidebar .sidebar-toggle i:before { content: "\f00d"; } html.sidebar-opened #wpadminbar { z-index: 8000; } /* Section Title */.section-title { font-size: 1.1429em; line-height: 1.4; font-weight: 700; color: #313131; text-transform: uppercase; margin-bottom: 1.25em; letter-spacing: normal; } /* Section Featured */section.section, .vc_row.section, .vc_column_container.section { background-color: #f4f4f4; border-top: 5px solid #f1f1f1; margin: 30px 0; padding: 50px 0; } section.section.section-center, .vc_row.section.section-center, .vc_column_container.section.section-center { text-align: center; } section.section.section-text-light, .vc_row.section.section-text-light, .vc_column_container.section.section-text-light { color: #fff; } section.section.section-text-light h1, .vc_row.section.section-text-light h1, .vc_column_container.section.section-text-light h1, section.section.section-text-light h2, .vc_row.section.section-text-light h2, .vc_column_container.section.section-text-light h2, section.section.section-text-light h3, .vc_row.section.section-text-light h3, .vc_column_container.section.section-text-light h3, section.section.section-text-light h4, .vc_row.section.section-text-light h4, .vc_column_container.section.section-text-light h4, section.section.section-text-light h5, .vc_row.section.section-text-light h5, .vc_column_container.section.section-text-light h5, section.section.section-text-light h6, .vc_row.section.section-text-light h6, .vc_column_container.section.section-text-light h6 { color: #fff; } section.section.section-text-light p, .vc_row.section.section-text-light p, .vc_column_container.section.section-text-light p { color: #e6e6e6; } section.section.section-text-dark, .vc_row.section.section-text-dark, .vc_column_container.section.section-text-dark { color: #1d2127; } section.section.section-text-dark h1, .vc_row.section.section-text-dark h1, .vc_column_container.section.section-text-dark h1, section.section.section-text-dark h2, .vc_row.section.section-text-dark h2, .vc_column_container.section.section-text-dark h2, section.section.section-text-dark h3, .vc_row.section.section-text-dark h3, .vc_column_container.section.section-text-dark h3, section.section.section-text-dark h4, .vc_row.section.section-text-dark h4, .vc_column_container.section.section-text-dark h4, section.section.section-text-dark h5, .vc_row.section.section-text-dark h5, .vc_column_container.section.section-text-dark h5, section.section.section-text-dark h6, .vc_row.section.section-text-dark h6, .vc_column_container.section.section-text-dark h6 { color: #1d2127; } section.section.section-text-dark p, .vc_row.section.section-text-dark p, .vc_column_container.section.section-text-dark p { color: #333a44; } section.section.section-background, .vc_row.section.section-background, .vc_column_container.section.section-background { background-repeat: repeat; border: 0; } section.section.section-overlay, .vc_row.section.section-overlay, .vc_column_container.section.section-overlay { position: relative; } section.section.section-overlay:before, .vc_row.section.section-overlay:before, .vc_column_container.section.section-overlay:before { content: ""; display: block; background: url("../images/video-overlay.png") repeat scroll 0 0 transparent; bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; } section.section.section-video, .vc_row.section.section-video, .vc_column_container.section.section-video { background: none !important; border: 0; } section.section.section-parallax, .vc_row.section.section-parallax, .vc_column_container.section.section-parallax { background-color: transparent; border: 0; } section.section.section-with-divider, .vc_row.section.section-with-divider, .vc_column_container.section.section-with-divider { margin: 56px 0 35px; } section.section.section-with-divider .section-divider, .vc_row.section.section-with-divider .section-divider, .vc_column_container.section.section-with-divider .section-divider { margin: -56px 0 44px; } section.section.section-with-divider-footer, .vc_row.section.section-with-divider-footer, .vc_column_container.section.section-with-divider-footer { margin: 35px 0 56px; } section.section.section-with-divider-footer .section-divider, .vc_row.section.section-with-divider-footer .section-divider, .vc_column_container.section.section-with-divider-footer .section-divider { margin: 44px 0 -56px; } section.section.section-footer, .vc_row.section.section-footer, .vc_column_container.section.section-footer { margin-bottom: -50px; } section.section .porto-section:last-child > div > *:last-child, .vc_row.section .porto-section:last-child > div > *:last-child, .vc_column_container.section .porto-section:last-child > div > *:last-child { margin-bottom: 0; } section.section.section-no-borders, .vc_row.section.section-no-borders, .vc_column_container.section.section-no-borders { border-width: 0; } .vc_row.section.section-with-divider .section-divider, .vc_column_container.section.section-with-divider .section-divider { position: absolute; left: 0; width: 100%; top: 50px; } .vc_row.section.section-with-divider-footer .section-divider, .vc_column_container.section.section-with-divider-footer .section-divider { position: absolute; left: 0; width: 100%; bottom: 55px; } .vc_row.section, .vc_row.section.section-with-divider, .vc_row.section.section-with-divider-footer { margin-left: -15px; margin-right: -15px; } .vc_column_container.section { margin: 0; padding: 50px 15px; } .vc_row.section > .vc_column_container .wpb_wrapper > div:last-child, .vc_row.section > .porto-container > .vc_row > .vc_column_container .wpb_wrapper > div:last-child, .vc_column_container.section .wpb_wrapper > div:last-child { margin-bottom: 0; } .col-half-section { width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; max-width: 570px; float: left; margin-left: 0; margin-right: 0; } .col-half-section.col-half-section-right { float: right; } @media (max-width: 1199px) { .col-half-section { max-width: 468px; } } @media (max-width: 991px) { .col-half-section { max-width: 100%; float: none !important; margin: 0 auto !important; padding-left: 0 !important; padding-right: 0 !important; } } /* Slider */.slider-title { font-size: 1.1429em; line-height: 1.4; letter-spacing: normal; font-weight: 700; color: #313131; text-transform: uppercase; margin-top: 0; margin-bottom: 1.25em; position: relative; } .slider-title .line { content: ""; background-image: - webkit-linear-gradient(left, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15) 70%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15) 70%, rgba(0, 0, 0, 0) 100%); display: block; height: 1px; position: relative; bottom: 0.7em; width: 0; } @media (max-width: 480px) { .slider-title .line { display: none !important; } } .master-slider { direction: ltr; } .master-slider .ms-container .ms-nav-prev, .master-slider .ms-container .ms-nav-next, .master-slider .ms-container .ms-slide-vpbtn, .master-slider .ms-container .ms-video-btn { background: transparent; border-radius: 0; font-family: "FontAwesome"; font-size: 2.8571em; text-align: center; line-height: 1; margin-top: -25px; width: 50px; height: 50px; } .master-slider .ms-container .ms-nav-prev:before, .master-slider .ms-container .ms-nav-next:before, .master-slider .ms-container .ms-slide-vpbtn:before, .master-slider .ms-container .ms-video-btn:before { text-shadow: 0 0 3px #fff; font-size: 1.5em; line-height: 50px; display: block; } .master-slider .ms-container .ms-nav-prev { left: 0; } .master-slider .ms-container .ms-nav-prev:before { content: "\f104"; } .master-slider .ms-container .ms-nav-next { right: 0; } .master-slider .ms-container .ms-nav-next:before { content: "\f105"; } .master-slider .ms-container .ms-slide-vpbtn:before, .master-slider .ms-container .ms-video-btn:before { content: "\f04b"; font-size: 1.1em; text-shadow: none; } .master-slider .ms-container .ms-bullet { background-image: none; width: 10px; height: 10px; border-radius: 20px; margin: 5px 7px !important; opacity: 0.5; } .master-slider .ms-container .ms-bullet-selected { opacity: 1; } .master-slider .ms-loading-container .ms-loading, .master-slider .ms-slide .ms-slide-loading { background-image: none; background-color: transparent; border-radius: 0; box-shadow: none; opacity: 1; } .master-slider .ms-loading-container .ms-loading:before, .master-slider .ms-slide .ms-slide-loading:before { content: " "; display: inline-block !important; border-width: 3px 5px 2px 0; width: 32px; height: 32px; -webkit-animation: 1s linear 0s normal none infinite running spin; animation: 1s linear 0s normal none infinite running spin; border-image: none; border-radius: 20px; border-style: solid; border-bottom-color: transparent !important; vertical-align: middle; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; } .master-slider .ms-slide { overflow: hidden; } #content .master-slider, #content-inner-top .master-slider, #content-inner-bottom .master-slider { border-radius: 0; overflow: hidden; } #content .master-slider .ms-slide .ms-slide-bgcont, #content-inner-top .master-slider .ms-slide .ms-slide-bgcont, #content-inner-bottom .master-slider .ms-slide .ms-slide-bgcont, #content .master-slider .ms-slide .ms-slide-bgvideocont, #content-inner-top .master-slider .ms-slide .ms-slide-bgvideocont, #content-inner-bottom .master-slider .ms-slide .ms-slide-bgvideocont { border-radius: 0; overflow: hidden; } #content .rev_slider_wrapper, #content-inner-top .rev_slider_wrapper, #content-inner-bottom .rev_slider_wrapper { border-radius: 0; overflow: hidden; } #content .rev_slider_wrapper li.tp-revslider-slidesli, #content-inner-top .rev_slider_wrapper li.tp-revslider-slidesli, #content-inner-bottom .rev_slider_wrapper li.tp-revslider-slidesli { border-radius: 0; overflow: hidden; } body.wide #content .master-slider, body.wide #content-inner-top .master-slider, body.wide #content-inner-bottom .master-slider, .column1.wide #content .master-slider, .column1.wide #content-inner-top .master-slider, .column1.wide #content-inner-bottom .master-slider { border-radius: 0; } body.wide #content .master-slider .ms-slide .ms-slide-bgcont, body.wide #content-inner-top .master-slider .ms-slide .ms-slide-bgcont, body.wide #content-inner-bottom .master-slider .ms-slide .ms-slide-bgcont, .column1.wide #content .master-slider .ms-slide .ms-slide-bgcont, .column1.wide #content-inner-top .master-slider .ms-slide .ms-slide-bgcont, .column1.wide #content-inner-bottom .master-slider .ms-slide .ms-slide-bgcont, body.wide #content .master-slider .ms-slide .ms-slide-bgvideocont, body.wide #content-inner-top .master-slider .ms-slide .ms-slide-bgvideocont, body.wide #content-inner-bottom .master-slider .ms-slide .ms-slide-bgvideocont, .column1.wide #content .master-slider .ms-slide .ms-slide-bgvideocont, .column1.wide #content-inner-top .master-slider .ms-slide .ms-slide-bgvideocont, .column1.wide #content-inner-bottom .master-slider .ms-slide .ms-slide-bgvideocont { border-radius: 0; } body.wide #content .rev_slider_wrapper, body.wide #content-inner-top .rev_slider_wrapper, body.wide #content-inner-bottom .rev_slider_wrapper, .column1.wide #content .rev_slider_wrapper, .column1.wide #content-inner-top .rev_slider_wrapper, .column1.wide #content-inner-bottom .rev_slider_wrapper { border-radius: 0; } body.wide #content .rev_slider_wrapper li.tp-revslider-slidesli, body.wide #content-inner-top .rev_slider_wrapper li.tp-revslider-slidesli, body.wide #content-inner-bottom .rev_slider_wrapper li.tp-revslider-slidesli, .column1.wide #content .rev_slider_wrapper li.tp-revslider-slidesli, .column1.wide #content-inner-top .rev_slider_wrapper li.tp-revslider-slidesli, .column1.wide #content-inner-bottom .rev_slider_wrapper li.tp-revslider-slidesli { border-radius: 0; } #main.wide #content .master-slider, #main.wide #content-inner-top .master-slider, #main.wide #content-inner-bottom .master-slider { border-radius: 0; overflow: visible; } #main.wide #content .master-slider .ms-slide .ms-slide-bgcont, #main.wide #content-inner-top .master-slider .ms-slide .ms-slide-bgcont, #main.wide #content-inner-bottom .master-slider .ms-slide .ms-slide-bgcont, #main.wide #content .master-slider .ms-slide .ms-slide-bgvideocont, #main.wide #content-inner-top .master-slider .ms-slide .ms-slide-bgvideocont, #main.wide #content-inner-bottom .master-slider .ms-slide .ms-slide-bgvideocont { border-radius: 0; overflow: visible; } #main.wide #content .rev_slider_wrapper, #main.wide #content-inner-top .rev_slider_wrapper, #main.wide #content-inner-bottom .rev_slider_wrapper { border-radius: 0; } #main.wide #content .rev_slider_wrapper li.tp-revslider-slidesli, #main.wide #content-inner-top .rev_slider_wrapper li.tp-revslider-slidesli, #main.wide #content-inner-bottom .rev_slider_wrapper li.tp-revslider-slidesli { border-radius: 0; overflow: visible; } /* Revolution Slider */.rev_slider_wrapper { z-index: 0; line-height: 1.4285; } .tparrows { border-radius: 0; } .tparrows.tparrows-carousel { display: inline-block; position: absolute; width: 30px; height: auto; padding: 20px 0; } .tparrows.tparrows-carousel.tp-leftarrow { left: -30px !important; right: auto !important; border-radius: 0 4px 4px 0; } .tparrows.tparrows-carousel.tp-leftarrow:before { font-family: FontAwesome; content: "\f053"; position: relative; left: -1px; top: 1px; } .tparrows.tparrows-carousel.tp-rightarrow { right: -60px !important; left: auto !important; border-radius: 4px 0 0 4px; } .tparrows.tparrows-carousel.tp-rightarrow:before { font-family: FontAwesome; content: "\f054"; position: relative; left: 2px; top: 1px; } .tp-visible { opacity: 1 !important; visibility: visible !important; } .rev_slider embed, .rev_slider iframe, .rev_slider object, .rev_slider video { border: none !important; } .tp-caption.coverscreenvideo, .caption.fullscreenvideo, .tp-caption.fullscreenvideo { left: 0; right: auto; } .hesperiden .tp-tab-content { padding: 15px 15px 15px 85px; } .hesperiden .tp-tab-image { float: left; } .hesperiden .tp-tab-title { text-align: left; } body.boxed #revolutionSliderCarouselContainer, #main.main-boxed #revolutionSliderCarouselContainer, .mfp-content .ajax-container #revolutionSliderCarouselContainer { margin-left: -30px; margin-right: -30px; width: auto; } @media (max-width: 767px) { body.boxed #revolutionSliderCarouselContainer, #main.main-boxed #revolutionSliderCarouselContainer, .mfp-content .ajax-container #revolutionSliderCarouselContainer { margin-left: -15px; margin-right: -15px; } } #revolutionSliderCarousel { border-top: 1px solid rgba(0, 0, 0, 0.15); border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .rev_slider_wrapper #revolutionSliderCarousel { border-radius: 0; } .rev_slider_wrapper #revolutionSliderCarousel li.tp-revslider-slidesli { border-radius: 0; overflow: visible; } #revolutionSliderCarousel ul { list-style: none; padding: 0; text-align: center; } .banner-container { position: relative; z-index: 0; } .banner-container .banner-fixed { position: fixed; top: 0; } .banner-container .porto-block .ult-carousel-wrapper { margin-bottom: 0; } .banner-container .master-slider { max-width: 100%; overflow: hidden; } .banner-container .ms-thumb-list { padding-bottom: 6px; } .banner-container .ms-thumb-frame { opacity: 1; border: 3px solid rgba(0, 0, 0, .25); box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.25) inset; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .banner-container .ms-thumb-frame:hover, .banner-container .ms-thumb-frame-selected { border-color: #fff; } .side-nav .banner-container { margin-top: -1px; } .side-nav .banner-container .master-slider { max-width: none; } #banner-wrapper.banner-wrapper-boxed { padding-left: 0; padding-right: 0; overflow: hidden; margin-left: auto; margin-right: auto; } body .ads-container { color: #777; background: #fbfbfb; border: 1px solid #e1e1e1; margin: 20px 0 0; border-radius: 0; } body .ads-container .left-icon.porto-sicon-box { display: block; text-align: center; margin: 0 !important; padding: 20px 0; } body .ads-container .left-icon .porto-sicon-left { display: inline-block; } body .ads-container .left-icon .porto-icon.none, body .ads-container .left-icon .porto-sicon-img.none { text-align: right; } @media (max-width: 991px) { body .ads-container .left-icon .porto-icon.none, body .ads-container .left-icon .porto-sicon-img.none { text-align: center; } } body .ads-container .left-icon .porto-sicon-body { display: inline-block; text-align: left; } @media (max-width: 991px) { body .ads-container .left-icon .porto-sicon-body { min-width: 215px; } } body .ads-container .left-icon .porto-sicon-left .porto-icon, body .ads-container .left-icon .porto-sicon-left .porto-sicon-img { margin: 0 10px 0 0; } body .ads-container .left-icon .porto-sicon-header, body .ads-container .left-icon .porto-sicon-description { float: none; width: auto; } body .ads-container .left-icon h3.porto-sicon-title { line-height: 1.1; } body .ads-container .left-icon .porto-sicon-description { margin-top: 3px; line-height: 1.2; } body .ads-container .vc_column_container { border-left: 1px solid #e1e1e1; } body .ads-container .vc_column_container:first-child { border-left-width: 0; } @media (max-width: 991px) { body .ads-container .vc_column_container { float: none; width: 100%; border-left-width: 0; } } body .ads-container-full { border-left-width: 0; border-right-width: 0; margin-top: 0; } body .menu-ads-container { color: #777; background: #f6f6f6; border: 2px solid #fff; border-radius: 0 0 0 0; margin-top: 0; margin-left: -35px; margin-right: -35px; } body .menu-ads-container .vc_column_container { border-left: 2px solid #fff; } body .menu-ads-container .vc_column_container:first-child { border-left-width: 0; } @media (max-width: 1199px) { body .sidebar-menu .menu-ads-container .vc_column_container .left-icon.porto-sicon-box { padding: 15px 0; } body .sidebar-menu .menu-ads-container .vc_column_container .left-icon .porto-sicon-left { display: block; } body .sidebar-menu .menu-ads-container .vc_column_container .left-icon .porto-sicon-left .porto-icon { font-size: 25px !important; margin-bottom: 10px; } body .sidebar-menu .menu-ads-container .vc_column_container .left-icon .porto-sicon-body { display: block; text-align: center; } } body .ads-container-light { color: #777; background: #fff; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; margin-top: 20px; margin-bottom: 0; border-radius: 0; } body .ads-container-light .left-icon.porto-sicon-box { display: block; text-align: center; margin: 0 !important; padding: 20px 0; } body .ads-container-light .left-icon .porto-sicon-left { display: inline-block; } body .ads-container-light .left-icon .porto-icon.none, body .ads-container-light .left-icon .porto-sicon-img.none { text-align: right; } @media (max-width: 991px) { body .ads-container-light .left-icon .porto-icon.none, body .ads-container-light .left-icon .porto-sicon-img.none { text-align: center; } } body .ads-container-light .left-icon .porto-sicon-body { display: inline-block; text-align: left; } @media (max-width: 991px) { body .ads-container-light .left-icon .porto-sicon-body { min-width: 215px; } } body .ads-container-light .left-icon .porto-sicon-left .porto-icon, body .ads-container-light .left-icon .porto-sicon-left .porto-sicon-img { margin: 0 10px 0 0; } body .ads-container-light .left-icon .porto-sicon-header, body .ads-container-light .left-icon .porto-sicon-description { float: none; width: auto; } body .ads-container-light .left-icon h3.porto-sicon-title { line-height: 1.1; } body .ads-container-light .left-icon .porto-sicon-description { margin-top: 3px; line-height: 1.2; } body .ads-container-light .vc_column_container { border-left: 1px solid #f5f5f5; } body .ads-container-light .vc_column_container:first-child { border-left-width: 0; } @media (max-width: 991px) { body .ads-container-light .vc_column_container { float: none; width: 100%; border-left-width: 0; } } body .ads-container-blue { color: #fff; background: #08c; border: 1px solid #08c; margin-left: -30px !important; margin-right: -30px !important; padding: 10px 0; border-radius: 0; } body .ads-container-blue .left-icon.porto-sicon-box { display: block; text-align: center; margin: 0 !important; padding: 20px 0; } body .ads-container-blue .left-icon .porto-sicon-left { display: inline-block; } body .ads-container-blue .left-icon .porto-icon.none, body .ads-container-blue .left-icon .porto-sicon-img.none { text-align: right; } @media (max-width: 991px) { body .ads-container-blue .left-icon .porto-icon.none, body .ads-container-blue .left-icon .porto-sicon-img.none { text-align: center; } } body .ads-container-blue .left-icon .porto-sicon-body { display: inline-block; text-align: left; } @media (max-width: 991px) { body .ads-container-blue .left-icon .porto-sicon-body { min-width: 215px; } } body .ads-container-blue .left-icon .porto-sicon-left .aio-icon, body .ads-container-blue .left-icon .porto-sicon-left .aio-icon-img { margin: 0 10px 0 0; } body .ads-container-blue .left-icon .porto-sicon-header, body .ads-container-blue .left-icon .porto-sicon-description { float: none; width: auto; } body .ads-container-blue .left-icon h3.porto-sicon-title { line-height: 1.1; } body .ads-container-blue .left-icon .porto-sicon-description { margin-top: 3px; line-height: 1.2; } body .ads-container-blue .vc_column_container { border-left: 1px solid #149ce0; } body .ads-container-blue .vc_column_container:first-child { border-left-width: 0; } @media (max-width: 991px) { body .ads-container-blue .vc_column_container { float: none; width: 100%; border-left-width: 0; } } body .newsletter-banner { text-align: center; } body .newsletter-banner .widget_wysija_cont p, body .newsletter-banner .widget_wysija_cont .wysija-submit { display: inline-block; margin: 0 auto 10px; vertical-align: top; position: relative; } @media (max-width: 767px) { body .newsletter-banner .widget_wysija_cont p, body .newsletter-banner .widget_wysija_cont .wysija-submit { display: block; } } body .newsletter-banner .widget_wysija_cont .wysija-submit { border-radius: 0 0 0 0; margin-left: -7px; } @media (max-width: 767px) { body .newsletter-banner .widget_wysija_cont .wysija-submit { margin-left: auto; border-radius: 0; } } body .newsletter-banner .widget_wysija_cont .wysija-input { background: #e3e2e2; color: #666; width: 350px; } @media (max-width: 767px) { body .newsletter-banner .widget_wysija_cont .wysija-input { width: 250px; } } body .newsletter-banner .widget_wysija_cont .formError { left: 0 !important; top: 36px !important; } @media (max-width: 767px) { body .newsletter-banner .widget_wysija_cont .formError { position: static !important; } } body .newsletter-banner .widget_wysija_cont .formError .formErrorContent { border: none; background: transparent; color: #eb340e; text-align: left; line-height: 1.1; } @media (max-width: 767px) { body .newsletter-banner .widget_wysija_cont .formError .formErrorContent { text-align: center; margin: 0 auto 5px; } } body .banner-container strong { font-weight: 600; } body .banner-container small { font-size: 11px; display: block; } body .banner-container .ult-new-ib-title { line-height: 1; text-align: left; } body .banner-title-bottom .ult-new-ib-title { left: 0; } body .banner-title-top .ult-new-ib-title { top: 0; left: 0; } body .banner-title-top .ult-new-ib-title small { font-size: 8px; } body.boxed .ads-container-full, #main.main-boxed .ads-container-full, body.boxed #main.wide .ads-container-full { margin-left: -30px !important; margin-right: -30px !important; } @media (max-width: 767px) { body.boxed .ads-container-full, #main.main-boxed .ads-container-full, body.boxed #main.wide .ads-container-full { margin-left: -15px !important; margin-right: -15px !important; } } /* Home Intro */.home-intro { background-color: #171717; overflow: hidden; position: relative; padding: 20px 0; text-align: left; } .home-intro p { color: #999; display: inline-block; padding-top: 10px; font-size: 1.15em; font-weight: 300; max-width: 800px; line-height: 24px; } .home-intro p strong { color: #fff; display: block; font-size: 1.3em; font-weight: 300; padding-bottom: 5px; } .home-intro p em { font-size: 1.6em; } .home-intro .get-started { margin-top: 15px; margin-bottom: 15px; position: relative; text-align: right; } .home-intro .get-started .btn { position: relative; } .home-intro .get-started .btn i { font-size: 1.1em; font-weight: normal; margin-left: 5px; } .home-intro .get-started a { color: #fff; } .home-intro .get-started p { font-size: 1em; padding: 0; } .home-intro .learn-more { display: inline-block; white-space: nowrap; vertical-align: middle; margin-left: 15px; } .home-intro.light { background-color: #e2e2e2; } .home-intro.light.secondary { background-color: #e0e1e4; } /* Page 404 */.page-not-found { margin: 50px 0; } .page-not-found h2 { font-size: 140px; font-weight: 600; letter-spacing: -10px; line-height: 140px; } .page-not-found p { font-size: 1.4em; line-height: 36px; } /* Responsive */@media (max-width: 479px) { .page-not-found { margin: 0; } .page-not-found h2 { font-size: 100px; letter-spacing: 0; line-height: 100px; } } input.wpcf7-not-valid, textarea.wpcf7-not-valid, select.wpcf7-not-valid { border-color: #a94442; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; } span.wpcf7-not-valid-tip { color: #c10000; margin-top: 3px; padding: 0; font-size: 0.9em; } div.wpcf7-response-output { padding: 15px; margin: 0 0 20px; border: 1px solid transparent; border-radius: 0; } div.wpcf7-response-output h4 { margin-top: 0; color: inherit; } div.wpcf7-response-output .alert-link { font-weight: bold; } div.wpcf7-response-output > p, div.wpcf7-response-output > ul { margin-bottom: 0; } div.wpcf7-response-output > p + p { margin-top: 5px; } div.wpcf7-validation-ok { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } div.wpcf7-validation-errors { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } span.wpcf7-list-item { margin-left: 0; margin-right: 1em; } .wpcf7-captchac { margin-top: 5px; } /* #Footer */.footer-wrapper.wide .container { width: 100%; } .footer-top .widget:last-child { margin-bottom: 0; } #footer { font-size: 0.9em; padding: 0; position: relative; clear: both; } #footer a:hover { text-decoration: underline; } #footer p { font-size: 1em; } #footer form { opacity: 0.85; } #footer ul.list li { margin-bottom: 5px; } #footer .widget > div > ul li, #footer .widget > ul li { line-height: 24px; } #footer .footer-ribbon { position: absolute; margin: -70px 0 0 0; padding: 10px 20px 6px 20px; color: #fff; font-size: 1.6em; z-index: 101; } #footer .footer-ribbon:before { left: -10px; border-right: 10px solid #646464; border-top: 16px solid transparent; content: ""; display: block; height: 0; position: absolute; top: 0; width: 7px; } #footer .footer-main > .container { padding-top: 40px; padding-bottom: 10px; } #footer.show-ribbon .footer-main > .container { padding-top: 54px; } #footer .container { position: relative; } #footer .container input:focus { box-shadow: none; } #footer .logo { display: inline-block; margin-right: 25px; } @media (max-width: 991px) { #footer .logo { display: block; margin-bottom: 15px; margin-right: 0; } } #footer .logo img { display: inline-block; max-width: 80px; } #footer .footer-bottom { padding: 15px 0; } #footer .footer-bottom .container { display: table; table-layout: fixed; } @media (max-width: 991px) { #footer .footer-bottom .container { display: block; } } #footer .footer-bottom .container > div { display: table-cell; vertical-align: middle; } @media (max-width: 991px) { #footer .footer-bottom .container > div { display: block; } } #footer .footer-bottom .container .footer-left { padding: 10px 8px 10px 0; text-align: left; width: 100%; } @media (max-width: 991px) { #footer .footer-bottom .container .footer-left { padding: 10px 0; } } #footer .footer-bottom .container .footer-center { padding: 10px 8px; text-align: center; width: 100%; } @media (max-width: 991px) { #footer .footer-bottom .container .footer-center { padding: 10px 0; width: auto; text-align: left; } } #footer .footer-bottom .container .footer-right { padding: 10px 0 10px 8px; text-align: right; width: 100%; } @media (max-width: 991px) { #footer .footer-bottom .container .footer-right { padding: 10px 0; text-align: left; } } #footer .widgettitle, #footer .widget-title { margin-bottom: 15px; font-size: 1.8em; } #footer .widgettitle, #footer .widget-title, #footer .widgettitle a, #footer .widget-title a { font-weight: 400; text-transform: none; } #footer .widgettitle img, #footer .widget-title img { margin-right: 3px; margin-top: -2px; } #footer .thumbnail, #footer .img-thumbnail { padding: 0; border-width: 0; background: transparent; } #footer .thumbnail img, #footer .img-thumbnail img { border-radius: 0; } #footer .widget p { font-size: 1em; } #footer .widget > div > ul, #footer .widget > ul { font-size: 1em; } #footer .widget .tagcloud a { background: transparent; text-decoration: none; } #footer .widget .tagcloud a:hover { color: #fff; } #footer .widget p { margin-top: -3px; margin-bottom: 13px; } #footer .widget.contact-info .widget-title { margin-bottom: 15px; } #footer .footer-bottom .widget { display: inline-block; margin: 0; } @media (max-width: 991px) { #footer .footer-bottom .widget { display: block; margin-top: 5px; } } #footer .footer-bottom .widget > div > ul, #footer .footer-bottom .widget > ul { border-width: 0; } #footer .footer-bottom .widget > div > ul li, #footer .footer-bottom .widget > ul li { border-width: 0; } #footer .footer-bottom .widget_nav_menu ul { margin: 0; } #footer .footer-bottom .widget_nav_menu ul li { display: inline-block; padding: 0 0 0 6px; } #footer .footer-bottom .widget_nav_menu ul li:first-child { padding: 0; } #footer .footer-bottom .widget_nav_menu ul li:before { display: none; } #footer .footer-bottom .widget_nav_menu ul li:after { content: "|"; font-weight: 300; position: relative; top: -1px; margin: 0 0 0 9px; } #footer .footer-bottom .widget_nav_menu ul li:last-child:after { display: none; } #footer .footer-bottom .widget_nav_menu ul li + li { margin-left: 0; } #footer .footer-bottom .footer-left .widget { margin-right: 20px; } @media (max-width: 991px) { #footer .footer-bottom .footer-left .widget { margin-right: 0; } } #footer .footer-bottom .footer-left:first-child { margin-right: 0; } #footer .footer-bottom .footer-right .widget { margin-left: 20px; } @media (max-width: 991px) { #footer .footer-bottom .footer-right .widget { margin-left: 0; } } #footer .footer-bottom .footer-right:first-child { margin-left: 0; } #footer .footer-bottom .tooltip { display: none !important; } .footer-wrapper.simple #footer, .footer-wrapper.fixed #footer { padding-top: 0; background: transparent; } .footer-wrapper.simple #footer .footer-bottom, .footer-wrapper.fixed #footer .footer-bottom { padding: 0; } .footer-wrapper.simple #footer .footer-bottom .logo, .footer-wrapper.fixed #footer .footer-bottom .logo { display: none; } .footer-wrapper.simple #footer .footer-bottom .container, .footer-wrapper.fixed #footer .footer-bottom .container { display: table; } .footer-wrapper.simple #footer .footer-bottom .container > div, .footer-wrapper.fixed #footer .footer-bottom .container > div { padding-top: 8px; padding-bottom: 8px; display: table-cell; float: none; } @media (max-width: 991px) { .footer-wrapper.simple #footer .footer-bottom .container > div.footer-center, .footer-wrapper.fixed #footer .footer-bottom .container > div.footer-center { display: none; } } @media (max-width: 480px) { .footer-wrapper.simple #footer .footer-bottom .container > div.footer-right, .footer-wrapper.fixed #footer .footer-bottom .container > div.footer-right { display: none; } .footer-wrapper.simple #footer .footer-bottom .container > div.footer-left, .footer-wrapper.fixed #footer .footer-bottom .container > div.footer-left { text-align: center; } } .footer-wrapper.fixed { position: fixed; bottom: 0; left: 0; right: 0; z-index: 10; } #footer-boxed { padding-left: 0; padding-right: 0; margin-top: 15px; margin-left: auto; margin-right: auto; } body { background: #fff; } body.wide .container { width: 100%; max-width: 100%; padding-left: 30px; padding-right: 30px; } .porto-wrap-container .container { width: 100%; padding-left: 0; padding-right: 0; } @media (max-width: 767px) { .container { width: 100%; } } .page-wrapper { position: relative; left: 0; } @media (min-width: 992px) { .page-wrapper.side-nav > * { padding-left: 256px; } } @media (min-width: 992px) { .page-wrapper.side-nav .container { width: 100%; max-width: 100%; padding-left: 35px; padding-right: 35px; } } @media (max-width: 767px) { .page-wrapper { overflow: hidden; } } @media (min-width: 992px) { body:not(.boxed) .side-nav .vc_row[data-vc-stretch-content] { padding-left: 0 !important; padding-right: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; } } .header-wrapper { position: relative; } .column2-left-sidebar .main-content, .column2-left-sidebar .main-content { float: right; } @media (max-width: 991px) { .column2-left-sidebar .main-content, .column2-left-sidebar .main-content { float: none; } } .left-sidebar, .right-sidebar { position: relative; } #main { position: relative; margin-left: auto; margin-right: auto; background: #fff; } body.wide #main { max-width: 100%; } #main.wide .vc_row { margin-left: 0; margin-right: 0; } #main.wide .container .vc_row { margin-left: -15px; margin-right: -15px; } #main.wide .ads-container.vc_row { margin-left: 0 !important; margin-right: 0 !important; } #main.wide .main-content { padding: 0; } #main.wide > .container > .row { margin-left: -15px; margin-right: -15px; } #main.boxed .porto-container { padding-left: 0; padding-right: 0; width: 100%; } .main-content { padding-top: 35px; padding-bottom: 40px; } .no-breadcrumbs .main-content, body.woocommerce .main-content { padding-top: 20px; } .left-sidebar, .right-sidebar { padding-top: 35px; padding-bottom: 40px; margin-bottom: 35px; } .no-breadcrumbs .left-sidebar, .no-breadcrumbs .right-sidebar, body.woocommerce .left-sidebar, body.woocommerce .right-sidebar { padding-top: 20px; } @media (max-width: 991px) { .left-sidebar, .right-sidebar, .no-breadcrumbs .left-sidebar, .no-breadcrumbs .right-sidebar, body.woocommerce .left-sidebar, body.woocommerce .right-sidebar { padding-top: 0; margin-top: -40px; } } .content-bottom-wrapper { padding-bottom: 20px; } #banner-wrapper .ult-carousel-wrapper, #content-top .ult-carousel-wrapper, #content-bottom .ult-carousel-wrapper, #content-inner-top .ult-carousel-wrapper, #content-inner-bottom .ult-carousel-wrapper { margin-bottom: 20px; } #banner-wrapper .ult-carousel-wrapper .vc_single_image-wrapper, #content-top .ult-carousel-wrapper .vc_single_image-wrapper, #content-bottom .ult-carousel-wrapper .vc_single_image-wrapper, #content-inner-top .ult-carousel-wrapper .vc_single_image-wrapper, #content-inner-bottom .ult-carousel-wrapper .vc_single_image-wrapper { width: 100%; } #banner-wrapper .ult-carousel-wrapper .vc_single_image-wrapper img, #content-top .ult-carousel-wrapper .vc_single_image-wrapper img, #content-bottom .ult-carousel-wrapper .vc_single_image-wrapper img, #content-inner-top .ult-carousel-wrapper .vc_single_image-wrapper img, #content-inner-bottom .ult-carousel-wrapper .vc_single_image-wrapper img { width: 100%; } #content-top, #content-bottom { overflow: hidden; background: #fff; } body.modal-open { padding-right: 0 !important; padding-left: 0 !important; } .clearfix { overflow: visible; } @media (max-width: 767px) { .porto-container { padding-left: 0; padding-right: 0; } } .page-wrapper.coming-soon #header .header-top { display: block; } .page-wrapper.coming-soon #header .header-top .container { min-height: 50px; } .page-wrapper.coming-soon #header .header-top .header-contact { display: block; } @media (max-width: 767px) { .page-wrapper.coming-soon #header .header-top .header-right { display: none; } } .page-wrapper.coming-soon #footer .footer-bottom { background: transparent; } /* Boxed Layout */body.boxed { padding: 25px 0; } @media (max-width: 767px) { body.boxed { padding: 0; } } body.boxed #header { border-top-width: 0; } body.boxed .banner-container { overflow: hidden; } body.boxed .page-wrapper { background: #fff; border-top: 5px solid #ccc; border-bottom: 5px solid #1d2127; margin: 0 auto; box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); border-radius: 0; } @media (max-width: 767px) { body.boxed .page-wrapper { width: 100% !important; border-width: 0; border-radius: 0; overflow: hidden; } } body.boxed .porto-container.container, #main.main-boxed .porto-container.container { margin-left: -15px; margin-right: -15px; } body.boxed .vc_row[data-vc-stretch-content], #main.main-boxed .vc_row[data-vc-stretch-content], body.boxed .ult-vc-hide-row, #main.main-boxed .ult-vc-hide-row { margin-left: 0; margin-right: 0; } @media (min-width: 768px) { body.boxed .ult-vc-hide-row, #main.main-boxed .ult-vc-hide-row { left: auto !important; max-width: 750px; overflow: hidden; } body.boxed .ult-vc-hide-row.section, #main.main-boxed .ult-vc-hide-row.section { padding-left: 15px; padding-right: 15px; } body.boxed .ult-vc-hide-row.vc_row-no-padding, #main.main-boxed .ult-vc-hide-row.vc_row-no-padding { padding-left: 0; padding-right: 0; } } @media (min-width: 992px) { body.boxed .ult-vc-hide-row, #main.main-boxed .ult-vc-hide-row { max-width: 990px; } } body.boxed .vc_row[data-vc-stretch-content].section, #main.main-boxed .vc_row[data-vc-stretch-content].section { padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { body.boxed .vc_row[data-vc-stretch-content], #main.main-boxed .vc_row[data-vc-stretch-content] { left: auto !important; margin-left: -30px !important; margin-right: -30px !important; max-width: 750px; } } @media (min-width: 992px) { body.boxed .vc_row[data-vc-stretch-content], #main.main-boxed .vc_row[data-vc-stretch-content] { max-width: 990px; } } @media (max-width: 767px) { body.boxed .vc_row[data-vc-stretch-content], #main.main-boxed .vc_row[data-vc-stretch-content] { padding-left: 0 !important; padding-right: 0 !important; } } #main.main-boxed .container .container { width: 100%; } #main.main-boxed.wide .porto-container.container { margin-left: 0; margin-right: 0; } @media (min-width: 768px) { #main.main-boxed.wide .vc_row[data-vc-stretch-content] { margin-left: 0 !important; margin-right: 0 !important; } } @media (min-width: 768px) { body.boxed #main.wide .vc_row[data-vc-stretch-content] { padding-left: 0 !important; padding-right: 0 !important; } } body.boxed #main.wide .vc_row[data-vc-stretch-content] .porto-wrap-container { padding-left: 30px; padding-right: 30px; } @media (max-width: 767px) { body.boxed #main.wide .vc_row[data-vc-stretch-content] .porto-wrap-container { padding-left: 15px; padding-right: 15px; } } @media (min-width: 768px) { body.boxed #main.wide .ult-vc-hide-row { overflow: visible; } } body.boxed #main.wide .container .vc_row { margin-left: -30px; margin-right: -30px; padding-left: 30px; padding-right: 30px; } @media (max-width: 767px) { body.boxed #main.wide .container .vc_row { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; } } body.boxed #main.wide .container .vc_row .vc_row { margin-left: -15px; margin-right: -15px; padding-left: 0; padding-right: 0; } body.boxed #main.wide > .container > .row { margin-left: 0; margin-right: 0; } body.boxed #main.wide .porto-wrap-container { width: auto; margin: 0; padding: 0; } body.boxed #header.sticky-header .header-main.sticky { margin-left: auto; margin-right: auto; } @media (min-width: 768px) { body.boxed #header.sticky-header .header-main.sticky { max-width: 750px; } } @media (min-width: 992px) { body.boxed #header.sticky-header .header-main.sticky { max-width: 990px; } } body.boxed #header.sticky-header .main-menu-wrap { margin-left: auto; margin-right: auto; } @media (min-width: 992px) { body.boxed #header.sticky-header .main-menu-wrap { max-width: 990px; } } body.boxed .fixed-header #header { position: absolute; } body.boxed .footer-wrapper.fixed { position: absolute; } /* header, footer tooltip */@-webkit-keyframes tooltip-animation { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes tooltip-animation { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes tooltip-color { 0% { color: #fff; } 50% { color: #333; } 100% { color: #fff; } } @keyframes tooltip-color { 0% { color: #fff; } 50% { color: #333; } 100% { color: #fff; } } @-webkit-keyframes tooltip-color-white { 0% { color: #444; } 50% { color: #fff; } 100% { color: #444; } } @keyframes tooltip-color-white { 0% { color: #444; } 50% { color: #fff; } 100% { color: #444; } } #header .porto-tooltip, #footer .porto-tooltip { position: absolute !important; right: 0; top: 5px; width: 20px; } @media (max-width: 480px) { #header .porto-tooltip, #footer .porto-tooltip { display: none !important; } } #header .tooltip-icon, #footer .tooltip-icon { cursor: pointer; border: 1px solid #000; color: #000; border-radius: 50%; display: block; width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 10px; position: relative; right: 5px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-animation: tooltip-animation 1s ease-in infinite; animation: tooltip-animation 1s ease-in infinite; } #header .tooltip-popup, #footer .tooltip-popup { display: none; position: absolute; right: 0; text-align : left; top: -2px; width: 300px; background-color: #111; box-shadow: 0 0 8px rgba(255, 255, 255, .5); padding: 20px; border-radius: 10px; font-size: 12px; line-height: 1.4; color: #fff; z-index: 2000; } #header .tooltip-popup h4, #footer .tooltip-popup h4 { font-size: 16px; color: #fff; } #header .tooltip-popup p, #footer .tooltip-popup p { margin-bottom: 10px; color: #fff; } #header .tooltip-popup em, #footer .tooltip-popup em { font-size: 10px; } #header .tooltip-close, #footer .tooltip-close { cursor: pointer; position: absolute; right: 10px; top: 10px; color: #fff; } #header .porto-tooltip { z-index: 1000; } #footer .porto-tooltip { top: 30px; right: 15px; } @media (min-width: 992px) { .header-wrapper.header-side-nav #header .tooltip-popup { left: -5px; right: auto; } }