.ocmp-fixed,

.ocmp-megamenu,

.ocmp-nav {

    padding: 0;

    width: 100%

}



.ocmp-rtl {

    direction: rtl

}



.ocmp-rtl .ocmp-right {

    float: left!important

}



.ocmp-rtl .ocmp-nav li.ocmp_menu_li,

.ocmp-rtl .ocmp_column_li,

.ocmp-rtl .ocmp_tab_content_li,

.ocmp-rtl .ocmp_tab_li,

.ocmp-rtl .ocmp_tab_name.ocmp_tab_toggle,

.ocmp-rtl .ocmp_tab_toggle_title {

    float: right

}

.ocmp-rtl .ocmp_tab_toggle_title {width:100%;}

.ocmp-rtl .megamenu .ocmp_column_ul {

    right: 0

}



.ocmp-rtl .ocmp_bubble_text {

    left: 0;

    right: auto

}



.ocmp-rtl .ocmp_tab_bubble_text {

    left: auto;

    right: auto

}



.ocmp-rtl .ocmp_column_ul .ocmp_tab_li.ocmp_tab_sub_menu .ocmp_tab_toggle:after {

    left: 15px;

    right: auto;

    transform: rotate(-135deg);

    -webkit-transform: rotate(-135deg)

}



.ocmp-rtl .ocmp-btn-search {

    left: 7px;

    right: auto

}

.ocmp-rtl .dropdown > a::after{

	margin-right: auto;

	margin-left: unset;

    -moz-transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

}

.ocmp-rtl .ocmp-submenu{

	right:100%;

	-moz-transform:translateX(-10%);

	-webkit-transform:translateX(-10%);

	-ms-transform:translateX(-10%);

	-o-transform:translateX(-10%);

	transform:translateX(-10%);

}

.ocmp-rtl  .ocmp-right-menu ul li{

	float:right;

}

.ocmp-rtl  .ocmp-input-search{ left:0;right:auto;}

.megamenu {

    margin-bottom: 25px;

	position:relative

}



.ocmp-nav,

.ocmp-nav li {

    list-style: none

}



.ocmp-left {

    float: left

}



.close_menu,

.menu-sm,

i.fa-plus {

    display: none

}







.ocmp-fixed {

    left: 0;

    margin: 0;

    position: fixed;

    top: 0;

    z-index: 100

}



.ocmp-megamenu {

    background-color: #FFF;

    clear: left;

    display: block;

    margin-top: 10px;

    z-index: 100;

    position: relative

}



.ocmp-main-menu-tab {

    float: left

}



.ocmp_megamenu_content {

    display: flex;

    display: -o-flex;

    display: -ms-flex;

    display: -moz-flex;

    display: -webkit-flex;

    position: relative

}



.ocmp-nav {

    /*margin: 0 15px 0 0;

    position: relative;

    background: #dedede;*/

}



.ocmp-nav li.ocmp_menu_li {

    float: left

}

.ocmp-nav li.ocmp_menu_li.ocmp-sub-menu{

} 

.ocmp-nav li.ocmp_menu_li.ocmp-dropdown{

	position:relative;

} 

li.ocmp_menu_li .menu-icon-only i {

    font-size: 25px;

    padding: 18px 20px 16px;

}

li.ocmp_menu_li .menu-icon i {

    font-size: 19px;

	margin-right:5px;

}

.ocmp-dropdown { position:relative;}

.ocmp-submenu{

	display:block;

	position:absolute;

	left:100%;

	opacity:0;

	top:0;

	min-width:200px;

	visibility:hidden;

    -webkit-transform: translateX(10%);

    -moz-transform: translateX(10%);

    -ms-transform: translateX(10%);	

	transition: all 0.35s ease-out;

    -webkit-transition: all 0.35s ease-out;

    -moz-transition: all 0.35s ease-out;

    -ms-transition: all 0.35s ease-out;		

}

.ocmp-dropdown-menu > .ocmp-dropdown:hover > .ocmp-submenu{

	opacity:1;

	visibility:visible;

    -webkit-transform: translateX(0%);

    -moz-transform: translateX(0%);

    -ms-transform: translateX(0%);		

}



.dropdown > a::after {

    content: "\f0da";

    font-family: "FontAwesome";

    font-size: 11px;

    position: relative;

    padding: 0 3px;

    margin-left: auto;

}

