/* ---------------------------------------------------------------------- */
/*
/*	Site Colors
/*
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/*
/*	Red
/*
/* ---------------------------------------------------------------------- */
.red, .redHover:hover									{color: 			#b62828;}
.redBg, .redBgHover:hover								{background-color: 	#b62828;}
.redBorder, .redBorderHover:hover						{border-color: 		#b62828;}
/* ---------------------------------------------------------------------- */
/*
/*	Red Lighten
/*
/* ---------------------------------------------------------------------- */
.redLighten, .redLightenHover:hover									{color: 			#f05253;}
.redLightenBg, .redLightenBgHover:hover								{background-color: 	#f05253;}
.redLightenBorder, .redLightenBorderHover:hover						{border-color: 		#f05253;}
/* ---------------------------------------------------------------------- */
/*
/*	Red Lighten
/*
/* ---------------------------------------------------------------------- */
.redDarken, .redDarkenHover:hover									{color: 			#c42a2b;}
.redDarkenBg, .redLDarkenBgHover:hover								{background-color: 	#c42a2b;}
.redDarkenBorder, .redDarkenBorderHover:hover						{border-color: 		#c42a2b;}
/* ---------------------------------------------------------------------- */
/*
/*	pomegranate
/*
/* ---------------------------------------------------------------------- */
.pomegranate, .pomegranateHover:hover                                       {color:#ef4036;}
.pomegranateBg, .pomegranateBgHover:hover                                   {background-color:#ef4036;}
.pomegranateBorder, .pomegranateBorderHover:hover                           {border-color:#ef4036;}
.pomegranateBg.pattern                                                      {background-image:url(../images/pomegranateBgPattern.png);}
/* ---------------------------------------------------------------------- */
/*
/*	aquaGreen
/*
/* ---------------------------------------------------------------------- */
.aquaGreen, .aquaGreenHover:hover                                            {color:#5fa777;}
.aquaGreenBg, .aquaGreenBgHover:hover                                        {background-color:#5fa777;}
.aquaGreenBorder, .aquaGreenBorderHover:hover                                {border-color:#5fa777;}
.aquaGreenBg.pattern                                                         {background-image:url(../images/aquaGreenBgPattern.png);}
/* ---------------------------------------------------------------------- */
/*
/*	aquaGreenLight
/*
/* ---------------------------------------------------------------------- */
.aquaGreenLight, .aquaGreenLightHover:hover                                   {color:#5ebf8f;}
.aquaGreenLightBg, .aquaGreenLightBgHover:hover                               {background-color:#5ebf8f;}
.aquaGreenLightBorder, .aquaGreenLightBorderHover:hover                       {border-color:#5ebf8f;}
.aquaGreenLightBg.pattern                                                     {background-image:url(../images/aquaGreenLightBgPattern.png);}
/* ---------------------------------------------------------------------- */
/*
/*	aquaGreenBold
/*
/* ---------------------------------------------------------------------- */
.aquaGreenBold, .aquaGreenBoldHover:hover                                     {color:#088c5b;}
.aquaGreenBoldBg, .aquaGreenBoldBgHover:hover                                 {background-color:#088c5b;}
.aquaGreenBoldBorder, .aquaGreenBoldBorderHover:hover                         {border-color:#088c5b;}
.aquaGreenBoldBg.pattern                                                      {background-image:url(../images/aquaGreenBoldBgPattern.png);}
/* ---------------------------------------------------------------------- */
/*
/*	Blue
/*
/* ---------------------------------------------------------------------- */
.blue, .blueHover:hover									{color: 			#471282;}
.blueBg, .blueBgHover:hover								{background-color: 	#471282;}
.blueBorder, .blueBorderHover:hover						{border-color: 		#471282;}
/* ---------------------------------------------------------------------- */
/*
/*	Blue Darken 1
/*
/* ---------------------------------------------------------------------- */
.blueDarken, .blueDarkenHover:hover						{color: 			#24143e ;}
.blueDarkenBg, .blueDarkenBgHover:hover					{background-color: 	#24143e ;}
.blueDarkenBorder, .blueDarkenBorderHover:hover			{border-color: 		#24143e ;}
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/*
/*	orange
/*
/* ---------------------------------------------------------------------- */
.orange, .orangeHover:hover									{color: 			#e35f47;}
.orangeBg, .orangeBgHover:hover								{background-color: 	#e35f47;}
.orangeBorder, .orangeBorderHover:hover						{border-color: 		#e35f47;}
/* ---------------------------------------------------------------------- */
/*
/*	orange Lighten 1
/*
/* ---------------------------------------------------------------------- */
.orangeLighten, .orangeLightenHover:hover					{color: 			#f3765e;}
.orangeLightenBg, .orangeLightenBgHover:hover				{background-color: 	#f3765e;}
.orangeLightenBorder, .orangeLightenBorderHover:hover		{border-color: 		#f3765e;}
/* ---------------------------------------------------------------------- */
/*
/*	Button
/*
/* ---------------------------------------------------------------------- */
.button.big, input.big[type=submit] {padding: 10px 35px 12px;}
input[type=submit]:disabled {color:#777 !important; background-color: #ccc !important; border-color: #999 !important;}
.form-control, textarea, .button, input[type="submit"], .form-control::placeholder {
    padding: 6px 15px 8px;
    font-size: 15px;
    height: auto;
}
 .text-ltr-left.form-control {
    padding: 7px 15px 7px;
    font-size: 15px;
}
.button.mini, input[type="submit"].mini {
    padding:0 14px 2px 14px;
    font-size: 15px;
    min-width: auto !important;
    border-radius:15px;
}
.button i {
    font-size: 18px;
    vertical-align: middle;
    padding-bottom: 2px;
}
/* ---------------------------------------------------------------------- */
/*
/*	pageHeader
/*
/* ---------------------------------------------------------------------- */
.pageHeader {
    background-image: url(../images/header.jpg) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.panel .pageHeader {
    margin-bottom: 20px;
}
.pageHeader .text-shadow {
    text-shadow: 1px 0 3px #333;
}
.pageHeader h1 {
    margin-top: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.panel .pageHeader h1{
    margin-top: 0;
}
body.panel{
    background-image: url("../images/backgrounds/2.jpg");
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}
.page-sidebar-menu > li.active > a {
    background: #f3765e !important;
    color:#fff !important;
}
.opaqueBg, .opaqueBgHover:hover {
    background-color: rgba(255,255,255,0.7);
}
/* ---------------------------------------------------------------------- */
/*
/*	Body
/*
/* ---------------------------------------------------------------------- */
a {
    color: 
    #151515;
}
a:active, a:focus {
  outline: 0;
  -moz-outline-style: none;
}
.text-justify {
    text-align: justify !important;
    text-overflow: clip;
    text-justify: distribute;
}
@media (max-width:768px) {
    .text-justify {
        letter-spacing: -0.3px;
    }	
}
.text-justify h1, .text-justify .h1{
    text-align: right;
}
html{
    width: 100%;
}
body{
	font-family:IranSans;
    overflow-x: hidden;
    width: 100%;
    background-color: #f1f1f1;
}
body                     {font-size: 15px}
.h1.bigger, h1.bigger    {font-size: 36px}
.h1, h1                  {font-size: 28px}
.h2, h2                  {font-size: 21px}
.h3, h3                  {font-size: 18px}
.h4, h4                  {font-size: 16px}
.h5, h5                  {font-size: 14px}
.h6, h6                  {font-size: 12px}

@media (max-width:1367px) {
body       {font-size: 14.5px}
.h1.bigger, h1.bigger    {font-size: 32px}
.h1, h1    {font-size: 27px}
.h2, h2    {font-size: 20px}
.h3, h3    {font-size: 16px}
.h4, h4    {font-size: 15px}
.h5, h5    {font-size: 13px}
.h6, h6    {font-size: 11.5px}	
}

@media (max-width:991px) {
body       {font-size: 14px}
.h1.bigger, h1.bigger    {font-size: 30px}
.h1, h1    {font-size: 26px}
.h2, h2    {font-size: 20px}
.h3, h3    {font-size: 16px}
.h4, h4    {font-size: 14px}
.h5, h5    {font-size: 12px}
.h6, h6    {font-size: 11.5px}	
}

@media (max-width:768px) {
body       {font-size: 14px}
.h1.bigger, h1.bigger    {font-size: 28px}
.h1, h1    {font-size: 24px}
.h2, h2    {font-size: 19px}
.h3, h3    {font-size: 15px}
.h4, h4    {font-size: 14px}
.h5, h5    {font-size: 12px}
.h6, h6    {font-size: 11px}	
}
.pageSocialIcons a{
    color: #662d91;
    margin: 2px;
}
.tags a{
    margin: 2px;
}
.pageSocialIcons a:hover{
    color: #00897b;
}
.shortDetails p{
    line-height: 1.4;
    padding-bottom: 0;
}
@media (max-width:768px) {
.mainContent       {margin-top: 50px}
}

/* ---------------------------------------------------------------------- */
/*
/*	Forms
/*
/* ---------------------------------------------------------------------- */
.form-group label{
    font-size: 14px;
    font-weight: 300;
}


.form-control{
    border-radius: 25px;
    font-wight: 200;
    padding: 8px 15px 10px;
}

.form-control::placeholder{
    font-size:inherit;
}
select option{
    font-family:IranSans;
}
/* ---------------------------------------------------------------------- */
/*
/*	Header
/*
/* ---------------------------------------------------------------------- */
.header{
    width:100%;
    z-index: 100;
    position: absolute;
    left: 0;
    top: 10px;
}
.header .logo{
    float: left;
}
.header .lightLogo{
    width: 200px;
}
.header .miniLogo{
    width: 70px;
}
.header .logo .miniLogo{
    display: none;
}
.header .normalMenu{
    float: right;
    margin-top: 5px;
}
.header .usermenu{
    float: right;
    margin-top: 16px;
}
.responsiveMenu{
    display: none;
}
@media (max-width: 1200px) {
    .header>.container{
        width: 100%;
        max-width: 100%;
    }
}
@media (max-width: 991px) {
    .normalMenu{
        display: none;
    }
    .responsiveMenu{
    display: block;
    }
    .header .usermenu{
        margin-top: 7px;
        margin-right: 55px;
    }
}
@media (max-width: 768px) { 
    .header .logo .miniLogo{
        display: block;
    }
    .header .logo .lightLogo{
        display: none;
    }
}

/* ---------------------------------------------------------------------- */
/*
/*	Main Menu Dropdown
/*
/* ---------------------------------------------------------------------- */
.mainMenu{
	float:right;	
}
.ltr .mainMenu{
	float:left;	
}
.mainMenu a, .mainMenu li, .mainMenu ul{
	transition:0.2s all;
}
.mainMenu>ul, .mainMenu>ul>li{
	display:block;
	float:right;
	position:relative;
	z-index:8;
}
.ltr .mainMenu>ul,.ltr .mainMenu>ul>li{
	float:left;
	text-transform:uppercase;
}
.mainMenu a{
}
.mainMenu>ul>li>a{
    color:rgba(255,255,255,0.8);
    padding: 19px 20px 20px;
    font-size: 17px;
    font-weight: 800;
    display: inline-block;
}
.mainMenu>ul>li:hover>a{
	background:rgba(255,255,255,0.2);
	color:#fff;
}
.mainMenu>ul>li>ul{
	opacity:0;
	position:absolute;
	top:0;
	right:0;
	text-align:right;
	display:block;
}
.ltr .mainMenu>ul>li>ul{
	right:auto !important;
	left:0;
	text-align:left;
	direction:ltr;
}
.mainMenu>ul>li:hover>ul{
	opacity:1;
	top:100%;
}
.mainMenu>ul>li>ul li{
	display:inline-block;
	float:right;
	width:100%;
}
.mainMenu>ul>li>ul a{
	display:none;
	float:right;
	width:100%;
    padding: 14px 20px 15px;
    font-size: 16px;
    color: #fff;
    font-weight: 800;
	background:rgba(255,255,255,0.2);
	min-width:200px;
}
.mainMenu>ul>li:hover>ul a{
	display:inline-block;
}
.mainMenu>ul>li>ul a:hover{
	background:rgba(255,255,255,0.3);
	color:#fff;
}
.ltr .mainMenu>ul>li>ul a:hover{
	padding-right: 0;
}
.mainMenu>ul > li > ul ul {
  visibility: hidden;
  float:right;
  position: absolute;
  top:0;
  right:80%;
  opacity: 0;
  margin:0;
  padding:0;
	-moz-transition: all 0.2s ;
	-o-transition: all 0.2s ;
	-webkit-transition: all 0.2s ;
	transition: all 0.2s ;
}
.mainMenu>ul > li:hover > ul li:hover ul {
  visibility: visible;
  opacity: 1;
  top:0;
  padding-right:1px;
  right:100%;
  z-index:999;
}
@media (max-width: 1400px) {
    .mainMenu>ul>li>a{
        padding: 19px 15px 20px;
    }
}
@media (max-width: 1200px) {
    .mainMenu>ul>li>a{
        padding: 19px 10px 20px;
        color: #ccc;
    }
}
@media (max-width: 991px) {
    .mainMenu>ul>li>a{
        padding: 19px 10px 20px;
        color: #ccc;
    }
}
/* ---------------------------------------------------------------------- */
/*
/*	Menu Icon
/*
/* ---------------------------------------------------------------------- */
.headerMenu.menu {
    pointer-events: all;
    z-index: 101;
    position: fixed;
    right: 15px;
    top: 15px;
}
.headerMenu.menu a{
    display: block;
    cursor: pointer;
    width: 40px;
    height: 40px;
    overflow: hidden;
}
.headerMenu.menu span{
    width: 30px;
    height: 2px;
    background-color: #000;
    display: block;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    top: 10px;
    left: -5px;
}
.headerMenu.menu a.active span{
    background-color: #fff;
}
.headerMenu.menu a:hover span:nth-child(1) {
    transform: translateY(6px);
}
.headerMenu.menu a.active span:nth-child(1) {
    transform: rotate(50deg) translate(10px, 11px);
}
.headerMenu.menu span:nth-child(2) {
    width: 25px;
}
.headerMenu.menu a:hover span:nth-child(2) {
    width: 0;
    transform: translateX(30px);
}
.headerMenu.menu a.active span:nth-child(2) {
    width: 0;
    visibility: hidden;
    opacity: 0;
    transform: translateX(100%);
}
.headerMenu.menu span ~ span {
    margin-top: 10px;
}
.headerMenu.menu a:hover span:nth-child(3) {
    transform: translateY(-6px);
}
.headerMenu.menu a.active span:nth-child(3) {
    transform: rotate(-50deg) translate(6px, -7px)
}
/* ---------------------------------------------------------------------- */
/*
/*	Menu Items
/*
/* ---------------------------------------------------------------------- */
.menu-items {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 120%;
    background-color: #b62827;
    pointer-events: all;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transition-duration: 0.2s;
    transition-timing-function:cubic-bezier();
}
.menu-items #menuAnimation {
 position:absolute;
 left:50%;
 top:50%;
 -webkit-transform:translate(-50%, -50%);
 -moz-transform:translate(-50%, -50%);
 -ms-transform:translate(-50%, -50%);
 -o-transform:translate(-50%, -50%);
 transform:translate(-50%, -50%);
}
.menu-items.active {
    opacity: 1;
    visibility: visible;
}
.menu-items ul,.menu-items ul li{
    width: 100%;
    text-align: center;
}
.menu-items ul li {
    transform:translateY(30px);
    opacity: 0;
}
.menu-items.active ul li {
    transform:translateY(0);
    opacity: 1;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
}
.menu-items ul li:nth-child(1) {transition-delay: 0.1s;}
.menu-items ul li:nth-child(2) {transition-delay: 0.2s;}
.menu-items ul li:nth-child(3) {transition-delay: 0.3s;}
.menu-items ul li:nth-child(4) {transition-delay: 0.4s;}
.menu-items ul li:nth-child(5) {transition-delay: 0.5s;}
.menu-items ul li:nth-child(6) {transition-delay: 0.6s;}
.menu-items ul li:nth-child(7) {transition-delay: 0.7s;}
.menu-items ul li:nth-child(8) {transition-delay: 0.8s;}

.menu-items a {
 text-decoration:none;
 display:inline-block;
 padding:10px 0;
 border-bottom: 1px solid rgba(255,255,255,0.2);
 position:relative;
 min-width:250px;
 font-weight: 800;
 -webkit-transition:all 1s cubic-bezier(0.17, 0.67, 0.21, 1);
 -moz-transition:all 1s cubic-bezier(0.17, 0.67, 0.21, 1);
 -ms-transition:all 1s cubic-bezier(0.17, 0.67, 0.21, 1);
 -o-transition:all 1s cubic-bezier(0.17, 0.67, 0.21, 1);
 transition:all 1s cubic-bezier(0.17, 0.67, 0.21, 1);
 opacity:1;
}
.menu-items a.active {
 opacity:1
}
.menu-items a span {
 color:#fff;
 -webkit-transition:all .3s cubic-bezier(0.17, 0.67, 0.21, 1);
 -moz-transition:all .3s cubic-bezier(0.17, 0.67, 0.21, 1);
 -ms-transition:all .3s cubic-bezier(0.17, 0.67, 0.21, 1);
 -o-transition:all .3s cubic-bezier(0.17, 0.67, 0.21, 1);
 transition:all .3s cubic-bezier(0.17, 0.67, 0.21, 1);
 
}
.menu-items a span.big-text {
 display:block;
 font-size:36px;
 line-height:30px;
 position:relative;
 z-index:2;
 text-transform: uppercase;
 opacity: 0.8;
}
.menu-items a span.under-text {
 font-size:24px;
 line-height:24px;
 opacity:0;
 position:absolute;
 z-index:1;
 width:100%;
 left:0;
 top:50%;
 text-transform:uppercase;
 top:calc(50% - 12px);
}
.menu-items a span.under-text span {
 font-size:20px;
 vertical-align:middle;
 margin-left:10px;
}
.menu-items a:hover {
 opacity:1
}
.menu-items a:hover.active {
 opacity:1
}
.menu-items a:hover span.big-text {
    opacity: 1;
}
.menu-items a:hover span.under-text {
 opacity:.5
}
/*
    Levels
*/
.hasSubmenu ul a, .menu-items.inactive a{
    display: none;
}
.menu-items ul.active a{
    display: block;
}

@media (max-width: 1400px) { 
    .menu-items a span.big-text {
         font-size:40px;
         line-height:1.2;
    }
}
@media (max-width: 768px) { 
    .menu-items a span.big-text {
        font-size: 25px;
        line-height: 1.2;
    }
    .under-text{
        display: none;
    }
    .menu-items a:hover span.big-text {
     -webkit-transform:translateY(0);
     -moz-transform:translateY(0);
     -ms-transform:translateY(0);
     -o-transform:translateY(0);
     transform:translateY(0)
    }
    .menu-items ul li
    {
        transform:translateY(30px);
        opacity: 0;
    
    }
}


/* ---------------------------------------------------------------------- */
/*
/*	Search
/*
/* ---------------------------------------------------------------------- */
.search input {
	width: 100% !important;
	border: 1px solid #bbb;
	background:#eceff1;
	border-top-left-radius:0 !important;
	border-bottom-left-radius:0 !important;
}
.search input:focus {
	border: 1px solid #aaa;
	outline: 0 !important;
	box-shadow:0;
}
.search button {
	width: 20%!important;
	border-top-right-radius:0 !important;
	border-bottom-right-radius:0 !important;
	padding-left:0;
	padding-right:0;
	min-width:auto !important;
    padding: 9px 10px 10px;
}
.search .suggesstion-box {
	width: 80%
}
.search input::placeholder {
font-size:12px!important
}
.text img, p {
	margin: 10px
}
.suggesstion-box {
	display: inline-block;
	z-index: 9
}
.suggestion-loading {
	position: absolute;
	top: 21px;
	left: 27px;
	opacity: 0;
}
.suggestion-loading.active {
	opacity: 1
}
.suggesstion-results {
	position: absolute;
	width: 100%;
	top: 100%;
	max-height: 500px;
	overflow: auto;
	background: #fff;
	z-index:1;
}
.suggesstion-results .hvideo {
	display: inline-block;
	padding-bottom: 0
}
.suggesstion-bg {
	background: rgba(0,0,0,.7);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: -1;
	visibility: hidden;
	opacity: 0
}
.suggesstion-bg.active {
	z-index: 998;
	visibility: visible;
	opacity: 1
}
@media (max-width: 480px) {
	.suggesstion-bg {
		background: #252525;
	}
}
.clickOutHide{
	background: rgba(255,255,255,0.7);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: -1;
	visibility: hidden;
	opacity:0;
}
.clickOutHide.active{
	z-index: 998;
	visibility:visible;
	opacity:1;
}

.suggestionHeader{
	margin-top:15px;
	border-bottom:1px solid #ddd;
	margin-bottom:10px;
	padding-bottom:10px;
	font-weight:bold;	
}
.suggestionItem{
	border-bottom:1px solid #f5f5f5;
	display:block;
	width:100%;
}
/* ---------------------------------------------------------------------- */
/*
/*	homeProductCategory
/*
/* ---------------------------------------------------------------------- */
.sameHeight .owl-stage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.sameHeight .owl-item {
  display: flex;
  flex-direction: column;
}
.homeProductCategory{
	display:inline-block;
	width:100%;
	position:relative;
    border: 1px solid #000;
    margin-top: 100px;
}
.homeProductCategory img{
	position:relative;
    top: -100px;
}
.homeProductCategoryText{
	position:absolute;
	bottom:30px;
    padding: 25px;
}
.homeProductCategoryShowMore{
	position:absolute;
	bottom:20px;
	left:20px;
}
.homeProductCategory .productTitle{
    text-align: right;
    font-weight: 800;
}
@media (max-width: 1600px) {
}

@media (max-width: 768px) {
}

/* ---------------------------------------------------------------------- */
/*
/*	homeProduct
/*
/* ---------------------------------------------------------------------- */
.homeProduct{
	display:inline-block;
	width:100%;
	position:relative;
	background:#fff;
}
.homeProductThumb{
	position:relative;	
}
.homeProductOverly{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	position:absolute;
	width:100%;
	height:50%;
	bottom:0;
    opacity: 0;
}
.homeProduct .discount{
	bottom:-15px;
	left:10px;
	position:absolute;
}
.homeProduct .homeProductText{
	padding:0 5px 20px;
	text-align:center;
}
.homeProduct .productTitle{
}
.homeProduct .productPrice{
}

/*------------------------------------*
/*
/*  Product Category List
/*
\*------------------------------------*/
.productCategoryList li{
	display:none;
}
.productCategoryList .icon{
	color:#999;
	font-size: 16px;
}
.productCategoryList>li{
	display:inline-block;	
}
.productCategoryList li.active, .productCategoryList li.active>ul>li{
	display:inline-block;	
}
.productCategoryList li{
	width:100%;
	font-weight:300;
}
.productCategoryList a{
	padding:5px;	
	cursor:pointer;
	display:inline-block;
	color:rgb(84, 84, 84);
}
.productCategoryList a:hover{
	color:#5fa777;
	font-weight:300;
}
.productCategoryList ul{
	padding-right:20px;	
}
.productCategoryList li.active>a{
}
.productCategoryList li.active>a:hover{
}
.productCategoryList li.here>a{
	font-weight:bold;
	color:#333;
}
.productCategoryList li.here>a:hover{
	color:#333;
	font-weight:bold;
	cursor:default;
}
.productCategoryList li.here>.icon{
	transform: rotate(270deg);
	transform-origin: 4px 9px;
}

/* ---------------------------------------------------------------------- */
/*
/*	productListItem
/*
/* ---------------------------------------------------------------------- */
.row_productList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.row_productList > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.productList{
	margin-left:-2px;
}
.productListItemOut{
	margin-left: -1px;
	margin-bottom: -1px;
}
.productListItem{
	display:inline-block;
	width:100%;
	position:relative;
	background:#fff;
    height: 100%;
}
.productListItem:hover{
	box-shadow: 0 2px 17px 0 rgba(0,0,0,.2);
	z-index:1;
}
.productListItemThumb{
	position:relative;	
    padding: 10px 15px 0 15px;
}
.productListItem .discount{
	bottom:-15px;
	left:10px;
	position:absolute;
}
.productListItem .productListItemText{
	padding:0 15px 20px;
	text-align:center;
}
.productListItem .productTitle{
    line-height: 1.5;
}
.productListItem .productPrice{
}
/* ---------------------------------------------------------------------- */
/*
/*	Product Page
/*
/* ---------------------------------------------------------------------- */
.productDetails{
    line-height: 1.8;
}
.productDetails h1,.productDetails  h2,.productDetails  h3,.productDetails  h4,.productDetails  h5{
    display: inline-block;
    line-height: 1.8;
}
.productShort h1,.productShort  h2,.productShort  h3,.productShort  h4,.productShort  h5{
    display: inline-block;
    line-height: 1.6;
    font-weight: 300;
}
.productDetails img{
	max-width:100%;
}
.productGallery img{
    width: auto !important;
    max-width: 100%;
    display: inline-block !important;
}
.item img{
	max-width: 100%;	
	width: 100%;
}
.sliderThumbs .item{
	border:1px solid #fff;
	cursor:pointer;
}

.sliderThumbs .item img{
	border:1px solid #ddd;
	cursor:pointer;
}

.sliderThumbs .synced .item img{
	border:1px solid #888;	
}

.bannerThumbs .owl-item{
    cursor: pointer;
}
.bannerThumbs .owl-item img{
    opacity: 0.7;
}
.bannerThumbs .owl-item.current img{
    opacity: 1;
}
.bannerThumbs{
    padding: 0 15px 15px;
    margin: 0 auto;
}
.productsSlider .owl-carousel .owl-nav button.owl-prev,.productsSlider  .owl-carousel .owl-nav button.owl-next{
    background: rgba(0,0,0,0.2);
    bottom: 45%;
    animation: none !important;
}
.productsSlider .owl-carousel .owl-nav button.owl-prev:hover:not(.disabled),.team .owl-carousel .owl-nav button.owl-next:hover:not(.disabled){
    background: rgba(0,0,0,0.35);
    animation: none !important;
}
.productsSlider .owl-carousel .owl-nav button.owl-prev::before,.productsSlider .owl-carousel .owl-nav button.owl-next::before{
    animation: none !important;
}
.productsSlider .owl-carousel .owl-nav button.owl-prev:hover,.productsSlider .owl-carousel .owl-nav button.owl-next:hover{
    background: rgba(0,0,0,0.3) !important;
    transition: 0.2s all;
}

/*------------------------------------*
/*
/*  Image Icons
/*
\*------------------------------------*/
.imageIcon{
	display:inline-block;
	width:100%;
	position:relative;
	background:#fff;
}
.imageIcon .button{
	margin-right:2px;
}
.imageIconTitle{
	display:inline-block;
	margin:0;
	padding:0;
	vertical-align:middle;
	padding-top:2px;	
}
/* ---------------------------------------------------------------------- */
/*
/*	Titles
/*
/* ---------------------------------------------------------------------- */
.titleWithBorder{
	width:100%;
	text-align:right;
	direction:rtl;
	border-width:0;
	border-bottom-width:1px;
	border-style:solid;
	margin-top:10px;
	margin-bottom:15px;
}
.titleWithBorder span{
	padding:15px;
	display:inline-block;
	border-width:0;
	border-bottom-width:3px;
	border-style:solid;
	position:relative;
	bottom:-2px;
}
/* ---------------------------------------------------------------------- */
/*
/*	Banner
/*
/* ---------------------------------------------------------------------- */
.banner{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bannerCaptions{
    position:absolute;
    bottom: 52%;
    transform: translateY(50%);
    right:0;
    text-align: right;
    direction: rtl;
}
.bannerCaptions h1{
    font-size: 47px;
    font-weight: 900;
    color: #fff;
}
.bannerCaptions h2{
    font-size: 19px;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 25px;
}
@media (max-width: 1400px) { 
    .bannerCaptions{
        width: 380px;
    }
}
@media (max-width: 1200px) { 

    .bannerCaptions h1{
        font-size: 42px;
    }
    .bannerCaptions h2{
        font-size: 18px;
    }

}
@media (max-width: 992px) { 
    .bannerCaptions{
        width: 280px;
    }
    .bannerCaptions h1{
        font-size: 36px;
    }
    .bannerCaptions h2{
        font-size: 17px;
    }

}
@media (max-width: 768px) { 

    .bannerCaptions{
        position:absolute;
        bottom: 0;
        transform: translateY(0);
        right:0%;
        width: 100%;
        background: rgba(182,40,39,0.9);
        background-image: none !important;
        padding:20px 20px 40px;

    }
    .bannerCaptions h1{
        font-size: 24px;
    }
    .bannerCaptions h2{
        font-size: 16px;
    }
    
    
}
@media (max-width: 576px) { 
    .bannerCaptions{

    }
}

/* ---------------------------------------------------------------------- */
/*
/*	Home Steps
/*
/* ---------------------------------------------------------------------- */
#homeSteps{
    background: url("../images/background_gradient1.jpg");
    background-position: center;
    background-size: cover;
}
#homeBenefits{
    background: url("../images/background_gradient_red.jpg");
    background-position: center;
    background-size: cover;
}
.smileframe{
    background: url("../images/smileframe.svg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    text-align: center;
    padding: 70px 50px;
    width: 100%;
    min-height: 333px;
}
.smileframe .icon{
    width: 70px !important;
    display: inline-block !important;
    margin-top: 0px;
}
.smileframe .h1{
    padding-top: 40px;
    padding-bottom: 10px;
}
.smileframe .h3{
    max-width: 200px;
    display: inline-block;
    line-height: 1.2;
}
@media (max-width: 1700px) {
    .smileframe .h1{
        padding-top: 20px;
    }
}
@media (max-width: 1600px) {
    .smileframe .h1{
        padding-top: 50px;
    }
}
@media (max-width: 1360px) {
    .smileframe .h1{
        padding-top: 30px;
    }
}

@media (max-width: 1200px) {
    .smileframe .h1{
        padding-top: 60px;
    }
}
@media (max-width: 768px) {
    .smileframe .h1{
        padding-top: 50px;
    }
}
@media (max-width: 678px) {
    .smileframe .h1{
        padding-top: 60px;
    }
}
@media (max-width: 400px) {
    .smileframe .h1{
        padding-top: 40px;
    }
}
@media (max-width: 350px) {
    .smileframe{
        background:none;
        padding: 20px;
        width: 100%;
        min-height: auto;
    }
    .smileframe .h1{
        padding-top: 0px;
    }
}

/* ---------------------------------------------------------------------- */
/*
/*	Loader
/*
/* ---------------------------------------------------------------------- */
.loader-animation
{
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:99999;
    background-color:#fff;
    -webkit-transition:all .3s ease-in;
    -moz-transition:all .3s ease-in;
    -ms-transition:all .3s ease-in;
    -o-transition:all .3s ease-in;
    transition:all .3s ease-in;
}
.loader-animation__dark{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#b62827;-webkit-animation:fadeIn .2s ease-in;animation:fadeIn .3s ease-in;z-index:-1}
.loader-animation--hide{opacity:0;visibility:hidden}

@media (max-width: 768px) {
    .loader-animation {
    display:none !important;
    }
}
@media (max-width: 996px) {
    .loader-animation {
    position: fixed;
    width: 150%;
    height: 150%;
    top: -25%;
    left: -25%
    }
}
/* ---------------------------------------------------------------------- */
/*
/*	Home Info
/*
/* ---------------------------------------------------------------------- */
#homeInfo{
    background-color: #de9839;
    background-image: url("../images/background_golden.png");
    background-position: center;
    background-size: cover;
}
@media (max-width: 1300px) { 

}
@media (max-width: 1200px) { 

}
@media (max-width: 996px) { 

}
@media (max-width: 768px) { 

}

@media (max-width: 992px) {  }

@media (max-width: 1200px) {  }

/* ---------------------------------------------------------------------- */
/*
/*	Home Insta
/*
/* ---------------------------------------------------------------------- */
#homeInsta{
    background-image: url("../images/background_insta.jpg");
    background-position: center;
    background-size: cover;
}
/* ---------------------------------------------------------------------- */
/*
/*	Home News
/*
/* ---------------------------------------------------------------------- */
#home_news{
    background-color: #efefef;
}
.newsItem{
    margin-bottom: 30px;
}
.newsItem .thumb{
    position: relative;
}
.newsItem .thumb .fadeWhite{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url("../images/gradient-white.png") repeat-x bottom;
}
.newsItem .thumb .date{
    position: absolute;
    bottom: 15px;
    left: 15px;
    padding: 8px 15px;
    background: #f05253;
    color: #fff;
    border-radius: 20px;
    font-size: 14px;
}
.newsItem .text{
    padding: 20px 30px 40px 30px;
    background: #fff;
    line-height: 1.5;
}

.textCut{
    width: 100%;
    height: 50px;
    overflow: hidden;
}
@media (max-width: 768px) { 
    .newsItem .thumb .date{
        position: absolute;
        bottom: 15px;
        left: 15px;
        padding: 4px 10px;
        background: #de9839;
        color: #fff;
        border-radius: 20px;
        font-size: 13px;
    }
}
/* ---------------------------------------------------------------------- */
/*
/*	Home Sponsoors
/*
/* ---------------------------------------------------------------------- */
#homeSponsoors{
    background-image: url("../images/background_gradient.jpg");
    background-position: center;
    background-size: cover;

}
.homeSponsor{
    width: 160px;
    border: 1px solid #fff;
    margin: 5px;
    padding: 10px 0;
}
/* ---------------------------------------------------------------------- */
/*
/*	Footer
/*
/* ---------------------------------------------------------------------- */
#footer{
    background: #414141 url("../images/footer.png") no-repeat 100px bottom;
    color: #cccccc;
}
.footerLogo{
    width: 180px;
    opacity: 0.7;
}
#footer a, .copyright a{
    color:#fff;
}
#footer a:hover, .copyright a:hover{
    color:#f3765e;
}
.copyright{
    background: #333131;
    color: #cccccc;
    direction: rtl;
}
.loader{
	display:none;	
}

































/* ---------------------------------------------------------------------- */
/*
/*	Loader
/*
/* ---------------------------------------------------------------------- */
.aboutPage{
    background-color: #662d91;
    background: url("../images/about-page.jpg") center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 30px;
}
.purpleBg{
    background-color: #662d91;
}
.aboutPageHorse{
    position: absolute;
    top:50%;
    right: 0;
    transform: translate(50%, -50%);
}
.categorySide{
    background-image: url("../images/homeServices.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.homeServices{
    background: url("../images/homeServices.jpg") center;
    background-repeat: no-repeat;
    background-size: cover;
}
.homeServicesHelmet {
    position: absolute;
    top:50%;
    right: 0;
    transform: translate(50%, -50%);
}
.homeServicesHelmet[data-aos^="fade"][data-aos^="fade"] {
    opacity: 0;
    transform: translate(50%, -70%);
}
.homeServicesHelmet[data-aos^="fade"][data-aos^="fade"].aos-animate {
    opacity: 1;
    transform: translate(50%, -50%);
}

.homeServicesItem hr{
    margin-top: 0.7rem;
    margin-bottom: 0.7rem;
}
.homeServicesItem h2{
    color:#662d91;
    padding-top: 5px;
    padding-bottom: 7px;
}
@media (max-width: 1200px) { 
    .homeServicesHelmet{
        width: 240px;
    }
}
@media (max-width: 996px) { 
    .homeServicesHelmet{
        display: none !important;
    }
}
@media (max-width: 768px) { 
    .homeServicesHelmet, .aboutPageHorse {
        display: none;
    }
    .homeServicesItems .row{
        width: 95%;
    }
}
/* ---------------------------------------------------------------------- */
/*
/*	Loader
/*
/* ---------------------------------------------------------------------- */

.homeCustomersText{
    display: inline-block;
}
.homeCustomersText img{
    vertical-align: top;
}
.homeCustomersText p{
    display: inline-block;
    width:40%;
    line-height: 1.8;
}
.customerLogo{
    padding: 20px;
}
@media (max-width: 1400px) { 

}
@media (max-width: 1200px) { 
    .customerLogo{
        padding: 10px !important;
    }
}
@media (max-width: 768px) { 
    .romanKing
    {
        width: 200px;
    }
}
@media (max-width: 576px) { 
    .customerLogo{
        padding: 5% !important;
    }
    .homeCustomersText p
    {
        width: 90%;
    }
}
/* ---------------------------------------------------------------------- */
/*
/*	Home Contact
/*
/* ---------------------------------------------------------------------- */
.homeContact{
    background:url("../images/homeContact.jpg");
    background-size: cover;
    background-position: right;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
/* ---------------------------------------------------------------------- */
/*
/*	Team
/*
/* ---------------------------------------------------------------------- */
.team{
    background-position: center top;
    background-size: cover;
}
/* ---------------------------------------------------------------------- */
/*
/*	Project
/*
/* ---------------------------------------------------------------------- */
@media (max-width: 1200px) { 

}
@media (max-width: 768px) { 

}
.projectInfoText{
}


/* ---------------------------------------------------------------------- */
/*
/*	Video
/*
/* ---------------------------------------------------------------------- */

.videoFrameTablet{
    border:60px solid #000;
    border-radius: 40px;
    background: #222;
    display: inline-block;
    max-width: 100%;
    height: auto;
    box-shadow: 10px 15px 15px 2px rgba(0,0,0,.3);
}
.frameMobile{
    border:19px solid #000;
    border-top:19px solid #000;
    border-bottom:19px solid #000;
    border-radius: 40px;
    background: #222;
    display: inline-block;
    max-width: 100%;
    height: auto;
    box-shadow: 10px 15px 15px 2px rgba(0,0,0,.3);
}
.screenShadow{
    border:4px solid #666;
    background: #aaa;
    border-radius: 0;
    display: inline-block;
    max-width: 100%;
    height: auto;
    box-shadow: 5px 5px 10px 2px rgba(0,0,0,.3);
}
.w100{
    width: 100% !important;
}
.line-height-2{
    line-height: 2;
}
/* ---------------------------------------------------------------------- */
/*
/*	Patterns
/*
/* ---------------------------------------------------------------------- */
.pattern-waves{
    background-color: #dcdcdc;
    background-image: url("../images/pattern-waves.png");
    background-position: left top;
    background-repeat: no-repeat;
}
.pattern-video-guys{
    background-color: #d7224f;
    background-image: url("../images/pattern-video-guys.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-top: 680px;
}
@media (max-width: 1600px) {
    
}

@media (max-width: 1200px) {
    .videoFrameTablet{
        border:20px solid #000;
        border-radius: 20px;
    }
    .pattern-video-guys{
        padding-top: 500px;
    }  
}

@media (max-width: 992px) {
    .videoFrameTablet{
        border:15px solid #000;
        border-radius: 15px;
    }
    .pattern-video-guys{
        padding-top: 400px;
    }
}

@media (max-width: 768px) {

}

@media (max-width: 576px) {
    .videoFrameTablet{
        border:8px solid #000;
        border-radius: 8px;
    }
    .pattern-video-guys{
        padding-top: 350px;
        min-height: auto;
        padding-bottom: 50px;
    }
    .pattern-video-guys{
        background-color: #d7224f;
        background-size: 250% auto;
    }
}



/* ---------------------------------------------------------------------- */
/*
/*	AOS Reveal Animation
/*
/* ---------------------------------------------------------------------- */
[data-aos="reveal-right"] {
    position: relative;
}

[data-aos="reveal-right"].aos-animate {
}

[data-aos="reveal-right"]::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
    
    
}
[data-aos="reveal-right"].aos-animate::before {
  transform: scaleX(0);
  transform-origin: 100% 0%;
  transition-property: transform;
  transition-duration: 0.8s;
  animation-timing-function: cubic-bezier(0.06, 0.58, 0.21, 1);
  transition-delay: 0.5s;
}
[data-aos="reveal-left"] {
    position: relative;
}

[data-aos="reveal-left"].aos-animate {
}

[data-aos="reveal-left"]::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #662d91;
    
    
}
[data-aos="reveal-left"].aos-animate::before {
  transform: scaleX(0);
  transform-origin: 0% 100%;
  transition-property: transform;
  transition-duration: 0.8s;
  animation-timing-function: cubic-bezier(0.06, 0.58, 0.21, 1);
  transition-delay: 0.5s;
}
/*------------------------------------*
/*
/*  Tabs productTabs
/*
\*------------------------------------*/

.tabHeaders{
	text-align:right;	
}
.tabHeaders li{
	display:inline-block;
}
.tabHeaders li a{
}
.tabContents{
	position:relative;
}
.tabContent{
	visibility:hidden;
	height:0;
	overflow:hidden;
	opacity:0;
	transition:1s all;
}
.tabContent.active{
	display:block;
	height:auto;
	overflow:visible;
	opacity:1;
	visibility:visible;
}
.tabContent img{
	height:auto !important;	
}
/*------------------------------------*
/*
/*  Product Tabs
/*
\*------------------------------------*/
.productTabs .tabHeaders{
	display:block;
	background:#f8f8f8;
	border:1px solid #dfdfdf;
	border-right:0;
	float: right;
	width: 100%;
}
.productTabs .tabHeaders li{
	display:block;
	float:right;
	transition:none;
}
.productTabs .tabHeaders li a{
	display:block;
	float:right;
	padding:15px 25px;
	color:#6f6f6f;
	font-weight:400;
	margin:0;
	position:relative;
	border-left:1px solid #dfdfdf;
	transition:none;
}
@media (max-width: 991px) {
	.productTabs .tabHeaders li a{
		padding:15px 15px;
	}
}
@media (max-width: 860px) {
	.productTabs .tabHeaders li a{
		padding:15px 12px;
	}
}
@media (max-width: 768px) {
	.productTabs .tabHeaders li a{
		padding:15px 10px;
	}
}
@media (max-width: 680px) {
	.productTabs .tabHeaders li a{
		padding:15px 15px;
	}
	.productTabs .tabHeaders li a span{
		display:none;
	}
}
.productTabs .tabHeaders li a.active{
	background:#fff;
	border-top:3px solid #5fa777;
	margin-top:-3px;
	margin-bottom:-1px;
	border-bottom:1px solid #fff;
	transition:none;
	
}
.productTabs .tabHeaders li a .icon{
	font-size: 28px;
	vertical-align: middle;
	color:#ccc;
}
.productTabs .tabContent{
	font-size: 15px;
	line-height:2.2;
	color:rgb(64, 64, 64);
}
@media (max-width:1367px) {
	.productTabs .tabContent
	{
		font-size: 14px;
		line-height:2;
	}
}
@media (max-width:991px) {
	.productTabs .tabContent
	{
		font-size: 13px;
		line-height:2;
	}
}
@media (max-width:768px) {
	.productTabs .tabContent
	{
		font-size: 12.5px;
		line-height:2;
	}
}
#stickyTabHeaders.fixed{
	z-index:99;
	box-shadow: 0 5px 10px 0 hsla(0,0%,71%,.2);
}
.borderedTable td{
    border: 1px solid #ddd;
    padding: 5px 10px;
}
.borderedTable tr:nth-child(even) {background: #eee}
/* ---------------------------------------------------------------------- */
/*
/*	AOS Reveal Animation
/*
/* ---------------------------------------------------------------------- */
.owl-dots{
    text-align: center;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {

    background: #ccc;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 2px;

}
.tabContents ul{
    padding-right: 15px;
}
.tabContents li{
    list-style: disc;
}
.owl-carousel .owl-dot.active {

    background: red;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{
    position: absolute;
    bottom: 45%;
    font-size: 16px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(0,0,0,0.2);
    overflow: hidden;
}
.owl-carousel .owl-nav button.owl-prev:hover:not(.disabled), .owl-carousel .owl-nav button.owl-next:hover:not(.disabled){
    background: rgba(0,0,0,0.35);
    transition: 0.2s all;
}
.team .owl-carousel .owl-nav button.owl-prev,.team  .owl-carousel .owl-nav button.owl-next{
    background: rgba(0,0,0,0.2);
    bottom: 45%;
}
.team .owl-carousel .owl-nav button.owl-prev:hover:not(.disabled),.team .owl-carousel .owl-nav button.owl-next:hover:not(.disabled){
    background: rgba(0,0,0,0.35);
}
.owl-carousel .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span{
    display:none;
}
.owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    left: 25px;
}
.owl-carousel .owl-nav button.owl-prev::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f177";
    color: #fff;
    position: absolute;
    top: 9px;
    left:13px;
}
.owl-carousel .owl-nav button.owl-prev.disabled, .owl-carousel .owl-nav button.owl-next.disabled{
    opacity:0.3;
    cursor: default;
}
.owl-carousel .owl-nav button.owl-prev.disabled::before, .owl-carousel .owl-nav button.owl-next.disabled::before{
    animation: none !important;
}

.owl-carousel .owl-nav button.owl-next{
    position: absolute;
    right: -20px;
}
.owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    left: -20px;
}
.owl-carousel .owl-nav button.owl-next::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f178";
    color: #fff;
    position: absolute;
    top: 9px;
    left:13px;
}

@keyframes horizontal {
  0% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }

  50% {
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
  }


  50.0001% {
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
  }
}

@keyframes horizontal_reverse {
  0% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }

  50% {
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
  }


  50.0001% {
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
  }
}

@keyframes vertical {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
  }


  50.0001% {
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
  }
}

@media (max-width: 576px) {
    .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{
        bottom: 50%;
        transform: translateY(50%);
    }
    .owl-carousel .owl-nav button.owl-prev::before, .owl-carousel .owl-nav button.owl-next::before {
        animation: none !important;
    }
    .owl-carousel .owl-nav button.owl-prev{
        left: -10px;
    }
    .owl-carousel .owl-nav button.owl-next{
        right: -10px;
    }
    .arrow-down-scroll{
        display: none !important;
    }
}
/*------------------------------------*
/*
/*  sideFixedMenu
/*
\*------------------------------------*/
.sideFixedMenu{
	position:fixed;
	top:50%;
    right: 17px;
	transform:translateY(-50%);
	z-index:999;
	direction:rtl;
    text-align: right;
}
@media (max-width: 1000px) { 
    .sideFixedMenu{
        right: 10px;
    }
}
@media (max-width: 768px) { 
    .sideFixedMenu{
        display: none;
    }
}
.sideFixedMenu i{
	vertical-align:middle;
	font-size:18px;
    width: 20px;
    background: #000;
    height:2px;
    display: inline-block;
    transition: 0.4s all;
}
.sideFixedMenu a.active i{
    width: 30px;
}
.sideFixedMenu a{
	color:#252525;
	display:inline-block;
	padding:3px;
	position:relative;
}
.sideFixedMenu a span{
	position: absolute;
	display: block;
	width: 0;
	top: 0px;
	right: 0;
	background: #252525;
	padding: 5px 15px;
	text-align: left;
	border-radius: 20px !important;
	opacity: 0;
	color:#252525;
	overflow:hidden;
	height:31px;
    font-weight: 100;
}
.sideFixedMenu a:hover span{
	opacity:1;
	width: 100px;
	color:#fff;
	height:31px;
}
.sideFixedMenu a:hover{
	color:#aa2bac;
}
.sideFixedMenu a.active{
	color:#aa2bac;
}
.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color:transparent !important;
    border-radius: 0;
}
.shoppingCartTotal{
    background:red;
    min-width: 23px;
    text-align: center;
    border-radius: 50%;
    height: 23px;
}
#mobilebasket{
    display: none;
}
@media (max-width: 768px) {
    #basket{
        position: fixed;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
    #mobilebasket
    {
        width: 100%;
        height: 5px;
        position: fixed;
        bottom: 0;
        left: 0;
        background: #f3765e;
        display: block;
    }
    .center-sm{
        text-align: center;
    }
}
@media (max-width: 997px) {
    .center-md{
        text-align: center;
    }
}