/*
    Theme Name:   نیوکمپانی
	Description:  این قالب به صورت اختصاصی توسط لیمون تم برنامه نویسی شده. و به صورت اختصاصی برای طراحی سایت وبیم محفوظ میباشد. هرگونه کپی برداری ، فروش ، نال ، ریپ قالب ممنوع بوده و با متخلفین از طریق پلیس فتا اقدام خواهد شد.
	Author:       لیمون تم
	Author URI:   http://lemontheme.com/
	Version:      3.0.2
	Create Date:  1394/06/02
	Update Date:  1397/10/13
	Tags:         شرکتی ,  چندمنظوره
*/
html{font-size: 14px;}
html, body{
    direction: rtl;
    text-align: right;
    font-family: Shabnam;
}
.bg-primary{background-color: #0091EA !important}
button:focus, a:focus{outline: none}
a{color: #666;}
a:hover {
    color: #0091EA;
    text-decoration: none;
}
.wrapper{
    overflow: hidden;
    position: relative; 
}
#header .desktop-ver{
    background: #0091EA;
    color: #fff;
    height: 100px; 
} 
#header .desktop-ver.bg-gradient{
    background: linear-gradient(to bottom, rgba(0,0,0,.8), transparent)
}
#header>.desktop-ver{
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}
#header.header-absolute>.desktop-ver{
    position: absolute;
}
#header.header-fixed>.desktop-ver{
    position: fixed;
}
#header .desktop-ver h1.site-title{margin: 0;padding:2px;}
#header .desktop-ver>.container, #header .desktop-ver>.container>.row{
    height: 100%;
}
#header .desktop-ver nav.header-menu ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
#header .desktop-ver nav.header-menu ul li{
    display: inline-block;
}
#header .desktop-ver nav.header-menu ul li:not(.menu-item-has-mega-menu){
    position: relative;
}
.menu-col{
    position: static;
}
#header>.desktop-ver>.container{
    position: relative;
}

#header .desktop-ver nav.header-menu>ul>li>a{
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    color: #fff;
    transition: .2s;
    position: relative;
    z-index: 1;
}#header .desktop-ver nav.header-menu > ul > li>a::before{
     position: absolute;
     bottom: 0;
     top: 0;
     right: 0;
     left: 0;
     content: "";
     background: white;
     z-index: -1;
     transform: scale(.8);
     -webkit-transform: scale(.8);
     transition: .2s;
     opacity: 0;
 }
#header .desktop-ver nav.header-menu > ul > li:hover>a::before,#header .desktop-ver nav.header-menu > ul > li.current-menu-item>a::before{
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
}
#header .desktop-ver nav.header-menu > ul > li>a{
    position: relative;
}
#header .desktop-ver nav.header-menu>ul>li{
    padding: 0 0 5px 0;
    margin-bottom: -5px;
}
#header .desktop-ver nav.header-menu ul li a:hover,#header .desktop-ver nav.header-menu ul li:hover>a,#header .desktop-ver nav.header-menu ul li.hovered>a{
    text-decoration: none;
    color: #0091EA;
}
#header .desktop-ver nav.header-menu li>ul{
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    color: #666;
    width: 220px;
    box-shadow: rgba(0,0,0,.1) 0 1px 3px;
    transition: .2s;
    visibility: hidden;
    opacity: 0;
    padding: 10px;
    z-index: 999;
    text-align: right;
}
#header .desktop-ver nav.header-menu li:hover>ul{
    visibility: visible;
    opacity: 1;
}
#header .desktop-ver nav.header-menu li>ul li{
    display: block;
}
#header .desktop-ver nav.header-menu li>ul li a::before{
    content: "";
    display: inline-block;
    height: 0;
    width: 0;
    border-bottom: #666 2px dotted;
    transition: .2s;
}
#header .desktop-ver nav.header-menu li>ul li:hover>a::before{
    width: 6px;
    margin-left: 5px;
}
#header .desktop-ver nav.header-menu li>ul li:hover>a{
    color: #0091EA;
}
#header .desktop-ver nav.header-menu li>ul li>a{
    color: #666;
    padding: 5px 10px;
    display: block;
}
#header .desktop-ver nav.header-menu li>ul ul{
    right: 100%;
    top: 0;
}
#header .desktop-ver nav.header-menu li>ul li.menu-item-has-children>a::after{
    content: "\f104";
    font-family:"Font Awesome 5 Pro";
    font-weight:400;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    color: #aaa;
    transition: .2s;
}
#header .desktop-ver nav.header-menu li.toRight.menu-item-has-children>a, #header .desktop-ver nav.header-menu li.toRight .menu-item-has-children>a{
    padding-right: 25px
}
#header .desktop-ver nav.header-menu li li.toRight.menu-item-has-children>a::after, #header .desktop-ver nav.header-menu li.toRight .menu-item-has-children>a::after{
    content: "\f105";
    left: auto;
    right: 10px;
}
#header .desktop-ver nav.header-menu>ul>li.toRight.menu-item-has-children>ul{
    left: 0 !important;
    right: auto !important;
}
#header .desktop-ver nav.header-menu li.toRight.menu-item-has-children ul{
    right: auto !important;
    left: 100% !important;
}
#header .desktop-ver nav.header-menu li>ul li.menu-item-has-children:hover>a::after{
    transform: translateY(-50%) rotate(180deg);
    -webkit-transform: translateY(-50%) rotate(180deg);
}
#header .desktop-ver.content-dark nav.header-menu a{
    color: #666;
}
#header .desktop-ver.content-dark nav.header-menu>ul>li>a:hover,#header .desktop-ver.content-dark nav.header-menu>ul>li:hover>a,#header .desktop-ver.content-dark nav.header-menu ul li.hovered>a{
    color: #fff;
}
#header .desktop-ver.content-dark nav.header-menu>ul>li:hover>a::before,#header .desktop-ver.content-dark nav.header-menu>ul>li.current-menu-item>a::before{
    background-color: #0091EA
}
#header .desktop-ver.content-dark nav.header-menu>ul>li.current-menu-item>a{
    color: #fff;
}


/* Megamenu styles */
#header .desktop-ver nav.header-menu ul li.menu-item-has-mega-menu div.mega-menu{
    position: absolute;
    right: 0;
    box-shadow: rgba(0,0,0,.1) 0 0 3px;
    background: #fff;
    padding: 15px;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s;
    z-index: 999;
    left: 0;
    margin-top: 10px;
}
#header .desktop-ver nav.header-menu ul li.menu-item-has-mega-menu div.mega-menu::before{
    content: '';
    display: block;
    position: absolute;
    bottom:100%;
    left:0;
    right: 0;
    height:10px;
}
#header .desktop-ver nav.header-menu ul li.menu-item-has-mega-menu:hover>div.mega-menu{
    opacity:1;
    visibility: visible;
}
#header .desktop-ver nav.header-menu ul li.menu-item-has-mega-menu div.mega-menu>ul *{
    display: none;
}
#header .desktop-ver nav.header-menu ul li.menu-item-has-mega-menu:hover>div.mega-menu>ul *{
    display: block;
}
#header .desktop-ver nav.header-menu ul li.menu-item-has-mega-menu div.mega-menu>ul{
    display: flex;
    max-width: 1140px;
    overflow: hidden;
}
#header .desktop-ver nav.header-menu ul li.menu-item-has-mega-menu div.mega-menu>ul>li{
    float: right;
    width: 200px;
    text-align: right;
}
#header .desktop-ver nav.header-menu ul li.menu-item-has-mega-menu div.mega-menu>ul>li ul{
    opacity: 1;
    visibility: visible;
    position: static;
    box-shadow: none;
    padding: 0;
    background: none;
}
#header .desktop-ver nav.header-menu ul li.menu-item-has-mega-menu div.mega-menu li.menu-item-has-children>a::after{
    display: none;
}
#header .desktop-ver nav.header-menu ul li.menu-item-has-mega-menu div.mega-menu>ul>li>a{
    margin-bottom: 5px;
    display: inline-block;
    font-weight: 600;
}
#header.header-style-1 nav.header-topbar div.mega-menu{
    display: none;
}
/* Megamenu styles */