.open > .ocmp-dropdown{

	visibility:visible;

	opacity:1;

    -webkit-transform: translateX(0%);

    -moz-transform: translateX(0%);

    -ms-transform: translateX(0%);		

}



.ocmp_menu_li:hover {

    color: #fff

}



.ocmp_menu_li a.ocmp-menu-href {

    float: left;

    font-size: 16px;

    font-weight: 700;

    padding: 0;

    position: relative;

    width: 100%;

    text-transform: uppercase

}



.ocmp_bubble_text,

.ocmp_tab_bubble_text {

    text-transform: capitalize;

    white-space: nowrap

}



.ocmp-menu-title {

    display: inline-block;

    float: left;

    padding-left: 15px;

    padding-right: 15px;

}



.ocmp_bubble_text {

    display: inline-block;

    font-size: 10px;

    right: 10px;

    line-height: 14px;

    margin-left: 0;

    padding: 0 5px;

    position: absolute;

    top: 5px

}

.ocmp-dropdown-menu{

	position: absolute;

    top: 100%;

    z-index: 999;

    background: #ffffff;

    width: 100%;

    padding: 8px 15px;

    visibility: hidden;

    opacity: 0;

    min-width: 200px;

	-moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1);

	transform: translateY(10%);

    -webkit-transform: translateY(10%);

    -moz-transform: translateY(10%);

    -ms-transform: translateY(10%);	

	transition: all 0.35s ease-out;

    -webkit-transition: all 0.35s ease-out;

    -moz-transition: all 0.35s ease-out;

    -ms-transition: all 0.35s ease-out;	

}

.ocmp_menu_li:hover .ocmp-dropdown-menu {

    opacity: 1;

    visibility: visible;

	transform: translateY(0%);

    -webkit-transform: translateY(0%);

    -moz-transform: translateY(0%);

    -ms-transform: translateY(0%);	

}

.ocmp-dropdown-menu li a{

	padding: 10px 15px;

    display: flex;

    display: -moz-flex;

    display: -webkit-flex;	

	display: -ms-flexbox; 

    border-bottom: 1px solid #dedede

}

/* OVERLAY */

body .megamenu.menu-open:before {

    left: 0;

}

body .megamenu::before{

	content: "";

    position: absolute;

    top: 100%;

    left: 0;

    width: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    bottom: 0;

    z-index: 9;

    height: 100vh;

    opacity: 0;

    visibility: hidden;	

}

body .megamenu.menu-open::before,

body .container .megamenu.menu-open::before{

	content: '';

    height: 100vw;

    background-color: rgba(0, 0, 0, 0.5);

    position: absolute;

    width: 100vw;

    opacity: 1;

    top: 100%;

    z-index: 1;

    visibility: visible;

	left:0;

}

.menu-open::before {

	height: 100vw;

    content: '';

    background-color: rgba(0, 0, 0, 0.5);

    position: absolute;

    left: 0;

    width: 100vw;

    opacity: 1;

    top: 100%;

    z-index: 1;

}



.ocmp_menu_li.open .ocmp_column_ul,

.ocmp_menu_li:hover .ocmp_column_ul {

    opacity: 1;

    visibility: visible;

	transform: translateY(0%);

    -webkit-transform: translateY(0%);

    -moz-transform: translateY(0%);

    -ms-transform: translateY(0%);


    display: block;

}



.megamenu .ocmp_column_ul {

	background-color: #FFF;

    background-size: auto;

    pointer-events: auto;

    position: absolute;

    top: 100%;

    left: 0;

    width: 100%;

    font-size: 14px;

    line-height: 24px;

    margin-top: 0;

    z-index: 10;

    padding-top: 15px;

    padding-bottom: 15px;

    background-repeat: no-repeat;

    visibility: hidden;

    opacity: 0;

	-moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1);

	transform: translateY(10%);

    -webkit-transform: translateY(10%);

    -moz-transform: translateY(10%);

    -ms-transform: translateY(10%);	

	transition: all 0.15s ease-out;

    -webkit-transition: all 0.15s ease-out;

    -moz-transition: all 0.15s ease-out;

    -ms-transition: all 0.15s ease-out;

    display:none;

}



.ocmp_tab_li {

    clear: both;

    float: left

}



.ocmp_tab_content_li {

    background-color: #fff;

    float: left;

    margin-bottom: -1px;

    margin-left: 0;

    width: 200px

}

