/*
Theme Name: rosebell
Theme URI: -
Description: Custom Development Theme
Author: -
Author URI: -
Version: 1.1
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

/* =Layout
-------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/*
LAYOUT: Two columns
DESCRIPTION: Custom Template
*/
.slick-slide:focus { outline: none !important; }
:focus { outline: none !important; }
a:focus { outline: none !important; outline-offset: 0 !important; }
a:hover { text-decoration: none !important; }
html body,
input,
textarea,
.page-title span,
.pingback a.url { font-family: 'ClashDisplayRegular', sans-serif; }
body.page-template-default.page { font-size: 16px; color: #3a3e46; line-height: 20px; }
body,
input,
textarea { color: #303030; font-size: 12px; line-height: 18px; }
img { max-width: 100%; height: auto; }
body .padleft { padding-left: 0 }
body .padright { padding-right: 0 }
body .padtop { padding-top: 15px; }
body .padbottom { padding-bottom: 15px; }
body .nopad { padding: 0 }
section.section { padding: 50px 0; overflow: hidden; }
header { padding: 0; z-index: 100; }
nav { position: relative; z-index: 999; width: 100%; }
nav.fixed { position: fixed; width: 100%; z-index: 999; top: 0; }
.searchform input { float: right; width: 200px; padding: 8px 46px 8px 8px; font-size: 1em; border: 1px solid #303030; background: #fff; }
.searchform input[type="submit"] { float: right; width: 37px; height: 37px; padding: 0px; border: 0px; background: #303030 url(images/search-icon.png) no-repeat center; box-shadow: none; font-size: 0; margin-left: -37px; position: relative; }

/* ---- Social Icons ---- */

/*.social_icons { text-align: right; margin: 10px 0; }*/

/*.social_icons ul { padding: 0; margin: 0; }*/

/*.social_icons ul li { display: inline-block; margin-right: 5px; }*/

/*.social_icons ul li a { background: #305294; border-radius: 100px; color: #FFF; transition: all .2s ease; display: block; font-size: 15px; padding: 5px 0; text-align: center; width: 32px; height: 32px; }*/

/*.social_icons ul li+li a { background: #55ACEE; }*/

/*.social_icons ul li+li+li a { background: #DC4B3E none; }*/

/*.social_icons ul li+li+li+li a { background: #E52D27; }*/

/*.social_icons ul li a:hover { background: #333; color: #FFF; }*/

/*.top-social .social-icons { float: right; padding: 0; }*/

/*.top-social .social-icons a { width: 45px; display: inline-block; padding: 10px; text-align: center; color: #fff; background: #b75f48; font-size: 15px; float: right; margin-right: 5px; }*/

/*.top-social .social-icons a:hover { background: #000000; }*/

/* ---- Portfolio .grid-item ---- */
.grid-item { width: 24.7%; box-sizing: border-box; margin-bottom: 0px; }
.filter-button-group button { background: #333; color: #fff; display: inline-block; margin-right: 5px; padding: 5px 10px; border: 0; }
.filter-button-group { margin: 10px 0; overflow: hidden; }
.filter-button-group button:hover { background: #ccc; color: #000; }

/* ---- FOOTER SECTION ---- */
footer.footer .footer-item h6 { font-size: 18px; text-transform: capitalize; letter-spacing: 1px; color: #fff; font-family: 'Poppins', sans-serif !important; margin: 0 0 50px; padding: 0 0 15px; font-weight: 500; position: relative; }
footer.footer .footer-item h6:after { content: ""; background: #fff; width: 79px;height: 2px; lay: block; position: absolute; left: 0; bottom: -6px; margin: auto; }
footer.footer .footer-item p strong { color: #fff; margin: 0 0 10px; display: block; line-height: normal; }
footer.footer .footer-info { margin: 0; background: #292929; padding: 55px 0 35px; color: #fff; background-position: center; background-size: cover; }
footer.footer .contact_details li { list-style: none; font-size: 14px; line-height: 22px; margin: 0 0 10px; position: relative; padding-left: 35px; color: #fff; }
footer.footer .contact_details li img { position: absolute; top: 0; left: 0; }
footer.footer p { 
    color: #fff;
    font-size: 15px;
    line-height: 25px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 100;
}
footer.footer .footer-info li .menu li { list-style: none; display: block; }
footer.footer .footer-info li .menu li a { color: #fff; font-size: 14px; line-height: 25px; }
footer.footer .footer-info li .menu { padding: 0; text-align: left; margin: 30px 0; }
footer.footer .footer-info li .menu li:last-child a { margin-right: 0; }
footer.footer .footer-info li .menu li a:hover { color: #0c9b55; text-decoration: none; letter-spacing: 2px; }
footer.footer .footer-info li a:hover { color: #0c9b55; text-decoration: none; letter-spacing: 3px; }
footer.footer .footer-info .social-icons { margin: 30px 0; text-align: center; }
footer.footer .footer-info .social-icons a i { font-size: 30px; color: #000000; margin: 0 4px; width: 35px; height: 35px; display: inline-flex; align-items: center; justify-content: center; transition: 0.5s; }
footer.footer .footer-info .social-icons a i:hover { color: #0c9b55; text-decoration: none; }
footer.footer .footer-info .social-icons a:hover { text-decoration: none; }
footer.footer .copyrights .fleft { float: left; }
footer.footer .footer-info li strong { display: block; text-transform: uppercase; margin: 0 0 5px; font-weight: 900; line-height: normal; }
footer.footer .footer-item li { list-style: none; }
footer.footer .contact_details li.phone a { display: block !important; }
footer.footer .footer-info li a { color: #9e9e9e; font-size: 15px; line-height: 25px; }
footer.footer .footer-info ul { padding: 0; margin: 0; }
footer.footer .contact_details li.liveChat:before { content: ""; position: absolute; left: 0; top: 0; color: #0c9b55; background: url(images/icon-chat.png); width: 30px; height: 30px; background-size: 100%; margin: auto; }
footer.footer .contact_details li a:hover { color: #0c9b55; text-decoration: none; letter-spacing: 2px; }
#back-top > a { bottom: 1%; color: #034c8c; display: block; font-size: 37px; position: fixed; right: 2%; text-align: center; z-index: 999; }

/*---------------------------------- Slick SLider----------------------------------------------------*/
.main-slider,
.item-slider,
.client,
.thumb-slider { display: none; }
.item-slider.slick-initialized,
.thumb-slider.slick-initialized,
.client.slick-initialized,
.main-slider.slick-initialized { display: block !important; }
.slider { position: relative; clear: left; overflow: hidden; }
.slider .inner-item { height: 650px; }
.slider .container { position: relative; }

/*.slick-slide .caption { color: #fff; font-size: 1.2em; line-height: 1.2em; position: absolute; left: 10%; text-shadow: 2px 2px 2px #000; top: 37%; width: 35%; background: rgba(0, 0, 0, 0.7); padding: 20px 20px 0; z-index: 99; }*/
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.thumb-slider .slick-slide { margin: 5px 0 0 5px; }
.slider-thumb .thumb-slider .slick-slide img { max-width: 100%; height: auto; box-sizing: border-box; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before,
.slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; position: relative; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; transition: all .25s ease; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-dots { position: absolute; z-index: 11; bottom: -30px; margin: 0px; padding: 0; text-align: center; width: 100%; }
.slick-dots li { list-style: none; display: inline-block; }
.slick-dots button { border: 1px solid #333; background: #fff; width: 12px; height: 12px; border-radius: 100%; font-size: 0; padding: 0px; margin-right: 5px; }
.slick-dots .slick-active button { background: #303030; }
.services-slider .slick-arrow { height: 65px; }

/* .slick-arrow:hover { background: #000 url(images/right-arrow.png) no-repeat center center; } */
.slick-next.slick-arrow { transform: rotate(0deg) }
.slider-progress { width: 100%; height: 5px; background: rgba(0, 216, 192, 0.8); position: absolute; top: 0; z-index: 99; }
.slider-progress .progress { width: 0%; height: 5px; background: rgba(36, 51, 0, 0.8); }
.thumb-slider .slick-active img { border: 1px solid transparent }
.thumb-slider .slick-current img { opacity: 0.5; }

/* -------------------------------------------Clients Carousel------------------------------------ */
.client { margin-right: -10px; }
.client .slick-slide { margin-right: 10px; border: 1px solid #ddd !important; padding: 10px; box-sizing: border-box; text-align: center; }
.client .slick-prev { margin-right: 10px; }
.client .slick-slide img { display: inline-block; }

/* -------------------------------------------Testimonials Carousel------------------------------------ */
.testimonial .loop { padding: 0 10px; text-align: center; }
.testimonial .loop p { max-width: 800px; margin: 0 auto; }
.testimonial .loop .pic img { max-width: 100px; margin: 10px 0; border-radius: 100%; height: auto; display: inline-block; }
.testimonial .loop .title { font-size: 21px; font-weight: 600; }

/* -------------------------------------------Services Carousel------------------------------------ */
.service { margin-right: -10px; }
.service .slick-slide { margin-right: 10px; }
.service .title { font-weight: 700; margin: 10px 0; font-size: 18px; }
.service .slick-prev { margin-right: 10px; }
.service .slick-next { margin-right: 10px; right: 40px; left: inherit; }
.service .slick-arrow { top: 0; margin-top: -43px; }

/*ENd SLick Slider*/

/* ---------------------------------------------------Windows Size-------------------------------------------------------------------------*/
#winSize { position: fixed; bottom: 1%; left: 1%; border: rgba(0, 0, 0, 0.8) 3px solid; background: rgba(0, 0, 0, 0.6); padding: 5px 10px; color: #fff; text-shadow: #000 1px 1px 1px, #000 -1px 1px 1px; z-index: 9999 }

/* ---------------------------------------------------Tabs-------------------------------------------------------------------------*/

/*.tabs-menu { height: 30px; padding: 0; margin: 0; }*/

/*.tabs-menu li { height: 30px; line-height: 30px; display: inline-block; list-style: none; margin-right: 10px; background-color: #ccc; border-top: 1px solid #d4d4d1; border-right: 1px solid #d4d4d1; border-left: 1px solid #d4d4d1; }*/

/*.tabs-menu li.current { position: relative; background-color: #fff; border-bottom: 1px solid #fff; z-index: 5; }*/

/*.tabs-menu li a { padding: 10px; text-transform: uppercase; color: #fff; text-decoration: none; }*/

/*.tabs-menu .current a { color: #2e7da3; }*/

/*.tab { border: 1px solid #d4d4d1; background-color: #fff; float: left; margin-bottom: 20px; width: auto; margin-top: -1px; }*/

/*.tab-content { max-width: 660px; padding: 20px; display: none; }*/

/*#tab-1 { display: block; }*/

/* ---------------------------------------------------Left Tabs-------------------------------------------------------------------------*/

/*.tabs-left { width: 120px; padding: 0; margin: 0; float: left; }*/

/*.tabs-left li { line-height: 30px; display: block; list-style: none; background: #ccc; border: 1px solid #d4d4d1; margin-bottom: 10px; border-right: 0; }*/

/*.tabs-left li.current { position: relative; background-color: #fff; border-bottom: 1px solid #ddd; z-index: 5; }*/

/*.tabs-left li a { padding: 0 10px; text-transform: uppercase; color: #fff; text-decoration: none; display: block; }*/

/*.tabs-left .current a { color: #2e7da3; }*/

/*.tab-loop { border: 1px solid #d4d4d1; background-color: #fff; float: left; margin-bottom: 20px; width: auto; margin-left: -1px; }*/

/*.tabsleft-content { max-width: 660px; padding: 20px; display: none; }*/
#tabs1 { display: block; }

/* ---------------------------------------------------Breadcrumb-------------------------------------------------------------------------*/
.breadcrumbs { margin: 10px 0; padding: 0; background: #ddd; padding: 5px; }
.breadcrumbs li { list-style: none; display: inline-block; padding-right: 2px; }

/* ----------------------------Comments-----------------------*/
#comments label { display: inline-block; vertical-align: top; width: 80px; }
.form-submit { margin-left: 80px; }
#comments { background: #eee; padding: 20px; }
#comments li { list-style: none; }
#comments ol { padding: 0; }

/* ----------------------------Accordion-----------------------*/
.accordion-container { position: relative; width: 100%; height: auto; margin: 20px auto; }
.accordion-container > h2 { text-align: center; color: #fff; padding-bottom: 5px; margin-bottom: 30px; border-bottom: 1px solid #ddd; }
.set { position: relative; width: 100%; height: auto; background-color: #f5f5f5; }
.set > a { display: block; padding: 10px 15px; text-decoration: none; color: #555; font-weight: 600; border-bottom: 1px solid #ddd; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
.set > a.active { background-color: #3399cc; color: #fff; }
.set > a:before { background: url(images/arrow1.png) no-repeat; float: right; content: ""; height: 8px; margin: 6px 0 0; width: 15px; }
.set > a.active:before { filter: invert(100%); transform: rotate(180deg); }
.accordion-container .content { position: relative; width: 100%; height: auto; background-color: #fff; border-bottom: 1px solid #ddd; display: none; }
.accordion-container .content p { padding: 10px 15px; margin: 0; color: #333; }

/* ---------------------------------------------------Custom Scroll-------------------------------------------------------------------------*/
.customscroll { height: 300px; }

/* ---------------------------------------------------innerheader-------------------------------------------------------------------------*/
.inner-banner { height: 450px; width: 100%; color: #fff; text-align: center; display: inline-flex; flex-direction: column; justify-content: center; align-items: center; position: relative; z-index: 0; }
.inner-banner h2 { display: table-cell; vertical-align: middle; padding: 0; font-size: 55px; color: #fff; margin: 0; line-height: normal; text-transform: uppercase; font-family: 'GeorgeTownRegular', sans-serif; z-index: 3; }
.inner-banner h2 p strong { color: #0c9b55; }

/* ---------------------------------------------------blog-------------------------------------------------------------------------*/
.blogs { }
.blogs li { width: 100%; margin-bottom: 20px; min-height: 210px; clear: both; float: left; border-bottom: 1px solid #dcdcdc; }
.blogs li:last-child { border: none; }
.blogs li h4 { text-transform: capitalize; background: #f0f0f0; padding: 10px; position: relative; margin-bottom: 20px; font-weight: 600; color: #2f2f2f; }
.blogs li h4 span { width: 7%; text-align: center; background: #b12224; font-size: 11px; line-height: 18px; text-transform: uppercase; color: #fff; position: absolute; right: 0; top: 0; }
.blogs li h4 span strong { display: block; font-size: 26px; font-weight: normal; }
.blogs li a { float: right; }
.blogs li .meta { background: #f0f0f0; padding: 10px; position: relative; margin: 38px 0 0; font-weight: 500; float: right; clear: right; width: 67%; color: #989898; font-size: 16px; line-height: 21px; }
.blogs li .meta span { background: url('images/user-bg.png') no-repeat; padding: 3px 30px; }
.blogs li .meta span.comments { margin-left: 10px; background: url('images/comments.png') no-repeat; }
.blogs li .meta span strong { color: #258ef9; font-weight: normal; text-transform: capitalize; }
.sidebar ul { padding: 0; margin: 0; }
.sidebar ul li { list-style: none; }
.sidebar-pro { border: 1px solid #c2c2c2; padding: 0 !important; border-radius: 5px; overflow: hidden; }
.sidebar-pro h4 { background: #b12224; color: #fff; padding: 10px; font-size: 20px; line-height: 29px; margin: 0; }
.sidebar-pro .cat li { margin-bottom: 6px; list-style: none; padding: 10px; }
.sidebar-pro .cat li:hover { background: #b12224; }
.sidebar-pro .cat li:hover a { color: #fff; }
.sidebar-pro .cat li.current-cat { background: #b12224; }
.sidebar-pro .cat li:last-child { margin-bottom: 0; }
.sidebar-pro .cat .product-categories { margin-bottom: 0; }
.sidebar-pro .cat li a { color: #424242; font-size: 14px; }
.sidebar .recent li { border-bottom: 1px solid #c7c7c7; margin: 5px 0; padding: 5px 0; overflow: hidden; font-size: 14px; }
.sidebar .recent li h5 { margin-top: 0; }
.sidebar .recent li:last-child { border: none; }
.sidebar h4 { background: #303030; color: #fff; padding: 10px; font-size: 20px; line-height: 29px; }
.sidebar .recent h5 { color: #231f20; font-size: 14px; margin-bottom: 10px; }
.sidebar .recent p { color: #6d6d6d; line-height: 16px; }
.sidebar .recent .more a { color: #258ef9; float: right; }
.sidebar .cat li { border-bottom: 1px solid #ddd; font-weight: 600; margin: 5px 0; padding: 5px 0; }
.blogs .loop { border-bottom: 1px solid #ddd; margin: 10px 0; overflow: hidden; padding: 10px 0; }
.sidebar .section { margin-top: 10px; overflow: hidden; }
.blogs .title { margin: 0; }
.blogs small { margin-bottom: 10px; display: inline-block; color: #888; }
.sidebar .cat li:last-child { border: 0; margin-bottom: 0; padding-bottom: 0; }
.sidebar .cat li a { color: #424242; font-size: 14px; }
.blogs .meta { background: #ddd; margin-top: 10px; padding: 5px; }

/*---------------------Pagination----------------------- */
.pagination { clear: both; padding: 20px 0; position: relative; font-size: 11px; line-height: 13px; }
.pagination span,
.pagination a { display: block; float: left; margin: 2px 2px 2px 0; padding: 6px 9px 5px 9px; text-decoration: none; width: auto; color: #fff; background: #555; }
.pagination a:hover { color: #fff; background: #3279BB; }
.pagination .current { padding: 6px 9px 5px 9px; background: #3279BB; color: #fff; }

/* ------------------------------------Responsive Simple Menu------------------------------------------------------ */
.menu-header,
.menu-header ul,
.menu-header ul li,
.menu-header ul li a,
.menu-header #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.menu-header:after,
.menu-header > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.menu-header #menu-button { display: none; }
.menu-header { background: transparent; float: left; }
.menu-header > ul > li { display: inline-block; }
.menu-header.align-center > ul { font-size: 0; text-align: center; }
.menu-header.align-center > ul > li { display: inline-block; float: none; }
.menu-header.align-center ul ul { text-align: left; }
.menu-header.align-right > ul > li { float: right; }
.menu-header > ul > li.current-menu-item.page_item a { color: #0c9b55; }
.menu-header > ul > li > a { color: #ffffff; font-size: 14px; line-height: 22px; font-weight: 400; letter-spacing: 0; background-position: center center; border-color: transparent; border-style: solid; padding: 0px 20px; text-transform: uppercase; font-family: 'PoppinsRegular', sans-serif; }
.menu-header > ul > li > a:hover { text-decoration: none; color: #0c9b55; }
.menu-header  ul  ul::before { border-color: transparent transparent #000; border-style: solid; border-width: 10px; content: ""; left: 20px; position: absolute; top: -20px; }
.menu-header  ul ul  ul::before { display: none; }
.menu-header > ul > li.has-sub:hover > a:before { top: 23px; height: 0; }
.menu-header ul ul { position: absolute; left: -9999px; z-index: 100; top: 25px; }
.menu-header.align-right ul ul { text-align: right; }
.menu-header ul ul li { height: 0; transition: all .25s ease; }
.menu-header li:hover > ul { left: auto; }
.menu-header.align-right li:hover > ul { left: auto; right: 0; }
.menu-header li:hover > ul > li { height: 35px; }
.menu-header ul ul ul { margin-left: 100%; top: 0; }
.menu-header.align-right ul ul ul { margin-left: 0; margin-right: 100%; }
.menu-header ul ul li a { border-bottom: 1px solid rgba(150, 150, 150, 0.15); padding: 8px 10px; width: 220px; font-size: 14px; text-decoration: none; color: #ffffff; font-weight: 400; background: #0c9b55; text-align: left; line-height: normal; }
.menu-header ul ul li:hover > a,
.menu-header ul ul li a:hover { color: #ffffff; background: #000000; }
.menu-header ul ul::before { border-color: transparent transparent #0c9b55; border-style: solid; border-width: 10px; content: ""; left: 20px; position: absolute; top: -20px; }
.menu-header ul ul li:last-child > a,
.menu-header ul ul li.last-item > a { border-bottom: 0; }
.menu-header ul ul li:hover > a,
.menu-header ul ul li a:hover { color: #ffffff; }
.menu-header ul ul li.has-sub > a:after { position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #dddddd; content: ''; }
.menu-header.align-right ul ul li.has-sub > a:after { right: auto; left: 11px; }
.menu-header ul ul li.has-sub > a:before { position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; transition: all .25s ease; }
.menu-header.align-right ul ul li.has-sub > a:before { right: auto; left: 14px; }
.menu-header ul ul > li.has-sub:hover > a:before { top: 17px; height: 0; }
.navigation_section .menu-header #menu-left-menu li,
.navigation_section .menu-header #menu-right-menu li { border-right: 2px solid #959595; }
.navigation_section .menu-header #menu-left-menu li:last-child,
.navigation_section .menu-header #menu-right-menu li:last-child { border: none; }
.home.page-template-page-home .navigation_section .menu-header #menu-left-menu li,
.home.page-template-page-home .navigation_section .menu-header #menu-right-menu li { border-right: 2px solid #959595; }
.home.page-template-page-home .navigation_section .menu-header #menu-left-menu li:last-child,
.home.page-template-page-home .navigation_section .menu-header #menu-right-menu li:last-child { border: none; }
@media (min-width:100px) and (max-width:767px) {
    .menu-header { width: 100%; }
    .menu-header ul { width: 100%; display: none; }
    .menu-header.align-center > ul { text-align: left; }
    .menu-header ul li { width: 100%; border-top: 1px solid rgba(120, 120, 120, 0.2); }
    .menu-header ul ul li,
    .menu-header li:hover > ul > li { height: auto; }
    .menu-header ul li a,
    .menu-header ul ul li a { width: 100%; border-bottom: 0; }
    .menu-header > ul > li { float: none; }
    .menu-header ul ul li a { padding-left: 25px; }
    .menu-header ul ul ul li a { padding-left: 35px; }
    .menu-header ul ul li a { color: #dddddd; background: none; }
    .menu-header ul ul li:hover > a,
    .menu-header ul ul li.active > a { color: #ffffff; }
    .menu-header ul ul,
    .menu-header ul ul ul,
    .menu-header.align-right ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left; }
    .menu-header > ul > li.has-sub > a:after,
    .menu-header > ul > li.has-sub > a:before,
    .menu-header ul ul > li.has-sub > a:after,
    .menu-header ul ul > li.has-sub > a:before { display: none; }
    .menu-header #menu-button { display: none; padding: 17px; color: #dddddd; cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 700; }
    .menu-header #menu-button:after { position: absolute; top: 22px; right: 17px; display: block; height: 8px; width: 20px; border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd; content: ''; }
    .menu-header #menu-button:before { position: absolute; top: 16px; right: 17px; display: block; height: 2px; width: 20px; background: #dddddd; content: ''; }
    .menu-header #menu-button.menu-opened:after { top: 23px; border: 0; height: 2px; width: 15px; background: #ffffff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
    .menu-header #menu-button.menu-opened:before { top: 23px; background: #ffffff; width: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
    .menu-header .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.2); height: 46px; width: 46px; cursor: pointer; }
    .menu-header .submenu-button.submenu-opened { background: #262626; }
    .menu-header ul ul .submenu-button { height: 34px; width: 34px; }
    .menu-header .submenu-button:after { position: absolute; top: 22px; right: 19px; width: 8px; height: 2px; display: block; background: #dddddd; content: ''; }
    .menu-header ul ul .submenu-button:after { top: 15px; right: 13px; }
    .menu-header .submenu-button.submenu-opened:after { background: #ffffff; }
    .menu-header .submenu-button:before { position: absolute; top: 19px; right: 22px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; }
    .menu-header ul ul .submenu-button:before { top: 12px; right: 16px; }
    .menu-header .submenu-button.submenu-opened:before { display: none; }
}

/*----------------------------------------Push Navigation---------------------------------*/
div#menuoverlay { display: none; }
a#hamburg { position: fixed; top: 10px; right: 14%; width: 40px; height: 40px; z-index: 9; text-align: center; color: white; display: none; transition: all ease-out 0.3s; }
a#hamburg i { position: relative; top: 50%; transform: translateY(-50%); }
.nav1 { transition: all ease-out 0.3s; display: none; }
.nav1 a { color: #fff; font-size: 13px; }
.nav1 ul { margin: 0; padding: 0; background-color: #303030; }
.nav1 ul li { display: inline-block; position: relative; }
.nav1 ul li > a { display: inline-block; padding: 10px; }
.nav1 ul li > a > i { margin-left: 15px; transition: all ease-out 0.3s; -webkit-transition: all ease-out 0.1s; }
.nav1 ul li ul { display: none; position: absolute; top: 38px; background: #222; width: 200px; text-align: left; }
.nav1 .search-nav,
.nav1 .title { display: none; }
.nav1 ul li ul li { display: block; }
.nav1 ul li ul li a { display: block; }
.nav1 ul li:hover > a { color: #000; text-decoration: none; }
.nav1 ul li:hover > a > i { transform: rotateZ(90deg); }
.nav1 ul li:hover ul { display: block; }
.nav1 span.marrow { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; float: right; height: 0; margin: 8px 0 0 8px; width: 0; }
.nav1 ul li.open  span.marrow { border-left: 5px solid transparent; border-top: 0; border-right: 5px solid transparent; border-bottom: 5px solid #fff; }

    a#hamburg { display: block; }
    main { transition: all ease-out 0.3s; }
    .nav1 .row { margin: 0px; }
    .nav1 { background: url(images/nav-bg.jpg) repeat; box-shadow: -2px 0 0px #fd0200 inset; display: block; height: 100%; left: 0; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; transform: translateX(-250px); width: 250px; }
    .nav1 .search-nav,
    .nav1 .title { display: block; }
    .nav1 .search-nav input { border: 1px solid #2c313f; background-color: rgba(255, 255, 255, 0.2); padding: 5px; width: 100%; color: #000; margin: 10px 0; }
    .nav1 .search-nav input[type="submit"] { background: url("images/search-icon.png") no-repeat scroll center center; border: 0; width: auto; font-size: 0; height: 16px; position: absolute; right: 7px; top: 8px; width: 16px; filter: invert(100%); }
    .nav1 .title { background: #000; color: #fff; font-size: 14px; margin: 0 -15px; padding: 6px 15px 6px; }
    .search-nav > form { position: relative; }
    .nav1 a:hover { color: #0c9b55; text-decoration: none; }
    .nav1 ul { text-align: left; background-color: transparent; margin-top: 50px; }
    .nav1 ul li { display: block; border-bottom: 1px solid #999; }
    .nav1 ul li a { display: block; padding: 10px 0; }
    .nav1 ul li:hover > a { color: #0c9b55; }
    .nav1 ul li a > i { float: right; }
    .nav1 ul li ul { display: none; position: static; width: 100%; background-color: transparent; padding: 0 10px; }
    .nav1 ul li:hover > ul { display: none; }
    .nav1 ul li:hover > a > i { transform: rotateZ(0); }
    .nav1 ul li.open > a { background-color: transparent; }
    .nav1 ul li.open > a > i { transform: rotateZ(90deg); }
    .nav1 ul li.open > ul { display: block; }
    div#menuoverlay { display: block; visibility: hidden; position: fixed; left: 0; top: 0; width: 100%; height: 100%; transition: all ease-out 0.3s; z-index: 1; opacity: 0; }
    html.open-menu { overflow: hidden; }
    html.open-menu div#menuoverlay { visibility: visible; background: rgba(0, 0, 0, 0.5); min-height: 100vh; width: 100% !important; opacity: 1; width: calc(-150%); left: 250px; }
    html.open-menu a#hamburg { transform: translateX(-34px); z-index: 999; }
    html.open-menu main { transform: translateX(250px); }
    html.open-menu nav.nav1 { 
            z-index: 3;
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
    }
    .menu-main-menu-container ul ul ul li a { padding: 5px; }
    ul li.has-subnav .accordion-btn { color: #000; font-size: 24px; width: 20px !important; float: right; line-height: inherit !important; }
    .nav1 ul li:last-child { border: 0; }
    .nav-cross.open > span { background: #0c9b55; }

    /*---------------------Hamberg Icon --------------------------------------------- */
    .nav-cross { width: 24px; height: 40px; position: relative; margin: 0px auto; transform: rotate(0deg); transition: .5s ease-in-out; cursor: pointer; }
    .nav-cross span { display: block; position: absolute; height: 3px; width: 100%; background: #0c9b55; opacity: 1; left: 0; transform: rotate(45deg); transition: .25s ease-in-out; }
    #nav-icon1 span:nth-child(1) { top: 0px; }
    #nav-icon1 span:nth-child(2) { top: 18px; }
    #nav-icon1 span:nth-child(3) { top: 36px; }
    #nav-icon1.open span:nth-child(1) { top: 18px; transform: rotate(135deg); }
    #nav-icon1.open span:nth-child(2) { opacity: 0; left: -60px; }
    #nav-icon1.open span:nth-child(3) { top: 18px; transform: rotate(-135deg); }
    .nav-cross span:nth-child(1) { top: 12px; transform-origin: left center; }
    .nav-cross span:nth-child(2) { top: 20px; transform-origin: left center; }
    .nav-cross span:nth-child(3) { top: 28px; transform-origin: left center; }
    .nav-cross.open span:nth-child(1) { transform: rotate(45deg); top: 11px; left: 4px; }
    .nav-cross.open span:nth-child(2) { width: 0%; opacity: 0; }
    .nav-cross.open span:nth-child(3) {
    transform: rotate(-45deg);
    top: 8px;
    left: 3px;
    }

/*  MY CSS */
h1,
h2,
h3,
h4,
h5,
h6 { color: #363942; font-family: 'GeorgeTownRegular', sans-serif !important; }
.infoBox  .wpb_text_column { height: 80px; overflow: scroll; overflow-x: hidden; }
.infoBox::-webkit-scrollbar { width: 10px; }
.infoBox::-webkit-scrollbar-track { background: #cccc; border-radius: 10px; }
.infoBox::-webkit-scrollbar-thumb { background: #030325; border-radius: 10px; }
.infoBox::-webkit-scrollbar-thumb:hover { background: #6a5915; }
.py_60 { padding-top: 60px; padding-bottom: 60px; }

/* Social Media CSS */
.topBarSocial { display: flex; }
.topBarSocial .tobBar_social { width: 40px; margin-right: 10px; height: 40px; border: solid 1px #ffffff42; border-radius: 100%; align-items: center; display: flex; margin-top: 20px; justify-content: center; }
.topBarSocial .tobBar_social i { color: #5e5f70; }
.topBarSocial .tobBar_social:hover i { color: #fff; }
.topBarSocial .tobBar_social:hover { border-color: #fff; }

/* HEADER CSS */
.nav-cross span {
    display: none;
}

.nav-cross.open span {
    display: block;
}

.nav-cross.open img {
    display: none;
}
pushmenu nav.nav1 {
    position: fixed;
    z-index: 1 !important;
    background: #000000bf;
    height: 100vh;
    transform: translateX(-2500px);
    top: 0;
    visibility: hidden;
    opacity: 1;
}
.open-menu div#menuoverlay {
    display: block !important;
}

.open-menu  .nav1 {
    display: block;
    z-index: -1;
}
a#hamburg {
    display: block;
    
    top: 83px;
}
div#headerMain {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 35px;
    right: 0;
}
.header_icon a { color: #111844; font-weight: 600 !important; font-family: 'ClashDisplayLight', sans-serif; margin-left: 10px; }
.icon_right { text-align: right; }
.icon_center { text-align: center; }
header.headerSection { position: relative; }
.menu_inner .main_menu ul#menu-main-menu-1 li { margin-right: 50px; }
.menu_inner .main_menu ul#menu-rght-menu { justify-content: end; }
.menu_inner .main_menu ul#menu-rght-menu li { margin-left: 50px; }
.header_inner { border-top: solid #dfb40c; height: 100px; display: flex; align-items: center; }
.menu_inner .main_menu ul { padding: 0; display: flex; margin: 0; list-style: none; }
.menu_inner .main_menu ul li a { color: #000; font-size: 16px; }
.row.header_align { display: flex; align-items: center; }
.btn_header a { color: #fff !important; padding: 14px 30px; border: solid 2px rgb(245, 117, 3); border-radius: 30px; font-size: 15px; background-image: -moz-linear-gradient(-162deg, rgb(255, 121, 0) 0%, rgb(211, 106, 12) 100%); background-image: -webkit-linear-gradient(-162deg, rgb(255, 121, 0) 0%, rgb(211, 106, 12) 100%); background-image: -ms-linear-gradient(-162deg, rgb(255, 121, 0) 0%, rgb(211, 106, 12) 100%); }

/* HEADER End */

/*  BANNER css */

.slider_content {
    text-align: center;
}

.slider_content h1 {
    font-family: 'StreetHipster', serif !important;
    font-size: 180px;
    min-height: 500px;
    color: #fd0200;
    position: relative;
    text-shadow: 0 10px #fff;
    line-height: 148px;
    font-weight: 100;
}
/*.slider_content h1:before {*/
/*    content: 'Pacific Underground Skateboarding';*/
/*    color: #0000;*/
/*    top: 6px;*/
/*    font-size: 182px;*/
/*    z-index: -1;*/
/*    left: 0px;*/
/*    position: absolute;*/
/*    -webkit-text-stroke: 1px #fff;*/
/*    -moz-text-stroke: 0.5px white;*/
/*}*/
/*.slider_content .readmore a:before {*/
/*    content: '';*/
/*    background: red;*/
/*    width: 15px;*/
/*    position: absolute;*/
/*    height: 5px;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*    transition: 1s ease-in-out;*/
/*}*/
/*.slider_content .readmore a {*/
/*    width: 15%;*/
    /* border: solid #fff; */
/*    padding: 15px 0px;*/
/*    margin: auto;*/
/*    display: block;*/
/*    position: relative;*/
/*    margin-top: 50px;*/
/*    color: #fff;*/
/*    text-transform: uppercase;*/
/*}*/

section#Featured:before {
    content: '';
    animation: float 6s ease-in-out infinite;
    background: url(./images/fdgf6rrfdgd.png) no-repeat;
    position: absolute;
    width: 6%;
    height: 31%;
    background-size: contain;
    left: 0;
    top: -37%;
}
div#video button.slick-next.pull-right i {
    display: none;
}
div#video button.slick-next.pull-right {
content: '';
    background: url(./images/arrrrrrr.png) no-repeat;
    border: none;
    width: 80px;
    height: 80px;
    position: absolute;
    background-size: contain;
    right: -14%;
    top: 41%;
}

div#video button.slick-prev.pull-left.slick-arrow{
    display: none!important;
}
.slider_wrap  .slider_content .readmore a {
    margin-top: 60px;
    display: block;
    font-weight: 100;
    color: #fff !important;
}
.sketPadding .vc_column-inner {
    padding-bottom: 170px;
}
div#aboutUs {
    padding-top: 560px;
    padding-bottom: 80px;
}
.vc_btn3-container.btnImgLight .vc_general, .slider_content .readmore a {
    color: #fff !important;
}
/*.btnImg button.vc_general {*/
/*    border: 1px solid white !important;*/
/*    color: white !important;*/
/*}*/

/*.btnImg button.vc_general:before {*/
/*    box-shadow: 0 0 0 10px #393c40;*/
/*}*/
/*.btnImg button.vc_general:after {*/
/*    box-shadow: 0 0 0 10px #393c40;*/
/*}*/

/*.btnImg button.vc_general:hover {*/
/*    background-color: #ffffff !important;*/
/*    color: black !important;*/
/*}*/

/*.btnImg button.vc_general:hover:before {*/
/*    box-shadow: unset !important;*/
/*}*/
/*.btnImg button.vc_general:hover:after {*/
/*    box-shadow: unset !important;*/
/*}*/
/*.btnImg button.vc_general:after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    left: -3px;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    margin: auto;*/
/*    background: #ec1d57;*/
/*    width: 5px;*/
/*    height: 5px;*/
/*    z-index: 5;*/
/*    transition: all 1s ease;*/
/*    box-shadow: 0 0 0 10px white;*/
/*}*/
/*.btnImg button.vc_general:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    right: -3px;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    margin: auto;*/
/*    background: #ec1d57;*/
/*    width: 5px;*/
/*    height: 5px;*/
/*    z-index: 5;*/
/*    transition: all 1s ease;*/
/*    box-shadow: 0 0 0 10px white;*/
/*}*/

.btnImgLight .vc_general, .slider_content .readmore a{
    content: '';
    background: url(./images/btnlight.png) no-repeat !important;
    padding: 20px 70px !important;
    text-transform: uppercase;
    background-color: #0000 !important;
    background-size: contain !important;
    background-position: center center !important;
    font-size: 20px !important;
    color: #363942 !important;
    border: none !important;
    font-weight: 600;
}
.btnImg .vc_general {
    content: '';
        animation: gelatine 6s ease-in-out infinite;
    background: url(./images/btn.png) no-repeat !important;
    padding: 20px 70px !important;
    text-transform: uppercase;
    background-color: #0000 !important;
    background-size: contain !important;
    background-position: center center !important;
    font-size: 20px !important;
    color: #363942 !important;
    border: none !important;
    font-weight: 600;
}

h2.fsH2 {
    text-transform: uppercase;
    margin-bottom: 30px;
}

h2.fsH2 strong {
    color: #fe0200;
}
.slider_wrap {
    padding-top: 170px;
    padding-bottom: 100px;
}
.slider_wrap {
    padding-top: 170px;
    padding-bottom: 100px;
}

section#bannerSlider {
    background-position: center top !important;
}
div#letJoin {
    background-position: center top !important;
}
div#letJoin:after {
    background: #212226;
    width:47% !important;
    height: 30% !important;
    overflow: visible !important;
    display: block !important;
    content: '' !important;
    visibility: visible !important;
    position: absolute;
    bottom: 0;
    left: 0;
}
h2.h2style {
    font-family: 'StreetHipster', serif !important;
    font-size: 120px;
    color: #fd0200;
    position: relative;
    line-height: 126px;
    font-weight: 100;
}

h2.h2style:after {
    font-family: 'StreetHipster', serif !important;
    font-size: 180px;
    color: #fd0200;
    position: relative;
    line-height: 148px;
    font-weight: 100;
}

h2.h2style:before {
    content: 'Featured Underground Skateboardes';
    color: #0000;
    top: 5px;
    letter-spacing: -10px;
    font-size: 141px;
    z-index: -1;
    left: -3px;
    position: absolute;
    -webkit-text-stroke: 1px #fff;
}
div#underground {
    margin-top: -137px;
        margin-bottom: 50px;
}

section#Featured {
    overflow: visible;
    z-index: 1;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    display: none;
}
.custom-shop .image img {
    height: 400px !important;
    object-fit: none;
}

.custom-shop h2 a {
    color: #232227;
    text-align: right;
}

.product .custom-shop h2 {
    text-align: right;
    font-size: 25px;
    font-weight: 500;
    padding-left: 75px;
}

.custom-shop .amount {float: right;margin-bottom: 40px;}

.custom-shop .amount bdi {
    color: #d10e0b;
    font-weight: 100;
}

ul.products.columns-4 li.product {
    background: #ededed;
    
    position: relative;
    padding: 20px 30px;
    margin-right: 10px;
}
.homeProduct ul.products.columns-4 li.product{
    width: 100%;
}
ul.products.columns-4 li.product:hover {
    background: #000;
    transition: all 0.3s ease;
}

ul.products.columns-4 li.product:hover:before {
    background: #2f2e34;
    transition: all 0.3s ease;
}

ul.products.columns-4 li.product:hover p, ul.products.columns-4 li.product:hover a {
    color: #fff;
}

ul.products.columns-4 li.product:hover .cart img {
    filter: invert(1);
}

ul.products.columns-4 strong strong {
    display: flex;
    justify-content: space-between;
}

.custom-shop .cart a {
    justify-content: space-between;
    display: flex;
    align-items: center;
    color: #d10e0b;
}

.custom-shop .cart a img {
    width: 30px !important;
    height: 30px !important;
    object-fit: none;
    margin: 0 !important;
}

p.proCat {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    position: absolute;
    top: 37%;
    right: 0;
    color: #4a4a4c;
    text-transform: uppercase;
    font-size: 17px;
}

.custom-shop {
    position: relative;
}
#galleryID  li.isotope-item {
    position: unset !important;
}

#galleryID ul.wpb_image_grid_ul {
    display: flex !important;
    height: auto !important;
}
ul.products.columns-4 li.product:before {
    content: '';
    background: #dcdcdc;
    width: 50%;
    height: 55%;
    top: 0;
    position: absolute;
    left: 0;
}

#aboutUs .wpb_column:nth-child(1) .vc_column-inner .wpb_single_image:hover {
    transition: all 3s cubic-bezier(0.22, 0.61, 0.36, 1);
    transform: translateX(-33%);
}

#aboutUs .wpb_column:nth-child(1) .vc_column-inner .wpb_single_image {transition: all 0.9s cubic-bezier(0.22, 0.61, 0.36, 1);transform: translateX(0);}
div#galleryID ~ p {
    display: none;
}

div#galleryID {
    overflow: visible;
    z-index: 35;
}










/*  BANNER CSS END */


/*  VANDING CSS END */

/*  footer css */

footer.footer {
    position: relative;
}

footer.footer:after {
    content: '';
    animation: gelatine 6s ease-in-out infinite;
    background: url(./images/man2.png) no-repeat;
    background-size: contain;
    width: 16%;
    height: 42%;
    top: 0;
    left: 14%;
    position: absolute; 
}

footer.footer:before {
    content: '';
    background: url(./images/man3.png) no-repeat;
    background-size: contain;
    width: 11%;
    height: 49%;
    left: 58%;
    animation: gelatine 6s ease-in-out infinite;
    position: absolute;
}
.footer_wrapper:before{
content: '';
    background: url(./images/man1.png) no-repeat;
    background-size: contain;
    width: 8%;
    animation: gelatine 6s ease-in-out infinite;
    height: 43%;
    left: 2%;
    bottom: 3%;
    position: absolute;
}
.footer_wrapper:after{
    content: '';
    background: url(./images/man4.png) no-repeat;
    background-size: contain;
    width: 11%;
    animation: gelatine 6s ease-in-out infinite;
    height: 42%;
    right: 2%;
    top: 12%;
    position: absolute;
}







.menu-main-menu-container ul {
    padding: 0;
}

.menu-main-menu-container ul li a {
    color: #fff;
}

.menu-main-menu-container ul li {
    margin-bottom: 15px;
}
.footer_wrapper .col-lg-3 { position: relative; }
/*.footer_wrapper .col-lg-3:before { content: ''; width: 100%; height: 1px; background: #ffffff4d; position: absolute; top: 40px; }*/
.ul_sep ul { padding: 0; }
.ul_sep ul li { list-style: none; display: inline; padding: 0px 11px; }
.ul_sep ul li a { color: #9aaabb; }
ul.contact_info { padding: 0; }
ul.contact_info li { margin-bottom: 20px; }
ul.contact_info { padding: 0; }
ul.contact_info li { margin-bottom: 20px; }
.menu-footer-menu-container ul { padding: 0; }
ul#menu-footer-menu li a {
        color: #fff;
    font-weight: 100;
}
ul#menu-footer-menu li { margin-bottom: 25px; }
li#text-5 .textwidget p strong { font-size: 20px; font-weight: 400; }
ul#menu-main-menu-2 { padding: 0; margin: 0; }
.footer .footer_wrapper { 
    background: #212226;    
    padding-bottom: 60px;
    padding-top: 150px; }
.footer .widgettitle { color: #fff; }
.info_wrapper { display: flex; }
.info_wrapper .info_img { margin-right: 20px; }
.info_img img { min-width: 15px; height: 15px; overflow: hidden; object-fit: none; }
.info_img img { min-width: 15px; height: 15px; overflow: hidden; object-fit: none; }
.info_content h5 { color: #fff; margin-top: 0; font-size: 16px; text-transform: uppercase; font-weight: 500; font-family: 'Poppins', sans-serif !important; }
.info_content p,
.info_content a { color: #fff !important;font-weight: 100;}
form#easy-newsletter-form label { display: none; }
form#easy-newsletter-form {
    display: flex;
    border-radius: 30px;
    justify-content: end;
    margin-top: 30px;
    height: 50px;
    background-color: rgba(232, 236, 246, 0.102);
}
form#easy-newsletter-form>.input-field {
    border-radius: 30px 0px 0px 30px;
}
form#easy-newsletter-form button,
form#easy-newsletter-form input { height: 50px; }
form#easy-newsletter-form button { background: #0000; color: #0cafae; border: none; }
form#easy-newsletter-form input { border: none; background: #0000 !important; text-indent: 20px; }
form#easy-newsletter-form button:hover { box-shadow: unset; }
#easy-newsletter-form .input-field { 
    width: 80%;
    background: #dedede;
    margin: 0;
    border: none;
}
#easy-newsletter-form .input-field.input-submit {
    width: 20%;
    margin: 0;
    background: #ffc260;
    padding-left: 13px;
    border-radius: 0px 30px 30px 0px;
}
#easy-newsletter-form .input-field.input-submit button {
    color: #000;
}
.footer_wrapper ul#menu-main-menu-2 li a { color: #7e8896 !important; line-height: 45px; }
footer.footer .copyrights { background: #212226; }
.copyright-text { text-align: center; }
.copyright-text p { margin: 0 !important; color: #fff !important; }
.copyrights>.container { border-top: solid 1px #ffffff61; padding-top: 16px; padding-bottom: 16px; }
a.customrights { color: #fff; font-size: 16px; }

.slider_content .readmore a:hover:before {
    width: 100%;
}
.slider_content .readmore a:after {
    content: '';
    background: red;
    width: 15px;
    height: 5px;
    right: 0;
    top: 0;
    position: absolute;
    transition: 1s ease-in-out;
}
.slider_content .readmore a:hover:after {
    width: 100%;
}
.aboutSection #aboutUs {
    padding-top: 80px;
}

.aboutSection {
    background-position: bottom !important;
}
#gform_1 .gform_footer input {
    font-size: 26px;
    background: black;
    border: 0;
    width: 100%;
    color: #fff;
    padding: 20px 0;
    transition: all 0.25s;
}

#gform_1 .gform_footer input:hover {
    background: #fd0200;
    transition: all 0.25s;
}
.single-product .inner-banner {
    background: #000 !important;
}
/*.woocommerce-shop .woocommerce {*/
/*    padding: 40px 0;*/
/*}*/
.woocommerce-product-gallery__image a img {
    max-height: 690px !important;
    max-width: fit-content;
    margin: 0 auto;
}
section.related.products>h2 { position: relative; margin-bottom: 50px; padding: 0 0 50px; float: left; width: 100%; text-transform: uppercase; }
section.related.products>h2 { text-align: center; font-size: 45px; line-height: 50px; color: #000000; margin: 50px 0 30px; text-transform: capitalize; }
.single-merchandise .product.type-product .summary .quantity .qty { height: 50px; border-radius: 0; border: 2px solid #000; }
.woocommerce-page .wrap{
    padding: 50px 0;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: red;
    font-weight: 600;
    margin: 20px 0;
}

.single-merchandise .product.type-product .summary .button {
    -webkit-transition: .6s;
    transition: .6s;
    display: inline-block;
    position: relative;
    padding: 10px;
    line-height: 30px;
    font-size: 17px;
    color: #ffffff;
    text-transform: uppercase;
    width: 200px;
    display: inline-block;
    text-align: center;
    background: #fe0200;
    font-family: 'Conv_VisbyCF-Medium', sans-serif;
    font-weight: 5;
}

.single-merchandise .product.type-product .summary .quantity .qty {
    border: 1px solid #000;
}

.product_meta a {
    color: #000;
}
.single-merchandise .product.type-product .summary .button:hover{
    letter-spacing: 2px;
    color: #ffffff;
    background: #262132;
}
.woocommerce .wc-proceed-to-checkout a.checkout-button {background: red !important;color: #fff;height: auto;padding: 15px 0;margin: 0 0 38px;position: relative;transform: perspective(1px) translateZ(0px) !important;transition-duration: 0.5s;transition-property: color;text-transform: uppercase;font-weight: 500;/* font-family: inherit; */letter-spacing: 3px;}
.woocommerce .wc-proceed-to-checkout a.checkout-button:before { background: #000000; border-radius: 4px; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0 50% 0; transition-duration: 0.5s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; }
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover:before { transform: scaleX(1); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

.woocommerce-checkout .woocommerce form.checkout #customer_details .col-1,
.woocommerce-checkout .woocommerce form.checkout #customer_details .col-2 { width: 100%; max-width:100%; }
.woocommerce-checkout .woocommerce form.checkout #customer_details { float: left; width: 48%; }
.woocommerce-checkout .woocommerce form.checkout #order_review { float: right; width: 48%; }
.woocommerce-checkout .woocommerce form.checkout h3#order_review_heading { float: right; width: 48%; font: 28px 'Conv_VisbyCF-Regular', sans-serif color:#0c9b55; }
.woocommerce-checkout .woocommerce form.checkout #customer_details input { border: 1px solid #d8d5d5; border-radius: 0; padding: 10px; }
.woocommerce-checkout .woocommerce form.checkout #customer_details span.selection .select2-selection { border: 1px solid #d8d5d5; border-radius: 0; height: auto; padding: 8px 5px; }
.woocommerce-checkout .woocommerce form.checkout #customer_details textarea { border: 1px solid #d8d5d5; border-radius: 0; padding: 10px; }
.woocommerce-checkout .woocommerce form.checkout #customer_details .col-1 h3 { font: 30px 'Conv_VisbyCF-Regular', sans-serif color:#0c9b55; }
.woocommerce-checkout .woocommerce form.checkout #customer_details .col-2 h3 { font: 28px 'Conv_VisbyCF-Regular', sans-serif color:#0c9b55; }

button#place_order {
    background: red;
}

button#place_order:hover {
    background: #000;
}
@keyframes gelatine {
  from, to { transform: scale(1, 1); }
  25% { transform: scale(0.9, 1.1); }
  50% { transform: scale(1.1, 0.9); }
  75% { transform: scale(0.95, 1.05); }
}
@keyframes float {
	0% { transform: translatey(0px); }
	50% { transform: translatey(-20px); }
	100% { transform: translatey(0px); }
}