#header .mobile-ver{ 
    position: fixed;
    height: 56px;
    line-height: 56px;
    z-index: 9999;
    background: #fff;
    width: 100%;
    box-shadow: rgba(0,0,0,.1) 0 0 6px;
    top: 0;
    right: 0;
    left: 0;
}
#header .mobile-ver .action-btn{
    height: 56px;
    width: 56px;
    background: transparent;
    border: none;
    font-size: 26px;
    color: #333;
    cursor: pointer;
    display: inline-block;
}
#header .mobile-ver .logo{
    display: inline-block;
    height: 56px;
    line-height: 56px;
}
#header .mobile-ver .logo img{
    max-height: 70%;
    width: auto;
}


section.content-widget.slider .slide{
    position: relative;
}

@-webkit-keyframes fadeInDownRM {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -100%, 0);
    transform: translate3d(-50%, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}

@keyframes fadeInDownRM {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -100%, 0);
    transform: translate3d(-50%, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}
@-webkit-keyframes fadeOutDownRM {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 100%, 0);
    transform: translate3d(-50%, 100%, 0);
  }
}

@keyframes fadeOutDownRM {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 100%, 0);
    transform: translate3d(-50%, 100%, 0);
  }
}
section.content-widget.slider .slide figcaption{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: .2s;
    transform: translateX(-50%);
    -webkir-transform: translateX(-50%);
    -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
     -webkit-animation-name: fadeOutDownRM;
  animation-name: fadeOutDownRM;
}
section.content-widget.slider .owl-item.active .slide figcaption{
     -webkit-animation-name: fadeInDownRM;
  animation-name: fadeInDownRM;
}

section.content-widget.slider .slide figcaption>.bg{
    color: #333;
    background: rgba(255,255,255,.8);
    padding: 5px 10px;
    display: inline-block;
}
section.content-widget.slider .slide figcaption>.bg.slide-sub-title{
    background: rgba(255,255,255,.6);
}
section.content-widget .owl-carousel .owl-nav button{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 36px;
    transition: .2s;
    opacity: .5;
}
section.content-widget .owl-carousel .owl-nav button.disabled{opacity: 0; visibility: hidden;}
section.content-widget .owl-carousel .owl-nav button:not(.disabled):hover{opacity: 1}
section.content-widget .owl-carousel .owl-nav button:focus{outline: none;}
section.content-widget .owl-carousel .owl-nav button.owl-next{
    left: 0;
}
section.content-widget .owl-carousel .owl-nav button.owl-prev{
    right: 0;
}
section.content-widget .owl-carousel .owl-nav button>span{
    font-size: 0;
    display: block;
    position: relative;
}
section.content-widget .owl-carousel .owl-nav button>span::before,section.content-widget .owl-carousel .owl-nav button>span::after{
    content: "";
    width: 3px;
    height: 50%;
    background: #fff;
    display: block;
    position: absolute;
    left: 45%;
    top: 0;
    transition: .2s;
}
section.content-widget .owl-carousel .owl-nav button>span::after{
    top: 50%;
}
section.content-widget .owl-carousel .owl-nav button:not(.disabled):hover>span::after{
    transform: rotate(-45deg) translateY(-6px);
    -webkit-transform: rotate(-45deg) translateY(-6px);
}
section.content-widget .owl-carousel .owl-nav button:not(.disabled):hover>span::before{
    transform: rotate(45deg) translateY(6px);
    -webkit-transform: rotate(45deg) translateY(6px);
}
section.content-widget .owl-carousel .owl-nav button.owl-prev>span{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}


section.content-widget.slider .owl-carousel .owl-dots{
    position: absolute;
    bottom: 15px;
    left: 15px;
}
section.content-widget .owl-carousel .owl-dots .owl-dot{
    width: 20px;
    height: 3px;
    background: #fff;
    transition: .2s;
    opacity: .5;
} 
section.content-widget .owl-carousel.dark .owl-dots .owl-dot{background: #666}
section.content-widget .owl-carousel .owl-dots .owl-dot:focus{
    outline: none;
}
section.content-widget .owl-carousel .owl-dots .owl-dot.active{
    opacity: 1;
    width: 30px;
}
@media (min-width: 992px) {
	section.content-widget.slider.full-height .slide{
		height: 100vh;
		position: relative;
		display: block;
		overflow: hidden;
	}

	section.content-widget.slider.full-height .slide img{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) scale(1.1);
		-webkit-transform: translate(-50%, -50%) scale(1.1);
		max-width: 100%;
	}
	section.content-widget.slider.full-height .slide>figure{
		height: 100%;
		margin: 0;
		display: block
	}
}
section.content-widget.slider{padding: 0;}
section.content-widget{
    padding: 80px 0; 
}
section.content-widget header.widget-header{
    text-align: center; 
    margin-bottom: 25px;
}
section.content-widget header.widget-header::after{
    content: "";
    display: inline-block; 
    width: 20px;
    height: 0; 
    border-bottom: rgba(0,0,0,.3) 2px solid;
    transition: .2s;
}
section.content-widget.light header.widget-header::after{
    border-color: rgba(255,255,255,.5);
}
section.content-widget:hover header.widget-header::after{
    width: 30px;
}
section.content-widget header.widget-header .wg-title{
    font-size: 26px;
    color: rgba(0,0,0,.6);
}
section.content-widget.light header.widget-header .wg-title{
    color: rgba(255,255,255,1); 
}
section.content-widget header.widget-header .wg-sub-title{
    font-size: 14px;
    color: rgba(0,0,0,.5);
}
section.content-widget.light header.widget-header .wg-sub-title{
    color: rgba(255,255,255,.8);
}