.ocmp_menu_li .ocmp_column_ul.ocmp_column_tab_ul{height:0;}

.ocmp_menu_li .ocmp_column_ul.ocmp_column_tab_ul {padding: 0!important}



.ocmp_tab_name.ocmp_tab_toggle {

    cursor: pointer;

    display: block;

   /* float: left;*/

    padding: 0;

    position: relative;

    width: 100%

}



.ocmp_tab_toggle_title {

    /*float: left;

    padding: 9px 15px; */

    position: relative

}

.ocmp_menu_li .ocmp_column_ul li .ocmp_tab_content_li a{

	padding: 9px 15px;	

	display:block;

    position: relative

}

.ocmp_tab_li .ocmp_column_content_ul {

    background-color: #fff;

    left: 199px;

    margin-left: -1px;

    opacity: 0;

    padding: 15px 5px 10px;

    position: absolute;

    top: 0;

    z-index: 1;

    background-repeat: no-repeat !important;

    visibility: hidden;

    width: calc(100% - 197px);

    width: -o-calc(100% - 197px);

    width: -webkit-calc(100% - 197px);

    min-height: calc(100% + 1px);

    min-height: -o-calc(100% + 1px);

    min-height: -webkit-calc(100% + 1px);

	-webkit-box-shadow: 5px 6px 5px 0 rgba(0,0,0,0.05); 

	-moz-box-shadow: 5px 6px 5px 0 rgba(0,0,0,0.05); 

	-ms-box-shadow: 5px 6px 5px 0 rgba(0,0,0,0.05); 

	-o-box-shadow: 5px 6px 5px 0 rgba(0,0,0,0.05); 

	box-shadow: 5px 6px 5px 0 rgba(0,0,0,0.05); 

}



.ocmp_tab_li.open .ocmp_column_content_ul, 

.ocmp_tab_li:hover .ocmp_column_content_ul {

    opacity: 1;

    visibility: visible

}



.ocmp_column_ul .ocmp_tab_li.ocmp_tab_sub_menu .ocmp_tab_toggle:after {

    border-right: 1px solid #999;

    border-top: 1px solid #999;

    content: "";

    height: 6px;

    margin-top: -3px;

    position: absolute;

    right: 15px;

    top: 50%;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    transition: all .35s;

    -webkit-transition: all .35s;

    width: 6px

}



.ocmp_tab_bubble_text {

    display: inline-block;

    font-size: 10px;

    /*right: -15px;*/

    line-height: 14px;

    margin-left: 0;

    padding: 0 5px;

    position: absolute;

    top: 5px

}



.ocmp-search,

.ocmp-search-block {

    position: relative

}



.ocmp_column_ul {

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both

}



.ocmp_column_li {

    float: left

}



.ocmp-right {

    float: right!important

}



.ocmp-right-menu ul li {

    float: left;

    line-height: 2.5;



}

.ocmp-right-menu ul li a{

	padding:0 15px !important;	

}



.ocmp-search {

    display: inline-block;

    margin-right: 10px

}



.ocmp-search-li.active .ocmp-btn-search { z-index:9999; }

.ocmp-search-li.active .ocmp-btn-search i{

	color:#000;

}

.ocmp-input-search {

    position: absolute;

    right: 5px;

    padding: 0;

    top: 10px;

    padding: 0 8px;

    border: 0;

	z-index: 1;

    width: 0;

    visibility: hidden;

    opacity: 0

	transition:0.5s;

	-webkit-transition:0.5s;

	-moz-transition:0.5s;

	-ms-transition:0.5s;

	-o-transition:0.5s;		

}

.ocmp-search-li.active input{

	opacity:1;

	visibility:visible;

    width: 300px;

}

.ocmp-search-li{

	position:relative;

}



.megamenu ul {

    padding: 0;

    margin: 0

}



.ocmp_ul_block {

    position: relative;

    display: block;

    padding: 15px 0 0

}



.ocmp_block_li_button {

    position: absolute;

    right: 1px;

    top: 0

}



li.ocmp_block_li {

    /* position: relative; */

    padding: 5px 15px;

    margin-bottom: 15px

}



li.ocmp-inline {

    display: inline-block;

    border: 1px solid #dedede;

    padding: 5px;

    margin: 5px

}



li.ocmp_block_li:last-child {

    margin-bottom: 0

}



