.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, .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, .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, .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, .blueHover:hover {
    color: #471282
}
.blueBg, .blueBgHover:hover {
    background-color: #471282
}
.blueBorder, .blueBorderHover:hover {
    border-color: #471282
}
.blueDarken, .blueDarkenHover:hover {
    color: #24143e
}
.blueDarkenBg, .blueDarkenBgHover:hover {
    background-color: #24143e
}
.blueDarkenBorder, .blueDarkenBorderHover:hover {
    border-color: #24143e
}
.orange, .orangeHover:hover {
    color: #e35f47
}
.orangeBg, .orangeBgHover:hover {
    background-color: #e35f47
}
.orangeBorder, .orangeBorderHover:hover {
    border-color: #e35f47
}
.orangeLighten, .orangeLightenHover:hover {
    color: #f3765e
}
.orangeLightenBg, .orangeLightenBgHover:hover {
    background-color: #f3765e
}
.orangeLightenBorder, .orangeLightenBorderHover:hover {
    border-color: #f3765e
}
.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 {
    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 {
    padding: 0 0;
    margin: 0;
    padding-bottom: 5px
}
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,.7)
}
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: -.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
}
}
.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 {
    padding: 20px 0;
    border-top: 5px solid #f7941e;
    background: #fff;
    z-index: 99;
    position: relative
}
.header .headerPanel, .header .search {
    padding: 5px 0
}
.header .search {
    position: relative
}
.headerPanel {
    text-align: left
}
.header .logo img {
    height: 55px
}
.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,.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: 700
}
.suggestionItem {
    border-bottom: 1px solid #f5f5f5;
    display: block;
    width: 100%
}
.menuOut {
    border-bottom: 2px solid #000
}
.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>ul>li>a {
    padding: 15px 25px 16px;
    display: inline-block;
    color: #fff
}
.mainMenu>ul>li:hover>a {
    background: #444041;
    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: 16px 15px;
    font-size: 13px;
    color: #151515;
    min-width: 280px;
    
    
    border-top: 1px solid rgba(255,255,255,0.8);
    background: #f7941e;
  
}
.mainMenu>ul>li:hover>ul a {
    display: inline-block
}
.mainMenu>ul>li>ul a:hover {
    background: rgba(255,255,255,.8);
    color: #151515
}
.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: 15px 15px 16px
}
}

@media (max-width:1200px) {
.mainMenu>ul>li>a {
    padding: 15px 8px 16px;
    color: #ccc
}
}

@media (max-width:991px) {
.mainMenu>ul>li>a {
    padding: 15px 2px 16px;
    color: #ccc
}
}
.headerMenu.menu {
    pointer-events: all;
    z-index: 101;
    position: fixed;
    right: 5px;
    top: 5px;
    padding: 2px 6px 9px 7px;
    background: rgba(255,255,255,.8);
    direction: rtl!important
}
.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: #b41035
}
.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 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 120%;
    background-color: #e35f47;
    pointer-events: all;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier()
}
.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 ul li:nth-child(9) {
    transition-delay: 0.8s
}
.menu-items ul li:nth-child(10) {
    transition-delay: 0.8s
}
.menu-items ul li:nth-child(11) {
    transition-delay: 0.8s
}
.menu-items a {
    text-decoration: none;
    display: inline-block;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255,255,255,.2);
    position: relative;
    min-width: 280px
}
.menu-items a.active {
    opacity: 1
}
.menu-items a span.big-text {
    display: block;
    font-size: 36px;
    line-height: 30px;
    position: relative;
    z-index: 2;
    text-transform: uppercase;
    opacity: .8;
    color: #fff;
    font-weight: 300
}
.menu-items a:hover {
    opacity: 1;
    background: #f3765e
}
.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
}
.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: 24px;
    line-height: 1.5
}
}

@media (max-width:768px) {
.menu-items a span.big-text {
    font-size: 21px;
    line-height: 1.5
}
.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
}
}
.owl-stage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap
}
.owl-item {
    display: flex;
    flex-direction: column
}
.homeProductCategory {
    display: inline-block;
    width: 100%;
    position: relative
}
.homeProductCategory .buyNow {
    position: absolute;
    bottom: 20px;
    left: 20px
}
.homeProductCategory .discount {
    position: absolute;
    top: 20px;
    left: 20px
}
.homeProductCategory .productTitle {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translate(0, -50%);
    transition: 2s all;
    direction: rtl;
    text-align: left;
    margin: 0;
    padding: 0;
    width: 35%
}

@media (max-width:1200px) {
.homeProductCategory .productTitle {
    width: 40%
}
}

@media (max-width:768px) {
.homeProductCategory .productTitle {
    left: 40px
}
}
.homeProduct {
    display: inline-block;
    width: 100%;
    position: relative;
    background: #fff
}
.homeProductThumb {
    position: relative
}
.homeProductOverly {
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    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
}
/* ---------------------------------------------------------------------- */
/*
/*	Category List
/*
/* ---------------------------------------------------------------------- */
.productCategoryList ul {
    padding-right: 20px
}
.productCategoryList li {
    position: relative;
    padding-right: 5px;
}

.productCategoryList li:after {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 6px 0;
    border-color: transparent #999 transparent transparent;
    position: absolute;
    right: -4px;
    top: calc(50% - 6px);
    
}
.productCategoryList li.selected:after {
    border-width: 6px 6px 6px 0;
    border-color: transparent #000 transparent transparent;
}

.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 a.selected, .productCategoryList a.selected:hover {
    font-weight: 700;
    color: #333;
    cursor: default
}
.productCategoryList li.here>.icon {
    transform: rotate(270deg);
    transform-origin: 4px 9px
}