section.content-widget.services .item{
    background: #fff;
    padding: 30px;
    transition: .2s;
    box-shadow: rgba(0,0,0,0.1) 0 1px 6px;
}
/*section.content-widget.services .item:hover{
    transform: translateY(-16px);
    -webkit-transform: translateY(-16px);
    box-shadow: rgba(0,0,0,.1) 0 3px 16px;
}*/
section.content-widget.services .item:hover .icon{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
section.content-widget.services .item .icon{
    text-align: center;
    font-size: 86px;
    color: #ccc;
    height: 120px;
    line-height: 135px; 
    width: 120px;
    overflow: hidden;
    margin: auto auto 15px auto;
    transition: .2s;
}
section.content-widget.services .item .title{
    margin-bottom: 15px;
}
section.content-widget.services .item .title h3{
    text-align: center;
    margin: 0;
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

section.content-widget.services .item .title h3 a{
    color: #777;
}
section.content-widget.services .item .title h3 a:hover{
    color: #0091EA;
    text-decoration: none;
}
section.content-widget.services .item .description{
    text-align: center;
    font-size: 13px;
    line-height: 1.7;
    color: #999;
}
section.content-widget.carousel .item{
    background: #fff;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.08);
    margin-top: 6px;
    margin-bottom: 6px;
    overflow: hidden;
}
section.content-widget.carousel .item figure{
    height: 0;
    padding-top: 100%;
    position: relative;
    overflow: hidden; 
    margin:0;
    background: #f5f5f5;
}
section.content-widget.carousel .item figure img{
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    height: auto;
    transform: translate(-50%, -50%) scale(1.1);
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    z-index: 1;
    transition: .2s;
}
section.content-widget.carousel .item:hover figure img{
    transform: translate(-50%, -50%) scale(1.3) rotate(5deg);
    -webkit-transform: translate(-50%, -50%) scale(1.3) rotate(5deg);
}
section.content-widget.carousel .item .item-body{
    background: #fff;
    height: 75px;
    padding: 0 15px 0 75px;
    position: relative;
}
section.content-widget.carousel .item .item-body h2{
    padding: 7px 0 0 0;
    display: block;
    font-size: 15px;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
}
section.content-widget.carousel .item .item-body h2 a{
    color: #666;
    text-decoration: none;
    transition: .2s;
}
section.content-widget.carousel .item .item-body .category {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
section.content-widget.carousel .item .item-body .category ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
section.content-widget.carousel .item .item-body .category ul li{
    display: inline-block;
    margin-left: 5px;
}
section.content-widget.carousel .item .item-body .category ul li{
    color: #999;
    text-decoration: none;
}
section.content-widget.carousel .item:hover .item-body h2 a{
    color: #0091EA
}
section.content-widget.carousel .item .item-body .actions{
    position: absolute;
    left: 15px;
    top: 15px;
    bottom: 15px;
    padding-top: 7.5px;
    width: 30px;
    transition: .2s;
    text-align: left;
    background: #fff;
    white-space: nowrap;
    overflow: hidden;
    direction: ltr;
    transition-delay: .3s;
}
section.content-widget.carousel .item:hover .item-body .actions{
    max-width: 50%;
    width: 70px;
    transition-delay: 0s;
    box-shadow: #fff 15px 0 15px;
}
section.content-widget.carousel .item .item-body .actions>*{
    display: inline-block;
    height: 30px;
    line-height: 35px;
    text-align: center;
    width: 30px;
    font-size: 24px;
    padding: 0;
    cursor: pointer;
    background: #fff;
    border: none;
    color: #999;
    transition: .2s;
    
}
section.content-widget.carousel .item .item-body .actions>*:hover{
    color: #666;
}
section.content-widget .owl-carousel.dark .owl-nav button > span::before, section.content-widget .owl-carousel.dark .owl-nav button > span::after {
    background: #666
}
section.content-widget.carousel .owl-carousel .owl-nav button.owl-prev{
    right: -60px;
}
section.content-widget.carousel .owl-carousel .owl-nav button.owl-next{
    left: -60px;
}
section.content-widget.carousel .owl-carousel .owl-dots{text-align: left;}


section.content-widget.custom-content .cc-thumb{
    text-align: center;
}
section.content-widget.custom-content .cc-thumb img{
    max-width: 100%;
    height: auto;
}
section.content-widget.custom-content .cc-content{
    color: #666;
}
section.content-widget.custom-content .cc-content h1{
    color: #555;
} 
section.content-widget.custom-content .cc-content ul{
    padding: 0;
    list-style: none;
}
section.content-widget.custom-content .cc-content ul li::before{
    content: "\f560";    
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    margin-left: 10px;
    color: #0091EA
}


section.content-widget.blog .item-body .date{
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 100%;
    padding-top: 15px;
}
section.content-widget.blog .item-body .date span{
    display: block;
    text-align: center;
    color: #666;
}
section.content-widget.blog .item-body .date .day{
    font-size: 26px;
    height: 26px;
    line-height: 26px;
}
section.content-widget.blog .item-body .date .month{
    color: #999;
}
section.content-widget.brands .owl-dots{
    text-align: center;
}
#footer .footer-contact {
    background: #f5f5f5;
    padding: 15px 0;
}
#footer .footer-contact .links ul{
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
#footer .footer-contact .links ul li{
    display: inline-block;
}
#footer .footer-contact .links ul li a{
    color: #888;
    font-size: 24px;
    transition: .2s;
}
#footer .footer-contact .links ul li a:hover{
    opacity: .8;
}
#footer .footer-contact .links.socials li a{
    display: block;
    width: 40px;
    font-size: 24px;
    height: 40px; 
    text-align: center;
    line-height: 45px;
    color: #888;
}
#footer .footer-contact .links.socials li a:hover{
    opacity: .8;
}
#footer .footer-contact .links.phone-number a span{
    unicode-bidi: plaintext
}
#footer .footer-contact .links a span{
    display: inline-block;
    font-size: 18px;
    transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
}
#footer .footer-menu nav.footer-menu ul{
    list-style: none;
    padding: 0;
    margin: 15px 0;
    text-align: center;
}
#footer .footer-menu nav.footer-menu ul li{
    display: inline-block;
    position: relative;
} 
#footer .footer-menu nav.footer-menu ul li:hover>a{
    color: #0091EA;
}
#footer .footer-menu nav.footer-menu ul li a{
    display: block;
    padding: 5px 10px;
    color: #888;
    transition: .2s;
}
#footer .footer-menu nav.footer-menu li>ul a{
    padding: 3px 10px;
}
#footer .footer-menu nav.footer-menu li>ul{
    position: absolute;
    width: 200px;
    background: #fff;
    bottom: 100%; 
    right: 0;
    z-index: 999;
    padding: 15px;
    box-shadow: rgba(0,0,0,.1) 0 1px 3px;
    visibility: hidden;
    opacity: 0;
    transition: .2s;
    margin: 0;
}
#footer .footer-menu nav.footer-menu li:hover>ul{
    opacity: 1;
    visibility: visible;
}
#footer .footer-menu nav.footer-menu li>ul ul{
    right: 100%;
    bottom: 0;
}
#footer .footer-menu nav.footer-menu li>ul li{
    display: block; 
    text-align: right;
}
#footer .footer-widgets{
    padding-top: 30px;
}
aside.widgets .widget .wg-title span{
    display: inline-block;
    padding: 5px;
    border-bottom: #eee 2px solid;
    color: #777
}
#footer .footer-widgets aside.widgets .widget a:hover{
    opacity:.8;
}
aside.widgets .widget .wg-title {
    margin-bottom: 15px;
}
aside.widgets .widget{
    margin-bottom: 30px;
}
aside.widgets .widget ul{
    list-style: none;
    padding: 0;
    margin: 0;
    color: #666;
    font-size: 13px
}
aside.widgets .widget ul li{
    padding-right: 10px;
}
aside.widgets .widget ul:not(.product_list_widget) li::before{
    content: "\f104";
    float: right;
    margin-right: -10px;
    margin-left: 5px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    color: #aaa;
}
#footer .footer-copyright p.copyright{ 
    margin: 0;
    color: #666;
    text-align: right;
    padding: 15px 0;
}
#footer .footer-copyright .logo img{
    max-width: 100%;
    height: auto;
}
#footer .footer-copyright .logo{
    padding: 15px 0;
}