.ocmp_flex {

    display: -webkit-flex;

    display: -ms-flex;

    display: flex

}

.ocmp_product_ul .ocmp_grid{

    display: inline-block;

    text-align: center;

    position: relative;

}

.ocmp_product_image{

	border:1px solid #000;

	position:relative;

    overflow: hidden;

}

.ocmp_product_ul .ocmp_grid:hover .ocmp_btn_box{

	bottom:0;

	opacity:1;

}

.ocmp_btn_box{ 

	width: 100%;

	position:absolute;

	bottom:-15px;

	opacity:0;

	transition:0.5s;

}

.ocmp_btn_box a, .ocmp_list_btn a{

	display: inline-block !important;

    margin: 0;

    padding: 2px 5px;

}

.ocmp_btn_box a i, .ocmp_list_btn  a i{

	padding:5px 8px;

}

.ocmp_grid .ocmp_list_btn{

	display:none;

}

.ocmp_list .ocmp_btn_box{

	display:none;

}



.ocmp_list  .ocmp_right{margin-left:8px;}

.ocmp-heading h4 {

    border-bottom: 1px solid rgba(0, 0, 0, .25);

    color: #444;

    font-size: 14px;

    font-weight: 700;

    line-height: 110%;

    margin-bottom: 10px;

    margin-top: 0;

    padding-bottom: 9px;

    text-transform: uppercase

}



.ocmp_block_wrapper {

    color: #323232

}



.ocmp_break {

    clear: both

}



.ocmp_product_li {

    margin-bottom: 8px;

}

.ocmp_product_li .ocmp_right{

	text-align:left;

}

.ocmp_product_li .ocmp_right a {

    display: block;

    font-size: 15px;

    margin-bottom: 0px;

	white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;	

}





.ocmp_product_li .ocmp-left {

    float: left;

    max-width: 30%;

    width: 50%

}



.ocmp_product_li .ocmp-right {

    display: inline-block;

    margin: 0 2%;

    vertical-align: top;

    width: 70%

}



.ocmp_product_li .ocmp-old {

    text-decoration: line-through;

    color: #7a7a7a

}



.ocmp_product_li .ocmp-special {

    font-size: 14px

}



.ocmp_column_1 {

    width: 8.33333%

}



.ocmp_column_2 {

    width: 16.6667%

}



.ocmp_column_3 {

    width: 25%

}



.ocmp_column_4 {

    width: 33.333%

}



.ocmp_column_5 {

    width: 41.6667%

}



.ocmp_column_6 {

    width: 50%

}



.ocmp_column_7 {

    width: 58.3333%

}



.ocmp_column_8 {

    width: 66.6667%

}



.ocmp_column_9 {

    width: 75%

}



.ocmp_column_10 {

    width: 83.3333%

}



.ocmp_column_11 {

    width: 91.6667%

}



.ocmp_column_12 {

    width: 100%

}



.block-show {

    display: block

}



.block-hide {

    display: none

}





