/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
// 0 - Bootstrap variables and mixins
1.0 - Reset
2.0 - Typography
3.0 - Elements
4.0 - Utilities
5.0 - Main
5.1 - Structure
6.0 - Navigation
6.1 - Top Menu
6.2 - Main Menu
6.3 - Sub header Menu
6.4 - Footer Menu
7.0 - Header
8.0 - Content
8.1 - Structure
8.2 - Featured area
8.3 - Post & Pages
8.4 - Error page
8.5 - Navigation
8.6 - Comments
8.7 - Elements
8.8 - Breadcrumbs
9.0 - Media
9.1 - Galleries
10.0 - Page/Post Layouts
11.0 - Sidebar
12.0 - Widgets
13.0 - Footer
13.1 - Footer Widgets
13.2 - Social icons
13.3 - Copyright & Powered
14.0 - Extras (alignment)
15.0 - Accessibility
16.0 - Plugin specific styles
16.1 - WooCommerce
16.2 - Jetpack
--------------------------------------------------------------*//*--------------------------------------------------------------
5.0 Main
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6{ margin:0px; padding:0px; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
color: #000;
}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on April 23, 2023 */
@font-face {
font-family: 'neue_haas_grotesk_displa95Blk';
src: url('../css/fonts/neuehaas/neuehaasdisplayblack-webfont.woff2') format('woff2'),
url('../css/fonts/neuehaas/neuehaasdisplayblack-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'neue_haas_grotesk_display75Bd';
src: url('../css/fonts/neuehaas/neuehaasdisplaybold-webfont.woff2') format('woff2'),
url('../css/fonts/neuehaas/neuehaasdisplaybold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'neue_haas_grotesk_display45Lt';
src: url('../css/fonts/neuehaas/neuehaasdisplaylight-webfont.woff2') format('woff2'),
url('../css/fonts/neuehaas/neuehaasdisplaylight-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'neue_haas_grotesk_display65Md';
src: url('../css/fonts/neuehaas/neuehaasdisplaymediu-webfont.woff2') format('woff2'),
url('../css/fonts/neuehaas/neuehaasdisplaymediu-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'neue_haas_grotesk_disp55roman';
src: url('../css/fonts/neuehaas/neuehaasdisplayroman-webfont.woff2') format('woff2'),
url('../css/fonts/neuehaas/neuehaasdisplayroman-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'neue_haas_grotesk_display35Th';
src: url('../css/fonts/neuehaas/neuehaasdisplaythin-webfont.woff2') format('woff2'),
url('../css/fonts/neuehaas/neuehaasdisplaythin-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'neue_haas_grotesk_displa25xTh';
src: url('../css/fonts/neuehaas/neuehaasdisplayxthin-webfont.woff2') format('woff2'),
url('../css/fonts/neuehaas/neuehaasdisplayxthin-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'neue_haas_grotesk_displ15xxTh';
src: url('../css/fonts/neuehaas/neuehaasdisplayxxthin-webfont.woff2') format('woff2'),
url('../css/fonts/neuehaas/neuehaasdisplayxxthin-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
body {
word-wrap: break-word;
background: #F5F5F7 !important;
font-family: 'neue_haas_grotesk_display45Lt';
font-weight:450;
font-size:1rem;
line-height: 1.4;
color: #000;
}
div.wpcf7 .ajax-loader {
display: none;
}
h1,h2,h3,h4,h5,h6 {
font-family: 'neue_haas_grotesk_display75Bd';
}
.font-normal {
font-family: 'neue_haas_grotesk_display45Lt'; font-weight: normal;
}
.font-normal-650 {
font-family: 'neue_haas_grotesk_display65Md';
}
.w-480 {
max-width: 480px;
}
.h2, h2 {
font-size: 1.62500rem;
color: #000000;
}
h2 span {
font-weight: normal;
font-family: 'neue_haas_grotesk_display45Lt';
}
.btn.btn-primary {
text-align: center;
color: #000000;
font-style: normal;
font-weight: 450;
font-size: 20px;
line-height: normal;
border: 1.5px solid #000000;
border-radius: 6px;
padding:11px 10px;
background-color: transparent;
height: auto;
}
.btn.btn-primary:hover {
color: #fff;
background: #373737;
}
.btn-hiro .btn {
margin-right: 0px; margin-bottom: 14px;
width: 100%;
max-width: 212px;
}
/*--------------------------------------------------------------
6.1 Top Menu
--------------------------------------------------------------*/
.top-left-widget {
text-align: left;
}
.top-right-widget {
text-align: right;
}
.top-left-widget ul.menu,
.top-right-widget ul.menu {
padding: 0;
margin: 0;
list-style-type: none;
}
.top-left-widget ul.menu li,
.top-right-widget ul.menu li {
display: inline-block;
padding: 0 10px;
border-left: 1px solid #e1e1e1;
line-height: 1;
}
.top-left-widget ul.menu li:first-child,
.top-right-widget ul.menu li:first-child {
border-left: none;
}
.top-left-widget ul.menu li a,
.top-right-widget ul.menu li a {
font-size: 12px;
color: #555555;
display: inline-block;
line-height: 1;
text-decoration: none;
}
.top-left-widget ul.menu li a:hover,
.top-right-widget ul.menu li a:hover {
color: #ea1d63;
text-decoration: none;
}
#top-menu-container {
padding: 0.5rem 0;
background: #000000;;
}/*--------------------------------------------------------------
6.2 Main Menu
--------------------------------------------------------------*/
#main-menu {
position: relative;
}
#mobile-nav-button {
float: right;
padding: 0 10px;
font-size: 2em;
background: #333333;
border: none;
}
#mobile-nav-button:before {
content: "\f0c9";
color: #eeeeee;
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
font-size: 1em;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#mobile-nav-button:hover {
cursor: pointer;
}
#mobile-nav-button:hover:before {
color: #999999;
}
#mobile-current-item {
position: absolute;
top: 10px;
padding-left: 10px;
color: #eeeeee;
}
#main-menu-container {
background-color: #141719;
}
#main-navigation:before,
#main-navigation:after {
content: " ";
display: table;
}
#main-navigation:after {
clear: both;
}
#main-navigation.menu-open ul {
display: block;
}
#main-navigation ul {
display: none;
margin: 0;
list-style: none;
}
#main-navigation ul li {
margin: 0;
padding: 0;
list-style: none;
}
#main-navigation ul li a {
color: #eeeeee;
text-decoration: none;
}
#main-navigation ul li a:hover {
color: #999999;
}
#main-navigation .main-nav > ul {
padding-top: 35px;
}
#main-navigation .main-nav .menu li li a::before {
/*content: '\2013';
position: absolute;
margin-left: -15px;*/
}
#main-navigation ul {
padding: 0;
}
#main-navigation .main-nav ul {
padding: 0;
}
@media (min-width: 1200px) and (max-width: 1383px) {
#main-navigation .main-nav ul li:last-child {
display:none;
}
}
@media (min-width: 1200px) {
#mobile-nav-button {
display: none;
}
#mobile-current-item {
display: none;
}
#main-navigation ul {
display: block;
}
#main-navigation .main-nav ul {
padding: 0;
}
#main-navigation .main-nav ul:before,
#main-navigation .main-nav ul:after {
content: " ";
display: table;
}
#main-navigation .main-nav ul:after {
clear: both;
}
#main-navigation .main-nav ul li {
margin: 0;
padding: 0;
list-style: none;
float: left;
}
.header-side-menu #main-navigation .main-nav > ul > li > ul > li {
position: relative;
}
.header-side-menu #main-navigation .main-nav > ul > li > ul {
justify-content: center;
}
div#main-menu {
position: unset;
}
.header-side-menu #main-navigation .main-nav > ul > li > ul > li a{
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 42px;
}
#main-navigation .main-nav ul li:hover > ul {
display: flex; flex-wrap: wrap;
opacity: 1;
-webkit-transition: all ease-in 0.3ms;
-moz-transition: all ease-in 0.3ms;
-o-transition: all ease-in 0.3ms;
-ms-transition: all ease-in 0.3ms;
transition: all ease-in 0.3ms;
}
#main-navigation .main-nav ul li li:hover > ul {
left: 100%;
top: 0;
}
#main-navigation .main-nav ul li a {
margin: 0;
color: #eeeeee;
display: block;
}
#main-navigation .main-nav > ul > li > a {
padding: 10px 0px;
}
#main-navigation .main-nav ul li a:hover {
text-decoration: none;
color: #999999;
}
#main-navigation .main-nav ul li > ul {
position: absolute;
z-index: 98;
width: 100%;
min-width: 200px;
padding:20px 0px;
left: 0px;
top: 100%;
background-color: #141719;
border-radius: 0px 0px 15px 15px;
overflow: auto;
}
#main-navigation .main-nav ul li ul {
display: none;
opacity: 0;
-webkit-transition: all ease-in 0.3ms;
-moz-transition: all ease-in 0.3ms;
-o-transition: all ease-in 0.3ms;
-ms-transition: all ease-in 0.3ms;
transition: all ease-in 0.3ms;
}
#main-navigation .main-nav ul li ul li {
float: none;
padding: 0 15px;
}
#main-navigation .main-nav ul li ul li a {
line-height: 2.5em;
white-space: nowrap;
}
#main-navigation .main-nav .menu li li a::before {
content: '';
position: relative;
margin-left: 0;
}
#main-navigation .main-nav > ul > li > ul > li.menu-item-has-children::after {
content: "\f105";
color: #eee;
font-family: FontAwesome;
display: inline-block;
position: absolute;
right: 15px;
top: 6px;
font-size: 20px;
}
}
@media(max-width:1199px) {
#main-navigation .main-nav > ul {
padding-top: 42px;
}
#main-navigation .main-nav li.menu-item-has-children {
position: relative;
}
#main-navigation .main-nav .menu li .menu_arrow {
color: #fff;
cursor: pointer;
display: inline-block;
height: 38px;
line-height: 38px;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 40px;
z-index: 9999;
}
#main-navigation .main-nav .menu li .menu_arrow::after {
font-size: 22px;
content: "\f105";
font-family: FontAwesome;
color: #FFF;
}
#main-navigation .main-nav .menu li.open > .menu_arrow::after {
content: "\f105";
}
#main-navigation .main-nav ul li a {
display: block;
padding: 8px 10px;
font-size: 16px;
}
#main-navigation .main-nav li.menu-item-has-children > ul {
display: none;
background-color: rgba(255, 255, 255, 0.05);
}
#main-navigation .main-nav li.menu-item-has-children.open > ul {
display: block;
}
}/*--------------------------------------------------------------
6.3 Subheader Menu
--------------------------------------------------------------*/
#sub-menu-container {
background-color: #f2f2f2;
}
#sub-navigation:before,
#sub-navigation:after {
content: " ";
display: table;
}
#sub-navigation:after {
clear: both;
}
#sub-navigation.menu-open ul {
display: block;
}
#sub-navigation ul {
display: none;
margin: 0;
padding-left: 10px;
list-style: none;
}
#sub-navigation ul li {
margin: 0;
padding: 0;
list-style: none;
}
#sub-navigation ul li a {
color: #555555;
text-decoration: none;
line-height: 3em;
}
#sub-navigation ul li a:hover {
color: #fff;
}
#sub-navigation > ul {
padding-top: 35px;
}
@media (min-width: 1200px) {
#sub-navigation ul {
display: block;
}
#sub-navigation ul {
padding: 0;
}
#sub-navigation ul:before,
#sub-navigation ul:after {
content: " ";
display: table;
}
#sub-navigation ul:after {
clear: both;
}
#sub-navigation ul li {
margin: 0;
padding: 0;
list-style: none;
position: relative;
float: left;
}
#sub-navigation ul li:hover ul {
display: block;
}
#sub-navigation ul li li:hover > ul {
left: 100%;
top: 0;
}
#sub-navigation ul li a {
margin: 10px;
color: #555;
font-size: 13px;
}
#sub-navigation ul li a:hover {
text-decoration: none;
color: #ea1d63;
}
#sub-navigation ul li > ul {
position: absolute;
z-index: 999;
width: auto;
min-width: 200px;
padding: 0;
background-color: #999999;
}
#sub-navigation ul li ul {
display: none;
}
#sub-navigation ul li ul li {
float: none;
}
#sub-navigation ul li ul li a {
line-height: 2.5em;
white-space: nowrap;
}
}/*--------------------------------------------------------------
6.4 Footer Menu
--------------------------------------------------------------*/
#footer-menu-container .footer-menu {
display: inline-block;
margin: 0;
padding: 0;
}
#footer-menu-container .footer-menu li {
float: none;
margin-left:0px;
list-style: none;
display:inline-block;
text-align:center;
margin:0 10px;
padding:0px;
}
#footer-menu-container .footer-menu li:first-child{
margin-left:0px;
}
#footer-menu-container .footer-menu li:last-child{
margin-right:0px;
}
#footer-menu-container .footer-menu li a {
text-decoration: none;
color: #474b53;
font-size: 16px;
font-weight:400;
line-height:22px;
}
#footer-menu-container .footer-menu li a:hover {
color: #474b53;
text-decoration:underline;
}/*--------------------------------------------------------------
7.0 - Header
--------------------------------------------------------------*/
#header {
position: sticky;
top: 0;
z-index: 900;
}
.header-side-menu #main-navigation .main-nav ul li > ul{
margin-top: -10px;
}
#logo img{
max-width:135px;
}
#site-branding {
position: relative;
min-height: 1px;
display: flex;
align-items: center;
}
#site-branding .site-name a {
color: #333333;
}
#site-branding .site-description {
font-size: 20px;
}
#secondary-header {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 1px;
text-align: center;
padding-top: 8px;
}
div#mysticky-nav.down {
top: 0% !important;
}
h1.logo-head {
margin: 0;
}
/*--------------------------------------------------------------
8.0 - Structure
--------------------------------------------------------------*/
.container{
max-width: 80%;
}
@media (max-width:700px){
.container{
max-width: 95%;
}
}
.carousel-btn-back{
height: 100px;
width: 110px;
background: #f5f5f7;
position: absolute;
right: 0;
margin: -54px;
/* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
.carousel-btn-back{
height: 100px;
width: 110px;
background: #f5f5f7;
position: absolute;
right: 0;
margin: -54px;
backdrop-filter: blur(10px);
}
}
.content-area:before,
.content-area:after {
content: " ";
display: table;
}
.content-area:after {
clear: both;
}
main:before,
main:after {
content: " ";
display: table;
}
main:after {
clear: both;
}/*--------------------------------------------------------------
8.2 - Featured area
--------------------------------------------------------------*/
main #featured-content,
main #featured-image {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
padding: 40px 0;
}
@media (min-width: 992px) {
main #featured-content,
main #featured-image {
float: left;
width: 50%;
}
}
@media (min-width: 992px) {
main #featured-content,
main #featured-image {
padding: 40px 30px;
}
}
main #featured-content h1,
main #featured-image h1,
main #featured-content h2,
main #featured-image h2,
main #featured-content p,
main #featured-image p {
text-align: center;
}
main #featured-content .call-to-action,
main #featured-image .call-to-action {
padding: 15px 0;
text-align: center;
margin-top: 30px;
}
main #featured-content .call-to-action .cta-button,
main #featured-image .call-to-action .cta-button {
color: #fff;
background-color: #0D4C82;
border-color: #0b3e6b;
padding: 15px 35px;
font-size: 24px;
line-height: 24px;
border-radius: 0;
}
main #featured-content .call-to-action .cta-button:hover,
main #featured-image .call-to-action .cta-button:hover,
main #featured-content .call-to-action .cta-button:focus,
main #featured-image .call-to-action .cta-button:focus,
main #featured-content .call-to-action .cta-button:active,
main #featured-image .call-to-action .cta-button:active,
main #featured-content .call-to-action .cta-button.active,
main #featured-image .call-to-action .cta-button.active,
.open > main #featured-content .call-to-action .cta-button.dropdown-toggle,
.open > main #featured-image .call-to-action .cta-button.dropdown-toggle {
color: #fff;
background-color: #083154;
border-color: #051e33;
}
main #featured-content .call-to-action .cta-button:active,
main #featured-image .call-to-action .cta-button:active,
main #featured-content .call-to-action .cta-button.active,
main #featured-image .call-to-action .cta-button.active,
.open > main #featured-content .call-to-action .cta-button.dropdown-toggle,
.open > main #featured-image .call-to-action .cta-button.dropdown-toggle {
background-image: none;
}
main #featured-content .call-to-action .cta-button.disabled,
main #featured-image .call-to-action .cta-button.disabled,
main #featured-content .call-to-action .cta-button.disabled:hover,
main #featured-image .call-to-action .cta-button.disabled:hover,
main #featured-content .call-to-action .cta-button.disabled:focus,
main #featured-image .call-to-action .cta-button.disabled:focus,
main #featured-content .call-to-action .cta-button.disabled:active,
main #featured-image .call-to-action .cta-button.disabled:active,
main #featured-content .call-to-action .cta-button.disabled.active,
main #featured-image .call-to-action .cta-button.disabled.active,
main #featured-content .call-to-action .cta-button[disabled],
main #featured-image .call-to-action .cta-button[disabled],
main #featured-content .call-to-action .cta-button[disabled]:hover,
main #featured-image .call-to-action .cta-button[disabled]:hover,
main #featured-content .call-to-action .cta-button[disabled]:focus,
main #featured-image .call-to-action .cta-button[disabled]:focus,
main #featured-content .call-to-action .cta-button[disabled]:active,
main #featured-image .call-to-action .cta-button[disabled]:active,
main #featured-content .call-to-action .cta-button[disabled].active,
main #featured-image .call-to-action .cta-button[disabled].active,
fieldset[disabled] main #featured-content .call-to-action .cta-button,
fieldset[disabled] main #featured-image .call-to-action .cta-button,
fieldset[disabled] main #featured-content .call-to-action .cta-button:hover,
fieldset[disabled] main #featured-image .call-to-action .cta-button:hover,
fieldset[disabled] main #featured-content .call-to-action .cta-button:focus,
fieldset[disabled] main #featured-image .call-to-action .cta-button:focus,
fieldset[disabled] main #featured-content .call-to-action .cta-button:active,
fieldset[disabled] main #featured-image .call-to-action .cta-button:active,
fieldset[disabled] main #featured-content .call-to-action .cta-button.active,
fieldset[disabled] main #featured-image .call-to-action .cta-button.active {
background-color: #0D4C82;
border-color: #0b3e6b;
}
main #featured-content .call-to-action .cta-button .badge,
main #featured-image .call-to-action .cta-button .badge {
color: #0D4C82;
background-color: #fff;
}
main #featured-content .call-to-action .cta-button:hover,
main #featured-image .call-to-action .cta-button:hover {
text-decoration: none;
}
.home-widget {
position: relative;
min-height: 1px;
padding-left: 0;
padding-right: 0;
}
@media (min-width: 992px) {
.home-widget {
float: left;
width: 33.33333%;
}
}
.home-widget .widget-wrapper .widget-title-home {
text-align: center;
margin-top: 0;
}/*--------------------------------------------------------------
8.3 - Post & Pages
--------------------------------------------------------------*/
#main {
position: relative;
min-height: 1px;
}
#main article:before,
#main article:after {
content: " ";
display: table;
}
#main article:after {
clear: both;
}
#main article:last-child {
border-bottom: none;
}
.single #main article {
border-bottom: none;
}
.entry-header {
margin-bottom: 0px;
}
.entry-thumbnail {
margin-bottom: 20px;
}
.page-feature-image {
padding-bottom: 10px;
}/*--------------------------------------------------------------
8.4 - Error Page
--------------------------------------------------------------*/
#main.error-page {
position: relative;
min-height: 1px;
}
@media (min-width: 992px) {
#main.error-page {
float: left;
width: 100%;
}
}/*--------------------------------------------------------------
8.5 - Navigation
--------------------------------------------------------------*/
.site-main [class*="navigation"] {
overflow: hidden;
}
.navigation {
margin-top: 20px;
}
.navigation .nav-previous {
float: left;
width: 50%;
}
.navigation .nav-next {
float: right;
width: 50%;
text-align: right;
}/*--------------------------------------------------------------
8.6 - Comments
--------------------------------------------------------------*/
.comment-content {
clear: both;
}
.comment-content a {
word-wrap: break-word;
}
.comment-body {
padding: 10px;
}
.comment-body .comment-meta {
text-align: left;
}
.comment-body .comment-meta a {
font-size: 11px;
}
.commentlist {
list-style: none;
padding-left: 0;
}
.commentlist li.alt > article {
background: #f9f9f9;
}
.commentlist .children {
list-style: none;
}
.commentlist .avatar {
float: left;
margin-right: 10px;
vertical-align: middle;
}/*--------------------------------------------------------------
8.7 - Elements
--------------------------------------------------------------*/
blockquote cite {
display: block;
text-align: right;
}/*--------------------------------------------------------------
8.8 - Breadcrumbs
--------------------------------------------------------------*/
.breadcrumb-list {
padding-top: 15px;
}/*article .post-data { margin-top: 35px; }*/
article .post-data .tags-links {
float: left;
}
article .post-data .entry-meta {
float: right;
}/*--------------------------------------------------------------
9.0 - Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
margin-top: 0;
margin-bottom: 0;
padding: 0;
border: none;
}
.wp-caption {
max-width: 100%;
margin-bottom: 1.5em;
border: 1px solid #cccccc;
}
.wp-caption img[class*="wp-image-"] {
display: block;
max-width: 98%;
margin: 1.2% auto 0;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
img {
max-width: 100%;
height: auto;
}/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
max-width: 100%;
}/*--------------------------------------------------------------
9.1 - Gallery
--------------------------------------------------------------*/
.gallery {
margin-left: -15px;
margin-right: -15px;
}
.gallery:before,
.gallery:after {
content: " ";
display: table;
}
.gallery:after {
clear: both;
}
.gallery.gallery-columns-1 .gallery-item {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.gallery.gallery-columns-2 .gallery-item {
position: relative;
float: left;
width: 50%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.gallery.gallery-columns-3 .gallery-item {
position: relative;
float: left;
width: 33.33333%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.gallery.gallery-columns-4 .gallery-item {
position: relative;
float: left;
width: 25%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.gallery.gallery-columns-5 .gallery-item {
position: relative;
float: left;
width: 20%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.gallery.gallery-columns-6 .gallery-item {
position: relative;
float: left;
width: 16.66667%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.gallery.gallery-columns-7 .gallery-item {
position: relative;
float: left;
width: 14.28571%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.gallery.gallery-columns-8 .gallery-item {
position: relative;
float: left;
width: 12.5%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.gallery.gallery-columns-9 .gallery-item {
position: relative;
float: left;
width: 11.11111%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}/*--------------------------------------------------------------
10.0 - Page/Post Layouts
--------------------------------------------------------------*/
main#main {
position: relative;
min-height: 1px;
}
.content-sidebar-half-page main#main {
position: relative;
min-height: 1px;
}
.sidebar-content-half-page main#main {
position: relative;
min-height: 1px;
}
.full-width-page main#main,
.page-template-page-templateslanding-page-php main#main,
.page-template-page-templatessitemap-php main#main {
position: relative;
min-height: 1px;
}/*@media (min-width: 992px) {
.full-width-page main#main, .page-template-page-templateslanding-page-php main#main, .page-template-page-templatessitemap-php main#main {
float: left;
width: 100%;
}
}*/
main#main.sitemap .sitemap-widgets {
margin-left: -15px;
margin-right: -15px;
}
main#main.sitemap .sitemap-widgets:before,
main#main.sitemap .sitemap-widgets:after {
content: " ";
display: table;
}
main#main.sitemap .sitemap-widgets:after {
clear: both;
}
.page-template-page-templateslanding-page-php #top-menu-container,
.page-template-page-templateslanding-page-php #main-menu-container,
.page-template-page-templateslanding-page-php #sub-menu-container,
.page-template-page-templateslanding-page-php #footer-menu-container {
display: none;
}/*--------------------------------------------------------------
11.0 - Sidebar
--------------------------------------------------------------*/
.default-sidebar,
.gallery-sidebar,
.right-sidebar {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}/*@media (min-width: 992px) {
.default-sidebar, .gallery-sidebar, .right-sidebar {
float: left;
width: 33.33333%;
}
}*/
#colophon-widget {
margin-left: -15px;
margin-right: -15px;
}
#colophon-widget:before,
#colophon-widget:after {
content: " ";
display: table;
}
#colophon-widget:after {
clear: both;
}
.colophon-widget {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 992px) {
.colophon-widget {
float: left;
width: 100%;
}
.right-side-content {
float: right;
}
}
.home-widgets {
margin-top: 40px;
}
.left-sidebar {
position: relative;
min-height: 1px;
}
.left-half-sidebar {
position: relative;
min-height: 1px;
}
.right-half-sidebar {
position: relative;
min-height: 1px;
}/*--------------------------------------------------------------
12.0 - Widgets
--------------------------------------------------------------*/
#widgets,
main#main.sitemap .sitemap-widgets {
margin-bottom: 20px;
}
#widgets:before,
main#main.sitemap .sitemap-widgets:before,
#widgets:after,
main#main.sitemap .sitemap-widgets:after {
content: " ";
display: table;
}
#widgets:after,
main#main.sitemap .sitemap-widgets:after {
clear: both;
}
#widgets .widget-title,
main#main.sitemap .sitemap-widgets .widget-title {
margin-bottom: 20px;
border-bottom: 1px solid #eee;
}
#widgets ul,
main#main.sitemap .sitemap-widgets ul {
padding-left: 5px;
}
#widgets ul li,
main#main.sitemap .sitemap-widgets ul li {
list-style: none;
}
.widget-wrapper {
padding: 15px;
}
.widget_calendar #wp-calendar {
width: 100%;
}
.widget_calendar #wp-calendar caption {
margin-bottom: 20px;
}
.widget_calendar #wp-calendar thead tr th {
padding-bottom: 10px;
text-align: center;
}
.widget_calendar #wp-calendar tbody tr {
border-bottom: 1px solid #555555;
}
.widget_calendar #wp-calendar tbody tr:last-child {
border-bottom: none;
}
.widget_calendar #wp-calendar tbody tr td {
text-align: center;
padding: 5px;
}
.widget_calendar #wp-calendar tfoot tr td {
padding-top: 10px;
}
.widget_search {
margin-top: 15px;
}
.search-form {
position: relative;
}
.search-form .search-field {
position: relative;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.search-form .search-submit {
position: relative;
height: 34px;
left: -4px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
#widgets.sidebar .widget-title{
font-size: 22px;
font-weight: bold;
padding-bottom: 10px;
}
/*--------------------------------------------------------------
13.0 - Footer
--------------------------------------------------------------*/
#footer {
margin-right: auto;
margin-left: auto;
margin:0px;
background: #E1E1E1;
font-style: normal;
font-weight: 450;
font-size: 14px;
line-height: 24px;
color: #373737;
}
#footer h3 {
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 30px;
margin-bottom: 25px;
}
#footer:before,
#footer:after {
content: " ";
display: table;
}
#footer:after {
clear: both;
}
#footer-widgets-container {
padding: 50px 0 0px;
}/*--------------------------------------------------------------
13.1 - Footer widgets
--------------------------------------------------------------*//*#footer-widgets-container {
margin-left: -15px;
margin-right: -15px;
}*/
#footer-widgets-container:before,
#footer-widgets-container:after {
content: " ";
display: table;
}
#footer-widgets-container:after {
clear: both;
}
#footer-widget {
margin-bottom: 20px;
}
#footer-widget:before,
#footer-widget:after {
content: " ";
display: table;
}
#footer-widget:after {
clear: both;
}
#footer-widget .footer-widget {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 992px) {
#footer-widget .footer-widget {
float: left;
width: 33.33333%;
}
}
#footer-widget .footer-widget .widget-title {
color: #999999;
}
#footer-widget .footer-widget ul {
padding: 0;
}
#footer-widget .footer-widget ul li {
list-style: none;
}/*--------------------------------------------------------------
13.2 - Social icons
--------------------------------------------------------------*/
#menu-social-container {
margin-left: -15px;
margin-right: -15px;
padding: 10px 0;
margin-bottom: 10px;
border-bottom: 1px solid #555555;
}
#menu-social-container:before,
#menu-social-container:after {
content: " ";
display: table;
}
#menu-social-container:after {
clear: both;
}
#footer-menu-container {
position: relative;
min-height: 1px;
padding-left: 0px;
padding-right: 0px;
text-align: center;
}
@media (min-width: 992px) {
#footer-menu-container {
text-align: right;
}
}
#social-icons-container {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
@media (min-width: 992px) {
#social-icons-container {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 992px) and (min-width: 992px) {
#social-icons-container {
float: left;
width: 41.66667%;
}
}
.social-icons {
padding: 0;
}
@media (min-width: 992px) {
.social-icons {
float: right;
}
}
.social-icons li {
display: inline-block;
height: 24px;
width: 24px;
list-style: none;
margin-left: 5px;
}
.social-icons li a {
color: #fff;
display: block;
width: 24px;
height: 24px;
font-size: 1.2em;
}
.social-icons li a:hover {
opacity: 0.8;
}
.social-icons li.facebook-icon a:before {
content: "\f09a";
color: #fff;
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
font-size: 1em;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.social-icons li.foursquare-icon a:before {
content: "\f180";
color: #fff;
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
font-size: 1em;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.social-icons li.googleplus-icon a:before {
content: "\f0d5";
color: #fff;
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
font-size: 1em;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.social-icons li.instagram-icon a:before {
content: "\f16d";
color: #fff;
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
font-size: 1em;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.social-icons li.linkedin-icon a:before {
content: "\f0e1";
color: #fff;
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
font-size: 1em;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.social-icons li.pinterest-icon a:before {
content: "\f0d2";
color: #fff;
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
font-size: 1em;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.social-icons li.rss-icon a:before {
content: "\f09e";
color: #fff;
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
font-size: 1em;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.social-icons li.stumbleupon-icon a:before {
content: "\f1a4";
color: #fff;
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
font-size: 1em;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.social-icons li.twitter-icon a:before {
content: "\f099";
color: #fff;
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
font-size: 1em;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.social-icons li.vimeo-icon a:before {
content: "\f194";
color: #fff;
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
font-size: 1em;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.social-icons li.youtube-icon a:before {
content: "\f167";
color: #fff;
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
font-size: 1em;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.menu-footer-social-media-container ul {
display: flex;
align-items: center;
}
.menu-footer-social-media-container ul li a {
width: 24px;
height: 24px;
display: flex;
align-items: center;
border-radius: 100%;
background: transparent;
justify-content: center;
color: #000 !important;
}
.menu-footer-social-media-container ul li {
margin-right: 0.5rem;
}
/*--------------------------------------------------------------
13.3 - Copyright & Powered
--------------------------------------------------------------*/
#footer-base {
padding: 10px 0 10px 0;
background-color: transparent;
}
.payment-logos{
text-align:right;
}
.payment-logos ul{
padding:0px;
margin:0px;
list-style-type:none;
}
.payment-logos ul li{
display:inline-block;
vertical-align:middle;
margin-left:5px;
}
#footer-base:before,
#footer-base:after {
content: " ";
display: table;
}
#footer-base:after {
clear: both;
}
#footer-base .copyright {
position: relative;
min-height: 1px;
text-align: left;
color:#fff;
font-size:14px;
line-height:normal;
margin-top:8px;
}
#footer-base .copyright a{
color:#fff;
}
#footer-base .copyright a:hover{
color:#6e7376;
text-decoration:underline;
}
@media (min-width: 992px) {
#footer-base .copyright {
text-align: left;
}
}
#footer-base .scroll-top {
display: block;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
}/*--------------------------------------------------------------
14.0 - Extras
--------------------------------------------------------------*//* ALIGNMENT ===================*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
display: block;
clear: both;
margin: 0 auto;
}/*--------------------------------------------------------------
15.0 - Accessibility
--------------------------------------------------------------*/
.screen-reader-text {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
display:none;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
z-index: 100000;
/* Above WP toolbar */
top: 5px;
left: 5px;
display: block;
clip: auto !important;
width: auto;
height: auto;
padding: 15px 23px 14px;
text-decoration: none;
color: #428bca;
border-radius: 3px;
background-color: #f2f2f2;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
font-size: 14px;
font-weight: bold;
line-height: normal;
display:none;
}
.accessibile-label {
font-size: 0;
height: 1px;
overflow: hidden;
display: block;
}/*--------------------------------------------------------------
16.0 - Plugin specific styles
--------------------------------------------------------------*//*--------------------------------------------------------------
16.2 - Jetpack
--------------------------------------------------------------*//*
*Infinite scroll
*//* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation,
.infinite-scroll.neverending .site-footer {
/* Theme Footer (when set to scrolling) */
display: none;
}/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
display: block;
}
#infinite-footer .container,
#infinite-footer .content-area,
#infinite-footer #featured-area,
#infinite-footer .home-widgets,
#infinite-footer #footer #footer-wrapper,
#footer #infinite-footer #footer-wrapper {
width: 1170px;
}/*==========================================================================================*//*********************
Header
**********************/
@media(max-width:767px) {
#logo img {
max-width: 140px;
}
}/*******************
Breadcrumb
*******************/
.breadcrumb-list,
#breadcrumbs {
padding: 20px 0;
margin-bottom: 0;
}
.breadcrumb {
padding: 0;
background: none;
margin-bottom: 0;
}
/*********************
Search Form
*********************/
.searchform {
position: relative;
display: inline-block;
}
.searchform .search-field {
padding-right: 30px;
border: 1px solid #c5c5c5;
box-shadow: none;
}
.searchform .search-icon {
position: absolute;
right: 0;
top: 0;
padding: 10px;
}
.searchform label {
margin-bottom: 0;
}/****************
Middlebar
******************/
.cycloneslider {
margin-bottom: 0 !important;
}
.cycloneslider-template-dark .cycloneslider-pager {
bottom: 15px !important;
}
.cycloneslider-template-dark .cycloneslider-pager span {
box-shadow: none !important;
background: #CCC !important;
}
.cycloneslider-template-dark .cycloneslider-pager span.cycle-pager-active {
background: #FFF !important;
}/***************
Footer
****************/
footer ul.socal {
display: flex;
align-items: center;
}
footer ul.socal li {
margin-right: 15px;
}
footer .widget-title .widget-header {
font-style: normal;
/* font-weight: 600; */
font-size: 20px;
line-height: 30px;
margin-bottom: 25px;
color: #373737;
font-family: 'neue_haas_grotesk_display65Md';
}
#footer-widgets-container ul {
list-style-type: none;
padding: 0;
margin: 0;
}
#footer-widgets-container ul li {
display: block;
margin-bottom: 7px;
border-bottom: none;
color: #373737;
}
#footer-widgets-container ul li:last-child {
border-bottom: none;
}
#footer-widgets-container a {
font-style: normal;
font-weight: 450;
font-size: 14px;
line-height: 24px;
color: #000;
}
#footer-widgets-container a:hover {
text-decoration: underline;
color: #000;
}
.page-template-page-templatesfull-width-fluid-page-php #footer {
margin-top: 0;
}
.footer-b {
border-top: 1px solid #373737;
padding-top: 10px;
padding-bottom: 10px;
margin-top: 20px;
}
@media (min-width: 768px) and (max-width: 2000px) {
.widget-header{pointer-events: none;}
}
/* Footer Widget */
.footer-widget {
margin-bottom: 2rem;
}
@media(max-width:991px) {
#footer-widgets-container {
padding: 30px 0 0;
}
.footer-widget {
margin-bottom: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-widget .widget-title {
position: relative;
cursor: pointer;
}
footer .footer-widget .widget-title .widget-header {
margin-bottom: 0;
padding: 10px 0;
font-size: 16px;
line-height: normal;
}
.ft-toggle-arrow {
font: normal normal normal 14px/1 FontAwesome;
font-size: 23px;
text-rendering: auto;
position: absolute;
right: 5px;
top: 12px;
cursor: pointer;
}
.ft-toggle-arrow::before {
content: "\f107";
}
.active .ft-toggle-arrow::before {
content: "\f106";
}
.footer-widget.active {
padding-bottom: 10px;
}
footer .col-sm-4:last-child .footer-widget:last-child {
border-bottom: none;
}
}/*****************************
Sitemap Page
********************************/
ul.sitemap-menu {
list-style-type: none;
}
ul.sitemap-menu > li {
margin-bottom: 10px;
}
ul.sitemap-menu li > a {
font-size: 16px;
color: #333;
}
ul.sitemap-menu li > a:hover {
color: #ea1d63;
text-decoration: none;
}
ul.sitemap-menu li a:before {
content: "\f101";
font-family: FontAwesome;
display: inline-block;
margin-right: 5px;
}
ul.sitemap-menu li ul {
padding-top: 8px;
}
ul.sitemap-menu li ul li {
margin-bottom: 5px;
}
ul.sitemap-menu li ul li a {
color: #333;
font-size: 15px;
}
ul.sitemap-menu li ul li a:hover {
color: #ea1d63;
text-decoration: none;
}
ul.sitemap-menu li ul li a:before {
content: "\f105";
font-family: FontAwesome;
display: inline-block;
margin-right: 5px;
}
ul.sitemap-menu {
margin: 0;
padding: 0;
}
ul.sitemap-menu li ul {
padding-left: 25px;
}
ul.sitemap-menu .sub-menu {
list-style-type: none;
}/*****************
Widgets
******************//* Search Widget Header */
header .widget p {
margin-bottom: 0;
}
header .widget_search {
margin-top: 0px;
}
header .header-right-widget {
display: inline-block;
vertical-align: middle;
margin-left:0px;
}
header .searchform .search-field {
min-width: 350px;
height: 36px;
line-height: 36px;
border-radius: 0 !important;
-webkit-border-radius: 0 !important;
}/* Search Widget Footer */
footer .widget_search {
text-align: left;
}
footer.widget_search label {
width: 76%;
}
footer .search-form .search-field {
background-color: transparent;
border: none;
border-bottom: 1px solid #555;
}
footer .search-form .search-field:focus {
box-shadow: none;
border-bottom: 1px solid #555;
}
footer .search-form .search-submit {
background-color: #ea1d63;
border: none;
}
footer .search-form .search-submit:hover {
background-color: #ea1d63;
}/* Mailchimp Form Footer widget */
.footer-widget input[type="email"] {
border: none;
background: #f5f5f5;
height: 36px;
line-height: 36px;
}/************************
Button Types
************************/
.btn-typ1 {
display: inline-block;
background-color: #ea1d63;
border: none;
box-shadow: none;
color: #FFF;
padding: 0 20px;
height: 36px;
line-height: 36px;
text-transform: uppercase;
}
.btn-typ1:hover {
background-color: #141719;
color: #FFF;
text-decoration: none;
}
.btn-typ2 {
display: inline-block;
background-color: #ea1d63;
border: none;
box-shadow: none;
color: #FFF;
padding: 0 20px;
height: 36px;
line-height: 36px;
text-transform: uppercase;
}/**********************
Error 404 Page
***********************/
.section-404-typ-01 .title{
margin-top:0;
margin-bottom:20px;
}
.section-404-typ-01 .inner-404{
padding:45px 30px 45px 30px;
text-align:center;
}
.section-404-typ-01 .n-f-404{
width:300px;
height:180px;
margin:0 auto;
border:3px solid #2d2d2b;
border-radius:30px;
-webkit-border-radius:30px;
padding: 25px;
position:relative
}
.section-404-typ-01 .s-404{
font-size:100px;
color:#2d2d2b;
font-weight:600;
margin-bottom:0px;
padding:0;
height:auto;
line-height:105px;
width:auto;
}
.section-404-typ-01 .title .not-found{
margin:0;
font-size:16px;
font-weight:500;
color:#2d2d2b;
line-height:20px;
text-transform:uppercase;
}
.section-404-typ-01 .psdesc{
text-align:center;
font-size:20px;
color:#474b53;
font-weight:500;
line-height:30px;
margin-bottom:20px;
}
@media(max-width:480px){
.section-404-typ-01 .s-404{
font-size: 80px;
line-height:85px;
}
.section-404-typ-01 .n-f-404{
width: 100%;
height: auto;
padding:30px 0px;
}
.section-404-typ-01 .n-f-404 .arrow{
display:none;
}
}/*======================================================================================*/
/*********************
WPML
**********************/
.wpml-ls-legacy-dropdown {
width: 118px;
text-align: left;
font-size: 12px;
margin-left: 20px;
}
.top-left-widget-wrapper {
width: 30%;
}
.top-right-widget-wrapper {
text-align: right;
line-height: 1px;
width: 70%;
}
.top-right-widget {
display: inline-block;
}/********************
Common Header
**********************/
.slick-slide {
outline: none;
}
.section-label.label {
position: absolute;
left: 0;
top: -30px;
border-radius: 0;
display: inline-block;
line-height: normal;
}/*****************
Link Types
*****************/
.link-typ1 {
color: #000;
}
.link-typ1:hover {
color: #000;
text-decoration: underline;
}/*********************************************
Header Search with Expand and Collapse.
*******************************************/
#search-open {
color: #222;
font-size: 16px;
line-height: 1;
display: inline-block;
vertical-align: middle;
margin-left: 15px;
}
.header-search {
position: absolute;
top: 55px;
right: 15px;
background: #fff;
border-top: 1px solid #eee;
z-index: 99999;
display: none;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
padding: 10px;
}
.header-search .searchform {
display: block;
}
header .header-search .searchform .search-field {
min-width: 1px;
width: 300px;
background-color: #F2F2F2;
border: none;
padding: 10px;
font-weight: normal;
-webkit-appearance: none;
}
header .header-search .searchform .search-field:focus {
box-shadow: none;
}
.header-search label {
margin-bottom: 0;
display: block;
}/********************
Side header Menu
*********************/
.logo-sideheader #secondary-header {
margin-top: 0px;
padding-top: 0;
}
.header-side-menu {
display: inline-block;
vertical-align: middle;
text-align: center;
}
.header-side-menu #main-menu-container {
background-color: transparent;
}
.header-side-menu #main-navigation .main-nav > ul > li > ul > li.menu-item-has-children::after {
color: #333;
}
.header-side-menu #main-navigation .main-nav > ul > li > ul > li > a {
padding-right: 10px;
}
.header-side-menu #mobile-nav-button {
background-color: transparent;
padding: 0;
line-height: 0;
}
.header-side-menu #mobile-nav-button::before {
color: #ea1d63;
font-size: 31px;
}/*************************************
footer
************************************/
#footer .scroll-top {
bottom: 30px;
position: fixed;
right: 5px;
text-align: center;
z-index: 250;
display: none !important;
}
#footer .scroll-top a {
background: #2d2d2b none repeat scroll 0 0;
border: 1px solid #2d2d2b;
border-radius: 33px;
box-sizing: border-box;
color: #fff;
display: inline-block;
height: 35px;
line-height: 32px;
outline: medium none;
text-align: center;
width: 35px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#footer .scroll-top a:hover {
color: #2d2d2b;
border-color: #2d2d2b;
background:#fff;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
@media(min-width:1200px) {
/*****************
Side Menu
*****************/
.header-side-menu #main-navigation .main-nav > ul > li > a {
color: #000000;
font-size: 12px;
text-transform: capitalize;
font-family: 'neue_haas_grotesk_display65Md';
padding:2rem 1.5rem;
background-image: url(../images/menu-arrow-right.svg);
background-repeat: no-repeat;
background-position:right 13px center;
margin: 0;
line-height: normal;
position:relative;
transition: 0.3s ease;
}
.header-side-menu #main-navigation .main-nav > ul > li > .menu_arrow+a {
background-image: url(../images/menu-arrow.svg);
background-repeat: no-repeat;
background-position:right 13px center;
}
.header-side-menu #main-navigation .main-nav > ul > li > a:hover,
.header-side-menu #main-navigation .main-nav > ul > li:hover > a,
.header-side-menu #main-navigation .main-nav > ul > li:hover > a:hover {
color: #000;
/* font-family: 'neue_haas_grotesk_display65Md'; */
}
.header-side-menu #main-navigation .main-nav ul li > ul {
background-color: rgba(225, 225, 225, 0.8);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}
.header-side-menu #main-navigation .main-nav ul > li ul li {
padding: 0 15px;
border: none;
border-top: none;
}
.sub-menu:before {
background: rgba(225, 225, 225, 0.85);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
contain: "";
position: absolute;
top: 0px;
height: 100%;
width: 100%;
}
.header-side-menu #main-navigation .main-nav ul > li ul li:first-child {
border-top: none;
}
.header-side-menu #main-navigation .main-nav > ul > li > ul > li:first-child {
border-top: none;
}
.header-side-menu #main-navigation .main-nav > ul > li > ul > li > a,
.header-side-menu #main-navigation .main-nav > ul > li > ul > li > ul > li > a {
display: block;
font-size: 16px;
padding: 8px 0px;
color: #000;
line-height: normal;
text-transform: none;
font-family: 'neue_haas_grotesk_display65Md';
margin: 0;
}
.header-side-menu #main-navigation .main-nav > ul > li > ul > li > a:hover,
.header-side-menu #main-navigation .main-nav > ul > li > ul > li > ul > li > a:hover {
color: #000;
opacity:0.8;
}
.header-side-menu #main-navigation ul li.current-menu-item a,
.header-side-menu #main-navigation ul li.current-menu-ancestor>a {
color: #000 !important;
}
}
@media(max-width:1199px) {
#main-navigation .main-nav ul li > ul {
min-width: 140px;
}
/* Main Menu */
#search-open {
margin-left: 8px;
}
}
@media(max-width:1199px) {
#secondary-header {
padding-top: 10px;
}
.logo-sideheader #secondary-header {
margin-top: 8px;
}
.header-side-menu #main-navigation .main-nav > ul {
position: absolute;
right: 0;
top: 100%;
padding: 0;
background-color: transparent;
z-index: 9999;
min-width: 280px;
border-top: 3px solid #ea1d63;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
}
.header-side-menu #main-navigation .main-nav > ul {
top: 61px;
}
.header-side-menu #main-menu-container {
margin-top: 0;
}
.header-side-menu #main-navigation .main-nav ul li a {
color: #333;
padding: 15px 15px;
font-size: 15px;
text-transform: uppercase;
}
.header-side-menu #main-navigation .main-nav ul.sub-menu li a {
text-transform: none;
}
.header-side-menu #main-navigation .main-nav ul li a:hover,
.header-side-menu #main-navigation ul li.current-menu-item a,
.header-side-menu #main-navigation ul li.current-menu-ancestor>a {
color: #2d2d2b;
}
.header-side-menu #main-navigation ul li {
border-top: 1px solid #d8d8d8;
}
.header-side-menu #main-navigation .main-nav .menu li .menu_arrow::after {
color: #555;
}
.header-side-menu #main-navigation .main-nav li.menu-item-has-children > ul {
background-color: rgba(0, 0, 0, 0.03);
}
/* WPML */
.wpml-ls-legacy-dropdown {
margin-left: 12px;
}
.header-search {
top: 62px;
}
}
@media(max-width:767px) {
.top-right-widget-wrapper {
text-align: right;
margin-bottom: 0px;
}
.top-left-widget ul.menu,
.top-right-widget {
text-align: left;
margin-bottom:0px;
}
.header-side-menu #main-navigation .main-nav > ul {
top: 55px;
}
.header-search {
top: 57px;
right: 0;
padding: 5px;
}
header .header-search .searchform .search-field {
width: 280px;
}
#site-branding {
padding-left:15px;
padding-right:15px;
}
.header-side-menu #main-navigation .main-nav ul li a {
padding: 10px 15px;
}
}
@media(max-width:480px) {
.header-side-menu #main-navigation .main-nav > ul {
right: -44px;
}
}/************************
Overlay Menu
*************************/
@media(min-width:992px) {
#trigger-overlay {
display: none;
}
.overlay-close {
display: none;
}
}
@media(max-width:991px) {
/* Overlay style */
.menu-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.9);
}
#trigger-overlay {
padding: 0;
background: none;
border: none;
box-shadow: none;
font-size: 31px;
}
/* Overlay closing cross */
.menu-overlay .overlay-close {
width: 25px;
height: 25px;
position: absolute;
right: 20px;
top: 20px;
overflow: hidden;
border: none;
text-indent: 200%;
color: transparent;
outline: none;
z-index: 100;
}
/* Menu style */
.menu-overlay nav {
text-align: center;
position: relative;
top: 50%;
height: 60%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.menu-overlay ul {
list-style: none;
padding: 0;
margin: 0 auto;
display: inline-block;
height: 100%;
position: relative;
}
.menu-overlay ul li {
display: block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.menu-overlay ul li a {
font-size: 54px;
font-weight: 300;
display: block;
color: #fff;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.menu-overlay ul li a:hover,
.menu-overlay ul li a:focus {
color: #f0f0f0;
}
/* Effects */
.overlay-scale {
visibility: hidden;
opacity: 0;
-webkit-transform: scale(0.9);
transform: scale(0.9);
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
}
.overlay-scale.open {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s;
z-index: 999;
}
.header-side-menu #main-navigation .menu-overlay .main-nav > ul {
display: block;
position: relative;
right: auto;
top: auto;
border: none;
box-shadow: none;
background-color: transparent;
margin-top: 120px;
}
.header-side-menu #main-navigation .menu-overlay ul li {
border-top: none;
text-align: center;
}
.header-side-menu #main-navigation .menu-overlay .main-nav ul li a {
font-size: 22px;
text-transform: uppercase;
font-weight: bold;
}
}
@media(max-width:543px) {
.header-side-menu #main-navigation .menu-overlay .main-nav > ul {
margin-top: 0;
height: 100%;
}
.header-side-menu #main-navigation .menu-overlay .main-nav {
height: 100%;
padding-top: 50px;
}
.header-side-menu #main-navigation .menu-overlay ul li {
height: 20%;
height: calc(100% / 5);
}
.menu-overlay .overlay-close {
top: 10px;
right: 10px;
}
}/********************************
Side Overlay Navigation
********************************/
.side-overlay-navigation #site-branding {
text-align: center;
}
#mapdiv {
background: #ffffff !important;
}
/** New Style **/
#top-menu-container ul li{
display:inline-block;
vertical-align:middle;
padding:0px 8px; border-left: 1px solid #fff; line-height: normal; font-size:10px; color:#fff;
}
#top-menu-container ul li:first-child{
padding-left:0px; border-left: none;
}
#top-menu-container ul{
padding:0px;
margin:0px;
list-style-type:none;
line-height: 1px;
}
#top-menu-container ul li a {
font-weight: 450;
font-size: 10px;
color: #FFFFFF;
position: relative;
display: inline-block;
}
#top-menu-container ul li a::after {
content: '';
display: block;
margin: 0;
height: 1px;
width: 0;
background: transparent;
transition: width .5s ease, background-color .5s ease;
}
#top-menu-container ul li a:hover::after {
width: 100%;
background: #FFFFFF;
}
/* #top-menu-container ul li.top-phone a::before{
content:'';
background:url(../images/phone.svg) no-repeat;
width:15px;
height:15px;
display:inline-block;
margin-right:8px;
vertical-align:middle;
} */
/* #top-menu-container ul li.top-email a::before{
content:'';
background:url(../images/email.svg) no-repeat;
width:17px;
height:15px;
display:inline-block;
margin-right:8px;
vertical-align:middle;
} */
#top-menu-container .widget .widget-title{
display:none;
}
.woocommerce-currency-switcher-form .dd-selected{
padding:0px !important;
}
.woocommerce-currency-switcher-form .dd-option-image, .woocommerce-currency-switcher-form .dd-selected-image{
width:25px;
height:25px;
object-fit:cover;
border-radius:50%;
-webkit-border-radius:50%;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
text-align:left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.woocommerce-currency-switcher-form .dd-selected-text{
font-size:13px;
font-weight:400;
line-height: 19px !important;
text-align: left;
float: left;
margin: 3px 0px 0px;
color:#fff;
}
.widget-woocommerce-currency-switcher{
width:75px;
}
.widget-woocommerce-currency-switcher .dd-pointer {
margin-top:0;
border:none !important;
position: relative !important;
right: 0px !important;
top: 3px !important;
display: inline-block;
vertical-align: top;
width:15px;
height:15px;
}
.widget-woocommerce-currency-switcher .dd-pointer.dd-pointer-down::before{
content: "\f107";
font-family: FontAwesome;
display: inline-block;
color:#fff;
position: absolute;
line-height:12px !important;
top:4px !important;
right:0px;
line-height: normal;
}
.widget-woocommerce-currency-switcher .dd-select{
background: transparent !important;
border:none !important;
}
.widget-woocommerce-currency-switcher .dd-options .dd-option-text{
font-size: 13px;
font-weight: 400;
line-height: 19px !important;
text-align: left;
color:rgba(0,0,0,0.7);
margin:3px 0px 0px;
vertical-align: top;
float: left;
}
.widget-woocommerce-currency-switcher ul.dd-options li{
padding:0px !important;
display: block !important;
}
.woocommerce-currency-switcher-form a.dd-option {
padding: 5px !important;
}
#top-menu-container .widget-woocommerce-currency-switcher .dd-options a.dd-option{
line-height:18px;
}
.woocommerce-currency-switcher-form .dd-selected {
display: inline-block !important;
vertical-align:top !important;
}
.woocommerce-currency-switcher-form{
line-height:1px;
margin-top:0px;
}
.woocommerce-currency-switcher-form ul.dd-options {
box-shadow: none;
top: 25px;
}
.header-right-side{
display:inline-block;
vertical-align:middle;
padding-left: 25px;
}
#header .woocommerce-product-search,
#header .yith-ajaxsearchform-container #yith-ajaxsearchform{
position:relative;
}
#header .woocommerce-product-search input[type="search"],
#header .woocommerce-product-search input[type="text"],
#header .yith-ajaxsearchform-container input[type="search"],
#header .yith-ajaxsearchform-container input[type="text"]{
max-width: 610px;
width: 100%;
height:40px;
background-color: #fff;
border-radius: 10px;
font-size: 13px;
font-weight: 400;
line-height: normal;
background-position: 91% center !important;
color:rgba(0,0,0,0.5);
border:none;
padding:0px 80px 0px 15px;
appearance:none;
-webkit-appearance:none;
outline: none;
}
.search-box-header {
position: absolute;
left: 0;
width: 100%;
top: 0px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
display: none;
}
#header .woocommerce-product-search button[type="submit"],
#header .yith-ajaxsearchform-container input[type="submit"]{
position: absolute;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-color: #fff;
height: 19px;
width: 19px;
border: none;
box-shadow: none;
appearance: none;
-webkit-appearance: none;
padding: 0;
text-indent: 100%;
overflow: hidden;
top: 10px;
right: 10px;
}
.pro-menu-sec {
display: inline-block;
vertical-align: middle;
padding-left: 0px;
}
.pro-menu-list {
padding: 0px;
margin: 0px;
list-style-type: none;
}
.pro-menu-list li {
padding: 1.7rem 8px;
display: inline-block;
vertical-align: middle;
line-height: 1px;
}
.pro-menu-list>li {
padding: 18px 0px 18px 0px;
display: inline-block;
vertical-align: middle;
line-height: 1px;
padding-left: 16px;
}
@media (max-width: 900px) {
.pro-menu-list>li {
padding-left: 24px;
}
}
.pro-menu-list>li:first-child {
padding-left: 0px;
}
.pro-menu-list li a {
display: inline-block;
position: relative;
}
.pro-menu-list .my-account .user-icon {
background: url(../images/user-icon.svg) no-repeat center center;
height: 20px;
width: 17px;
display: inline-block;
vertical-align:middle;
}
.pro-menu-list .my-cart .cart-icon {
background: url(../images/cart-icon.svg) no-repeat center center;
height: 21px;
width: 19px;
display: inline-block;
vertical-align:middle;
}
.pro-menu-list .my-wish-list .cart-icon[data-lists="0"] {
background: url(../images/wishlist-icon.svg) no-repeat center center;
}
.pro-menu-list .my-wish-list .cart-icon {
background: url(../images/wishlist-fill.svg) no-repeat center center;
height: 18px;
width: 18px;
background-size:18px;
display: inline-block;
vertical-align:middle;
}
.pro-menu-list .my-cart .item-number {
display: inline-block;
vertical-align: middle;
margin-left: 4px;
color:#2d2d2b;
font-size:13px;
line-height:18px;
}
.footer-logo{
margin:0 0 30px;
text-align:left;
}
.footer-social-media #footer-menu-container{
text-align:left;
}
.footer-social-media #footer-menu-container li a{
color:#2d2d2b;
opacity:0.6;
font-size:18px;
}
.footer-logo img{
max-width:170px;
margin:0 auto;
}
.newsletter-area{
padding:35px 0 30px 0;
}
.newsletter-area .newsletter-head{
font-size:36px;
line-height: 1;
color: #2d2d2b;
font-weight:600;
text-transform:uppercase;
margin:0px;
}
.newsletter-area .newsletter-desc{
font-size:14px;
font-weight:400;
line-height:normal;
color: #6e7376;
text-transform:uppercase;
}
.mailpoet_form input[type="text"],
.mailpoet_form input[type="email"]{
width:100%;
border: solid 1px #dddddd;
height:52px;
padding:5px 60px 5px 25px;
font-size:14px;
line-height:20px;
color: #a4a3a1;
appearance:none;
-webkit-appearance:none;
border-radius:0px;
}
.newsletter-frm{
float:right;
}
.newsletter-frm .mailpoet_form {
width:475px;
position: relative;
}
.newsletter-frm .mailpoet_form p{
padding:0px;
margin:0px;
}
.mailpoet_form input[type="submit"] {
position: absolute;
background: url(../images/newsletter-submit-icon.svg) no-repeat center center;
border:none;
border-left:1px solid #000000;
width: 45px;
height: 32px;
box-shadow: none;
padding: 0;
text-indent: 120%;
font-size:0px;
overflow: hidden;
top: 13px;
right: 10px;
appearance:none;
-webkit-appearance:none;
border-radius:0px;
box-shadow:none;
background-size: 28px;
}
.mailpoet_form input.parsley-error,
.mailpoet_form select.parsley-error,
.mailpoet_form textarea.parsley-error,
.mailpoet_form input.parsley-success,
.mailpoet_form select.parsley-success,
.mailpoet_form textarea.parsley-success{
background:#fff;
}
.mailpoet_form .parsley-errors-list{
position: absolute;
left: 0px;
bottom: 0px;
font-size: 12px;
margin:0px;
}
.mailpoet_form .parsley-errors-list li{
font-size: 11px;
line-height: 11px;
padding: 3px;
}
body .mailpoet_form .mailpoet_validate_success,
body .mailpoet_form .mailpoet_validate_error{
font-weight: 300 !important;
color: #fff !important;
background:#468847;
font-size: 12px;
padding: 1px 5px;
margin-top: 5px;
}
body .mailpoet_form .mailpoet_validate_error{
background:#b94a48;
}
.instagram-area{
padding:70px 0;
background:#f5f6f2;
}
.instagram-area h2.heading-type01 span{
display: inline-block;
vertical-align: top;
margin-right: 14px;
margin-top: -3px;
outline:none;
}
.instagram-area .sb_instagram_header{
display:none !important;
}
.instagram-area #sbi_load{
display:none !important;
}
body .instagram-area #sbi_images .sbi_item{
padding:0px !important;
}
body #sb_instagram .sbi_photo{
min-height:240px !important;
max-height:240px !important;
height:240px !important;
}
.mailpoet_form .mailpoet_paragraph{
margin-bottom:0px !important;
}/* About Us CSS */
.aboutmain-outer{ padding-top:90px; }
.about-inner{ margin-bottom:130px; }
.aboutmain-outer .about-content{ max-width: 385px; margin-top:30px; margin-left:72px; margin-bottom:15px; font-size:18px; }
.aboutmain-outer .about-image-outer{ position:relative; }
.aboutmain-outer .about-image-outer img{ display:inline-block; max-width:100%; }
.aboutmain-outer .about-inner.odd .about-image-outer:before,
.aboutmain-outer .about-inner.even .about-image-outer:before{
content: '';
width: 684px;
height: 188px;
display: inline-block;
position: absolute;
z-index: -1;
}
.aboutmain-outer .about-inner:last-child{
margin-bottom:60px;
}
.aboutmain-outer .about-inner.odd .about-image-outer:before{ right:-50px; top: -50px; background-color:rgba(227,228,224,0.4); }
.aboutmain-outer .about-inner.odd .about-image-outer{ text-align:right; }
.aboutmain-outer .about-inner.even .about-image-outer:before{ left:-50px; top: -50px; background-color:#f6f5f0; }
.aboutmain-outer .about-inner.even .about-image-outer{ text-align:left; }
.aboutmain-outer .about-inner.three,
.aboutmain-outer .about-inner.three-even{ margin-bottom:228px; margin-top: -50px; }
.aboutmain-outer .about-inner.three-even{ background-color:#f6f5f0; padding-top:98px; position:relative; }
.aboutmain-outer .about-inner.three{ background-color:rgba(227,228,224,0.4); padding-top:98px; position:relative; }
.aboutmain-outer .about-inner.three:before,
.aboutmain-outer .about-inner.three-even:before{
content:'';
height:100%;
width:calc((100vw - 1200px) / 2);
left:calc((100vw - 1200px) / 2 * -1);
top: 0;
display:inline-block;
position:absolute;
background-color:rgba(227,228,224,0.4);
}
.aboutmain-outer .about-inner.three:after,
.aboutmain-outer .about-inner.three-even:after{
content:'';
height:100%;
width:calc((100vw - 1200px) / 2);
right:calc((100vw - 1200px) / 2 * -1);
top: 0;
display:inline-block;
position:absolute;
background-color:rgba(227,228,224,0.4);
}
.aboutmain-outer .about-inner.three:before,
.aboutmain-outer .about-inner.three:after{ background-color:rgba(227,228,224,0.4); }
.aboutmain-outer .about-inner.three-even:before,
.aboutmain-outer .about-inner.three-even:after{ background-color:#f6f5f0; }
.aboutmain-outer .about-inner.three .about-content-outer{ margin-top:80px; }
.aboutmain-outer .about-inner.three .about-image-outer img{ margin-bottom:-98px; }
.aboutmain-outer .about-inner.three .about-image-outer{ text-align:right; }
.aboutmain-outer .about-inner.three-even .about-content-outer{ margin-top:50px; }
.aboutmain-outer .about-inner.three-even .about-image-outer img{ margin-bottom:-98px; }
.aboutmain-outer .about-inner.three-even .about-image-outer{ text-align:left; }@media(min-width:1600px){
.aboutmain-outer .about-inner.odd .about-image-outer:before,
.aboutmain-outer .about-inner.even .about-image-outer:before{ width: 734px; }
.aboutmain-outer .about-inner.odd .about-image-outer:before{ right:-75px; top: -75px; }
.aboutmain-outer .about-inner.even .about-image-outer:before{ left:-75px; top: -75px; }
.aboutmain-outer .about-inner.three,
.aboutmain-outer .about-inner.three-even{ margin-bottom: 258px; }
.aboutmain-outer{ padding-top:115px; }
.about-inner{ margin-bottom:150px; }
}
@media(max-width:1200px){
.aboutmain-outer .about-inner.odd .about-image-outer:before,
.aboutmain-outer .about-inner.even .about-image-outer:before{ width: 500px; }
.aboutmain-outer .about-inner.odd .about-image-outer:before{ right:-25px; top: -25px; }
.aboutmain-outer .about-inner.even .about-image-outer:before{ left:-25px; top: -25px; }
.aboutmain-outer .about-image-outer img{ width:450px; }
.aboutmain-outer .hd-type2 { font-size: 36px; }
.aboutmain-outer .about-content { margin-top: 15px; margin-left: 25px; }
.aboutmain-outer .about-inner.three:before,
.aboutmain-outer .about-inner.three-even:before{
width:calc((100vw - 940px) / 2);
left:calc((100vw - 940px) / 2 * -1);
}
.aboutmain-outer .about-inner.three:after,
.aboutmain-outer .about-inner.three-even:after{
width:calc((100vw - 940px) / 2);
right:calc((100vw - 940px) / 2 * -1);
}
.about-inner { margin-bottom: 80px; }
.aboutmain-outer{ padding-top:40px; }
.aboutmain-outer .about-inner.three,
.aboutmain-outer .about-inner.three-even { padding:60px 0; }
.aboutmain-outer .about-inner.three, .aboutmain-outer .about-inner.three-even { margin-bottom: 80px; margin-top:-20px; }
.aboutmain-outer .about-inner.three .about-content-outer,
.aboutmain-outer .about-inner.three-even .about-content-outer { margin-top:40px; }
.aboutmain-outer .about-inner.three .about-image-outer img,
.aboutmain-outer .about-inner.three-even .about-image-outer img { margin-bottom:00px; }
.aboutmain-outer .about-content{ font-size:16px; }
.aboutmain-outer .about-inner:last-child {
margin-bottom: 25px;
}
}
@media(max-width:991px){
.aboutmain-outer .about-content{ margin-left:0px; max-width:100%; margin:15px 0 40px; }
.aboutmain-outer .about-inner.three .about-content,
.aboutmain-outer .about-inner.three-even .about-content{ margin-bottom:20px; }
.aboutmain-outer .hd-type2 br{ display:none; }
.aboutmain-outer .about-inner .pull-right { float: none !important; }
.aboutmain-outer .about-inner.odd .about-image-outer,
.aboutmain-outer .about-inner.even .about-image-outer{ text-align:center; }
.aboutmain-outer .about-inner.odd .about-image-outer::before { right:50%; transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); -moz-transform: translateX(50%); }
.aboutmain-outer .about-inner.even .about-image-outer::before{ left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); }
.aboutmain-outer .about-inner.three .about-image-outer,
.aboutmain-outer .about-inner.three-even .about-image-outer { text-align:center; }
.about-inner { margin-bottom:70px; }
.aboutmain-outer .about-inner.three, .aboutmain-outer .about-inner.three-even { margin-bottom:70px; margin-top:-20px; }
.aboutmain-outer .about-inner.three, .aboutmain-outer .about-inner.three-even { padding:70px 0 50px; }
.aboutmain-outer .about-inner.three .about-content-outer,
.aboutmain-outer .about-inner.three-even .about-content-outer { margin-top:0px; }
.aboutmain-outer{ padding-top:20px; }
.aboutmain-outer .about-inner.three:before,
.aboutmain-outer .about-inner.three-even:before{
width:calc((100vw - 720px) / 2);
left:calc((100vw - 720px) / 2 * -1);
}
.aboutmain-outer .about-inner.three:after,
.aboutmain-outer .about-inner.three-even:after{
width:calc((100vw - 720px) / 2);
right:calc((100vw - 720px) / 2 * -1);
}
.newsletter-area .newsletter-head{
line-height:1.2;
margin:0 0 3px;
}
}
@media(max-width:767px){
.aboutmain-outer .about-content{ margin:10px 0 35px; }
.aboutmain-outer .about-inner.three .about-content,
.aboutmain-outer .about-inner.three-even .about-content{ margin-bottom:20px; }
.aboutmain-outer .hd-type2 { font-size: 30px; }
.aboutmain-outer .hd-type2::before { width:35px; top:-10px; }
.aboutmain-outer{ padding-top:20px; }
.about-inner { margin-bottom:50px; }
.aboutmain-outer .about-inner.three, .aboutmain-outer .about-inner.three-even { margin-bottom:50px; }
.aboutmain-outer .about-inner.three, .aboutmain-outer .about-inner.three-even { padding:55px 0 30px; } .aboutmain-outer .about-inner.three:before,
.aboutmain-outer .about-inner.three-even:before{ width:20px; left:-20px; }
.aboutmain-outer .about-inner.three:after,
.aboutmain-outer .about-inner.three-even:after{ width:20px; right:-20px; }
.aboutmain-outer .about-content{ font-size:14px; }
}
@media(max-width:576px){
.aboutmain-outer .about-image-outer img { width:100%; }
.aboutmain-outer .about-content{ margin:10px 0 25px; }
.aboutmain-outer .about-inner.odd .about-image-outer::before,
.aboutmain-outer .about-inner.even .about-image-outer::before{
top: -15px;
width: 190px;
transform: none;
-webkit-transform:none;
-ms-transform:none;
-o-transform: none;
-moz-transform:none;
}
.aboutmain-outer .about-inner.odd .about-image-outer::before{ right: -20px; }
.aboutmain-outer .about-inner.even .about-image-outer::before{ left: -20px; }
.about-inner { margin-bottom:40px; }
.aboutmain-outer .about-inner.three, .aboutmain-outer .about-inner.three-even { margin-bottom:40px; }
.aboutmain-outer .about-inner.three, .aboutmain-outer .about-inner.three-even { padding:45px 0 30px; }
}
/*contact us*/
/*******Contact Form********/
.link-type1,.link-type1:focus{
color: #2d2d2b;
font-size: 14px;
padding: 0;
margin: 0;
line-height: normal;
font-weight:400;
}
.link-type1:hover { color: #2d2d2b; text-decoration:underline; }
.form-control {
border-radius: 0px;
box-shadow: none;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.contact-section-type3{
background:#f6f5f0;
background-size: cover;
padding:50px 0;
text-align:center;
}
.contact-form{
max-width:595px;
margin:0 auto;
text-align:left;
background-color: #fff;
padding: 20px;
border-radius: 10px;
}
div.wpcf7 input[type="file"]{
padding: 10px 15px;
line-height: inherit;
}
.contact-form .contact-text{ text-align:center; margin-bottom:15px; font-size: 16px; }
.contact-section-type3 .wpcf7-not-valid-tip {
bottom: 0;
color: #fff;
display: block;
font-size: 11px;
position: absolute;
right: 0;
background: #d9534f;
padding: 5px;
line-height:1;
}
.contact-section-type3 .wpcf7-form-control-wrap { position: relative; display: block; }
.contact-section-type3 div.wpcf7-response-output { padding: 5px 10px; margin: 0; }
.contact-section-type3 div.wpcf7-validation-errors, .contact-section-type3 .wpcf7-mail-sent-ng { font-size:14px; border: none; background: #d9534f; color: #fff; }
.contact-section-type3 .wpcf7-mail-sent-ok { border: none; background: #398f14; color: #fff;display: none !important; }
.contact-section-type3 .media-left,.contact-section-type3 .media > .pull-left { padding-right: 15px; }
.contact-section-type3 .contact-list a { color: #757575; font-size: 14px; }
.contact-section-type3 .contact-list a:hover { color: #074338; }
.contact-section-type3 .contact-list{ color: #757575; font-size:14px; }
.contact-section-type3 .contact-list .image::before { font-size: 14px; color: #074338; }
.contact-section-type3 .contact-address-head {
font-size: 18px;
line-height: 20px;
font-weight:600;
color: #074338;
margin-bottom: 10px;
}
.contact-section-type3 .contact-address-detail {
font-size: 14px;
line-height: 22px;
color: #757575;
margin-bottom: 0px;
}
.contact-section-type3 .contact-list .image.time::before {
font-size: 18px;
line-height: 20px;
color: #074338;
}
.wpcf7-form-control .wpcf7-list-item{ margin:0px 10px 5px 0px; }
.wpcf7-form-control .wpcf7-list-item .wpcf7-list-item-label{
font-size: 13px;
line-height: 17px;
text-transform: uppercase;
color: #000000;
}
.wpgdprc .wpcf7-form-control .wpcf7-list-item .wpcf7-list-item-label{
text-transform:none;
}
input[type="radio"], input[type="checkbox"] {
margin:0px;
vertical-align: middle;
}
select.form-control{
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
padding-right:25px;
background: url(../images/dropdown.svg) no-repeat #ffffff;
background-position: center right 10px;
}
.woocommerce div.product form.cart .variations select {
height: 30px;
min-width: auto;
border: none;
border-radius: 26px;
padding: 3px 10px;
font-size: 12px;
appearance: none;
background: url(../images/dropdown.svg) no-repeat #D6D1CC;
background-position: 92% 50%;
line-height: normal;
}
select.form-control:not([size]):not([multiple])::-ms-expand { display: none; }
.contact-map{line-height: 0;}
.contact-map iframe { border: none; height: 300px; width: 100%; }
.contact-info-seaction{ max-width:1000px; margin:20px auto; }
.contact-box-outer{ text-align:center; margin-top:15px; padding: 20px; max-width: 230px;
margin-left: auto;
margin-right: auto; }
.contact-box-outer:first-child {
margin-top: 100px;
}
.header-desc:nth-child(3) {
margin-bottom: 0px;
}
.round-outer-box{
margin-bottom:5px;
}
.header-ttl{
font-size: 16px;
font-weight:600;
font-style: normal;
font-stretch: normal;
line-height: 20px;
color: #2d2d2b;
margin-bottom:5px;
}
.header-desc{
font-size: 14px;
line-height: normal;
color: #2d2d2b;
}
.hd-type1 {
font-size: 42px;
font-weight: 600;
text-align:center;
line-height: 1.30;
color: #2d2d2b;
margin-bottom: 15px;
}
.btn-type1,
.btn-type1:focus{
background: transparent;
font-size: 20px;
line-height: normal;
padding: 12px 60px;
color: #000;
display: inline-block;
text-transform: uppercase;
font-weight: 500;
margin: 5px 0;
outline: none;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
border:1px solid #000;
border-radius:6px;
}
.btn-type1:hover{ border:1px solid #000; color: #fff; background:#000; }
.header-end {
display: flex;
justify-content: end;
align-items: center;
}
@media(max-width:990px){
.header-end {
justify-content: center;
}
}
@media(max-width:1199px){
.hd-type1{ font-size:36px; }
.pro-menu-list .my-cart .item-number {
margin-left: 1px;
font-size: 12px;
line-height:19px;
}
#top-menu-container ul li a {
font-size: 10px;
}
#top-menu-container ul li {
padding: 0 10px;
}
.instagram-area {
padding: 40px 0;
}
.newsletter-area .newsletter-head {
font-size: 34px;
}
#top-menu-container .widget-woocommerce-currency-switcher .dd-options a.dd-option{
display: block;
width: 100%;
text-align: left;
}
#top-menu-container .widget-woocommerce-currency-switcher .dd-options a.dd-option img{
float:none;
}
.widget-woocommerce-currency-switcher .dd-options .dd-option-text{
float:none;
}
.woocommerce-currency-switcher-form .dd-option-image, .woocommerce-currency-switcher-form .dd-selected-image {
object-fit:cover;
}
#sb_instagram{
margin-bottom:0px !important;
}
#sb_instagram #sbi_images{
padding:0px !important;
}
#sb_instagram .slick-dots{
margin-bottom:0px !important;
}
}
@media(max-width:991px){
#top-menu-container {
display: none;
}
#top-menu-container ul li a {
overflow: hidden;
}
.widget-woocommerce-currency-switcher .dd-options .dd-option-text,
.woocommerce-currency-switcher-form .dd-selected-text{
margin:1px 0 0;
}
.widget-woocommerce-currency-switcher .dd-pointer{
top:1px;
}
.widget-woocommerce-currency-switcher .dd-pointer.dd-pointer-down::before{
top:2px !important;
}
#top-menu-container ul li {
padding: 0 3px;
}
.woocommerce-currency-switcher-form .dd-option-image, .woocommerce-currency-switcher-form .dd-selected-image {
width: 20px;
height: 20px;
}
#top-menu-container ul li.top-phone a::before,
#top-menu-container ul li.top-email a::before{
width: 28px;
height: 26px;
display: inline-block;
margin-right:0px;
background-position: center center;
background-size:13px;
}
#top-menu-container {
padding: 5px 0;
}
.widget-woocommerce-currency-switcher {
margin-top: 4px;
}
.widget-woocommerce-currency-switcher {
width: 68px;
}
.newsletter-sec{
text-align:center;
}
.newsletter-txt{
margin:0 0 15px;
}
.newsletter-frm {
float: none;
}
.newsletter-frm .mailpoet_form{
margin:0 auto;
}
.footer-logo {
margin: 0 0 20px;
text-align: center;
}
.footer-social-media #footer-menu-container {
text-align: center;
}
.footer-social-media{
text-align: center;
max-width: 475px;
margin: 0 auto;
}
}
@media(max-width:767px){
.hd-type1{ font-size:30px; }
#header {
padding-top: 8px;
padding-bottom: 8px;
}
.newsletter-area .newsletter-head {
font-size: 30px;
}
.mailpoet_form input[type="text"], .mailpoet_form input[type="email"]{
padding: 5px 60px 5px 10px;
}
}
@media(max-width:665px){
.header-right-side {
padding-left: 0;
}
.search-box-header {
width: 100%;
right: 0;
margin: auto;
top: 100%;
padding: 0px !important;
}
/* .header-right-side .yith_woocommerce_ajax_search{
position: absolute;
left:0px;
right:0px;
padding:0px;
z-index: 100;
top: 60px;
display:none;
border: 1px solid #d8d8d8;
border-radius:3px;
} */
.header-right-side,
.logo-sideheader #secondary-header{
position:static;
}
.header-row{
position:relative;
}
header .header-right-widget{
display:block;
}
.search-icon-btn{
background: url(../images/search-icon.svg) no-repeat;
width:16px;
height: 16px;
display:inline-block !important;
position:relative;
top:5px;
}
.pro-menu-sec {
padding-left: 4px;
}
}
@media(max-width:480px){
.footer-area .pull-right{
float:none !important;
}
.footer-area .col-xs-6{
width:100%;
}
.payment-logos {
text-align: center;
margin: 0 0 3px;
}
.payment-logos a {
color: #fff;
}
#footer-base .copyright {
text-align: center;
}
#footer-base {
padding: 10px 0 10px 0;
}
.newsletter-frm .mailpoet_form {
width: 100%;
}
}
/* Contact Thank You Page */
.thankyou-wrapper .ty-type1{
font-weight:600;
font-size: 40px;
line-height: 50px;
color: #000;
margin: 0;
}
.thankyou-wrapper .thankyou-inner{
background:#f6f5f0;
max-width: 550px;
margin: 30px auto 50px;
padding: 50px;
}
.thankyou-wrapper .thankyou-inner .base-text {
margin-top: 15px;
color: #000;
}
@media(max-width:767px){
.contact-info-seaction .col-sm-3.col-xs-6:nth-child(2n + 1){ clear:both; }
}
/* FAQ Section */
.faq-category-outer .faq-category-name{
color: #000;
font-size:26px;
font-weight: 600;
font-family: 'neue_haas_grotesk_display75Bd';
padding-bottom:20px;
text-transform: capitalize;
}
.faq-section-1 .faq1{ position: relative; }
.faq-section-1 .faq-title{
color: #2d2d2b;
font-size: 16px;
line-height: 1.5;
font-weight: 600;
font-family: 'neue_haas_grotesk_display75Bd';
text-transform: capitalize;
position: relative;
cursor: pointer;
padding:0px 40px 0px 0px;
}
.faq-section-1 .faq-item{ padding:15px 15px;
margin-bottom: 1rem;
border-radius: 0px;
background: transparent;
border: 1px solid #000; }
.faq-section-1 .faq-title:after {
color: #2d2d2b;
content: "";
cursor: pointer;
display: inline-block;
font-family: "FontAwesome";
font-size: 18px;
line-height: 16px;
position: absolute;
right:0px;
text-align: center;
top:-1px;
width: 27px;
height: 28px;
background-repeat: no-repeat;
background-size: cover;
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.faq-section-1 .faq-item.active .faq-title:after {
transform: rotate(180deg);
}
.faq-content{ margin: 0px -15px; border-top: 1px solid #000; padding: 15px; margin-top: 15px; }
.faq-content,.faq-content p{
font-weight: 400;
font-size: 14px;
line-height: 1.86;
color: #43474f;
margin-bottom:0px;
}
.faq-content ul {
list-style: none;
font-weight: 500;
}
.page-template-contactus .site-content {
margin: 0px;
}
.page-template-contactus .site-content .contact-map p{
margin:0px;
}
@media(max-width:991px){
.faq-category-outer .faq-box-1:last-child { margin-bottom:50px; }
}
@media(max-width:767px){
.faq-content { margin-top:5px; }
.faq-category-outer .faq-category-name { padding-bottom: 10px; font-size:18px; }
.faq-section-1 .faq-title { font-size: 14px; }
.faq-section-1 .faq-item { padding: 10px 0; }
.faq-section-1 .faq-title:after { font-size: 14px; line-height:16px; top:1px; }
.faq-category-outer .faq-box-1:last-child { margin-bottom:30px; }
}
/* Custom Menu CSS */
.custom-menu .custom-menu-ul{ margin:0px; padding:0px; list-style-type:none; }
.custom-menu .custom-menu-ul .custom-menu-li{
list-style-type: none;
width: 20%;
text-align: center;
padding: 10px;
float: left;
display:inline-block;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
}
#main-navigation ul li .custom-menu a{
font-size:14px;
line-height:20px;
display:block;
}
.custom-menu .custom-menu-ul .custom-menu-li .custom-menu-link{ display:inline-block; text-align:center; overflow:hidden; }
.custom-menu .custom-menu-ul .custom-menu-li .custom-menu-link .custom-menu-img{ display:inline-block; overflow:hidden; }
.custom-menu .custom-menu-ul .custom-menu-li .custom-menu-link .custom-menu-img img{
margin:0 auto;
display:block;
max-width:100%;
height:80px;
overflow:hidden;
transform:scale(1);
-webkit-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transition:all 0.3s;
-webkit-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
}
.custom-menu .custom-menu-ul .custom-menu-li .custom-menu-link:hover .custom-menu-img img{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transition:all 0.3s;
-webkit-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
}
.custom-menu .custom-menu-ul .custom-menu-li .custom-menu-link .custom-menu-ttl{
font-weight:500;
font-size: 14px;
color: #565656;
display:block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-top:10px;
transition:all 0.3s;
-webkit-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
}
.custom-menu .custom-menu-ul .custom-menu-li .custom-menu-link:hover .custom-menu-ttl{ color: #e4028b; }
.custom-menu .custom-menu-head{
display:block;
background-color: #ffffff;
white-space: nowrap;
overflow: auto;
}
.custom-menu .custom-menu-head .custom-menu-headlist{
padding: 5px 15px;
display:inline-block;
margin-right: 0px;
}
.custom-menu .custom-menu-head .custom-menu-headlist.active{
background-color:#f6f5f0;
}
.custom-menu .custom-menu-head .custom-menu-headlist .custom-menu-headlist-link{
font-weight:500;
font-size: 16px;
color: #000000;
display:inline-block;
line-height: 18px;
}
.custom-menu .custom-menu-head .custom-menu-headlist.active .custom-menu-headlist-link{ color:#2d2d2b !important; }
.custom-menu-tab{
display:none;
}
.custom-menu-tab.active{
display:block !important;
}
.category-all-link{
padding: 8px 15px;
box-sizing: border-box;
text-align: right;
background:#efefef;
border-top: 1px solid #efefef;
}
.category-all-link a{
font-family: 'Muli-SemiBold';
font-size: 13px !important;
font-weight:normal;
line-height:28px !important;
text-transform:uppercase;
}
.category-all-link a::after{
content:'\f105';
font-family:FontAwesome;
font-size:26px;
line-height:26px;
display:inline-block;
margin-left:8px;
color:#e4028b;
vertical-align: top;
}
@media(max-width:1199px){
.custom-menu .custom-menu-ul .custom-menu-li { width:25%; }
.custom-menu .custom-menu-head{ white-space: nowrap; overflow: auto; }
}
@media(max-width:991px){
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu.custommenu > ul.mega-sub-menu { padding:0; }
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu.custommenu > ul.mega-sub-menu > li.mega-menu-item{ width:100%; }
.contact-section-type3 { padding: 25px 0; }
}
@media(max-width:767px){
.custom-menu .custom-menu-ul .custom-menu-li { width:33.33%; }
.custom-menu .custom-menu-ul .custom-menu-li .custom-menu-link .custom-menu-img img{height: 60px;}
.custom-menu .custom-menu-head .container{ padding:0px; }
.custom-menu .custom-menu-head { width: calc(100vw - 40px); margin: 0 auto; }
.contact-section-type3 { padding: 20px 0; }
.contact-form .contact-text { font-size: 14px; }
}
@media(max-width:576px){
.custom-menu .custom-menu-ul .custom-menu-li { width:50%; }
}
/* Pagination CSS */
.pagination{
text-align: center;
display: block;
}
.pagination ul{
display: inline-block;
white-space: nowrap;
padding: 0;
clear: both;
border-right: 0;
margin: 1px;
}
.pagination ul li{
list-style-type:none;
padding:0;
margin: 0 3px;
border: 1px solid #2d2d2b;
display: inline-block;
}
.pagination ul li a{
min-width: 30px;
font-weight:500;
font-size: 14px;
line-height: normal;
color: #2d2d2b;
line-height: 1.3;
padding: .5em;
display: block;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.pagination ul li.active a,
.pagination ul li:hover a{ background-color: #2d2d2b; color: #fff; line-height: 1.3; }
/* News CSS */
.news-outer{
position:relative;
margin-bottom:30px;
}
.news-outer .news-info{
padding:30px;
margin-right:48px;
margin-top:-100px;
background-color:#fff;
border-bottom:2px solid #a4a3a1;
z-index:2;
position:relative;
}
.news-outer .news-date{
font-size: 13px;
font-weight: 400;
color: #6e7376;
text-transform: uppercase;
}
.news-outer .news-title a{
font-size: 18px;
font-weight: 500;
line-height: 1.44;
color: #2d2d2b;
margin-top:5px;
}
.news-outer .news-more{ margin-top:20px; }
.news-outer .news-more a.link-type1{
font-size: 13px;
font-weight: 600;
color: #2d2d2b;
text-decoration:underline;
text-transform:uppercase;
}
.news-outer .news-more a.link-type1:hover{ color: #6e7376; }
/* Right Sidebar CSS*/
.right-side-wrapper .extra-btns ul li{
margin:0 0 15px;
min-width: 100%;
min-width:250px;
padding:0px !important;
}
.right-side-wrapper .extra-btns ul li a{
padding:15px 5px;
top: 11px;
left:11px;
font-size:18px;
}
.right-side-wrapper .extra-btns ul li:hover a{
top: 0px;
left:0px;
color:#fff !important;
}
.right-side-wrapper .widget-wrapper{
box-sizing:border-box;
margin:0 0 30px;
padding:20px 20px;
background:#f6f5f0;
}
.right-side-wrapper .widget-wrapper.WP_Editor_Widget{ border:none; }
.right-side-wrapper .widget-wrapper .widget-title {
font-size: 18px;
line-height: 18px;
font-weight: 600;
color: #000000;
margin:0px;
padding:0 0 10px;
margin:0 0 10px;
border-bottom:2px solid #000;
}
.right-side-wrapper .widget-wrapper:not(.WP_Editor_Widget) ul{
padding:0px;
margin:0px;
list-style-type:none;
}
.right-side-wrapper .widget-wrapper:not(.WP_Editor_Widget) ul li{
display:block;
padding:5px 0px;
border-bottom:1px solid #ddd;
}
.right-side-wrapper .widget-wrapper:not(.WP_Editor_Widget) ul li:last-child{ border-bottom:none; }
.right-side-wrapper .widget-wrapper:not(.WP_Editor_Widget) ul li a{ color:#474b53; }
.right-side-wrapper .widget-wrapper:not(.widget_text_icl) ul li a:hover{ text-decoration: underline; }
.news-single-pg .news-head{
font-size: 42px;
line-height: 1.36;
color: #2d2d2b;
font-weight: 600;
margin: 0 0 10px;
}
.news-single-pg .news-meta{
padding-bottom: 10px;
margin-bottom: 15px;
border-bottom: 1px solid #ddd;
}
.news-meta ul {
padding: 0px;
margin: 0px;
list-style-type: none;
}
.news-meta ul li {
font-size: 13px;
font-weight: 400;
color: #6e7376;
text-transform: uppercase;
padding: 0 12px;
display: inline-block;
vertical-align: middle;
}
.news-meta ul li:first-child { padding-left: 0px; }
.news-meta ul li.news-author { color: #000000; }
.news-image { text-align:center; margin:30px 0; }
.news-image img{ height:426px; object-fit: contain; margin:0 auto; }
/*--------------------------------------------------------------
8.6 - Comments
--------------------------------------------------------------*/
.comments-area{ padding-top:20px; border-top:1px solid #ddd; }
.comments-area .comments-title{
font-weight:600;
font-size:18px;
line-height:24px;
margin:0 0 15px;
}
.comment-respond .comment-reply-title{ font-size:20px; margin: 0 0 5px; }
.commentlist{ margin:0 0 30px; }
.comment-content { clear: both; }
.comment-content a { word-wrap: break-word; }
.comment-body { padding: 15px; margin:0 0 15px; }
.comment-body .comment-meta { text-align: left; }
.comment-body .comment-meta a { font-size: 11px; color: rgba(119,119,119,0.7); }
.commentlist { list-style: none; padding-left: 0; }
.commentlist li article { background: #f9f9f9; }
.comment-respond{
background-color: #f6f5f0;
padding: 20px 15px;
margin-bottom:20px;
}
.commentlist .children{ list-style: none; }
.commentlist .avatar{ float: left; margin-right: 10px; vertical-align: middle; }
.comment-form label {
font-size: 13px;
font-weight: 500;
line-height: 1.5;
color: #2d2d2b;
display:block;
margin-bottom:5px !important;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
height: 46px;
width:100%;
line-height: normal;
padding: 5px 15px;
border-radius:0px;
background-color: #ffffff;
border: solid 1px #cecece;
box-shadow: none;
appearance: none;
-webkit-appearance: none;
display:block;
}
.comment-form textarea { height:100px; }
.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="url"]:focus,
.comment-form textarea:focus{ border:1px solid #858585; outline:none; }
.comment-form p{ margin:0 0 20px; position: relative; }
#commentform > p div.error {
color: #fff;
font-size: 11px;
line-height: 1;
font-weight: 400;
display: block;
background-color: #d9534f;
padding:5px;
position: absolute;
right: 0;
bottom: 0;
margin: 0;
}
.comment-form input[type="submit"],
.comment-form input[type="submit"]:focus{
background: #2d2d2b;
font-size: 13px;
line-height: normal;
padding: 10px 40px;
color: #fff;
display: inline-block;
text-transform: uppercase;
font-weight: 500;
margin: 5px 0;
outline: none;
border-radius:0px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
border:1px solid #2d2d2b;
}
.comment-form input[type="submit"]:hover{ border:1px solid #2d2d2b; color: #2d2d2b; background:#ffffff; }
/*********** IE *******/
@media screen and (-ms-high-contrast:active), (-ms-high-contrast: none){
.woocommerce-currency-switcher-form .dd-option-image, .woocommerce-currency-switcher-form .dd-selected-image{
width:auto;
height:auto;
max-width:25px;
max-height:25px;
}
}
@media(max-width:1280px){
.news-outer .news-title a{ font-size:16px; }
}
@media(max-width:1199px){
.news-single-pg .news-head{ font-size:36px; }
.news-outer .news-info { padding: 15px; }
.news-outer .news-title a{ font-size:14px; }
.news-outer .news-more { margin-top: 10px; }
.news-outer .news-info { margin-top: -70px; }
.woocommerce-currency-switcher-form .dd-selected,
.woocommerce-currency-switcher-form a.dd-option{
overflow:visible !important;
}
}
@media(max-width:992px){
.news-outer .newslink img{ height:300px; }
}
@media(max-width:767px){
.news-single-pg .news-head{ font-size:30px; }
.news-outer .news-info { margin:0px; border-left:2px solid #a4a3a1; border-right:2px solid #a4a3a1; }
.news-outer .newslink img{ height:250px; object-fit:cover; }
}
@media(max-width:576px){
.mobilegrid-576{ width:100%; }
.news-outer .newslink img{ width:100%; object-fit: cover; }
}
/*12/03/2020*/
.contact-section-type3.contact-sales{
padding: 0;
background: none;
}
.filters-sec {
margin-bottom: 30px;
}
.gallery-row .gallery-item,
.gallery-cat-row .gallery-item{
padding:0 5px;
margin:0 0 10px;
}
.gallery-row,
.gallery-cat-row{
margin:0 -5px;
}
.gallery-row .gallery-item img,
.gallery-cat-row .gallery-item img{
width:100%;
}
.gallery-sec a.img-links {
display: block;
overflow: hidden;
position: relative;
}
/**** Isotope CSS3 transitions ****/
.gallery-cat-row .isotope, .gallery-cat-row.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.gallery-cat-row.isotope {
-webkit-transition-property: height;
-moz-transition-property: height;
-ms-transition-property: height;
-o-transition-property: height;
transition-property: height;
}
.gallery-cat-row.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.gallery-cat-row.isotope.no-transition, .gallery-cat-row.isotope.no-transition .isotope-item, .gallery-cat-row.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
ul#filters {
padding: 0;
margin: 0;
text-align: center;
}
ul#filters li {
display: inline-block;
margin-right: 30px;
}
ul#filters li .base-text {
color:#2d2d2b;
font-size: 13px;
text-transform: uppercase;
font-weight: 500;
padding: 0;
margin: 0;
line-height: normal;
position: relative;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
opacity: 1;
}
ul#filters li .base-text::before {
content: '';
position: absolute;
top: -10px;
left: 0px;
background:
#fff;
height: 2px;
z-index: 99;
width: 100%;
transition: 0.3s ease;
}
ul#filters li .base-text::after {
content: '';
position: absolute;
bottom: -10px;
left: 0px;
background:
#fff;
height: 2px;
width: 100%;
z-index: 99;
transition: 0.3s ease;
}
ul#filters li .base-text:hover::before,ul#filters li .base-text.active::before {
top: -3px;
background:#2d2d2b;
}
ul#filters li .base-text:hover::after,ul#filters li .base-text.active::after{
bottom: -3px;
background:#2d2d2b;
}
.gallery-menu-open {
font-size: 15px;
font-weight: 500;
line-height: 22px;
padding: 7px 10px;
color: #000;
border: 2px solid #2d2d2b;
position: relative;
box-sizing: border-box;
}
.filters-sec .gallery-menu-open::after{
content:'';
background:url('../images/dropdown-content.svg') no-repeat;
width:15px;
height:15px;
display:inline-block;
width: 21px;
height: 15px;
display: inline-block;
vertical-align: middle;
position: absolute;
right: 10px;
top: 10px;
transition: transform .3s ease-in-out;
-webkit-transition: transform .3s ease-in-out;
}
.filters-sec .gallery-menu-open.active::after {
transform: rotate(180deg);
}
/*download page*/
.download-sec .short-desc{margin-bottom: 10px;}
.download-sec .faq-box-1:last-child{margin-bottom: 0;}
.download-sec .btn-type01::before {
content: "\f019";
font-family: FontAwesome;
display: inline-block;
position: relative;
margin-right: 5px;
vertical-align: middle;
}
/*media query*/
@media(min-width: 767px){
ul#filters {display: block !important;}
.filters-sec .gallery-menu-open {display: none !important;}
}
@media(max-width: 991px){
.gallery-cat-row .col-sm-6 {width: 49.9%;}
}
@media(max-width: 767px){
ul#filters {
display: none;
border: 2px solid #2d2d2b;
border-top: none;
}
ul#filters li {
display: block;
padding:2px 0;
margin: 0;
}
ul#filters li .base-text::before,
ul#filters li .base-text::after{display:none;}
}
@media (max-width: 480px){
.gallery-sec .gallery-item {width: 100%;}
}/* Sitemap CSS */
.sitemap-outer h2{
font-size: 18px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: normal;
color: #000000;
margin-top: 17px;
}
.sitemap-outer .wsp-pages-title:first-child{ margin-top:0px; }
.sitemap-outer .wsp-container ul {
padding:0px;
margin:0px;
list-style-type:none;
margin-bottom:20px;
}
.wsp-container ul ul.children{
padding-left: 20px;
margin-bottom: 0px;
}
.sitemap-outer .wsp-container ul li a{
font-size: 14px;
font-weight: 300;
line-height: 1.62;
color: #43474f;
display: inline-block;
text-decoration: none;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
}
.sitemap-outer .wsp-container ul li a:hover{ text-decoration:underline; }
.sitemap-outer .wsp-container ul li{
padding-left:15px;
position:relative;
}
.sitemap-outer .wsp-container ul li::before {
content: '\f101';
font-family: 'FontAwesome';
position:absolute;
top:0px;
left:0px;
}/* trusted */
.trusted-section {
padding: 100px 0px;
}
.trusted-section h2 {
margin-bottom: 50px;
}
.trusted-section .item-img {
padding: 15px 2.5em;
text-align: center;
}
.trusted-section .row {
align-items: center;
}
.slick.marquee .slick-track {
display: flex;
align-items: center;
}
.slider-outer {
margin: 0 auto;
padding: 0px 0px;
border-radius: 8px;
}
.h_slider .box-img {
border-radius:10px;
overflow: hidden;
background-size: cover;
display: flex;
align-items: end;
flex-wrap: wrap;
width: 100%;
flex-direction: column;
justify-content: end;
}
.h_slider .box-img img {
width: 100%;height: 333px;
object-fit: cover;
object-position: center;
}
.h_slider {
display: flex;
margin: 0px 0px;
flex-wrap: wrap;
justify-content: center;
overflow: hidden;
max-height: 348px;
}
.hidden-until-loaded {
visibility: hidden;
}
@media screen and (min-width: 1910px) {
.h_slider {
max-height: 100%;
}
}
@media (max-width: 1910px) {
.h_slider {
max-height: 555px;
}
}
@media (max-width: 1455px) {
.h_slider {
max-height: 410px;
}
}
@media (max-width: 767px) {
.h_slider {
max-height: 250px;
}
.home-slider-right{
display: none;
}
}
@media (max-width: 782px) {
.h_slider {
max-height: 100%;
}
}
.h_slider .item {
padding: 0px 0px;
transition: .5s linear;
}
.h_slider .item .text-item {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.83) 100%);
padding: 10px 20px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 100%;
}
.h_slider span.icon {
width: 15px;
height: 15px;
background-size: cover !important;
}
.h_slider.slick-slider .slick-arrow.post-prev{
left: 25px;
}
.h_slider.slick-slider .slick-arrow.post-next{
right: 25px;
}
.main_section_home .slider-outer {
position: relative;
overflow: hidden;
}
.video-wrap {
position: relative;height: 100%; border-radius: 10px; overflow: hidden;
}
.video-wrap video {
width: 100%;
height: 100%;
object-fit: cover;
}
.video-wrap .custom-video-play {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
cursor: pointer;
}
.video-wrap .custom-video-play-button {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
width: 100px;
height: 100px;
background: #fff;
border-radius: 50%;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.custom-video-play-button svg {
display: block;
font-size: 1.8em;
margin-left: 0.2em;
width: 1em;
height: 1em;
line-height: 100%;
overflow: visible;
}
.h_slider .item h3{
font-style: normal;
font-weight: 500;
font-size: 26px;
line-height: 31px;
color: #fff;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.btn {
position: relative;
overflow: hidden;
}
.btn.btn-primary:hover {
color: #fff;
}
.btn span {
display: block;
position: relative;
text-transform: capitalize;
}
.h_slider .item p{
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 11px;
color: #FFFFFF;
}
.main_section_home .h2 {
font-family: 'neue_haas_grotesk_displa95Blk';
font-style: normal;
font-weight: 900;
font-size: 50px;
line-height: 60px;
/* or 120% */
color: #000000;
}
.main_section_home p {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 28px;
margin-bottom: 15px;
color: #000000;
}
.mb-50 {
margin-bottom: 50px;
}
.pad-x55{
padding: 55px 0;
}
.w-35{
width: 35%;
}
.w-65{
width: 65%;
}
ul{
margin: 0;
padding: 0;
}
.bg_grey{
background-color: #EDECEB;
}
.bg_light_brown{
background-color: rgba(178, 162, 134, 0.5);
}
.bg_dark_brown{
background-color: #B3A286;
}
.bg_brown{
background-color: #D6D1CC;
}
.sub_heading{
font-weight: 700;
font-size: 14px;
line-height: 21px;
font-family: 'neue_haas_grotesk_display75Bd';
text-transform: uppercase;
}
.right_img img {
max-width: 440px;
max-width: 100%;
}
.main_heading{
font-weight: normal;
font-size: 36px;
line-height: 150%;
color: #000000;
}
.para_text{
font-weight: 400;
font-size: 24px;
line-height: 40px;
}
.para_text_small{
font-weight: 400;
font-size: 20px;
line-height: 23px;
}
.explore_btn{
border: 3px solid #000000;
border-radius: 6px;
font-size: 20px;
line-height: 24px;
display: inline-block;
padding: 15px 55px;
color: #000000;
text-decoration: none;
transition: 0.3s all;
margin-bottom: 20px;
}
.explore_btn:hover{
color: #000000;
background-color: #fff;
text-decoration: none;
transition: 0.3s all;
}
.card_head{
font-weight: 500;
font-size: 26px;
line-height: 150%;
}
.card_para{
font-size: 16px;
line-height: 18px;
}
.border_top{
border-top: 1px solid #000000;
}
.acc_head{
font-weight: 500;
font-size: 26px;
line-height: 32px;
color: #1D1D1F;
margin-bottom: 32px;
font-family: 'neue_haas_grotesk_display75Bd';
}
.acc_para{
font-size: 16px;
line-height: 28px;
color: #1D1D1F;
}
.physical{
list-style: disc;
}
.nav-tabs .nav-item .nav-link {
margin: 0px 15px 0px 0px!important;
padding: 0.75rem 0rem 0.74rem 0px !important;
line-height: normal;
font-weight: 400;
border: none !important;
position: relative;
font-family: 'neue_haas_grotesk_display65Md';
font-size: 10px;
text-transform: uppercase;
}
.more-link {
padding: 20px 0px;
min-width: 120px;
text-align: center;
}
.nav-tabs .nav-item.show .nav-link:before ,.nav-tabs .nav-item.active .nav-link:before {
content: "";
height: 3px;
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
background: #000;
}
.nav-tabs .nav-item .nav-link.active:before {
display: block !important;
background: #5E5E5E;
width: 100%;
height: 2px;
position: absolute;
left: 0;
bottom: -1px;
content: "";
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: #373737;
transition: 0.5s all;
background-color: transparent; letter-spacing: 0.1rem;
}
.nav-tabs {
border-bottom: 1px solid rgba(55, 55, 55, 0.5);
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
border: 0;
border-bottom: 3px solid #333333;
color: #373737;
font-weight: 700;
transition: 0.5s all;
}
.nav-tabs .nav-link{
color: #999999;
}
.nav-tabs .nav-link {
color: #999999;
text-transform: uppercase;
font-weight: 500;
}
.list-group-item{
background-color: transparent;
border: 0;
padding: 12px 0;
border-radius: 0;
font-size: 18px;
line-height: normal;
}
.list-group-item.w-35{ font-family: 'neue_haas_grotesk_display75Bd'; }
.list-group-horizontal>.list-group-item:first-child{
border-bottom-left-radius: 0;
}
.list-group {
border-radius: 0;
border-bottom: 1px solid #1D1D1F;
}
.list-group-item.right_item {
font-weight: 400;
font-size: 14px;
line-height: 25px;
padding-left: 10px;
}
.list-group-item.right_item img{
margin-right: 10px;
}
.list-group-item.right_item a{
color: #000000;
text-decoration: none;
}
.main_heading.text-white {
font-weight: 400;
}
.shop_tabs{
border-radius: 12px;
}
.page-template-download h2.dd{
margin-bottom: 30px;
}
.page-template-download .content-area>main#main {
padding-bottom: 60px;
}
.content-area>main#main > nav {
margin: 0px 0px 0rem; background: transparent;
}
.content-area>main#main .product-category-sec {
order: -1;
}
.content-area>main#main {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.content-area>main#main>section{
width: 100%;
}
@media(min-width:768px) {
.left-slider-sigle-page {
position: sticky;
top: 105px;
}
}
.woocommerce div.product {
display: flex;
flex-wrap: wrap;
align-items: self-start;
width:100%;
}
.woocommerce div.product>div {
width: 100%;
}
.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus {
border: none !important;
outline: none !important;
box-shadow: none !important;
}
div#stamped-main-widget {
margin: 0px;
padding: 18px;
background: #ebebee;
border-radius: 10px;
width: 100%;
}
.inside-coller {
display: flex;
flex-wrap: wrap;
}
section.web_shop {
order: -1;
margin-bottom: 0px;
width: 100%;
}
section.web_shop .container {
width: 100%;
}
.col-xl-60 {
flex: 0 0 auto;
width: 62%;
}
.col-xl-40 {
flex: 0 0 auto;
width: 38%;
}
.slick-slider .slick-disabled {
display: none !important;
}
section.featured-products-sec .simple-link.x-center {
display: none;
}
.contact-form .form-control {
width: 100% !important;
}
.hidden {
display: none;
}
ul.portfolio-filter {
display: flex;
flex-wrap: wrap;
line-height: normal;
margin-bottom: 50px;
width: 100%;
border-bottom: 1px solid #000;
list-style: none;
padding-bottom: 30px;
}
ul.portfolio-filter a {
font-style: normal;
font-weight: 450;
font-size: 17px;
line-height: 24px;
display: block;
background: #D9D9D9;
border-radius: 33px;
padding: 7px 30px;
}
ul.portfolio-filter a:hover,ul.portfolio-filter a.active {
background: #373737;
color: #fff;
}
ul.portfolio-filter li.filter-item {
width: auto;
margin-right: 16px;
}
.portfolio-items {
display: flex;
flex-wrap: wrap;
margin: 0px -15px;
}
.portfolio-items .portfolio-item {
width: 33.33%;
padding: 0px 15px; margin-bottom: 60px;
}
.portfolio-items-inner {
background: #FFFFFF;
border-radius: 18px;
}
.portfolio-items-inner img.img-fluid {
width: 100%;
height: 288px;
object-fit: cover;
border-radius: 10px 10px 0px 0px;
margin-bottom: 10px;
display: block;
}
.portfolio-items-inner p {
margin: 0px;
}
.portfolio-items-inner h2 {
font-size: 22px;
color: #000 !important;
margin-bottom: 10px;
}
.portfolio-items-body {
padding: 20px;
}
.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item {
min-width: var(--wvs-single-product-item-width);
width: auto;
background: transparent;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 26px;
color: rgba(0,0,0,0.6);
padding: 8px 10px;
box-shadow: none !important;
font-size: 16px;
line-height: normal;
min-height: auto;
height: auto;
margin: 0px 10px 10px 0px;
font-family: "neue_haas_grotesk_disp55roman";
}
.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected{
background: rgba(0, 0, 0, 0.1);
border: 1px solid black;
}
.search-box-header.active-search { display: flex; padding-top: 28px;}
.search-box-header {
width: 600px;
right: 0;
margin: auto;
}
header .header-right-widget {
display: block;
width: 100%;
}
#mysticky-nav.wrapfixed {
opacity: 1 !important;
}
.btn-hiro-download {
display: flex;
gap: 15px;border-bottom: 1px solid #000;
padding-bottom: 30px;
}
.btn-hiro-download .btn-download {
width: 100%;
text-align: center;
color: #000000;
font-style: normal;
font-weight: 450;
font-size: 20px;
line-height: 24px;
border: 1.5px solid #000000;
border-radius: 6px;
padding: 10px;
display: block;
}
.btn-hiro-download .btn-download:hover,.btn-hiro-download .btn-download.active {
color: #fff;
background: #373737;
}
.faq-section-1.download-sec .faq-item {
border-top: none ;
border-left: none;
border-right: none;
padding-left: 0px;
padding-right: 0px;margin-bottom: 0px;
}
.faq-section-1.download-sec .faq-content {
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
}
.faq-section-1.download-sec .faq-item.active {
margin-bottom: 0px;
border: none;
}
.download-sec .short-desc h4 {
font-style: normal;
font-weight: 500;
font-size: 18px;
color: #000000; margin-bottom: 15px;
}
.download-sec .short-desc a{
display: flex;
width: 100%;
align-items: center;
margin-bottom: 10px;
}
.download-sec .short-desc a img {
margin-right: 10px;
}
.faq-block-page .faq-category-outer {
margin-bottom: 40px;
}
.faq-section-dd h3 {
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 32px;
color: #000;
margin-bottom: 30px;
}
.faq-section-dd ul {list-style: none;display: flex;justify-content: start;margin-bottom: 20px;}
.faq-section-dd ul li {
margin-right: 20px;
}
.faq-section-dd ul li a {
font-style: normal;
font-weight: 450;
font-size: 17px;
line-height: 24px;
display: block;
background: #D9D9D9;
border-radius: 33px;
padding: 7px 30px;
}
.faq-section-dd ul li a:hover {
background: #373737;
color: #fff;
}
.faq-section-dd {
padding-bottom: 30px;
}
.privacy-policy {
background: #EDECEB;
padding: 0px 0px;
}
.privacy-policy-top {
text-align: center;
padding: 0px 0px 60px;
}
.privacy-policy-top h4 {
font-style: normal;
font-weight: 400;
font-family: 'neue_haas_grotesk_displa25xTh';
font-size: 36px;
line-height: 150%;
}
.privacy-policy h5 {
margin-bottom: 10px;
}
ul.drop-down-menu-user {
display: none;
}
.pro-menu-list .my-account {
position: relative;
}
ul.drop-down-menu-user {
position: fixed;
background: #FFFFFF;
border: 1px solid #DDDDDD;
border-radius: 6px;
width: 220px;
right: 0;
top: 56px;
right: 3%;
padding: 0.5rem 0px;
z-index: 100;
}
@media (max-width: 990px) {
ul.drop-down-menu-user {
animation: fadeInUp 0.5s;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(120px);
}
to {
opacity: 1;
transform: translateY(110px);
}
}
ul.drop-down-menu-user li {
display: block;
text-align: left;
padding: 0px;
}
ul.drop-down-menu-user li a {
display: block;
padding: 0.5rem 22px;
font-size: 12px;
color: #000000;
}
ul.drop-down-menu-user li a svg {
margin-right: 1rem;
}
ul.drop-down-menu-user li.logout a {
border-top: 1px solid #DDDDDD;
}
.pro-menu-list .my-account:hover ul.drop-down-menu-user {
display: block;
}
span.variable-item-span.variable-item-span-color {
position: relative;
}
span.variable-item-span.variable-item-span-color {
border-radius: 50%;
background-size: cover;
}
.woo-variation-swatches .variable-items-wrapper .color-variable-item.variable-item:not(.radio-variable-item) {
border: none !important;
box-shadow: none !important;
background-color: transparent !important;
width: 40px;
height: 40px;
margin: 0 4px;
padding: 0;
}
.woo-variation-swatches .variable-items-wrapper .color-variable-item.variable-item:not(.radio-variable-item).selected {
border: 2px solid #000 !important;
border-radius: 50%;
}
.variable-item.image-variable-item {
border: none !important;
box-shadow: none !important;
background-color: transparent !important;
width: 40px !important;
height: 40px !important;
border-radius: 50% !important;
overflow: hidden !important;
display: flex;
align-items: center;
justify-content: center;
padding: 0!important;
}
.variable-item.image-variable-item.selected {
border: 2px solid #000 !important;
}
.variable-item.image-variable-item .variable-item-contents {
position:relative;
}
.variable-item.image-variable-item .variable-item-contents:after {
background-repeat: no-repeat;
z-index: 10;
background-size: cover;
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 50%;
}
.variable-item.image-variable-item .variable-item-contents img {
/* height: 100% !important; */
/* width: 100% !important; */
object-fit: cover !important;
}
.wpcf7-form .form-control {
border: 1px solid #000000;
border-radius: 6px;
background: transparent;
}
label.control-label {
font-style: normal;
font-weight: 450;
font-size: 14px;
line-height: normal;
}
.contact_form_heading h4 {
line-height: normal;
margin-bottom: 40px;
font-size: 30px;
line-height: 32px;
}
section.web_shop.pad-x55.text-center.grary-bg {
padding: 20px 0px;
margin-bottom: 70px;
background: #D9D9D9;
}
h4.main_heading {
font-size: 26px;
}
.physical li {
color: #fff;
}
p.para_text.text-white.my-5 {
margin-bottom: 15px !important;
}
.brand-page-con {
padding: 70px 0px;
}
.brand-page-con h3 {
font-style: normal;
font-size: 36px;
font-family: 'neue_haas_grotesk_display65Md';
line-height: 32px;
margin-bottom: 30px;
}
.brand-page-con h3 span {
opacity: 0.5;
}
.brand-page-con p {
font-style: normal;
font-weight: 450;
font-size: 20px;
line-height: normal;
}
.brand-page-con p.f-22-f {
font-style: normal;
font-weight: 450;
font-size: 20px;
line-height: 23px;
}
.brand-page-con p.f-22 {
font-style: normal;
font-weight: 450;
font-size: 22px;
line-height: normal;
}
a.download-brand-guide svg {
margin: 0px 40px;
}
a.download-brand-guide span {font-family: 'neue_haas_grotesk_display65Md';}
.border-left-a {
position: relative;
}
@media (min-width:992px) {
.border-left-a:before {
content: "";
position: absolute;
left: -40px;
height: 83%;
background: #000;
width: 1px;
bottom: 51px;
}
}
.brand-page-con [class*="col-"] {
margin-bottom: 30px;
}
.carousel .carousel__wrapper {
position: relative;
}
@media only screen and (min-width: 1180px) {
.carousel .carousel__wrapper.has-arrows .carousel__arrows {
display: flex;
}
}
.carousel .carousel__header {
margin-bottom: 16px;
}
.carousel .carousel__content {
overflow-y: hidden;
overflow-x: scroll;
scrollbar-width: none;
-ms-overflow-style: none;
-webkit-overflow-scrolling: touch;
cursor: grab;
padding: 0;
margin: 0;
list-style: none;
}
.carousel .carousel__content::-webkit-scrollbar {
display: none;
}
.carousel .carousel__controls {
display: grid;
grid-auto-flow: column;
grid-gap: 24px;
}
.carousel .carousel__arrow {
padding: 0;
background: transparent;
box-shadow: none;
border: 0;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
display: inline-block;
border: none;
width: 47px;
height: 47px;
text-align: center;
line-height: 47px;
font-size: 18px;
color: #2d2d2b;
cursor: pointer;
border-radius: 0px;
background: #dddddd;
z-index: 1000;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
}
button.carousel__arrow.arrow-next {
left: auto;
right: 0px;
}
.carousel .carousel__arrow.arrow-prev {
left: 0px;
}
.carousel .carousel__arrow:before {
content: "";
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTUgOSI+Cgk8cGF0aCBmaWxsPSIjMzMzMzMzIiBkPSJNNy44NjcgOC41NzRsLTcuMjItNy4yMi43MDctLjcwOEw3Ljg2NyA3LjE2IDE0LjA1Ljk4bC43MDYuNzA3Ii8+Cjwvc3ZnPgo=");
background-size: contain;
display: block;
width: 18px;
height: 12px;
cursor: pointer;
background-repeat: no-repeat;
}
.carousel .carousel__arrow.arrow-prev:before {
transform: rotate(90deg);
}
.carousel .carousel__arrow.arrow-next:before {
transform: rotate(-90deg);
}
.carousel .carousel__arrow.disabled {
display: none
}
.carousel__header {
position: absolute;
margin: auto;
right: 0;
left: 0;
top: 50%;
z-index: 10;
transform: translateY(-50%);
}
.inside-coller section.web_shop {
padding: 50px 0px;
}
.inside-coller {
margin: 30px 0px;
}
.woocommerce-MyAccount-content {
padding: 30px 0px;
}
@media (max-width:1199px){
.disktop-menu-insite {
position: absolute !important;
right: 0;
width: auto;
}
.header-end.col-sm-3.col-xs-3 {
width: auto;
}
div#site-branding {
width: auto;
}
.row.header-row {
justify-content: space-between;
}
.search-icon-btn {
background: transparent;
height: auto !important;
width: auto !important;
top: 0px;
}
.logo-sideheader #secondary-header {
margin: 0px !important;
}
header#header {
padding: 0px;
}
.btn.btn-primary {
font-size: 15px;
padding: 12px 10px;
}
}
@media (max-width:767px) {
.inner-banner-sec .post-title {
font-size: 36px;
}
.search-box-header {
width: 100%;
}
.col-md-20.text-md-left {
width: 100%;
}
}
.box-maping-img .btn-maping:hover {
background: #fff;
}
.box-maping-img img{
transform: scale(1);
transition: all 0.5s ease-in-out;
}
.box-maping-img:hover img {
transform: scale(1.02);
transition: all 0.5s ease-in-out;
}
.slick-no-marquee .item .item-img {
padding-left: 0px;
padding-right: 2rem;
}
.slick-no-marquee .item:last-child .item-img {
padding-right: 0px;
}
@media (max-width:767px){
.col-xl-60 ,.col-xl-40{
width: 100%;
}
.col-xl-60 {
margin-bottom: 30px;
}
}
.btn-box-header {
display: inline-flex;
margin-bottom: 5px;
min-width: 220px;
}
.btn-box-header span.icon {
width: 44px;
height: 44px;
flex-shrink: 0;
border-radius: 10px;
background: #E7E7E8;
display: flex;
align-items: center;
justify-content: center;
margin-right: 24px;
}
.btn-box-header span.data-text span {
display: block;
text-align: left;
color: #000;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 24px;
font-family: 'neue_haas_grotesk_display65Md';
}
.btn-box-header span.data-text span.light {
color: #636363;font-family: 'neue_haas_grotesk_disp55roman';
}
.btn-box-header span.data-text span.light svg {
margin-left: 8px;
}
.product-card-img img.woocommerce-placeholder.wp-post-image {
display: none !important;
}
img.woocommerce-placeholder.wp-post-image {
border: none !important;
}
.woocommerce-account .header-meta-sec {
display: none;
}
.woocommerce-account a {
text-decoration: none !important;
}
.woocommerce-account h1.entry-title.post-title {
padding: 0px;
}
.woocommerce-account .inner-banner-sec {
padding: 0rem 0px 3rem !important;
}
.woocommerce-account .form-sec-acc {
margin: 0px;
}
.accordion-button {
text-transform: capitalize;font-family: 'neue_haas_grotesk_disp55roman';font-size: 20px;
}
@media (max-width:991px){
.main_heading,.brand-page-con h3{
font-size: 24px; line-height: normal;
}
.home-product-cat-box-slider {
margin-left: 60px;
}
.accordion-button {
font-size: 14px;
padding: 10px 12px;
line-height: normal;
}
.carousel .carousel__content {
padding: 0px 32px;
}
.carousel__header{
width: 85%!important;
margin-right: 20px;
}
.pad-x55 {
padding: 30px 0;
}
.para_text_small {
font-size: 16px;
line-height: normal;
}
.sub_heading.mb-5 {
margin-bottom: 20px !important;
}
.experience-section {
padding-bottom: 75px;
}
.h2, h2 {
font-size: 1.2rem;
}
.mb-50 {
margin-bottom: 25px;
}
.web_shop.bg_dark_brown .row:nth-child(even) {
flex-direction: column-reverse;
}
.btn-hiro-download {
gap: 5px;
flex-wrap: wrap;
}
.btn-hiro-download .btn-download {
width: auto;
font-size: 14px;
padding: 8px 16px;
line-height: normal;
}
.faq-section-dd ul,ul.portfolio-filter {
flex-wrap: wrap;
gap: 5px;
}
.faq-section-dd ul li,ul.portfolio-filter li.filter-item {
margin: 0px;
}
.faq-section-dd ul li a,ul.portfolio-filter a {
font-size: 12px;
line-height: normal;
padding: 7px 13px;
}.contact-box-outer:first-child {
margin-top: 0px;
}
}
@media (max-width:767px){
.inner-banner-txt .col-md-6 {
margin-bottom: 30px;
}
.get_touch .main_heading{
font-size: 20px;
}
.experience-section {
padding-bottom: 50px;
}
.portfolio-items .portfolio-item {
width: 50%;
}
}
@media (max-width:480px){
.portfolio-items .portfolio-item {
width: 100%;
}
}
.slider-outer .slick-list,.slider-outer .slick-list div {
height: 100%;
}
.h_slider {
height: 100%;
}
.h_slider .box-img img {
height: 100%;
}
.header-right-side svg.after-active {
display: none;
}
.search-box-header.active-search + .search-icon-btn svg.before-active {
display: none;
}
.search-box-header.active-search + .search-icon-btn svg.after-active {
display: inline-block;
}
.search-icon-btn {
cursor:pointer
}
.search-box-header.active-search {
/* background: #fff; */
z-index: 100;
height: auto;
}
.search-box-header.active-search input {
margin: 0px;
}
.woocommerce-password-strength {
margin-top: 5px;
}
.autocomplete-suggestion {
line-height: normal;
padding: 8px 15px;
min-height: auto;
}
li.my-wish-list {
padding-right: 15px;
position: relative;
top: 1px;
}
.pro-menu-list li.my-wish-list {
padding-right: 4px;
padding-left: 20px;
position: relative;
top: 1px;
}
@media(max-width:990px){
.pro-menu-list li.my-wish-list {
padding-right: 0px;
}
}
.pro-menu-list li.my-wish-list span {
position: absolute;
right: -12px;
padding: 0px;
border-radius: 100%;
top: 2px;
width: 21px;
height: 21px;
align-items: center;
justify-content: center;
display: flex;
color: #2d2d2b;
font-size: 13px;
line-height: 18px;
}
.fa-twitter:before {
background-image: url('data:image/svg+xml,');
color: transparent;
background-size: cover;
}
@media(min-width:580px) {
.header-right-side {
position:relative
}
.header-right-side {
position: relative;
}
.search-box-header.active-search {
left: inherit;
padding: 0px;
height: auto;
top: -8px !important;
right: 30px;
width: 285px;
}
}
.woo-variation-product-gallery {
max-width: 100% !important;
}
.woo-variation-gallery-thumbnail-wrapper {
display: none !important;
}
.woo-variation-gallery-slider > .wvg-gallery-image{
margin-top: 20px;
}
.left-slider-sigle-page .slick-track {
width: 100% !important;
transform: none !important;
gap: 20px;
}
.left-slider-sigle-page .slick-list {
height: auto !important;
}
.left-slider-sigle-page .slick-track .wvg-gallery-image {
width: calc(50% - 10px) !important;
border-radius: 12px !important;
overflow: hidden;
}
.left-slider-sigle-page .slick-track .wvg-gallery-image.slick-slide.slick-cloned {
display:none;
}
.left-slider-sigle-page .slick-track .wvg-gallery-image:nth-child(2) {
width: 100% !important;
}
.left-slider-sigle-page i {
display: none !important;
}
.woocommerce #yith-quick-view-content div.product .woo-variation-product-gallery {
width: 42% !important;
}
.h_slider.slick-initialized.slick-slider {
margin-bottom:0px !important
}
span.onsale-soldout {
position: absolute;
top: 7px;
left: 0;
font-size: 9px;
border-radius: 18px;
background: rgba(55, 55, 55, 0.80);
line-height: normal;
color: #fff;
font-weight: 600;
text-transform: capitalize;
padding: 4px 10px;
box-sizing: border-box;
min-width: 1px;
min-height: 1px;
/* background: #2d2d2b; */
font-weight: normal;
margin: 0px;
}
@media(max-width:767px){
.woocommerce #yith-quick-view-content div.product .woo-variation-product-gallery {
width: 100% !important;
}
}
.woocommerce #yith-quick-view-content .woo-variation-gallery-wrapper {
min-height: auto !important;
}
.woocommerce #yith-quick-view-content div.product .woo-variation-product-gallery {
margin: 0px;
}
.wishlist-title-container a.btn.button.show-title-form {
display: none;
}
/************ Header Styles *************/
#secondary-header{
height: 74px;
display: block;
}
#mobile-menu-toggle {
background-color: transparent;
border: none;
cursor: pointer;
display: none;
padding: 0;
}
.line {
fill: none;
stroke: #43474f;
stroke-width: 6;
transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line1 {
stroke-dasharray: 60 207;
stroke-width: 6;
}
.line2 {
stroke-dasharray: 60 60;
stroke-width: 6;
}
.line3 {
stroke-dasharray: 60 207;
stroke-width: 6;
}
.opened .line1 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: 6;
}
.opened .line2 {
stroke-dasharray: 1 60;
stroke-dashoffset: -30;
stroke-width: 6;
}
.opened .line3 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: 6;
}
@media(max-width:1200px){
#secondary-header{
display:none;
}
}
#mobile-fade-menu{
display: none;
opacity: 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(255, 255, 255);
z-index: 899;
transition: opacity 0.3s;
}
#mobile-header-logo {
display:none;
}
#mobile-menu-logo {
padding: 22px 30px;
}
#mobile-menu-logo img{
height: 40px;
}
@media(max-width:990px){
.footer-area{
padding-bottom: 80px;
}
#mobile-fade-menu.active{
display: block;
opacity: 1;
}
#header .container-fluid{
position: fixed!important;
bottom: 10px;
margin: 10px auto!important;
left: 50%;
transform: translate(-50%, 0%);
width: 19rem!important;
}
#site-branding{
display:none;
}
.header-end.col-sm-3.col-xs-3{
width: 100%;
text-align: center;
}
#mobile-header-logo {
display: block;
position: absolute;
background: #f5f5f7;
height: 105px;
width: 80px;
z-index: 890;
padding-right: 10px;
}
#mobile-header-logo img {
position: absolute;
height: 50px;
top: 20%;
margin-left: 22px;
}
.carousel__arrow.arrow-prev{
left: 30px!important;
}
#mobile-menu-toggle {
display: flex;
}
.main-nav li {
opacity: 0;
}
.main-nav li {
position: relative;
cursor: pointer;
font-family: 'neue_haas_grotesk_disp55roman';
font-size: 26px;
padding: 0 28px;
color: black;
transform: translateX(-20px);
}
.main-nav li a {
color: black;
text-decoration: none;
}
}
.header-cart-link{
cursor: pointer;
}
/* Basic styles for the mobile menu */
.main-nav ul {
list-style-type: none;
padding: 0;
}
@keyframes menuFadeInLeft {
from {
opacity: 0;
transform: translateX(-20px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
.fade-in-left {
animation: menuFadeInLeft 0.5s ease-out forwards;
}
.rotating-text-container{
position: absolute;
bottom: 130px;
right: 60px;
}
.rotating-text-container img{
height: 100px;
animation: infiniteRotate 10s linear infinite;
}
@keyframes infiniteRotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@media(max-width:990px){
.sub-menu{
display: none;
}
.menu-item-has-children > a:after {
float: right;
}
.sub-menu-toggle{
display: block!important;
float: right;
rotate: 270deg;
}
.sub-menu-toggle img{
height: 10px;
}
.menu-item-has-children.open .sub-menu-back-toggle{
display: block;
}
.menu-item-has-children.open .sub-menu-toggle{
display: none!important;
}
.menu-item-has-children.open > a{
font-size: 16px;
margin-left: 4px;
transition: 0.5s margin-left;
}
ul.drop-down-menu-user{
position: fixed;
}
}
.sub-menu-toggle{
display: none;
}
.sub-menu-back-toggle{
display: none;
float: left;
}
.sub-menu-back-toggle img{
rotate: 90deg;
height: 5px;
margin-top: 4px;
}
/* Back in Stock Notifier Popup Styles */
#notify-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(47, 47, 47, 0.5);
backdrop-filter: blur(5px);
display: flex;
justify-content: center;
align-items: center;
z-index: 999;
opacity: 0; /* Start with opacity 0 */
animation: fadeIn 0.5s forwards; /* Apply fade-in animation */
}
#notify-popup .popup-content {
display: flex;
background: #fff;
padding: 20px;
width: 60%;
max-width: 860px;
border-radius: 10px;
text-align: center;
position: relative;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
flex-direction: row; /* Default to row for larger screens */
}
#notify-popup .popup-content div {
width: calc(50% - 10px);
margin: auto;
}
#notify-popup h4 {
font-size: 30px;
font-family: 'neue_haas_grotesk_disp55roman';
margin-bottom: 10px;
}
#notify-popup p {
word-spacing: 2px;
margin-bottom: 20px;
}
#notify-popup .popup-content .close {
position: absolute;
top: 10px;
right: 20px;
cursor: pointer;
font-size: 30px;
}
#notify-popup #notify-form {
display: flex;
flex-direction: row;
gap: 10px;
}
#notify-popup #notify-form input[type="email"] {
width: calc(70% - 20px);
padding: 10px;
border: 1px solid #000;
border-radius: 5px;
}
#notify-popup #notify-form button {
width: calc(30% - 20px);
padding: 10px 20px;
background: #000;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
}
/* Keyframes for fade-in animation */
@keyframes fadeIn {
to {
opacity: 1;
}
}
@media (max-width: 1200px) {
#notify-popup .popup-content {
width: 80%;
}
}
@media (max-width: 980px) {
#notify-popup .popup-content {
width: 90%;
}
}
/* Mobile Styles */
@media (max-width: 768px) {
#notify-popup .popup-content {
width: 90%;
flex-direction: column;
padding: 40px;
}
#notify-popup .popup-content div {
width: 80%;
margin-bottom: 10px;
}
#notify-popup .popup-content img {
max-height: 200px;
}
#notify-popup h4 {
font-size: 24px;
}
#notify-popup p {
font-size: 14px;
}
#notify-popup #notify-form {
flex-direction: column;
gap: 5px;
}
#notify-popup #notify-form input[type="email"],
#notify-popup #notify-form button {
width: 100%;
}
}
.outOfStockTag{
/* background: #000; */
color: #000000;
font-family: 'neue_haas_grotesk_display65Md';
font-size: 12px;
}