section.content-widget.reviews .item figure{
    max-width: 100px;
    margin: auto;
    border-radius: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}
section.content-widget.reviews .item{
    max-width: 500px;
    text-align: center;
    margin: auto;
}
section.content-widget.reviews .item .name{
    font-size: 16px;
    color: #666;
}
section.content-widget.reviews .item .sub-title{
    margin-bottom: 15px;
    color: #999;
}
section.content-widget.reviews .item .review{
    font-size: 13px;
    line-height: 2;
    color: #777;
}

.side-nav {
    background: #fff;
    border-left: 1px solid rgba(0, 0, 0, .12);
    bottom: 0;
    font-size: 14px;
    overflow-y: auto;
    padding: 15px 0;
    position: fixed;
    top: 0;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transition: transform .15s cubic-bezier(.4, 0, .2, 1);
    transition-duration: 0.15s;
    width: 280px;
    z-index: 99999;
}

.side-nav.show {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
}

.ui-mask {
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateZ(0);
    transition: opacity .2s linear;
    visibility: hidden;
    z-index: 4;
}

.side-nav.show + .ui-mask {
    opacity: 1;
    visibility: visible;
    z-index: 9999;
}

.side-nav header.menu-header {
    text-align: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dadce0;
}

.side-nav header.menu-header a {
    display: inline-block;
}

.side-nav header.menu-header a img {
    height: 40px;
}

.side-nav nav#responsive-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.side-nav nav#responsive-menu ul li a {
    display: block;
    padding: 12px 48px;
    padding-right: 24px;
    line-height: 18px;
    transition: .3s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.side-nav nav#responsive-menu ul li a:hover {
    background: #f5f5f5;
    color: #202124;
    text-decoration: none;
}

.side-nav nav#responsive-menu ul li > ul li a {
    padding-right: 48px;
}

.side-nav nav#responsive-menu ul li > ul li a {
    padding-right: 48px;
}

.side-nav nav#responsive-menu ul li > ul li > ul a {
    padding-right: 86px;
}

.side-nav nav#responsive-menu ul li > ul {
    display: none;
}

.side-nav nav#responsive-menu ul li {
    position: relative;
}

.side-nav nav#responsive-menu ul span.toggle {
    position: absolute;
    left: 0;
    top: 0;
    width: 42px;
    text-align: center;
    line-height: 42px;
    cursor: pointer;
    transition: .3s;
    font-size: 20px;
    color: #999;
}

.side-nav nav#responsive-menu ul span.toggle:hover {
    background: #f5f5f5;
}

.side-nav nav#responsive-menu ul span.toggle i {
    transition: .3s;
}

.side-nav nav#responsive-menu ul span.toggle.active i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
#footer .footer-menu nav.footer-menu ul li span.toggle{
    display: none;
}


.blog-posts article.post-item .thumbnail {
    position: relative;
    height: 0;
    padding-top: 80%;
    overflow: hidden;
    background: #eee;
}
.blog-posts article.post-item .thumbnail figure{
    margin: 0;
}
.blog-posts article.post-item .thumbnail img{
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.blog-posts article.post-item .body h2.title{
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: normal;
}
.blog-posts article.post-item .body .meta .item{
    float: right;
    color: #999;
    font-size: 13px;
}
.blog-posts article.post-item{
    margin-bottom: 30px;
}
.blog-posts article.post-item .body .meta .item a:not(:hover){color: #999;} 
.blog-posts article.post-item .body .meta .item:not(:last-of-type){margin-left: 15px;}
.blog-posts article.post-item .body .meta::after{content: "";display: block;clear: both;}
.blog-posts article.post-item .body .meta .item ul{
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
}
.blog-posts article.post-item .body .meta .item ul li{
    display: inline-block;
}
.blog-posts article.post-item .body .meta .item ul li:not(:last-of-type)::after{
    content: "، ";
}
.blog-posts article.post-item .body .meta{
    margin-bottom: 15px;
}
.blog-posts article.post-item .body .content{
    font-size: 13px;
    line-height: 1.7;
    color: #666
}
.blog-posts article.post-item .body .read-more{
    text-align: left;
}
.blog-posts article.post-item .body .read-more a{
    display: inline-block;
    font-size: 13px;
    background: #0091EA;
    color: #fff;
    padding: 5px 10px;
    transition: .2s;
}
.blog-posts article.post-item .body .read-more a:hover{
    opacity: .8;
}
.cb-breadcrumb .breadcrumb{
    border-radius: 0; 
    background: transparent;
    color: #aaa;
    margin: 0;
}
.cb-breadcrumb .breadcrumb .breadcrumb-item a:not(:hover){
    color: #777
}
.cb-breadcrumb .breadcrumb-item + .breadcrumb-item::before{
    padding-right: 5px;
    padding-left: 5px;
    color: #aaa;
} 
.cb-breadcrumb .breadcrumb-item + .breadcrumb-item{
    padding: 0;
}
.cb-breadcrumb .breadcrumb-item.active{
    color: #999;
}
.cb-breadcrumb{
    padding-right: 25px;
    position: relative;
    background: #f7f7f7;
    margin-bottom: 30px;
}
.cb-breadcrumb>i{
    font-size: 18px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%); 
    -webkit-transform: translateY(-50%);
    color: #ddd;
}
section.content-widget.carousel .item .sub-title{
    color: #999;
    font-size: 13px;
}
section.content-widget.carousel.product .item .price *{
    display: inline-block;
    unicode-bidi: plaintext;
}


section.content-widget.carousel.product .item .price del *{
    text-decoration: line-through !important;
    color: #aaa;
}
section.content-widget.carousel.product .item .rating{
    position: absolute;
    bottom: 100%;
    z-index: 3;
    margin: 10px;
    left: 0;
    background: rgba(255,255,255,1);
    padding: 3px 6px;
    border-radius: 100px;
} 
.star-rating {
    font-size: 0;
    position: relative;
    width: auto;
    display: inline-block;
}

.star-rating::before, .star-rating span[style*="width"]::before {
    font-family: Font Awesome\ 5 Pro;
    font-weight: 600;
    font-size: 12px;
    color: #eee;
    content: "\f005\f005\f005\f005\f005";
}

.star-rating span[style*="width"]::before {
    font-weight: 900;
    color: #febd69;
    position: absolute;
    right: 0;
    top: 0;
}

.star-rating span[style*="width"] {
    position: absolute;
    right: 0;
    top: -.2px;
    overflow: hidden;
    height: 100%;
}

.blog-posts.grid article.post-item .content{
    font-size: 12px;
    color: #999;
    text-align: justify;
}
.post-widgets>header.section-header{
    margin-bottom: 20px;
}
.post-widgets>header.section-header h6{
    color: #666;
    margin: 0;
    font-size: 18px;
    font-weight: normal;
}
.post-widgets>header.section-header h6::before{
    content: "";
    display: inline-block;
    width: 9px;
    border-bottom: #888 2px dashed;
    margin-left: 5px;
}
.post-widgets.comments h2.comments-title{
    color: #aaa;
    font-size: 16px;
    text-align: center;
    font-weight: normal;
    margin-bottom: 15px;
}
.post-widgets.comments .comment-list, .post-widgets.comments .comment-list ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.post-widgets.comments .comment-list li footer{
    position: relative;
    padding-right: 65px;
    color: #777;
    font-size: 13px;
}
.post-widgets.comments .comment-list li footer .vcard{
    padding-top: 5px;
}
.post-widgets.comments .comment-list li footer img{
    float: right;
    margin-right: -65px;
    width: 50px;
    height: auto;
    margin-top: -5px;
    border-radius: 100px;
}
.post-widgets.comments .comment-list li:not(:last-of-type){
    margin-bottom: 30px;
}
.post-widgets.comments .comment-list li footer::after{content: "";display: block;clear: both;}
.post-widgets.comments .comment-list li footer *{font-weight: normal;}
.post-widgets.comments .comment-list li footer .comment-metadata *{
    color: #999
}
.post-widgets.comments .comment-list li .comment-content{
    background: #fff;
    padding: 15px;
    box-shadow: rgba(0,0,0,.1) 0 1px 3px;
    margin-top: 15px;
    position: relative;
    color: #666;
}
.post-widgets.comments .comment-list li .comment-content p{
    padding: 0;
    margin: 0;
}
.post-widgets.comments .comment-list li article{
    position: relative;
}
.post-widgets.comments .comment-list li .reply{
    position: absolute;
    top: 12.5px;
    left: 0;
}
.post-widgets.comments .comment-list li .reply a{
    background: #aaa;
    display: inline-block;
    color: #fff;
    padding: 2px 10px;
    border-radius: 100px;
    transition: .2s;
    font-size: 13px;
}
.post-widgets.comments .comment-list li .reply a:hover{
    opacity: .8;
}
.post-widgets.comments .comment-list{
    margin-bottom: 30px;
}
#respond{
    background: #fff;
    padding: 15px;
    box-shadow: rgba(0,0,0,.1) 0 1px 3px;
    margin-bottom: 30px;
}
#respond h3.comment-reply-title, #respond p.comment-notes{
    text-align: center
}
#respond h3.comment-reply-title{
    font-size: 18px;
    color: #666;
    font-weight: normal;
    display: block;
}
#respond p.comment-notes{
    font-size: 13px;
    color: #aaa;
    border-bottom: #eee 1px dashed;
    padding-bottom: 15px;
}
#respond label{
    color: #888
}
.cb-breadcrumb nav>div{
    padding-right: 10px;
}
.cb-breadcrumb nav>div>*{
    float: right;
    display: inline-block;
    padding: 10px 5px;
}
.cb-breadcrumb nav>div::after{
    content: "";
    display: block;
    clear: both;
}
.cb-breadcrumb nav>div>span.separator{
    color: #aaa;
}
.cb-breadcrumb nav>div>span.last-item{
    color: #888;
}
.blog-posts.big article.post-item .thumbnail{
    padding-top: 0;
    height: auto;
    position: static;
    text-align: center;
}
.blog-posts.big article.post-item .thumbnail img{
    position: static;
    transform: none;
    -webkit-transform: none;
    width: 100%;
    height: auto;
}
.input-group{direction: ltr;}
.input-group *{direction: rtl;}
.navigation.pagination{
    display: block;
    text-align: center;
}
.navigation.pagination h2.screen-reader-text{
    display: none;
}
.navigation.pagination .nav-links>*{
    display: inline-block;
    padding: 5px 10px;
    background: #f5f5f5;
    color: #999;
    margin-bottom: 30px;
}
.navigation.pagination .nav-links a{
    color: #666;
    transition: .2s;
}
.navigation.pagination .nav-links a:hover{
    background: #0091ea;
    color: #fff;
}