@media(max-width:767px) {

	

	/* START RTL */

	.ocmp-rtl .pull-left{ float:right !important; }

	.ocmp-rtl .pull-right{ float:left !important;  }

	.ocmp-rtl .ocmp-menu-title{ float:right;}

	.ocmp-rtl .arrow{left:0; right:auto;}

	.ocmp-rtl .ocmp_column_content_ul{background-image:none !important;}

	.ocmp-rtl .ocmp_product_ul .ocmp_grid{width:47% !important;}

	.ocmp-rtl .ocmp_shopping_cart{display:none;}

	.ocmp-rtl .ocmp_list .ocmp_right{margin-right: 8px; margin-left: 0;}

	.ocmp-rtl .ocmp-responsive .ocmp-submenu{left:auto;right:0;}

	.ocmp-rtl .ocmp-responsive .ocmp-nav{

		right:0;

		left:auto;

		transform: translatex(100%);

		-webkit-transform: translatex(100%);		

	}

	/* END RTL */

    .megamenu {

        background: #fefefe;

        width: 100%;

        border: 1px solid #dedede;

        padding: 10px

    }

    .close_menu,

    .menu-sm,

    i.fa-plus {

        display: block

    }

    .menu-sm {

        background: #fff;

        border: 0;

        color: #000;

        font-weight: 700;

        font-size: 15px

    }

	.ocmp_menu_li a.ocmp-menu-href{

		line-height:1.8 !important;

	    background: #fff !important;

		color:#000 !important;

	}

	.ocmp_menu_li.ocmp-sub-menu {

        width: 100%!important

    }

    .mobileBody .ocmp-nav {

		background:#fff;

        bottom: 0;

        left: 0;

        max-width: 280px;

        overflow: auto;

        position: fixed;

        top: 0;

        z-index: 10000;

        opacity: .6;

        transform: translatex(-100%);

        -webkit-transform: translatex(-100%);

        transition: all .35s ease 0s;

        -webkit-transition: all .35s ease 0s;

        visibility: hidden

    }

	.ocmp_menu_li .ocmp_column_ul.ocmp_column_tab_ul{ height:auto;}

	.ocmp-responsive .close_menu {

        background: #000;

        color: #fff;

        padding: 11px 25px;

        display: table;

        width: 100%;

        font-size: 15px

    }

    .ocmp-responsive .ocmp-nav.active {

        opacity: 1;

        transform: translatex(0);

        -webkit-transform: translatex(0);

        visibility: visible

    }

    .megamenu .ocmp-responsive li.ocmp_menu_li {

        float: none

    }

    .ocmp-responsive .ocmp_tab_li {

        width: 100%

    }

    .ocmp_tab_content_li {

        width: 100%!important

    }

    .ocmp_tab_li .ocmp_column_content_ul {

        clear: both;

        float: left;

        left: auto!important;

        right: auto!important;

        margin-bottom: -1px;

        position: relative;

        top: auto;

        width: 100%!important;

        display: none

    }

    .ocmp_column_ul .ocmp_tab_li.active.ocmp_tab_sub_menu .ocmp_tab_toggle:after {

        -webkit-transform: rotate(135deg);

        -ms-transform: rotate(135deg);

        -o-transform: rotate(135deg);

        transform: rotate(135deg)

    }

    .ocmp_tab_li.active .ocmp_column_content_ul {

        display: block;

		visibility:visible;

		opacity:1;

    }

    .megamenu li.ocmp_menu_li>a {

        border-bottom: 2px solid rgba(0, 0, 0, .3);

        display: block

    }

    .megamenu li.ocmp_menu_li span.ocmp-menu-title {

        padding: 7px 15px

    }

    .ocmp_bubble_text {

        display: inline-block;

        font-size: 10px;

        line-height: 14px;

        margin-left: 5px;

        margin-top: -10px;

        padding: 0 5px;

        position: relative;

        right: 5px;

        text-transform: capitalize;

        top: 3px;

        transform: translateY(-50%);

        -webkit-transform: translateY(-50%);

        vertical-align: 5px

    }

    .arrow {

        cursor: pointer;

        height: 40px;

        line-height: 40px;

        margin-top: 0;

        position: absolute;

        right: 0;

        text-align: center;

        width: 40px;

        z-index: 100;

        top: 0

    }

    .arrow.deactive:after {

        display: none

    }

    .arrow:after,

    .arrow:before {

        content: "";

        display: block;

        left: 50%;

        position: absolute;

        top: 50%

    }

    .arrow:after {

        border-left: 1px solid #000!important;

        height: 13px;

        transform: translate3d(-50%, -50%, 0);

        -webkit-transform: translate3d(-50%, -50%, 0);

        width: 1px

    }

    .arrow:before {

        border-top: 1px solid #000!important;

        height: 1px;

        margin: 0;

        transform: translate3d(-50%, -50%, 0);

        -webkit-transform: translate3d(-50%, -50%, 0);

        width: 13px;

        border: 0

    }

    .megamenu .ocmp_column_ul,.megamenu .ocmp-dropdown-menu {

        display: none;

        position: relative

    }

    .megamenu .ocmp_column_ul.active, .megamenu .ocmp-dropdown-menu.active {

        clear: both;

        display: block!important;

        float: left;

        visibility: visible;

        width: 100%!important;

        border-bottom: none

    }

	.ocmp-responsive .ocmp_column_li {

        width: 100%

    }

    .ocmp-responsive .ocmp_product_li .ocmp-left {

        max-width: 35%

    }

	.ocmp-responsive .ocmp-submenu{

		position:relative;

		left:0;

		width:100%;

		height:0;

		-webkit-transform:none;

		-moz-transform:none;

		transform:none;

	}

	.ocmp_drop_down.active > ul{

		height:100%;

		opacity:1;

		visibility:visible;

	}

}