.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
}
.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%
}
.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: .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,.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,.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,.3)!important;
    transition: 0.2s all
}
.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
}
.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 {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}
.bannerCaptions {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    right: 50px;
    text-align: right
}
.bannerCaptions h1 {
    font-weight: 900;
    color: #252525
}
.bannerCaptions h2 {
    color: #252525;
    padding-top: 15px;
    padding-bottom: 25px
}

@media (max-width:1200px) {
.bannerCaptions {
    width: 210px
}
.bannerCaptions h1 {
    font-size: 22px
}
.bannerCaptions h2 {
    font-size: 19px
}
}

@media (max-width:992px) {
.bannerCaptions {
    width: 150px
}
.bannerCaptions h1 {
    font-size: 20px
}
.bannerCaptions h2 {
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px
}
}

@media (max-width:768px) {
.banner img {
    opacity: 0
}
.banner {
    background-position: -280px center;
    background-size: cover;
    height: 300px
}
}

@media (max-width:576px) {
.bannerCaptions {
    display: none
}
.banner {
    background-position: -180px center;
    background-size: cover;
    height: 300px
}
}
#homeSteps {
    background: url(../images/background_gradient1.jpg);
    background-position: center;
    background-size: cover
}
#homeBenefits {
    background: url(../images/background_gradient_blue.jpg);
    background-position: center;
    background-size: cover
}
.smileframe {
    background: url(../images/smileframe.svg);
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    text-align: center;
    padding: 70px
}
.smileframe .icon {
    width: 70px!important;
    display: inline-block!important;
    margin-top: 0
}
.smileframe .h1 {
    padding-top: 10px;
    padding-bottom: 10px
}
.smileframe .h3 {
    max-width: 200px;
    display: inline-block
}
.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;
    display: none!important
}
.loader-animation__dark {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #171719;
    -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;
}
}
#homeInfo {
    background-color: #de9839;
    background-image: url(../images/background_golden.png);
    background-position: center;
    background-size: cover
}
#homeInsta {
    background-image: url(../images/background_insta.jpg);
    background-position: center;
    background-size: cover
}
#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: #f3765e;
    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
}
}
#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 {
    background: #323839;
    color: #d1d1d1
}
.footerLogo {
    width: 180px;
    opacity: .7
}
#footer a {
    color: #fff
}
#footer a:hover {
    color: #f3765e
}
.loader {
    display: none
}
.floatingTelegram {
    display: none
}

@media (max-width:991px) {
.floatingTelegram {
    display: block;
    position: fixed;
    left: 0;
    top: 10px;
    z-index: 9;
    background: rgba(0,0,0,.8);
    padding: 7px 8px 8px 8px;
    border-radius: 20px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    opacity: .9
}
.floatingTelegram i {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px
}
.floatingTelegram:hover {
    color: #fff;
    opacity: 1
}
}
.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: .7rem;
    margin-bottom: .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%
}
}
.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:1200px) {
.customerLogo {
    padding: 10px!important
}
}

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

@media (max-width:576px) {
.customerLogo {
    padding: 5%!important
}
.homeCustomersText p {
    width: 90%
}
}
.homeContact {
    background: url(../images/homeContact.jpg);
    background-size: cover;
    background-position: right;
    display: flex;
    align-items: flex-end;
    justify-content: center
}
.team {
    background-position: center top;
    background-size: cover
}
.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
}
.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: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: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
}
}
[data-aos="reveal-right"] {
    position: relative
}
[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(.06, .58, .21, 1);
    transition-delay: 0.5s
}
[data-aos="reveal-left"] {
    position: relative
}
[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(.06, .58, .21, 1);
    transition-delay: 0.5s
}
.tabHeaders {
    text-align: right
}
.tabHeaders li {
    display: inline-block
}
.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
}
.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 {
    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
}
.owl-dots {
    display: none
}
.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,.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,.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,.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,.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: .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 {
    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: 0;
    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: .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
}
}
.discountedPrice, .line-through{
    text-decoration: line-through;
}
.discountPercentage{
    background: #ef4036;
    border-radius: 15px;
    border-bottom-right-radius: 0;
    color: #fff;
    font-size: 14px;
    padding: 2px 8px;
}
.discountPercentageBadage{
    background: #ef4036;
    border-radius: 15px;
    border-bottom-left-radius: 0;
    color: #fff;
    font-size: 15px;
    padding: 2px 8px;
    position: absolute;
    top: 15px;
    right: 20px;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
}
.productOption{
    padding: 5px;
    margin: 5px;
    border: 1px solid #eee;
    border-radius: 5px;
    color: #999;
    display: inline-block;
    cursor: pointer;
    position: relative;
}
.productOption img{
    display: inline-block;
}
.productOption:hover{
    border: 1px solid #ccc;
}
.productOption.selected{
    border: 1px solid #ddd;
    background-color: #eee;
}
.productOptionZoom{
    position: absolute;
    top: 5px;
    left: 5px;
    cursor: zoom-in;
    padding: 5px;
}

.productOptionZoom i{
    color: #fff;
    
}
.productOptionChecked{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: zoom-in;
    padding: 2px 5px;
    background: rgba(0,255,0,0.6);
    width: 23px;
    height: 23px;
    border-radius: 50%;
    display: none;
}
.productOption.selected .productOptionChecked{
    display: block;
}
.productOptionChecked i{
    color: #fff;
    
}
.productColor span{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin: 4px;
    border: 1px solid #B9B9B9;
}
.productColor:hover{
    border: 1px solid #ccc;
}

.inlineBlockWithAuto{
    width: auto !important;
    display: inline-block !important;
}
.beforeFoter{
    background-color: #e6e7e8;
}
.detailsPage img {
    max-width: 100%;
    height: auto;
}
.detailsPage video {
    max-width: 100%;
    height: auto !important;
}