.post-widgets.comments .comment-list .children{
    margin: 15px 30px 0 30px
}
.post-widgets.comments .comment-list #respond p.form-submit{
    text-align: right;
}
.post-widgets.comments .comment-list #respond a#cancel-comment-reply-link{
    float: left;
    color: #999
}
.breadcrumbs {
    margin: 0 !important;
}
.blog-posts.big article.post-item .thumbnail .entry-audio, .blog-posts.big article.post-item .thumbnail .entry-video{
    direction: ltr;
}
.blog-posts.big article.post-item .thumbnail *{
    font-family: Shabnam
}
.blog-posts.big article.post-item .thumbnail .entry-audio figure{
    height: 0;
    position: relative;
    padding-top: 30%;
}
.blog-posts.big article.post-item .thumbnail .entry-audio figure img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}
.carousel-indicators{direction: ltr;}
header.page-header h1{
    font-size: 16px;
    margin: 0;
    color: #888;
}
header.page-header h1 span{
    color: #777
}
header.page-header{
    margin-bottom: 30px;
    background: #f5f5f5;
    padding: 10px;
}
.blog-posts.big article.post-item .thumbnail .entry-video video{
    width: 100%;
    height: auto;
}
header.page-header .taxonomy-description{
    color: #999;
    font-size: 14px;
    margin-top: 5px;
    line-height: normal;
}
header.page-header .taxonomy-description p{
    margin: 0;
}
.blog-posts article.post-item .body .content::after{
    content: "";
    display: block;
    clear: both;
}
.blog-posts article.post-item .tags{
    color: #666;
    margin-top: 15px;
}
.blog-posts article.post-item .tags a{
    display: inline-block;
    background: #eee;
    padding: 2px 5px;
    border-radius: 4px;
    margin: 0 3px;
}
.blog-posts article.post-item .tags h6{
    margin-left: 15px;
    display: inline-block;
}
.gallery-columns-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.gallery-columns-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}
.gallery-columns-4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}
.gallery-columns-5 {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
}
.gallery-columns-6 {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
}
.gallery-columns-7 {
    -webkit-column-count: 7;
    -moz-column-count: 7;
    column-count: 7;
}
.gallery-columns-8 {
    -webkit-column-count: 8;
    -moz-column-count: 8;
    column-count: 8;
}
.gallery-columns-9 {
    -webkit-column-count: 9;
    -moz-column-count: 9;
    column-count: 9;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    margin: 0 0 0.5em;
}
.alignleft {
    float: left;
    margin:0 15px 30px 0;
}
.aligncenter {
    display: block;
    margin: 0 auto 30px auto;
}
.alignright {
    float: right;
    margin:0 0 30px 15px;
}
.alignnone {
    float: none;
    display:block;
    margin:0 0 30px 0;
}
.size-full {
    width:100%;
    height:auto;
    margin:0 0 30px 0;
}
p .alignleft {
    float: left;
    margin:5px 15px 30px 0;
}
p .aligncenter {
    display: block;
    margin: 5px auto 30px auto;
}
p .alignright {
    float: right;
    margin:5px 0 30px 15px;
}
p .alignnone {
    float: none;
    display:block;
    margin:5px 0 30px 0;
}
p .size-full {
    width:100%;
    height:auto;
    margin:5px 0 30px 0;
}
.fw-container-fluid{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
section.content-widget.carousel .item .item-body .actions .liked i{
    font-weight: 600
}
.disabled{
    opacity: .5;
    pointer-events: none;
}

.cb-quick-view-modal-lg .loading {
    text-align: center;
    padding: 30px;
}
.cb-quick-view-modal-lg .loading .spinner{
    position: static;
    display: inline-block;
}
.cb-quick-view-modal-lg .info h2.title{
    font-size: 16px;
    color: #555;
    line-height: normal;
}
.cb-quick-view-modal-lg .info h6.sub-title{
    font-size: 14px;
    color: #999;
    font-weight: normal;
    margin-bottom: 15px;
}
.cb-quick-view-modal-lg .info .desc{
    font-size: 13px;
    line-height: normal;
    text-align: justify;
    color: #666;
    margin-bottom: 30px;
}
.cb-quick-view-modal-lg .info .price{
    text-align: left;
    margin-bottom: 15px;
}
.cb-quick-view-modal-lg .info .price *{
    unicode-bidi: plaintext;
}
.cb-quick-view-modal-lg .info .price ins{
    text-decoration: none;
    color: #00bfa5;
    font-size: 16px;
}

.cb-quick-view-modal-lg .info .price del{
    color: #999;
    padding: 0 5px;
}
.carousel.dark .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.carousel.dark .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.carousel.dark .carousel-indicators li{
    background-color: rgba(100,100,100,.4)
}
.carousel.dark .carousel-indicators li.active{
    background-color: rgba(100,100,100,.8)
}
#cbQVModalCarousel .carousel-indicators{
    top: calc(100% + 15px);
}
.cb-quick-view-modal-lg .btn.close-modal{
    position: absolute;
    right: 20px;
    top: 20px;
    color: #E53935;
    font-size: 24px;
    width: 24px;
    height: 24px;
    text-align: center;
    overflow: hidden;
    padding: 0;
    background: transparent;
    box-shadow: none !important;
}

