@font-face {    font-family: 'Roboto', sans-serif;    src: url('./fonts/Roboto-Light.eot');    src: url('./fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),         url('./fonts/Roboto-Light.woff2') format('woff2'),         url('./fonts/Roboto-Light.woff') format('woff'),         url('./fonts/Roboto-Light.ttf')  format('truetype'),         url('./fonts/Roboto-Light.svg#Roboto Light') format('svg');         font-weight: 300;}
@font-face {    font-family: 'Roboto', sans-serif;    src: url('./fonts/Roboto-Regular.eot');    src: url('./fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),         url('./fonts/Roboto-Regular.woff2') format('woff2'),         url('./fonts/Roboto-Regular.woff') format('woff'),         url('./fonts/Roboto-Regular.ttf')  format('truetype'),         url('./fonts/Roboto-Regular.svg#Roboto') format('svg');         font-weight: 400;}
@font-face {    font-family: 'Roboto', sans-serif;    src: url('./fonts/Roboto-Medium.eot');    src: url('./fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),         url('./fonts/Roboto-Medium.woff2') format('woff2'),         url('./fonts/Roboto-Medium.woff') format('woff'),         url('./fonts/Roboto-Medium.ttf')  format('truetype'),         url('./fonts/Roboto-Medium.svg#Roboto Medium') format('svg');         font-weight: 500;}
@font-face {    font-family: 'Roboto', sans-serif;    src: url('./fonts/Roboto-Bold.eot');    src: url('./fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),         url('./fonts/Roboto-Bold.woff2') format('woff2'),         url('./fonts/Roboto-Bold.woff') format('woff'),         url('./fonts/Roboto-Bold.ttf')  format('truetype'),         url('./fonts/Roboto-Bold.svg#Roboto') format('svg');         font-weight: 700;}
body {	font-size: 14px;	font-weight: 400;	font-family: Poppins, sans-serif;}
button, .cart.table-wrapper .actions-toolbar > .action, .action-gift,.action.primary, .action-primary, .btn{	font-family: Poppins, sans-serif;}
	h1,	h2,	h3,	h4,	h5,	h6,	.block-widget-rokanthemes-brand .brand-item .brand-name,	.rokanthemes-onepagecheckout .step-title,	.rokanthemes-onepagecheckout #opc-sidebar .title,	.rokanthemes-onepagecheckout #opc-sidebar .opc-block-summary .table-totals,	.container_vertical_tab_postions.wrapper_category_product_tabs .ui-tabs-nav li a,	.container_vertical_tab_postions.wrapper_product_tabs .ui-tabs-nav li a,	.super-deal-banner-content .super-deal-countdown .time_circles .number,	.super-deal .super-deal-banner-content .super-deal-countdown .number,	.super-deal-banner .super-deal-banner-content .super-deal-countdown .number,	.super-deal .item-deal-product .info-price-deal label,	.wrapper_sub_category_tabs .widget-tabs ul > ul > li > a,	.wrapper_sub_category_tabs.onlyparent .list-category-item .category-item a .cate-name.cate-count,	.customer-account-create .form-create-account .fieldset:not(.additional_info) .legend,	.customer-account-forgotpassword .forget .fieldset:not(.additional_info) .legend,	.filter-options .filter-options-title, .sidebar .block .filter-options-title,	.filter-options .block-title:not(.filter-title) strong,	.sidebar .block .block-title:not(.filter-title) strong{			font-family: Poppins, sans-serif;		}
	h1,h2,h3,h4,h5,h6,.rokanthemes-onepagecheckout .step-title,.rokanthemes-onepagecheckout #opc-sidebar .title,.rokanthemes-onepagecheckout #opc-sidebar .opc-block-summary .items-in-cart .title,.rokanthemes-onepagecheckout #opc-sidebar .opc-block-summary .table-totals,.rokanthemes-onepagecheckout #opc-sidebar .opc-block-summary .table-totals .mark,.super-deal .super-deal-banner-content .super-deal-countdown .number,.super-deal .item-deal-product .info-price-deal label,.wrapper_sub_category_tabs .widget-tabs ul > ul > li > a,blockquote,.super-deal-banner .super-deal-banner-content .super-deal-countdown .number,.super-deal .item-deal-product .info-price-deal label,.wrapper_sub_category_tabs .widget-tabs ul > ul > li > a,.product-item .product-label,.customer-account-create .form-create-account .fieldset:not(.additional_info) .legend,.customer-account-forgotpassword .forget .fieldset:not(.additional_info) .legend,.filter-options .filter-options-title, .sidebar .block .filter-options-title,.filter-options .block-title:not(.filter-title) strong,.sidebar .block .block-title:not(.filter-title) strong,.modal-popup .modal-title {	font-weight: 500;}
.navigation.custommenu li.level0 .level-top,	.navigation li.level0.parent .submenu .mega-columns .level1.parent > a,	.verticalmenu.navigation .list-category-dropdown li.level0 > .submenu .title-cat-mega-menu span,	.verticalmenu.navigation .list-category-dropdown li.level0.classic .parent .subchildmenu .title-cat-mega-menu span,	.verticalmenu.navigation li.level0 > a{			font-family: Poppins, sans-serif;		}
.price, .col-newsletter-popup .content-popup *{		font-family: Rubik;	}
.product-info-main .price-box .price-wrapper .price, .product-options-bottom .price-box .price-wrapper .price{		font-weight: 400;	}
.navigation.custommenu li.level0 .level-top,.navigation li.level0.parent .submenu .mega-columns .level1.parent > a,.verticalmenu.navigation li.level0>a{	font-weight: 500;}
.nav-sections.custommenu, .nav-sections-item-title{background:#DBDE72;}
.navigation.custommenu li.level0 .level-top,		.navigation li.level0.parent .submenu .mega-columns .level1.parent > a{		color: #333333;}
.navigation.custommenu li.level0:hover .level-top,	.navigation.custommenu li.level0:active .level-top,	.navigation.custommenu li.level0:focus .level-top,		.navigation.custommenu .level0.active > .level-top,		.navigation.custommenu .level0.has-active > .level-top{		color: #FFFFFF;		}
.header-container.sticky .sticky-header {			background-color: #DBDE72;}
.page-header{		background-color: #DBDE72 !important;}
.page-footer .footer-bottom{		kground-color: #DBDE72;	}
.contact-index-index .page-title-wrapper{
/*background-image: url(https://server.visionvivante.com:8040/cyronvision/pub/media/rokanthemes/Contactusbanner/default/shop-1.jpg);background-repeat: no-repeat; background-size: cover; background-position: center center;*/ padding: 20.15rem 0; color: #fff; margin-top: 0; width: 100vw;position: relative;left: calc((-1 * (100vw - 100%)/2));}
.checkout-cart-index .page-title-wrapper{
/*background-image: url(https://server.visionvivante.com:8040/cyronvision/pub/media/rokanthemes/Cartbackground/default/cyron_1_.png);background-repeat: no-repeat; background-size: cover; background-position: center center;*/ padding: 20.15rem 0; color: #fff; margin-top: 0;  width: 100vw;position: relative;left: calc((-1 * (100vw - 100%)/2));}
.checkout-index-index .page-title-wrapper{
/*background-image: url(https://server.visionvivante.com:8040/cyronvision/pub/media/rokanthemes/Cartbackground/default/cyron_1_.png);background-repeat: no-repeat; background-size: cover; background-position: center center;*/ padding: 20.15rem 0; color: #fff; margin-top: 0;  width: 100vw !important;position: relative;left: calc((-1 * (100vw - 100%)/2));}
.checkout-cart-index .header-container.layout-1 {position: absolute}.checkout-index-index .header-container.layout-1 {position: absolute}.checkout-cart-index .header-container.layout-7 {position: absolute}.checkout-index-index .header-container.layout-7 {position: absolute}.checkout-index-index .authentication-wrapper {z-index: 3}.contact-index-index .header-container.layout-1 {position: absolute}.contact-index-index .header-container.layout-7 {position: absolute}.rokanthemes-onepagecheckout .page-wrapper .page-title-wrapper {margin-top: 0}
body.cms-index-index {    overflow-y: scroll;}
.page-footer .footer-6 .content ul li a .fab {    font-size: 0px;    display: inline-block;    width: 35px;    height: 35px;    border-radius: 50%;    background-color: #1877f2;    line-height: 35px;    text-align: center;    color: #fff;}
.page-footer .footer-6 .content ul li a .fab::before {    font-size: 20px;}
.page-footer .footer-6 .content ul li a  .fab.fa-youtube {    background-color: #f00;} 
.page-footer .footer-6 .content ul li a  .fab.fa-linkedin {    background-color: #1877f2;}
.rokan-title .short_description{    color: #3c3c3c;}
.product-item .product-item-name, .product-item .product.name a {    color: #585858;}
.gallarey-images-collage .gallery_all a { color: #000 !important; }
.gallarey-images-collage .gallery_all a:after {    color: #000 !important;    content: "\f30b";    font-family: "Font Awesome 5 Free" !important;    font-weight: 700;}
.gallarey-images-collage .gallery_all a:hover { color: #039de0 !important; }
.gallarey-images-collage .gallery_all a:hover:after {    color: #039de0 !important;}
.banner-top-home .row .banner-top {    height: 100%;}
.page-footer .footer-6 .content ul li a .fab {
    background-color: transparent !important;
}
@media (min-width: 1199px) {	.homepage_6 .section.section-products-blue {    min-height: 972px;}}
.catalog-category-view .category-view-breadcrumbs-banner.image-banner {    padding: 0;}
.catalog-category-view .category-view-breadcrumbs-banner .category-image {    display: none;}


.block-search .top-search .bi-search::before {
    content: "\e905";
    font-family: main-icon, sans-serif !important;
}

.page-products .column.main .category-description {
    display: block;
}
@media(min-width:1200px){
    body .container, body .container-sm, body .container-md, body .container-lg, body .container-xl, body .wrapper-the-blue-sky-slider .nivo-controlNav {
    max-width: 1200px;
}
}
.navigation .open-children-toggle {
    display: none;
}
.page-header .col-menu .primary-menu-container .navigation{
    padding: 0px;
}
.page-header .col-menu .primary-menu-container .navigation > ul{
    margin: 0px;
}
 .page-header .col-menu .primary-menu-container .navigation .level0 > .level-top {
    color: #232323 !important;
    line-height: 48px;
    display: inline-block;
}
.navigation .level0 {
    margin: 0 12px 0 0;
    display: inline-block;
    position: relative;
}
.navigation li.level0.parent .submenu {
    background: #fff;
    border: 1px solid #e1e1e1;
    padding: 0px;
    font-weight: 400;
    min-width: 230px;
    left: 0;
    margin: 0 !important;
    position: absolute;
    margin-top: 20px !important;
    padding: 11px 0px;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    pointer-events: none;
    display: block;
}

.navigation li.level0.classic .row {
    margin: 0;
}
.navigation .level0.parent:hover>.submenu {
      opacity: 1;
    visibility: visible;
    pointer-events: unset;
}
.navigation li {
    list-style: none;
}
.navigation li.level0.classic .subchildmenu {
    width: 100%;
    z-index: 22;
    margin: 0;
}
.navigation .level0 .submenu li {
    margin: 0;
    position: relative;
}
.navigation li.level0.classic .submenu a {
    padding: 3px 0 0 25px;
    display: inline-block;
    width: 100%;
    line-height: 42px;
}
.navigation li.level0.classic .subchildmenu .level1 .subchildmenu {
    position: absolute;
    left: 100%;
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    min-width: 1px;
    border: 1px solid #e1e1e1;
    padding: 20px 15px;
    padding-left: 0;
    padding-right: 0;
}
.navigation li.level0.classic .subchildmenu .level1:hover .subchildmenu {
    left: 100% !important;
    top: 0;
    opacity: 1;
    visibility: visible;
}
.navigation li.level0.classic .subchildmenu .level1.parent>a>span {
    width: 100%;
    display: inline-block;
    text-decoration: none;
}
.navigation li.level0.classic .subchildmenu .level1.parent>a>span:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    line-height: 20px;
    color: inherit;
    content: '\e608';
    font-family: 'icons-blank-theme';
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    overflow: hidden;
    speak: none;
    text-align: center;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
}
.navigation li.level0.parent .submenu:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 4px;
    left: 0;
    top: -4px;
    z-index: 1;
    height: 20px;
    top: -20px;
}
ol.products.list.items.product-items {
    margin: 0px;
}
.page-products .products-grid .product-item {
    width: 33.33%;
}
.product-main-content:before, .product-main-content:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    background-color: #f5f5f5;
    width: 100%;
    height: 100%;
}
.product-main-content:after {
    left: auto;
    right: 100%;
}
.product-main-content {
    display: inline-block;
    position: relative;
    width: 100%;
}
.rokanthemes-onepagecheckout .opc-wrapper {
    width: 66.66%;
    padding-right: 30px;
}
.rokanthemes-onepagecheckout #opc-sidebar {
    width: 33%;
    margin-top: 0;
}
@media(max-width:1199px){
body .block.block-search .dropdown .form.minisearch .search-form {
    min-width: 300px;
}
.navigation li {
    list-style: none;
    width: 100%;
    margin: 0px !important;
}
.rokanthemes-onepagecheckout .opc-wrapper {
    width: 100%;
    padding-right: 0px;
}
.rokanthemes-onepagecheckout #opc-sidebar {
    width: 100%;
    margin-top: 0;
}
}
@media(max-width:767px){
.page-products .products-grid .product-item {
    width: 50%;
}
}
@media(max-width:575px){
.page-header .header-container .header-middle .logo-container {

    order: 0;

}
}