/* header styles */
#header.header-style-1 nav.header-topbar{
    background: rgba(0,0,0,.1);
}
#header.header-style-1 nav.header-topbar ul{
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}
#header.header-style-1 nav.header-topbar>div>ul>li{
    display: inline-block;
    position: relative;
}
#header.header-style-1 nav.header-topbar ul li{
    position: relative;
}
#header.header-style-1 nav.header-topbar>div>ul>li a{
    padding: 5px 10px;
    display: block;
    color: rgba(255,255,255,.9);
    font-size: 13px;
}
#header.header-style-1 nav.header-topbar li>ul{
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    box-shadow: rgba(0,0,0,.1) 0 0 3px;
    width: 200px;
    z-index: 999;
    transition: .2s;
    opacity: 0;
    visibility: hidden;
}
#header.header-style-1 nav.header-topbar li>ul ul{
    right: 100%;
    top: 0;
}
#header.header-style-1 nav.header-topbar>div>ul li>ul a{
    color: #999;
    padding: 5px 10px;
}
#header.header-style-1 nav.header-topbar li:hover>ul{
    opacity: 1;
    visibility: visible;
}
#header.header-style-1 .desktop-ver.topbar-active>.container>.row{
    height: auto;
    margin-top: 10px;
}
#header.header-style-1 .desktop-ver.content-dark nav.header-topbar > div > ul > li>a{
    color: #666;
}
#header.header-style-1 .desktop-ver.content-dark nav.header-topbar{
    background-color: rgba(255,255,255,.1)
}


.header-style-2 .header-menu>.nav-menu{
    display: block;
}
.header-style-2 .site-title{
    padding: 7.5px 0;
}
#header.header-style-2 .desktop-ver{
    height: 120px;
}

/* end header styles */
[class*="fw-"],[class*="fw-"] span{
    font-family: inherit;
}
.fw-call-to-action .fw-action-btn {
    padding-left: 0;
    padding-right: 40px;
}
.fw-alert .alert-icon{
    margin-right: 0px;
    margin-left: 5px;
}
.fw-shortcode-calendar-wrapper .btn-group{
    direction: ltr;
}
#cal-day-box .cal-row-head .events-col {
    margin: 10px 20px 0 0 !important;
}
.fw-tabs-container .fw-tabs ul li{
    float: right !important;
}
.fw-tabs-container .fw-tabs ul li{
    border-left: 1px solid #cfcfcf !important;
}


#header .icon-links ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
#header .icon-links ul li{
    float: left;
    font-size: 18px;
}
#header .icon-links ul li:not(:last-of-type){
    margin-right: 15px;
}
#header .icon-links ul::after{
    content: "";
    display: block;
    clear: both;
}
#header .icon-links ul li a{
    color: #fff;
}
.modal.company-full{
    background: rgba(0,0,0,.8);
}
.modal.company-full .modal-content{
    background: none;
    box-shadow: none;
    border: none;
}
.modal.company-full .modal-content input,.modal.company-full .modal-content button{
    border-radius: 0 !important;
    padding: 10px 20px;
    height: auto;
}
#searchformmodal .modal-dialog{
    max-width:  800px;
}
#searchformmodal .modal-dialog button.btn{
    background: transparent !important;
    font-size: 24px;
    box-shadow: none !important;
    border-bottom: rgba(255,255,255,.1) 2px solid !important;
    margin-right: 1px;
}
#searchformmodal .modal-dialog input.form-control{
    background: transparent;
    border: none !important;
    box-shadow: none !important;
    border-bottom: rgba(255,255,255,.1) 2px solid !important;
    color: #fff !important;
}
#searchformmodal h6{
    font-size: 24px;
    color: #fff;
    opacity: .8;
    text-align: center;
    margin-bottom: 15px;
}

.content-widget.prices-table .item{
    box-shadow: rgba(0,0,0,.1) 0 1px 3px;
    transition: .2s;
    background: #fff;
}
.content-widget.prices-table .item:hover{
    transform: scale(1.1);
}
.content-widget.prices-table .item h6.title{
    padding: 15px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #9e9e9e;
    margin: 0;
}
.content-widget.prices-table .item ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.content-widget.prices-table .item ul li{
    padding: 6px 10px;
    display: flex;
    color: #333;
}
.content-widget.prices-table .item ul li:nth-of-type(odd){
    background: #fafafa;
}
.content-widget.prices-table .item ul li:not(:last-of-type){
    border-bottom: #eee 1px solid;
}
.content-widget.prices-table .item ul li span.value{
    color: #666;
    width: 100%;
    text-align: right;
}
.content-widget.prices-table .item ul li span.title{
    color: #aaa;
    width: 60%;
    text-align: right;
}
.content-widget.prices-table .item ul li span.title::after{content: " :";}
.content-widget.prices-table .item a.ar-link{
    display: inline-block;
    text-align: center;
    padding: 5px 15px;
    margin: 5px;
    background: #9e9e9e;
    color: #fff;
}
.content-widget.prices-table .item {
    text-align: center;
    overflow: hidden;
}
.fw-btn-1:hover, .fw-btn-1:focus{
    background: inherit;
}
section.content-widget.slider .owl-item.active .slide .parallax-window{
    height: 100%;
}
.fw-call-to-action{
    width: 100%;
    border: none !important;
    box-shadow: rgba(0,0,0,.1) 0 0 3px;
    margin: 15px 0;
    border-radius: 0 !important;
    color: #666;
}
.fw-call-to-action .fw-action-btn{
    text-align: center;
}
.fw-call-to-action .fw-action-btn a{
    border-radius: 0;
    font-family: inherit;
    font-weight: normal;
    padding: 5px 15px;
}
.content-widget.services.wg-style-2 .item{
    padding: 0 70px 0 0;
    position: relative;
    box-shadow: none !important;
}
.content-widget.services.wg-style-2 .item .icon{
    font-size: 36px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    float: right;
    margin-right: -60px;
}
.content-widget.services.wg-style-2 .item .title h3{
    text-align: right;
    font-size: 16px;
}
.content-widget.services.wg-style-2 .item .title{
    margin-bottom: 5px;
}
.content-widget.services.wg-style-2 .item .description{
    font-size: 12px;
    text-align: justify;
}
#header.header-style-3 button.menu-toggle{
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    text-align: center;
    line-height: 44px;
    border: none;
    background: rgba(255,255,255,.2);
    color: #Fff;
    font-size: 24px;
    cursor: pointer;
}

#side-menu nav.icon-links>ul{
    display: inline-block;
}
#side-menu nav.icon-links{
    text-align: center;
    margin-top: 15px;
}
#side-menu nav.icon-links>ul a{
    color: #777;
}
#header.header-style-3 .desktop-ver.content-dark button.menu-toggle{
    background: rgba(0,0,0,.2);
    color: #333;
}
#header .desktop-ver.content-light h1.site-title a{
    color: rgba(255,255,255,.8);
}
#header .desktop-ver.content-dark h1.site-title a{
    color: #444;
}

#side-menu {
    background: #fff;
    border-left: 1px solid rgba(0, 0, 0, .12);
    bottom: 0;
    font-size: 14px;
    overflow-y: auto;
    padding: 15px 0;
    position: fixed;
    top: 0;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transition: transform .15s cubic-bezier(.4, 0, .2, 1);
    transition-duration: 0.15s;
    width: 280px;
    z-index: 99999;
}

#side-menu.show {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
}

.ui-mask {
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateZ(0);
    transition: opacity .2s linear;
    visibility: hidden;
    z-index: 4;
}

#side-menu.show + .ui-mask {
    opacity: 1;
    visibility: visible;
    z-index: 9999;
}

#side-menu header.menu-header {
    text-align: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dadce0;
}

#side-menu header.menu-header a {
    display: inline-block;
}

#side-menu header.menu-header a img {
    height: 40px;
}

#side-menu nav#responsive-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#side-menu nav#responsive-menu ul li a {
    display: block;
    padding: 12px 48px;
    padding-right: 24px;
    line-height: 18px;
    transition: .3s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#side-menu nav#responsive-menu ul li a:hover {
    background: #f5f5f5;
    color: #202124;
}

#side-menu nav#responsive-menu ul li > ul li a {
    padding-right: 48px;
}

#side-menu nav#responsive-menu ul li > ul li a {
    padding-right: 48px;
}

#side-menu nav#responsive-menu ul li > ul li > ul a {
    padding-right: 86px;
}

#side-menu nav#responsive-menu ul li > ul {
    display: none;
}

#side-menu nav#responsive-menu ul li {
    position: relative;
}

#side-menu nav#responsive-menu ul span.toggle {
    position: absolute;
    left: 0;
    top: 0;
    width: 42px;
    text-align: center;
    line-height: 42px;
    cursor: pointer;
    transition: .3s;
    font-size: 20px;
    color: #999;
}

#side-menu nav#responsive-menu ul span.toggle:hover {
    background: #f5f5f5;
}

#side-menu nav#responsive-menu ul span.toggle i {
    transition: .3s;
}

#side-menu nav#responsive-menu ul span.toggle.active i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.blog-posts.masonry{
    width: 100%;
}
.grid-sizer,
.grid-item {  margin-bottom: 10px; }
/* 2 columns wide */
.grid-item--width2 { width: 40%; }
.grid-item{
	display: none;
    width: 100%;
}
.blog-posts.masonry .filters button.active{
	color: #fff;
}
.blog-posts.masonry article.post-item .thumbnail{
  padding-top: 0;
  height: auto;
}
.blog-posts.masonry article.post-item .thumbnail figure img{
  position: static;
  transform: none;
  -webkit-transform: none;
  width: 100%;
  height: auto;
}
.blog-posts.masonry article.post-item{
  margin-bottom: 5px;
}
.entry-gallery figure.carousel-item{
    text-align: center;
    background: #f5f5f5;
}
.entry-gallery figure.carousel-item{
    text-align: center;
    background: #f5f5f5;
}
.entry-gallery figure.carousel-item img{
    height: auto ;
}
.page-404{
    text-align: center;
    color: #666;
}
.page-404 h3{
    font-size: 16px;
    color: #999;
    margin-bottom: 30px;
}
.page-404 h1{
    font-size: 36px;
}
.blog-posts.masonry .filters{
    margin-bottom: 15px;
    text-align: center;
}
.blog-posts.masonry .filters button{
    background: none;
    color:#0091EA;
    padding: 5px 15px;
    cursor: pointer;
    transition: .2s;
    border: #666 2px solid;
    margin: 5px;
}
.blog-posts.masonry .filters button.mixitup-control-active{
    background: #0091EA;
    color: #fff;
}
.lg-outer .lg-inner{
    direction: ltr;
}



.coderboy_lightgallery>a{
    width: 20%;
    display: block;
    float: right;
}
.coderboy_lightgallery::after{
    content: "";
    display: block;
    clear: both;
}
.coderboy_lightgallery>a img{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.coderboy_lightgallery>a figure{
    width: 100%;
    height: 0;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
    margin: 0;
}
.number_counter .item{
    text-align: center;
}
.number_counter.light .item{
    color: #fff;
}
#header nav.icon-links li{
    position: relative;
}
#header nav.icon-links li span.cart-count{
    position: absolute;
    left: 100%;
    bottom: 60%;
    background: red;
    display: block;
    padding: 5px 5px;
    border-radius: 100px;
    line-height: 15px;
    font-size: 13px;
    color: #fff;
}

.ui-slider {
    position: relative;
    margin: 30px 0 15px 0;
    background: #f5f5f5;
    height: 3px;
    border-radius: 100px;
    direction: ltr;
}

.ui-slider .ui-slider-range {
    position: absolute;
    background: #0091EA;
    display: block;
    height: 100%;
    border-radius: 100px;
}

.ui-slider span {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #fff;
    position: absolute;
    transition: transform .2s, bottom .2s;
    border-radius: 100px;
    border: #0091EA 2px solid;
    margin-left: -7.5px;
    cursor: pointer;
    bottom: -3px;
}

.widget:hover .ui-slider span {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    cursor: pointer;
}

.price_slider_amount .price_label {
    font-size: 12px;
    color: #aaa;
    float: right;
    padding: 3px 0;
    width: calc(100% - 50px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -0.5px
}

.price_slider_amount {
    text-align: right;
}

.price_slider_amount button.button {
    background: #999;
    color: #fff;
    border: none;
    margin-bottom: 15px;
    padding: 2px 10px;
    cursor: pointer;
    background: rgba(0, 0, 0, .03);
    color: #999;
    border-radius: 4px;
    font-size: 13px;
    width: 50px;
    float: left;
}

.product_list_widget:not(.cart_list) img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #eee;
    position: absolute;
    right: 0;
    top: 0;
}

.product_list_widget:not(.cart_list) li::after {
    content: "";
    display: block;
    clear: both;
}

.product_list_widget:not(.cart_list) li {
    margin-bottom: 10px;
    display: block;
    min-height: 50px;
    padding-right: 60px !important;
    position: relative;
    font-size: 11px;
    color: #aaa;
}

.product_list_widget:not(.cart_list) li .product-title {
    margin-bottom: 2px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
}

.product_list_widget:not(.cart_list) li .star-rating {
    display: none;

}
.number_counter .item .title h3 span{
    font-size: 3rem;
}
.number_counter .item .desc{
    font-size: 1.2rem;
}
.product_list_widget:not(.cart_list) li ins {
    text-decoration: none;
}
.woocommerce-notices-wrapper{
    padding-bottom: 10px;
}
.style-2-page-header{
    text-align: center;
    padding: 50px 0;
    background-color: #f5f5f5;
    background-attachment: fixed;
    background-size: cover;
}
.style-2-page-header .cb-breadcrumb{
    background: transparent;
}
.style-2-page-header .cb-breadcrumb *{
    color: inherit !important;
}
.style-2-page-header h1.title{
    margin-bottom: 30px;
}
.blog-posts.masonry .masonry{
    margin: 1rem 0;
    -webkit-column-count: 3; 
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    -webkit-column-width: 33.33333333333333%;
    -moz-column-width: 33.33333333333333%;
    column-width: 33.33333333333333%;
}
.blog-posts.grid.masonry article.post-item .content{
  height: auto;
}
.tile { 
display: none;

}
.style-2-page-header.bg-parralex-0{
  background-attachment: inherit;
}

.style-2-page-header .cb-breadcrumb {
  padding: 0;
}
.style-2-page-header .cb-breadcrumb nav{
  display: inline-block;
}
.style-2-page-header .cb-breadcrumb i.fas{display: none;}
.style-2-page-header.bread_align_right .cb-breadcrumb{text-align: right;}
.style-2-page-header.bread_align_center .cb-breadcrumb{text-align: center;}
.style-2-page-header.bread_align_left .cb-breadcrumb{text-align: left;}
.btn{
    border-radius: 0
}


#header ~ #main:not(.page-builder) .style-2-page-header{
    margin-top: -30px;
}
section.content-widget.slider .slide video, section.content-widget.slider .slide video source{
    width: 100%;
    height: auto;
}
.header-absolute.position-fixed{
    top: 0;left: 0;right: 0;
    z-index: 99999;
}
#header .desktop-ver{
    transition: background .2s;
}
.header-style-1.position-fixed .desktop-ver,.header-style-2.position-fixed h1.site-title{
  transition: .2s;
}
.header-style-1.position-fixed .header-topbar{
  transition: .2s;
  height: 30px;
}
.header-style-2.position-fixed h1.site-title{
	height: 66px;
}
.header-style-1.position-fixed.hideAdds .header-topbar, .header-style-2.position-fixed.hideAdds h1.site-title{
  height: 0;
  overflow: hidden;
  padding: 0;
}
.header-style-1.position-fixed.hideAdds .desktop-ver.topbar-active, #header.header-style-2.position-fixed.hideAdds .desktop-ver{
  height: 70px !important;
}
.header-style-2 nav.icon-links{
  margin-top: 10px;
}
.modal{
	z-index: 99999;
}

.mega-menu .sub-menu .menu-item a.fa {
  font-family: Shabnam;
}

.mega-menu .sub-menu .menu-item a.fa:before {
  font: normal normal normal 14px/1 FontAwesome;
  padding-left: 5px;
}

@media (max-width: 1266px){

    section.content-widget.carousel .owl-carousel .owl-nav button.owl-next{
        left: 0;
    }
    section.content-widget.carousel .owl-carousel .owl-nav button.owl-prev{
        right: 0;
    }
}
@media (min-width: 1200px){
    .container-s-full .fw-container{
        width: 100%;
    }
    .container-s-full .container{
        max-width: 100%;
    }

    .blog-posts.grid article.post-item .content{
        height: 145px;
    }
}
@media (min-width: 992px){
    #header.header-absolute.header-style-1 ~ #main:not(.page-builder){
        padding-top: 130px;
    }
    #header.header-absolute.header-style-2 ~ #main:not(.page-builder){
        padding-top: 135px;
    }
    #header.header-absolute.header-style-3 ~ #main:not(.page-builder){
        padding-top: 130px;
    }

    #footer .footer-menu nav.footer-menu li > ul{
        display: block !important;
    }
    #main.blog, #main.shop{
        padding-top: 30px;
    }
}
@media (max-width: 991px){
    #main:not(.page-builder){
        padding-top: 15px;
    }
    .wrapper{
        padding-top: 56px;
    }
    #main>section:nth-of-type(1).slider{
        margin-top: -56px;
    }
    #footer .footer-menu nav.footer-menu ul li{
        display: block;
    }
    #footer .footer-menu nav.footer-menu ul li:not(:last-of-type){
        border-bottom: #eee 1px solid;
    }
    #footer .footer-menu nav.footer-menu ul li span.toggle{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        height: 30px;
        width: 30px;
        overflow: hidden;
        line-height: 30px;
        text-align: center;
        font-size: 24px;
        color: #999;
        cursor: pointer;
    }
    #footer .footer-menu nav.footer-menu ul li span.toggle i{
        transition: .2s;
    }
    #footer .footer-menu nav.footer-menu ul li span.toggle.active i{
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    #footer .footer-menu nav.footer-menu ul li a{
        text-align: right;
    }
    #footer .footer-menu nav.footer-menu li ul{
        position: static;
        opacity: 1;
        visibility: visible;
        width: 100%;
        margin: 5px 0;
        display: none;
    }
}
@media (min-width: 768px){
    .post-widgets.comments #respond p{
        padding: 0 5px;
    }
    .post-widgets.comments #respond p.comment-form-author, .post-widgets.comments #respond p.comment-form-email, .post-widgets.comments #respond p.comment-form-url{
        float: right;
        width: 33.3333%;
        padding: 5px;
    }
    .post-widgets.comments #respond p.comment-form-cookies-consent,.post-widgets.comments #respond .form-submit{
        float: right;
        width: 50%;
        margin-bottom: 5px;
    }
    .post-widgets.comments #respond p.comment-form-cookies-consent{
        padding-top: 7px;
    }
    .post-widgets.comments #respond p.comment-form-cookies-consent+.form-submit{
        text-align: left;
    }
    .post-widgets.comments #respond form::after{
        content: "";
        display: block;
        clear: both;
    }
}
@media (max-width: 768px){
    .post-widgets.comments .comment-list .children{
        margin: 15px 0 0 0;
    }
    section.content-widget.carousel .owl-carousel .owl-dots{
        text-align: center;
    }
    section.content-widget.slider.full-height .slide img{
        max-width: inherit;
        width: auto;
        height: 100%;
    }
}
@media (max-width: 480px){
	.blog-posts.masonry .masonry{
		column-count: 1;
		-webkit-column-count: 1;
		-moz-column-count: 1;
	}
    .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering,.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering select{
        float: none;
        width: 100%;
    }
    section.content-widget.slider .slide figcaption h3{
        font-size: 18px;
    }
    section.content-widget.slider .slide figcaption .slide-sub-title{
        font-size: 13px;
    }
}