/*
	Theme Name:   Jannah Child 5.1.1
	Theme URI:    http://jannah.tielabs.com/
	Description:  Jannh Child Theme
	Author:       TieLabs
	Author URI:   https://tielabs.com
	Template:     jannah_5.1.1
	Version:      1.0.2
	License:      license purchased
	License URI:  http://themeforest.net/licenses/regular_extended
	Tags:         Tags: two-columns, buddypress, left-sidebar, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, microformats, rtl-language-support, sticky-post, threaded-comments, translation-ready
	Text Domain:  jannah-child
*/


/* write custom css after this line */


:root {
--drz: #4b6800;
--cty: #AE0000;
--drp: #104499;
--wlp: #00666C;
--flr: #863313;
--pnt: #BF8700;
--cab: #9d622f;
--re3: #685848;
--hdv: #A24A81;
}


/*   IRANSans   */

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    font-display: swap;
    src:  url('fonts/eot/IRANSansWeb_Bold.eot');
    src:  url('fonts/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ 
 url('fonts/woff/IRANSansWeb_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
 url('fonts/woff2/IRANSansWeb_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
 url('fonts/ttf/IRANSansWeb_Bold.ttf') format('truetype');
}


@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src:  url('fonts/eot/IRANSansWeb.eot');
    src:  url('fonts/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ 
 url('fonts/woff/IRANSansWeb.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
 url('fonts/woff2/IRANSansWeb.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
 url('fonts/ttf/IRANSansWeb.ttf') format('truetype');
}



/*   IRANSansMonoSpacedNum   */

@font-face {
    font-family: IRANSansMonoSpacedNum;
    font-style: normal;
    font-weight: bold;
    font-display: swap;
    src:  url('fonts/woff/IRANSansOnlyNumeral_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ 
 url('fonts/ttf/IRANSansOnlyNumeral_Bold.ttf') format('truetype');
}


@font-face {
    font-family: IRANSansMonoSpacedNum;
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src:  url('fonts/woff/IRANSansOnlyNumeral.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ 
 url('fonts/ttf/IRANSansOnlyNumeral.ttf') format('truetype');
}

/*   Icons     */

@font-face {
  font-family: 'decorooz';
  font-weight: normal;
  font-style: normal;
    font-display: swap;
/*  font-display: block;*/
  src:  url('fonts/eot/decorooz.eot');
  src:  url('fonts/eot/decorooz.eot#iefix') format('embedded-opentype'),
    url('fonts/woff/decorooz.woff') format('woff'),
    url('fonts/ttf/decorooz.ttf') format('truetype');
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'decorooz';
  font-weight: normal;
  line-height: 1;

  /* Better Font Rendering =========== */
 /* -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;*/
}


.icon-location:before {
  content: "\e90a";
}
.icon-portfolio:before {
  content: "\e90c";
}
.icon-star:before {
  content: "\e930";
}
.icon-file-text-o:before {
  content: "\e931";
}
.icon-angle-right:before {
  content: "\e92e";
}
.icon-angle-left:before {
  content: "\e92f";
}
.icon-angle-down:before {
  content: "\e92d";
}
.icon-close:before {
  content: "\e92c";
}
.icon-home:before {
  content: "\e90f";
}
.icon-angle-up:before {
  content: "\e910";
}
.icon-profile:before {
  content: "\e90e";
}
.icon-website:before {
  content: "\e90b";
}
.icon-telegram:before {
  content: "\e903";
}
.icon-instagram:before {
  content: "\e904";
}
.icon-envelope:before {
  content: "\e905";
}
.icon-whatsapp:before {
  content: "\e901";
}
.icon-phone:before {
  content: "\e900";
}
.icon-info:before {
  content: "\ea0c";
}


.icon-text-logo .path1:before {
  content: "\e902";
  color: rgb(255, 255, 255);
}
.icon-text-logo .path2:before {
  content: "\e906";
  margin-left: -2.150390625em;
  color: rgb(235, 170, 52);
}
.icon-text-logo .path3:before {
  content: "\e907";
  margin-left: -2.150390625em;
  color: rgb(255, 255, 255);
}
.icon-text-logo .path4:before {
  content: "\e908";
  margin-left: -2.150390625em;
  color: rgb(235, 170, 52);
}
.icon-text-logo .path5:before {
  content: "\e909";
  margin-left: -2.150390625em;
  color: rgb(255, 255, 255);
}
.icon-text-logo .path6:before {
  content: "\e90d";
  margin-left: -2.150390625em;
  color: rgb(66, 133, 244);
}
.icon-text-logo .path7:before {
  content: "\e911";
  margin-left: -2.150390625em;
  color: rgb(255, 255, 255);
}
.icon-text-logo .path8:before {
  content: "\e912";
  margin-left: -2.150390625em;
  color: rgb(7, 138, 79);
}
.icon-text-logo .path9:before {
  content: "\e913";
  margin-left: -2.150390625em;
  color: rgb(255, 255, 255);
}
.icon-text-logo .path10:before {
  content: "\e914";
  margin-left: -2.150390625em;
  color: rgb(7, 138, 79);
}
.icon-text-logo .path11:before {
  content: "\e915";
  margin-left: -2.150390625em;
  color: rgb(7, 138, 79);
}
.icon-text-logo .path12:before {
  content: "\e916";
  margin-left: -2.150390625em;
  color: rgb(255, 255, 255);
}
.icon-text-logo .path13:before {
  content: "\e917";
  margin-left: -2.150390625em;
  color: rgb(7, 138, 79);
}
.icon-text-logo .path14:before {
  content: "\e918";
  margin-left: -2.150390625em;
  color: rgb(255, 255, 255);
}
.icon-text-logo .path15:before {
  content: "\e919";
  margin-left: -2.150390625em;
  color: rgb(227, 56, 41);
}

.icon-logo .path1:before {
  content: "\e91a";
  color: rgb(254, 254, 254);
}
.icon-logo .path2:before {
  content: "\e91b";
  margin-left: -1em;
  color: rgb(227, 56, 41);
}
.icon-logo .path3:before {
  content: "\e91c";
  margin-left: -1em;
  color: rgb(235, 176, 0);
}
.icon-logo .path4:before {
  content: "\e91d";
  margin-left: -1em;
  color: rgb(219, 88, 186);
}
.icon-logo .path5:before {
  content: "\e91e";
  margin-left: -1em;
  color: rgb(219, 88, 186);
}
.icon-logo .path6:before {
  content: "\e91f";
  margin-left: -1em;
  color: rgb(219, 88, 186);
}
.icon-logo .path7:before {
  content: "\e920";
  margin-left: -1em;
  color: rgb(219, 88, 186);
}
.icon-logo .path8:before {
  content: "\e921";
  margin-left: -1em;
  color: rgb(44, 143, 33);
}
.icon-logo .path9:before {
  content: "\e922";
  margin-left: -1em;
  color: rgb(115, 169, 255);
}
.icon-logo .path10:before {
  content: "\e923";
  margin-left: -1em;
  color: rgb(66, 133, 244);
}
.icon-logo .path11:before {
  content: "\e924";
  margin-left: -1em;
  color: rgb(85, 125, 190);
}
.icon-logo .path12:before {
  content: "\e925";
  margin-left: -1em;
  color: rgb(227, 56, 56);
}
.icon-logo .path13:before {
  content: "\e926";
  margin-left: -1em;
  color: rgb(232, 175, 53);
}
.icon-logo .path14:before {
  content: "\e927";
  margin-left: -1em;
  color: rgb(34, 145, 79);
}
.icon-logo .path15:before {
  content: "\e928";
  margin-left: -1em;
  color: rgb(254, 254, 254);
}
.icon-logo .path16:before {
  content: "\e929";
  margin-left: -1em;
  color: rgb(254, 254, 254);
}
.icon-logo .path17:before {
  content: "\e92a";
  margin-left: -1em;
  color: rgb(254, 254, 254);
}
.icon-logo .path18:before {
  content: "\e92b";
  margin-left: -1em;
  color: rgb(254, 254, 254);
}





/*****************************************/
/*********** Jannah Theme Font ***********/
/*****************************************/

.tie-icon-home::before, .tie-icon-angle-up::before, a.remove::before,
.tie-icon-chevron-down::before, .post-meta .no-avatars .author-name::before,
.first-last-pages .pagination-icon::before, .first-last-pages.first-page .pagination-icon::before   {
    font-family: decorooz !important;
}

.tie-icon-home::before {
    content: "\e90f";
}

.tie-icon-angle-up::before {
    content: "\e910";
}

a.remove::before {
    content: "\e92c";
transition: color 0.15s;
}

.tie-icon-chevron-down::before {
    content: "\e92d";
}

.post-meta .no-avatars .author-name::before {
    content: "\e90e";
}

.first-last-pages .pagination-icon::before {
    content: "\e92f";
}


.first-last-pages.first-page .pagination-icon::before {
    content: "\e92e";
}


/*****************************************/
/*****************************************/
/********* Jannah Theme Modified *********/
/*****************************************/
/*****************************************/

body {
    font-family: IRANSans,'Open Sans', sans-serif, arial !important;
}

/*  Logo Text   */
#logo.text-logo {
    width: 820px;/*615*/
    margin-right: auto;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media(min-width:992px) {
#logo.text-logo {
    height: 105px;/*125*/
}
}

.logo-text {
    text-shadow: 0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 10px #FFF,0 0 10px #FFF;
}

#logo {
    margin-top: -15px;/*20*/
    margin-bottom: 5px;/*10*/
}


.toggle-post-content .button {
   text-shadow: 0 0 5px rgb(0 0 0);
}

.side-aside a.remove {
position: absolute;
display: block;
text-align: center;
z-index: 1;
top: 15px;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 25px;
height: 25px;
line-height: 25px;
font-size: 22px;
}

#mobile-menu .mobile-arrows {
font-size: 22px;
font-weight: bold;
}

#mobile-menu .sub-menu a {
padding-left:30px;
}

/*mobile nav*/
.side-aside {
width: 290px;
}

/*****************************************/
/*        Heading Metabox            */
/*****************************************/

.single-big-img .post-meta {
    text-shadow: 0 0 5px rgba(0,0,0,.8),0 0 10px rgba(0,0,0,.8);
}


/*     container    */

.container-wrapper {
	background: rgba(255,255,255,0.65); 
}

.post-layout-8 .entry-header .meta-author-avatar {
    margin: 20px 0 10px;
}

.post-layout-8 .single-big-img {
    height: 525px;
}

.post-layout-8 #content {
    padding-top: 0;
}

.single-big-img .entry-header .entry-title {
    padding-left: 0;
}

.full-width-area .entry-header-outer {
    padding: 10px;
}

/*    top nav    */
.top-menu .menu li {
    position: relative;
    background-color: rgba(255,255,255,.5);
    border-radius: 5px;
    margin-right: 5px;
    top: 7px;
margin-bottom: 4px;
/*width: 77px;*/
text-align: right;
}
.top-nav {
    background-color : unset;
    border:unset;
}
#menu-item-5632 {
width:unset;
}

#menu-item-5723 {
background-color: #db16cf75;
}
#menu-item-5723 a {
color: white;
}

#menu-secondary li {
    border: 2px solid #0000002b;
}

#menu-item-12809 {
background-color: rgba(255, 227, 0, 0.6);
}
/*#menu-item-12826 {
background-color: rgb(177, 219, 255);
}*/
#menu-item-12825 {
background-color: rgba(141, 223, 146);
}
#menu-item-12880 {
background-color: rgb(158, 210, 255);
}
#menu-item-12904  {
background-color: #f2ece1;
}
#menu-item-12912  {
background-color: #f2ece1;
}
#menu-item-12812 {
background-color: rgb(255, 160, 160);
}

.top-menu .menu ul {
background: #ffffffd6;
padding: 5px 5px 12px 12px;
border-radius: 5px;
margin-top: 2px;
}

#menu-item-12809 {
display:none;
}


#menu-secondary .sub-menu {
width: 215px;
}

#menu-secondary .sub-menu li, #menu-secondary .sub-menu li a{
width:100%;
padding: 2px 5px;
}

@media(max-width:414px) {
    .entry-content {
        padding : 0 15px 30px;
    }
}

@media(max-width:670px) {
    .logo-text {
        font-size: 27px;
        margin: auto -10px;
line-height: .9em;
    }

    #theme-header.has-normal-width-logo #logo {
        margin: 3px 0 !important;
    }
.post-layout-8 .single-big-img {
    height: 580px;
}
}

@media(max-width:991px) {
    .entry-header .entry-sub-title {
        line-height: 26px;
    }
}

@media(max-width:991px) {
    .post-has-toggle #the-post .entry {
        max-height: 8000px;
    }
.toggle-post-content #toggle-post-button {
font-size: 24px !important;
padding: 25px 0 !important;
}
    .post-has-toggle #the-post .entry:not(.is-expanded)::before {
        background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%);
        height: 150px;
    }
}

#breadcrumb .delimiter {
margin: 0 4px;
font-size: 20px;
}

#breadcrumb .tie-icon-home {
    font-size: 20px;
    position: relative;
    bottom: -4px;
line-height: 0;
}

#breadcrumb a {
    padding: 5px;
    border-radius: 5px;
    font-weight: bold;
padding: 8px 4px;
}

#breadcrumb a:first-child {
background-color: #9ad99a;
color: #005900;
text-shadow: none;
text-align: center;
}


#breadcrumb a:nth-child(3) {
background-color: #ffd700;
color: #552400;
text-shadow: none;
}

#breadcrumb a:nth-child(5) {
color: white;
border: 2px solid #ffffff85;
}

.post-cat-wrap {
    position: absolute;
    left: -15px;
    top: 8px;
}


.post-cat-wrap a {
    line-height: 1.5em;
    font-weight: bold;
    font-size: 18px;
    padding: 2px 6px 6px !important;
    text-shadow: 0 0 5px rgb(0 0 0);
    border: 4px outset #f70000;
}

@media (min-width:1024px) {
.post-cat-wrap {
    top: -65px;
    left: 12px;
}
.post-cat-wrap a {
    font-size: 22px;
    padding: 12px 18px !important;
border: 6px outset #e10000;
}
}

.post-cat-wrap a:before {
content:'خدمات';
display:block;
}

.post-layout-8 #breadcrumb {
    margin-top: 5px;
}

@media (max-width:414px) {
.post-layout-8 #breadcrumb {
    text-align: right;
    margin-right: -18px;
    padding-left: 65px;
height: 60px;
line-height: 1.6em;
align-items: center;
display: flex;
}
}


/*****************************************/
/*****************************************/
/*  Sticky Advertising (in portfolio post) */
/*****************************************/
/*****************************************/


/* in gmedia */
.pgc-rev-lb-b-view   {
    bottom: 85px !important;
    font-family: IRANSans,arial !important;
height:auto !important;
}

.pgc-rev-lb-b-footer {
    display: none !important;
}

/* category label in post */
.post-cat-wrap {
    z-index: unset !important;
}

.gmedia-shortcode {
    z-index:0;
    position:relative;
}

/*********  Envira  *********/

.envira-album-public .envira-gallery-item img{
    opacity:0.4;
    border: 12px #820062 double !important;
    padding: 20px !important;
display:inline-block;
  transition: 0.5s;
}
.envira-album-public .envira-gallery-item:hover img{
    opacity: .8;
}
.envira-album-public .envira-gallery-item .envira-lazy:hover{
    box-shadow: 0 0 15px #48a446;
}

.envira-gallery-wrap .envira-album-title {
  position: absolute;
top: 50%;
right: 50%;
transform: translate(50%, -50%);
z-index: 1;
width: 80%;
margin:0;
}

.envira-gallery-wrap .envira-album-title a{
color: #000;
font-size: 26px;
line-height: 50px;
font-family: IRANSansMonoSpacedNum,IRANSans, Roboto;
text-shadow: 0px 0px 3px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 15px #fff;
}

.envira-gallery-public .envira-lazy {
    border-radius: 12px !important;
}

.envira-album-title a {
display: block;
margin: 0 !important;
}

.envira-album-title a::before{
content: "آلبوم ";
}

.envira-album-wrap .envira-gallery-item-inner {
background-color: #fff !important;
}

.envira-back-link {
display: block;
background-color: #409939;
color: #fff !important;
text-align: center;
padding: 15px;
font-size: 25px;
border-radius: 10px;
max-width: 360px;
margin: auto;
}

.envirabox-bg , .envirabox-outer{
bottom:92px !important;
}

@media (min-width: 992px) {
.envirabox-bg , .envirabox-outer{
bottom:42px !important;
}
}

@media only screen and (max-width: 991px) {
 .envira-gallery-wrap .envira-album-public.envira-gallery-2-columns .envira-gallery-item,
 .envira-gallery-wrap .envira-album-public.envira-gallery-3-columns .envira-gallery-item,
 .envira-gallery-wrap .envira-album-public.envira-gallery-4-columns .envira-gallery-item,
 .envira-gallery-wrap .envira-album-public.envira-gallery-5-columns .envira-gallery-item,
 .envira-gallery-wrap .envira-album-public.envira-gallery-6-columns .envira-gallery-item{
  width:50% !important;
 }
}


@media only screen and (max-width: 640px) {
.envira-gallery-wrap .envira-album-title a{
font-size: 20px;
line-height: 40px;
}
}



@media only screen and (max-width: 420px) {
 .envira-gallery-wrap .envira-album-public.envira-gallery-2-columns .envira-gallery-item,
 .envira-gallery-wrap .envira-album-public.envira-gallery-3-columns .envira-gallery-item,
 .envira-gallery-wrap .envira-album-public.envira-gallery-4-columns .envira-gallery-item,
 .envira-gallery-wrap .envira-album-public.envira-gallery-5-columns .envira-gallery-item,
 .envira-gallery-wrap .envira-album-public.envira-gallery-6-columns .envira-gallery-item{
  width:100% !important;
 }
.envira-gallery-wrap .envira-album-title a{
font-size: 22px;
}
}
/*in album dashboard page to show complete name of album*/
form#post.envira-gallery #poststuff ul.envira-gallery-images-output li div.meta div.title {
height: unset !important;
}




/*******/



#go-to-content {
z-index:1;
}

 .tie-cat-1, .tie-cat-2, .tie-cat-38, .tie-cat-39, .tie-cat-40, .tie-cat-41, .tie-cat-42, .tie-cat-43, .tie-cat-44, 
.tie-cat-45, .tie-cat-46, .tie-cat-47, .tie-cat-48, .tie-cat-49, .tie-cat-50, .tie-cat-51, .tie-cat-52, 
.tie-cat-53, .tie-cat-54, .tie-cat-55, .tie-cat-56, .tie-cat-57, .tie-cat-58, .tie-cat-59, .tie-cat-60, 
.tie-cat-61, .tie-cat-62, .tie-cat-63, .tie-cat-64, .tie-cat-65, .tie-cat-66, .tie-cat-67, .tie-cat-68 {
    display:none;
}

.tie-cat-3, .tie-cat-4, .tie-cat-5,  .tie-cat-6, .tie-cat-7, .tie-cat-8, .tie-cat-9, .tie-cat-10, .tie-cat-11, 
.tie-cat-12, .tie-cat-13, .tie-cat-14, .tie-cat-15, .tie-cat-16, .tie-cat-17, .tie-cat-18, .tie-cat-19, .tie-cat-20, 
.tie-cat-21, .tie-cat-22, .tie-cat-23, .tie-cat-24, .tie-cat-25, .tie-cat-26, .tie-cat-27, .tie-cat-28, .tie-cat-29, 
.tie-cat-30, .tie-cat-31, .tie-cat-32, .tie-cat-33, .tie-cat-34, .tie-cat-35, .tie-cat-36, .tie-cat-37, .tie-cat-2888, 
.tie-cat-4211, .tie-cat-4215, .tie-cat-4206, .tie-cat-4256, .tie-cat-4465, .tie-cat-4205, .tie-cat-36, .tie-cat-4209,
.tie-cat-4212, .tie-cat-4214, .tie-cat-4206, .tie-cat-4197, .tie-cat-4213, .tie-cat-4207, .tie-cat-4216, .tie-cat-4210,
.tie-cat-4217, .tie-cat-4208,
.tie-cat-5259, .tie-cat-4401, .tie-cat-5262, .tie-cat-4426, .tie-cat-4424, .tie-cat-5263, .tie-cat-4541, .tie-cat-4425, 
.tie-cat-4439, .tie-cat-4440, .tie-cat-4408, .tie-cat-5261, .tie-cat-5260, .tie-cat-4424, .tie-cat-5263, .tie-cat-4541,
.tie-cat-4425, .tie-cat-4210, .tie-cat-4208
{
    display:none;
}


.entry-header .post-cat {
    border-radius: 8px;
}

.rtl .tie-list-shortcode ul li,.entry ul li {
    padding: 5px 0;
}

@media (max-width:767px) {
/*.full-width-area .entry-header-outer {
    padding: 0;
}*/

.fullwidth-entry-title {
    padding: 0 15px 20px;
}
}

/*
@media (max-width:1130px) {
#theme-header .menu > li.menu-item-has-children:not(.is-icon-only) > a,
 #theme-header .main-menu li.mega-menu:not(.is-icon-only) > a {
    line-height: 2em;
}

#main-nav .main-menu > ul > li > a {
       line-height: 2em;
}
}*/


/*****************************************/
/*****************************************/
/*            Main Advertising           */
/*****************************************/
/*****************************************/

.click-contact .icon, .social .icon, .ad-tabs > ul li{
	font-family: IRANSansMonoSpacedNum,IRANSans, Roboto;
        font-weight: normal;
}


.main-content .box-service {
    margin-left: 0;
    margin-right: 0;
}


.ad-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 20px auto 0;
    align-items: flex-start;
}

.ad-container a, .main-content .ad-container a {
    color:rgb(42, 33, 138);
}

.box-service {
    box-shadow: 0 0 10px #999;
    overflow: hidden;
    border-radius: 7px;
    margin-bottom: 20px;
    padding: 7px;
    background-color: rgba(255, 255, 255, 0.7);
}
.box-service:hover {
    box-shadow: 0 0 20px #444;
}

/* h2, h3, p, ul { */
/*     margin: 0; */
/*     padding: 0; */
/* } */

.ad-container img {
    float: left;
    height: 130px;
    width: 130px;
    border-radius: 10px 0;
}

.ad-container ul,  .ad-container ul li {
    margin:0;
    padding:0;
    list-style-type: none;
}

.box-info {
    height: 130px;
    overflow: hidden;
    padding: 0 5px 0 10px;
    text-align: right;
}


.ad-container h2 ,
.ad-container h3 {
    margin:0;
}

.ad-container h2 {
    font-size: 20px;
    text-align: justify;
}

.ad-container h3 {
    text-align: center;
    font-size: 26px;
    padding-top: 7px;
}

@media (max-width: 380px) {
.box-info {
height: 120px;
}
.ad-container h2 {
    font-size: 18px;
}
.ad-container img {
    height: 120px;
    width: 120px;
}
.entry-header .entry-sub-title {
    font-size: 17px;
}
}


.contact-info > a {
    font-weight: bold;
    font-family: IRANSansMonoSpacedNum, IRANSans, Roboto;
    font-size: 34px;
    display: block;
    text-align: center;
    line-height: normal;
}

.box-service ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    font-size: 16px;
/*    margin-left: -7px;*/
}

.box-service p {
    padding-top: 5px;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0;
    /* text-align: justify; */
}

.ad-tabs p {
    font-size: 16px;
    padding: 15px 0;
    text-align: center;
}

.ad-tabs .manager {
    font-size: 20px;
}

.list-post .manager {
background-color: #b7dbd5;
}

.ad-tabs .city {
    background-color: red;
    color: white;
    font-size: 17px;
    font-weight: bold;
    padding: 0px 14px;
    border-radius: 8px;
    margin: 0 1px 6px;
    line-height: 40px;
    min-width: 90px;
    display: inline-block;
}

.list-post {
    padding-bottom: 10px;
}

.list-post a {
background-color: #607d8b;
margin: 7px;
border-radius: 25px;
color: white;
text-align: right;
padding: 6px 9px 9px;
display: block;
font-size: 14px;
border: 3px solid #607d8b;
font-weight: bold;
}


.list-post a::before, .service-desc-post::before {
    font-family: decorooz;
    font-weight: normal;
    position: relative;
}

.list-post a::before {
    content: "\e931";
    padding-left: 8px;
    top: 2px;
}

.list-post a:hover {
background-color: #d0e7f2;
color: #607d8b;
}

.ad-tabs .service-desc-post {
background-color: #008391;
margin: 7px auto;
border-radius: 50px;
color: white;
padding: 9px 0 15px;
display: block;
font-size: 21px;
font-weight: bold;
text-align: center;
width: 300px;
border: 3px solid #008391;
}

.service-desc-post::before {
    content: "\e931";
    right: -10px;
    top: 5px;
    font-size: 27px;
}

.ad-tabs .service-desc-post:hover {
background-color: #c3e4e8;
color: #008391;
}

.ad-tabs .service-title span, .ad-tabs .service-type span {
    background-color: green;
    color: white;
    font-size: 19px;
    font-weight: bold;
    padding: 6px;
    border-radius: 8px;
    margin: 3px;
    width: 48%;
    line-height: 30px;
}

.ad-tabs .service-type span {
    background-color: gold;
    color:black;
    font-size: 17px;
display: inline-block;
min-width: 80px;
width: auto;
}

.ad-tabs .profession_desc {
    font-weight: bold;
    border-top: 2px dashed silver;
    font-size: 16px;
    line-height: 32px;
padding:10px;
}

.ad-tabs .service-type {
    padding:10px 0 0 0;
}

.ad-tabs .service-title {
    display: flex;
    flex-flow: wrap;
    justify-content: space-around;
    padding-top: 0;
}

.ad-tabs .department {
    display: flex;
    flex-wrap: wrap;
    padding-top: 0;
}

.ad-tabs .department span {
    background-color: #eee;
    line-height: 30px;
    font-size: 14px;
    flex-grow: 1;
    margin: 3px;
    width: 31%;
    border-radius: 20px;
    border: 2px solid #aaa;
}

.ad-tabs .price_desc{
    font-weight: bold;
    border-bottom: 2px dashed silver;
    font-size: 20px;
    line-height: 32px;
padding:10px;
}

.box-service ul li, .portfolio-btn a {
    width: 32.5%; 
    text-align: center;
    line-height: 2.5em;
/*    box-shadow: 0 0 10px #7b7b7b;  */
    border-radius: 6px;
    margin: 1px;
    flex-grow: 1;
}


.portfolio-btn a, .main-content .portfolio-btn a {
    width: auto;
    margin: 10px auto;
    font-size: 20px;
    background-color: #ffe3f5;
    font-weight: bold;
    display: block;
    border: 3px solid #9d1b7d;
    border-radius: 30px;
    padding: 5px 10px;
    max-width: 290px;
    color: #9d1b7d;
    line-height: 40px;
}


.portfolio-btn a::before {
content: "\e90c";
font-family: decorooz;
font-size: 26px;
padding-left: 12px;
position: relative;
top: 4px;
font-weight: normal;
line-height: 0;
}

.portfolio-btn a:hover {
    background-color: #9d1b7d;
color: #fff;
}

.box-service ul li a {
    display: flex;
    border-radius: 6px;
align-items: center;
justify-content: center;
line-height:16px;
}




.stream-item-above-post .box-service .click-contact ul {
justify-content: center;
}

.stream-item-above-post .box-service .click-contact ul li {
width: 38%;
flex-grow: unset;
}

.stream-item-above-post .box-service .click-contact ul li .icon-phone {
border-radius: 0 30px 30px 0;
}
.stream-item-above-post .box-service .click-contact ul li .icon-phone::before {
padding-right: 12px;
}

.stream-item-above-post .box-service .click-contact ul li .icon-whatsapp {
border-radius: 30px 0 0 30px;
flex-direction: row-reverse;
}

.stream-item-above-post .box-service .click-contact ul li .icon-whatsapp::before {
padding-left: 12px;
}


/* .btm-border {
    border-bottom: 3px dotted #aaa;
    padding-bottom: 15px;
    margin-bottom: 15px;
} */
/*********************/
.ad-tabs ul {
    margin: 5px 0 0 0;
    }

.ad-tabs > div {
    display: none;
    border: 4px solid #d00;
    border-top: none;
    overflow: hidden;
    border-radius: 0 0 10px 10px;
	    background-color: rgba(255,255,255,.5);/*on test*/
}

.ad-tabs > ul li {
    line-height: 3em;
    cursor: pointer;
    background-color: #fbd258;/*#bce1dc*/
    width: 100%;
    font-weight: bold;
    margin-left: 0;
color: #005b4f;
box-shadow: 0 0 10px #444;
}

#contact-us {
  -webkit-animation: glowing 2000ms infinite;
  -moz-animation: glowing 2000ms infinite;
  -o-animation: glowing 2000ms infinite;
  animation: glowing 2000ms infinite;
/*text-shadow: 0px 0px 2px #fff,0px 0px 5px #fff,0px 0px 10px #fff,0px 0px 5px #fff,0px 0px 5px #fff;*/
}

@-webkit-keyframes glowing {
  0% { background-color: #ff7656; }/*#dd51a0*/
  50% { background-color: #fbd258; }
  100% { background-color: #ff7656; }/*#dd51a0*/
}

@-moz-keyframes glowing {
  0% { background-color: #ff7656; }
  50% { background-color: #fbd258; }
  100% { background-color: #ff7656; }
}

@-o-keyframes glowing {
  0% { background-color: #ff7656; }
  50% { background-color: #fbd258; }
  100% { background-color: #ff7656; }
}

@keyframes glowing {
  0% { background-color: #ff7656; }
  50% { background-color: #fbd258; }
  100% { background-color: #ff7656; }
}

.ad-tabs ul li:nth-child(2) {
    border-left: 1px solid #2f8f99;
    border-right: 1px solid #2f8f99;
}

.ad-tabs ul.active li:not(.active) {
    border-bottom: 4px solid #d00;
    border-radius: 5px 5px 0 0;
}

.ad-tabs ul li.active {
    background-color: #fff;
    border: 4px solid #d00;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    font-weight: bold;
        background-color: rgba(255,255,255,.5);/*on test*/
        box-shadow: none;
}

.ad-tabs ul li:hover:not(.active) {
    background-color: rgba(255, 255, 255, 0);
}

/***************/
.click-contact ul {
    height: 55px;
    font-weight: normal;
}

.click-contact ul a {
    height: 100%;
}

.ad-tabs li::before{
    font-family: decorooz;
    font-size: 20px;
    padding-left: 4px;
    position: relative;
    top: 3px;
font-weight: normal;
}

.social a {
    padding-bottom: 20px;
} 

.click-contact ul a::before {
    display: block;
    font-size: 40px;
    padding-right: 7px;
    font-family: decorooz,'Font Awesome 5 Free','Font Awesome 5 Brands';
    font-weight: normal;
width:65%;
}

/*
.ad-container .fas::before {
    font-weight: 900;
}*/

.click-contact li {
    font-size: 15px;
    /* margin-left: 7px; */
}

.click-contact li .icon-phone {
/*    background-color: #9cd6f9;*/
    background-image: linear-gradient(#788ee1, #2343c1);
    color: white; /*#0003a5;*/
/*    border: 3px solid #9eace3;*/
}

.click-contact li .icon-envelope {
    background-color: #ffe767;
    color: #664300;
    border: 3px solid #c6a952;
}

.click-contact li .icon-whatsapp {
/*old    background-color: #78e178;*/
background-image: linear-gradient(#55bf4b, #218617);
    color: white; /*#004d06;*/
/*old    border: 3px solid #43bf4b;*/
}

.click-contact li a:hover {
    color: #fff !important;
}

.click-contact li .icon-phone:hover {
/*old    background-color: #2374ca;*/
background-image: linear-gradient(#d674e3, #882491);
}

.click-contact li .icon-envelope:hover {
    background-color: #c49300 ;
}

.click-contact li .icon-whatsapp:hover {
/*old    background-color: #00951e;*/
background-image: linear-gradient(#e67676, #a21515);
}



/****************/
.manager {
    text-align: center;
    font: bold 20px IRANSans;
    padding: 10px 0;
}

.nums {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.nums > a ,.main-content .nums > a {
    border-radius: 25px;
    border: 1px solid #978aff;
    overflow: hidden;
    background-color: #d3e8ff;
    color: #00b;
    flex-grow: 1;
    margin: 0 2px 10px;
    text-align:center;
max-width: 200px;
}

.nums > a:hover {
    background-color: #00b;
    color: #fff;
}

.nums span {
    font-family: IRANSansMonoSpacedNum, IRANSans, Roboto;
}

.nums a span::before {
    font-family: decorooz,'Font Awesome 5 Free','Font Awesome 5 Brands';
    background-color: #00b;
    color: #d3e8ff;
    padding: 0 7px;
    float: left;
font-size: 23px;
}

/****************/
.social {
    display: flex;
    justify-content: center;
    /* border-bottom: 3px dotted #aaa; */
    /* padding-bottom: 15px; */
/*    margin-bottom: 15px;*/
    flex-wrap: wrap;
}

.social > a {
    text-align: center;
    font-weight: normal;
    font-size: 13px;
    margin: 0 7px;
}

.social > a:hover {
    filter: contrast(200%) brightness(65%);
}

.social > a::before {
    font-family: decorooz,'Font Awesome 5 Free','Font Awesome 5 Brands';
    /* font-weight: bold; */
    margin: 0 auto 8px;
    border-radius: 25%;
    display: block;
}

.social > a::before {
    color: white;
}

.social > a.icon-telegram::before {
    background-color: #5b84bb;
}

.social > a.icon-whatsapp::before {
    background-color: #2fb349;
}

.social > a.icon-instagram::before {
    background-color: #a6478e;
}

.social > a.icon-website::before {
    background-color: #33978f;
}

.social > a.icon-envelope::before {
    background-color: #f0c902;
    font-size: 34px;
}

.social > a.icon-phone::before {
    background-color: #1285ff;
    font-size: 34px;
}

/* 
.social > a:nth-child(even)::before {
    background-color: lightblue;
} */

/* .social > a:nth-child(odd)::before {
    background-color: gold;
} */

/*****************/
.address {
    font-size: 16px;
    padding: 0 10px;
}

.address .office {
    font-weight: bold;
    text-align: center;
    font-size: 24px;
    padding: 15px 0 20px;
}

.box-service .slogan {
background-color: #880380;
color: white;
line-height: 1.8em;
padding: 5px 40px;
max-height: 120px;
font-size: 20px;
font-weight: bold;
position: relative;
display: flex;
overflow: hidden;
justify-content: center;
}

.box-service .slogan::before, .box-service .slogan::after {
    content: "\e930";
    font-family: decorooz;
    display: block;
    position: absolute;
    font-size: 30px;
    color: gold;
align-self: center;
}

.box-service .slogan::before {
    right: 9px;
}

.box-service .slogan::after {
    left: 9px;
}

.box-service .mini_slogan {
    line-height: 1.5em;
    padding: 5px 5px;
background-color: #880380;
color: white;
max-height: 120px;
font-size: 20px;
font-weight: bold;
position: relative;
display: flex;
overflow: hidden;
justify-content: center;
border-radius: 20px;
}



/*********** Sticky ad **********/

.box-service.box-call {
    z-index: 99;
    position: fixed;
    bottom: 0px;
    left:0;
    width: 100% !important;
    box-shadow: unset;
    padding: 0;
    border-radius: unset;
    margin:0;
    background: white;
    box-shadow: 0 0 20px #444;
}

.box-service.box-call .contact-info {
    display: flex;
    background-color: #a8001f;
}

.box-service.box-call .contact-info h3,
.box-service.box-call .contact-info a {
    padding-top: 3px;
    flex-grow: 1;
    font-size: 25px;
    text-align: left;
    line-height: 1.3em;
    color: white;
}
.box-service.box-call .contact-info > div {
    flex-grow: 1;
display: flex;
align-items: center;
}

.box-service.box-call .contact-info > div > a , .sticky-three-column .sticky-tel {
    text-align: right;
    padding-right: 7px;
    font-weight: bold;
    font-family: IRANSansMonoSpacedNum, IRANSans, Roboto;
    font-size: 30px;
    display: block;
}

.box-service.box-call .click-contact ul a::before {
    display: inline-block;
    padding: 7px;
    width: auto;
}

.box-service.box-call .click-contact ul {
    height: 50px;
}

.box-service.box-call .click-contact li a {
    border: unset;
    border-radius: unset;
font-size: 16px;
}

.box-service.box-call ul li {
    box-shadow: unset;
    margin: unset;
}

/**********************************************/
/*         Sticky Three Column (NEW)          */
/**********************************************/

.sticky-three-column {
    position: fixed;
    bottom: 0px;
    left: 0;
    flex-wrap: nowrap;
z-index:9999;
}

.sticky-three-column .box-service {
    margin: 0;
    border-radius:unset;
    padding: 0;
    background-color: rgb(0, 57, 130);
    position: relative;
    width: 100%;
align-items: center;
display:inline-flex;
justify-content: center;
border: 2px solid #ddd;
box-shadow: unset;
flex-wrap: wrap;
}

.sticky-three-column .box-service::before {
    display: block;
    font-size: 17px;
    font-weight: bold;
    color: white;
line-height: 1.3em;
padding: 15px 0;
}

.sticky-three-column .click-contact{
width:100%;
}

.sticky-three-column li a.icon {
border: unset;
border-radius: unset;
}

.sticky-three-column .box-service:nth-child(1) {
    background-color: #0e2866;
    border-left: unset;
}
.sticky-three-column .box-service:nth-child(2) {
    background-color: #00570a;
    border-left: unset;
}
.sticky-three-column .box-service:nth-child(3) {
    background-color: #880040;
}

.sticky-three-column .box-service:nth-child(1):not(.ad-sticky-single)::before {
    content: 'نماینده اول (دکـوروز)';
}
.sticky-three-column .box-service:nth-child(2)::before {
    content: 'نماینده دوم (دکـوروز)';
}
.sticky-three-column .box-service:nth-child(3)::before {
    content: 'نماینده سوم (دکـوروز)';
}

.ad-container.sticky-three-column .sticky-tel {
    display:none;
    color:white;
    font-size: 33px;
}

.sticky-three-column .sticky-tel span {
    font-size: 27px;
    padding-left: 15px;
}

.sticky-three-column .click-contact ul a::before {
    padding-right:unset;
}
/*
.sticky-three-column .click-contact li .icon-phone {
background-image: linear-gradient(#568ed7, #334ba8);
color:white;
}

.sticky-three-column .click-contact li .icon-whatsapp {
    background-image: linear-gradient(#55bf4b, #218617);
color:white;
}*/

/**********************************************/
/*         Sticky Three Column (OLD)          */
/**********************************************/

/*
.ad-container.sticky-three-column {
    position: fixed;
    bottom: 0px;
    left: 0;
    flex-wrap: nowrap;
}

.sticky-three-column .box-service {
    margin: 0;
    border-radius:unset;
    padding: 0;
    background-color: rgb(0, 57, 130);
    position: relative;
    width: 100%;
align-items: center;
display:inline-flex;
justify-content: center;
border: 2px solid #ddd;
box-shadow: unset;
}

.sticky-three-column .box-service::before {
    display: block;
    font-size: 15px;
    font-weight: bold;
    color: white;
line-height: 1.7em;
}

.sticky-three-column .box-service:nth-child(1) {
    background-color: #0e2866;
    border-left: unset;
}
.sticky-three-column .box-service:nth-child(2) {
    background-color: #00570a;
    border-left: unset;
}
.sticky-three-column .box-service:nth-child(3) {
    background-color: #880040;
}

.sticky-three-column .box-service:nth-child(1)::before {
    content: 'نماینده اول (دکـوروز)';
}
.sticky-three-column .box-service:nth-child(2)::before {
    content: 'نماینده دوم (دکـوروز)';
}
.sticky-three-column .box-service:nth-child(3)::before {
    content: 'نماینده سوم (دکـوروز)';
}


.sticky-three-column .contact-info {
    border-radius: 20px 20px 0 0;
    display: flex;
}

.ad-container.sticky-three-column .sticky-tel {
    display:none;
    color:white;
    font-size: 33px;
}

.sticky-tel span {
    font-size: 27px;
    padding-left: 15px;
}

.sticky-phone-icon {
    width: 50%;
    background-color: #94d5ee;
    border-radius: 30px;
    margin: 15px 4px 12px ;
    font-size: 30px;
    padding: 3px;
max-width: 100px;
}

.sticky-name {
    position: absolute;
    width: 100%;
height: 62px;
bottom: 0;
}


.sticky-decorooz {
    position: fixed;
    bottom: 62px;
    right: 0;
    background-color: #e3cb00;
    width: 100%;
    font-size: 28px;
    padding: 10px 0 14px;
    font-weight: bold;
    box-shadow: 0 0 15px black;
}

.sticky-three-column .click-contact .icon-phone {
    background-color: #9cd6f9;
    color: #0003a5;
    border: 3px solid #9eace3;
}
*/



/*********    Main Page (Homepage)     ********/
.mainpage-ad-text {
    font-size: 30px;
    font-weight: bold;
    background-color: #599139;
    padding: 25px 0;
    border-radius: 40px;
margin-top: 10px !important;
}

.mainpage-cty-srv-text {
line-height: 1.5em;
display: block;
padding: 20px;
font-size: 32px;
font-weight: bold;
}

.mainpage-cty-text {
color: #296d99 !important;
background-color: #abd4ee;
border-radius: 40px 40px 0 0;
padding: 20px 56px;
}


.mainpage-srv-text {
color: #a64059 !important;
background-color: #eca6b7;
border-radius: 0 0 40px 40px;
}




.mainpage-ad-text a {
    color: white !important;
}

@media (min-width:600px) {
.mainpage-ad-text, .mainpage-cty-srv-text {
    display:none
}}


@media (min-width:992px) {
.box-service.box-call .click-contact, .sticky-phone-icon, .sticky-name, .sticky-three-column .click-contact {
    display: none;
}
.ad-container.sticky-three-column .sticky-tel {
    display: inline;
line-height: 1.5em;
}

.sticky-three-column .box-service {
padding: 6px 0;
}


.sticky-three-column .box-service::before {
    font-size: 18px;
    padding: 5px 0 5px 15px;
}

.sticky-three-column .box-service {
    margin: 0 auto;
border-width: 3px;
}
}

/******** Ad Register*********/

.ad-register {
    color: white;
    font-size: 30px;
    padding: 7px 0;
    background-color: #b50000;
    margin: 10px 30px;
    border-radius: 65px;
    font-weight: bold;
    border: 6px solid #ffb0b0;
    animation: glowing2 1300ms infinite;
}

@keyframes glowing2 {
        0% {
          box-shadow: 0 0 5px #b50000;
        }
        50% {
          box-shadow: 0 0 20px #b50000;
        }
        100% {
          box-shadow: 0 0 5px #b50000;
        }
}


.ad-register:hover {
background-color: #ffb0b0;
border: 6px solid #b50000;
color: #b50000;
}



/***************/
@media (max-width: 414px) {
    .nums span {
        font-size: 5vw;
        line-height: 11vw;
    }
    .social > a::before {
        width: 13vw;
        height: 13vw;
        font-size: 10vw;
        line-height: 13vw;
    }
}

@media (max-width: 414px) {
    .box-service {
        width: 100%;
        margin: 15px 13px;
        max-height: 400px; /*355px;*/
    }
}


@media (min-width: 415px) and (max-width: 767px) {
    .box-service {
        width: 390px;
        margin: 0 auto 20px;
        max-height: 355px;
    }

    .nums span {
        font-size: 20px;
        line-height: 45px;
    }

    .social > a::before {
        width: 54px;
        height: 54px;
        font-size: 42px;
        line-height: 55px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .box-service {
        width: 48%;
        min-width: 360px;
        max-height: 355px;
    }
    .nums span {
        font-size: 2.45vw;
        line-height: 5.5vw;
    }
    .social > a::before {
        width: 6.5vw;
        height: 6.5vw;
        font-size: 5vw;
        line-height: 6.5vw;
    }
}
@media (min-width: 992px) and (max-width: 1279px) {
    .box-service {
        width: 31.5%;
        min-width: 335px;
        max-height: 355px;
    }
    .nums span {
        font-size: 1.6vw;
        line-height: 3.6vw;
    }
    .social > a::before {
        width: 4.3vw;
        height: 4.3vw;
        font-size: 3.3vw;
        line-height: 4.3vw;
    }
}

@media (min-width: 1280px)  {
    .container {
        width: 1260px;
    }
    .box-service {
        width: 31.5%;
        min-width: 390px;
        max-height: 355px;
    }
    .nums span {
        font-size: 20px;
        line-height: 45px;
        padding-right: 3px;
    }

    .social > a::before {
        width: 54px;
        height: 54px;
        font-size: 42px;
        line-height: 55px;
    }
}

/*****************************************/
/*****************************************/
/*         End Main Advertising         */
/*****************************************/
/*****************************************/


/*****************************************/
/*****************************************/
/*           Internal Website            */
/*****************************************/
/*****************************************/

/*      List City and Service            */

.list-city {
display: flex;
flex-wrap: wrap;
margin: auto;
justify-content: space-between;
max-width: 700px;
}

.list-city > a {
border-radius: 30px;
background: linear-gradient(45deg,rgb(255, 255, 255) 0%,rgb(255, 188, 188) 100%);
border: 2px solid #b30000;
margin: 0 0 13px;
font-size: 20px;
font-weight: bold;
color: #000 !important;
padding: 13px 0;
width: 105px;
text-align: center;
}


.list-city a:hover {
color:#fff !important;
background: linear-gradient(45deg,rgb(236, 139, 139) 0%,rgb(185, 0, 0) 100%);
}

.list-city > a:hover {
    box-shadow: 0 0 15px #000;
}

/************************************/
/*      CAT List City Services      */
/************************************/

.list-city-service {
display: flex;
flex-wrap: wrap;
margin: auto;
justify-content: space-around;
max-width: 1200px;
}

.list-city-service > a {
border-radius: 60px;
margin: 0 0 7px;
font-size: 30px;
font-weight: bold;
color: #000 !important;
padding: 25px 0;
width: 270px;
text-align: center;
background-size: 200px;
background-position: center;
    border: 4px outset #114292;
}
/*
.theiaStickySidebar .list-city-service > a {
    border-radius: 50px;
    margin: 0 0 5px;
    padding: 25px 0;
}*/

.list-city-service > .srv-roof {
    background-color: #9cccff9e;
    border-color: var(--drp);
}

.list-city-service > .srv-wall {
    background-color: #75cdd29e;
    border-color: var(--wlp);
}

.list-city-service > .srv-floor {
    background-color: #d799829e;
    border-color: var(--flr);
}

.list-city-service > .srv-color {
    background-color: #eed8219e;
    border-color: var(--pnt);
}

.list-city-service > .srv-wood {
    background-color: #f0b37e9e;
    border-color: var(--cab);
}

.list-city-service > .srv-rebuild {
    background-color: #aea59b9e;
    border-color: var(--re3);
}

.list-city-service > .srv-decor {
    background-color: #f267af9e;
    border-color: var(--hdv);
}


.list-city-service > a:hover {
    color: #fff !important;
}

.list-city-service > .srv-roof:hover {
    background-color: var(--drp);
}

.list-city-service > .srv-wall:hover {
    background-color: var(--wlp);
}

.list-city-service > .srv-floor:hover {
    background-color: var(--flr);
}

.list-city-service > .srv-color:hover {
    background-color: var(--pnt);
}

.list-city-service > .srv-wood:hover {
    background-color: var(--cab);
}

.list-city-service > .srv-rebuild:hover {
    background-color: var(--re3);
}

.list-city-service > .srv-decor:hover {
    background-color: var(--hdv);
}

/************************************/
/*      List Type of Service        */
/************************************/
.list-service-widget p {
padding: 19px 0;
font-size: 28px;
font-weight: bold;
border: outset 6px #ffffff82;
border-radius: 50px;
margin: 6px auto;
}

@media (max-width: 992px)  {
.list-service-widget p {
max-width: 330px;
}
}


.list-service-widget p:nth-child(1) {
    background-color: #E68979 ;
}
.list-service-widget p:nth-child(2) {
    background-color: #E8B37E;
}
.list-service-widget p:nth-child(3) {
    background-color: #E8DA7E;
}
.list-service-widget p:nth-child(4) {
    background-color: #E6F36C;
}
.list-service-widget p:nth-child(5) {
    background-color: #ABF465;
}
.list-service-widget p:nth-child(6) {
    background-color: #72E57D;
}
.list-service-widget p:nth-child(7) {
    background-color: #79F6C4;
}
.list-service-widget p:nth-child(8) {
    background-color: #78E9EA;
}
.list-service-widget p:nth-child(9) {
    background-color: #7EC8E9;
}
.list-service-widget p:nth-child(10) {
    background-color: #E79EE3;
}
.list-service-widget p:nth-child(10) {
    background-color: #CA9DEB;
}
.list-service-widget p:nth-child(11) {
    background-color: #E8A0E4;
}
.list-service-widget p:nth-child(12) {
    background-color: #E898C5;
}
.list-service-widget p:nth-child(13) {
    background-color: #E88E98;
}
.list-service-widget p:nth-child(14) {
    background-color: #E68979 ;
}
.list-service-widget p:nth-child(15) {
    background-color: #E8B37E;
}
.list-service-widget p:nth-child(16) {
    background-color: #E8DA7E;
}
.list-service-widget p:nth-child(17) {
    background-color: #E6F36C;
}
.list-service-widget p:nth-child(18) {
    background-color: #ABF465;
}
.list-service-widget p:nth-child(19) {
    background-color: #72E57D;
}
.list-service-widget p:nth-child(20) {
    background-color: #79F6C4;
}
.list-service-widget p:nth-child(21) {
    background-color: #78E9EA;
}
.list-service-widget p:nth-child(22) {
    background-color: #7EC8E9;
}
.list-service-widget p:nth-child(23) {
    background-color: #E79EE3;
}

/************************************/
/*         Menu Navigation          */
/************************************/

.main-menu {
    width: 100%;
}

ul#menu-primary {
display:flex;
}

#menu-primary > .menu-item {
    flex-grow: 1;
border-right: 2px solid #ddd;
border-left: 2px solid #ddd;
}

#menu-primary > .menu-item > a {
    text-align:center;
}

#menu-primary > .menu-item:not(:last-child) {
border-left: unset;
}


.menu-item-5732{
background-color: var(--drz);
}
.menu-item-5710{
background-color: var(--cty);
}
.menu-item-4894{
background-color: var(--drp);
}
.menu-item-4891,.menu-item-4892{
background-color: var(--wlp);
}
.menu-item-4893{
background-color: var(--flr);
}
.menu-item-12679{
background-color: var(--pnt);
}
.menu-item-12677{
background-color: var(--cab);
}
.menu-item-12678{
background-color: var(--re3);
}
.menu-item-4899{
background-color: var(--hdv);
}

@media (max-width: 991px)  {
#mobile-menu .menu-item{
padding: 0 8px;
border-radius: 10px;
margin: 4px 0;
}

#mobile-menu {
padding-top: 0;
}

#mobile-menu .menu-item-5690, #mobile-menu .menu-item-5733, #mobile-menu .menu-item-5732 {
padding: unset;
margin: 0 0 4px;
}
}

.menu-item-5690 a, .menu-item-5733 a {
border-radius: 10px;
text-align: center;
padding: 15px !important;
}

.menu-item-5690 a{
background-color: gray;
}

.menu-item-5690{
width: 49%;
display: inline-block !important;
}

.menu-item-5733 a{
background-color: gold;
color:#000  !important;
}

.menu-item-12840{
background: linear-gradient(45deg,#ffef06, #db5151,#ce00df);
}


@media (max-width: 991px)  {
.menu-item-5732 a{
padding: 15px !important;
text-align: center;
}
.menu-item-5732{
width: 49%;
display: inline-block !important;
}
}


@media (min-width: 992px)  {
.menu-item-5690 , .menu-item-5733, .menu-item-12840 {
display:none !important;
}

#main-nav {
  line-height:50px
 }
.main-nav-wrapper {
height:54px !important;
}
.main-nav-dark .main-nav {
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}

.fixed-nav .menu-item-5732 {
display:none !important;
}
}


@media (max-width: 670px) {
.theme-header .logo-container {
    height: 45px !important;
}
}

/************************************/
/*      Sticky Logo        */
/************************************/

/*
#sticky-logo img {
    padding: 0px 10px;
}

#sticky-logo {
   background-color: #279739;
}*/


@media (min-width: 992px) {
.decorooz-logo {
    display:none;
}
}

@media (max-width: 992px) {
.theme-header .logo-container, .fullwidth-entry-title, .theme-header .fixed-nav:not(.just-before-sticky){
    top: 0px;
}

.main-content {
top: 15px;
}

.decorooz-logo {
    font-size: 35px;
    display: block;
    text-align: center;
    position: fixed;
    padding:3px;
    width: 100%;
    top: 0;
    z-index: 111;
padding-left: 36px;
}
}

.decorooz-logo-ad {
display: block;
font-size: 60px;
}

/************************************/
/*            Go to Top             */
/************************************/

a.go-to-top-button {
    width: 55px;
    height: 55px;
    line-height: 55px;
border-radius: 5px;
}

#go-to-top .tie-icon-angle-up {
font-size: 20px;
font-weight: bold;
}

a.go-to-top-button.show-top-button {
    bottom: 115px;
}

#go-to-top {
/*right: auto;*/
left: 9px;
}


/************************************/
/*     Wordpress Gutenburg Block    */
/************************************/
.entry .lh-1_5 {
    line-height:1.5em;
}

/* نمی دونم چیه فعلا کامنتش کردم
@media (min-width:600px) {
.entry .mobile {
    display:none;
}
}*/


/************************************/
/*           Jannah Theme           */
/************************************/

.post-layout-8 .single-big-img {
    margin-bottom: -110px;
    height: 320px;
}


@media(max-width:1024px) {
.post-layout-8 .single-big-img {
    height: 385px;
    margin-bottom: -140px;
}
}

@media(max-width:768px) {
.post-layout-8 .single-big-img {
    height: 415px;
    margin-bottom: -200px;
}
}

@media(max-width:670px) {
.post-layout-8 .single-big-img {
    height: 415px;
}
}

@media(max-width:420px) {
.post-layout-8 .single-big-img {
    height: 500px;/*470*/
    margin-bottom: -175px;
}
}

@media(max-width:320px) {
.post-layout-8 .single-big-img {
    margin-bottom: -310px;
}
}



#go-to-content {
display:none;
}

.post-layout-8 .entry-header {
    top: 44%;
}




/************************************/
/*    Plugin: Pardakht Delkhah      */
/************************************/


#cupri_form #cupri_submit_form #cupri_submit {
padding: 12px 52px;
border-radius: 8px;
width: 100%;
font-size: 20px;
color: #fff;
font-weight: bold;
background-color: #549b2c;
margin-top: 15px;

}

#cupri_form #cupri_submit_form input, #cupri_submit_form textarea {
font-family: IRANSansMonoSpacedNum, IRANSans, Roboto;
    padding: 10px !important;
text-align: center;
font-size: 20px;
border-radius: 8px;
}

#cupri_form #cupri_submit_form, .cupri-errors {
    width: 300px !important;
}

#cupri_submit_form label span {
font-weight: bold;
margin: 10px 0 5px;
display: inline-block;
}



/************************************/
/*           Plugin: PDB            */
/************************************/

/* for list */
.entry .mobile-field, .entry .social_num-field {
font-family: IRANSansMonoSpacedNum;
text-align:left;
direction:ltr;
}

.farvardin-field, .ordibehesht-field, .khordad-field, .tir-field, .mordad-field, .shahrivar-field,
.mehr-field, .aban-field, .azar-field, .dey-field, .bahman-field, .esfand-field, .cost-field, .deferred_cost-field {
padding: 2px !important;
text-align: center !important;
font: bold 19px IRANSansMonoSpacedNum, IRANSans, Roboto;
min-width:75px;
}

.farvardin-field, .ordibehesht-field, .khordad-field {
background-color: #b2f0b2;
}
.tir-field, .mordad-field, .shahrivar-field {
background-color: #f0b2b2;
}
.mehr-field, .aban-field, .azar-field {
background-color: #f0deb2;
}
.dey-field, .bahman-field, .esfand-field {
background-color: #b2d9f0;
}

.deferred_cost-field {
background-color: #ecd200;
font-size:16px;
}

.cost-field {
background-color: #2f8880;
color:white;
}

.ad_service-field, .ad_city-field, .date_recorded-field, .payment_type-field {
    font-size: 14px;
}

.full_name-field {
font-weight:bold;
min-width: 132px;
font-size: 16px;
}

/************************************/
/*    Plugin: PDB SignUp (Page)     */
/************************************/

.pdb-signup .no-border fieldset {
    display: inline;
}

.pdb-signup fieldset label input {
    height: 18px;
    width: 18px;
}

.pdb-signup textarea, .pdb-signup input, .pdb-signup select {
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 7px;
font-size: 18px;
}

.pdb-signup td input {
width:50%;
}

.pdb-signup td select {
height:40px;
}

.pdb-signup optgroup {
    font-family: iransans;
    font-size: 14px;
}


.pdb-signup .service_type-input-group ,.pdb-signup .profession_service-input-group{
background-color: #fec;
}


.pdb-signup .ad_service-input-group{
background-color: #cfc;
}

.pdb-signup .ad_city-input-group{
background-color: #ccfff8;
}


.pdb-signup .pdb-submit {
width:unset;
}

#pdb-mobile-2, #pdb-social_addr-2, #pdb-landline-2{
direction:ltr;
}

/***********************************************/
/*    Plugin: PDB Management & Payment (Page)  */
/***********************************************/




/******* create shadow animate *******/
/*
@-webkit-keyframes myfirst
{
  0% { text-shadow: 0px 0px 3px #fff,0px 0px 8px #fff,0px 0px 15px #0026ba,0px 0px 5px #0026ba,0px 0px 15px #0026ba; }
  50% { text-shadow : none; }
  100% {text-shadow: 0px 0px 3px #fff,0px 0px 8px #fff,0px 0px 15px #0026ba,0px 0px 5px #0026ba,0px 0px 15px #0026ba; }
}

@-moz-keyframes myfirst
{
  0% { text-shadow: 0px 0px 3px #fff,0px 0px 8px #fff,0px 0px 15px #0026ba,0px 0px 5px #0026ba,0px 0px 15px #0026ba; }
  50% { text-shadow : none; }
  100% {text-shadow: 0px 0px 3px #fff,0px 0px 8px #fff,0px 0px 15px #0026ba,0px 0px 5px #0026ba,0px 0px 15px #0026ba; }
}
@keyframes myfirst
{
  0% { text-shadow: 0px 0px 3px #fff,0px 0px 8px #fff,0px 0px 15px #0026ba,0px 0px 5px #0026ba,0px 0px 15px #0026ba; }
  50% { text-shadow : none; }
  100% {text-shadow: 0px 0px 3px #fff,0px 0px 8px #fff,0px 0px 15px #0026ba,0px 0px 5px #0026ba,0px 0px 15px #0026ba; }
}
*/

.click-contact ul a.icon-phone::before , .click-contact ul a.icon-whatsapp::before{
    -webkit-animation: rotate-icon 2000ms infinite;
    -moz-animation: rotate-icon 2000ms infinite;
    -o-animation: rotate-icon 2000ms infinite;
    animation: rotate-icon 2000ms infinite;
}

@-moz-keyframes rotate-icon {
 0% {  transform:rotate(0) scale(1) skew(1deg); }
 15% {  -moz-transform:rotate(-15deg) scale(1) skew(1deg); }
 30% {  -moz-transform:rotate(15deg) scale(1) skew(1deg); }
 45% {  -moz-transform:rotate(-15deg) scale(1) skew(1deg); }
 60% {  -moz-transform:rotate(15deg) scale(1) skew(1deg); }
 75% {  -moz-transform:rotate(0) scale(1) skew(1deg); }
 100% {  -moz-transform:rotate(0) scale(1) skew(1deg); }
}
@-webkit-keyframes rotate-icon {
 0% {  -webkit-transform:rotate(0) scale(1) skew(1deg); }
 15% {  -webkit-transform:rotate(-15deg) scale(1) skew(1deg); }
 30% {  -webkit-transform:rotate(15deg) scale(1) skew(1deg); }
 45% {  -webkit-transform:rotate(-15deg) scale(1) skew(1deg); }
 60% {  -webkit-transform:rotate(15deg) scale(1) skew(1deg); }
 75% {  -webkit-transform:rotate(0) scale(1) skew(1deg); }
 100% {  -webkit-transform:rotate(0) scale(1) skew(1deg); }
}
@-o-keyframes rotate-icon {
 0% {  -o-transform:rotate(0) scale(1) skew(1deg) }
 15% {  -o-transform:rotate(-15deg) scale(1) skew(1deg) }
 30% {  -o-transform:rotate(15deg) scale(1) skew(1deg) }
 45% {  -o-transform:rotate(-15deg) scale(1) skew(1deg) }
 60% {  -o-transform:rotate(15deg) scale(1) skew(1deg) }
 75% {  -o-transform:rotate(0) scale(1) skew(1deg) }
 100% {  -o-transform:rotate(0) scale(1) skew(1deg) }
}

@keyframes rotate-icon {
 0% {  transform:rotate(0) scale(1) skew(1deg) }
 15% {  transform:rotate(-15deg) scale(1) skew(1deg) }
 30% {  transform:rotate(15deg) scale(1) skew(1deg) }
 45% {  transform:rotate(-15deg) scale(1) skew(1deg) }
 60% {  transform:rotate(15deg) scale(1) skew(1deg) }
 75% {  transform:rotate(0) scale(1) skew(1deg) }
 100% {  transform:rotate(0) scale(1) skew(1deg) }
}


/************************************/
/*           Plugin: Digits         */
/************************************/


/************************************/
/*          Plugin: Youzify         */
/************************************/

.youzify-page {
    background-color: unset;
}

body #youzify * :not(i) {
font-family: IRANSans, Open Sans,sans-serif;
}

body #youzify input {
font-family: IRANSans, Open Sans,sans-serif !important;
}

body #youzify .youzify-save-options {
line-height:45px;
}

#youzify .sidebar {
display:none;
}

#youzify .main-content {
width:100%;
}

.youzify-slider.owl-carousel {
direction:ltr;
}

.youzify-aboutme-content img.lazyloaded {
margin: auto;
}

.youzify-head-buttons .youzify-button-item {
float:right;
}

.youzify-header-networks ::before, .youzify-wg-networks ::before {
font-size:24px;
}

.youzify-header-networks i {
border-radius:5px;
}

.youzify-wg-networks a {
display: flex !important;
align-items: center;
}

.fa-superpowers::before {
  content: "\e90b";
  font-family:decorooz;
}

@media (max-width: 768px) {
.rtl #youzify-profile-navmenu .youzify-settings-menu {
left:initial;
right:0;
}
}

.youzify-settings-menu {
direction: rtl;
}

.youzify-main-column .youzify-aboutme-name, .youzify-post-content .youzify-post-type {
letter-spacing: unset;
font-weight: bold;
}

/*
.youzify-account-settings-menu {
display: flex;
flex-direction: column;
}

.youzify-account-settings-menu > div:nth-child(1) {
background-color: #d5f0c1;
}

.youzify-account-settings-menu > div:nth-child(3) {
background-color: #eddaff;
}

.youzify-account-settings-menu > div:nth-child(5) {
background-color: #ffddbf;
}
*/

.field-visibility-settings-toggle, .field-visibility-settings-notoggle {
display:none !important;
}

.youzify-settings-area {
display:none !important;
}

/************************************/
/*     Plugin: WP User Frontend     */
/************************************/

@media (min-width: 480px) {
body ul.wpuf-form li .wpuf-fields {
width: 80% !important;
}
body ul.wpuf-form li .wpuf-label {
width: 20% !important;
}
}

.wpuf-form-add input {
    font-size: 20px !important;
}


/************************************/
/*          Plugin: Raychat         */
/************************************/
/*
.raychat_noselect .raychat_main_button {
    margin-bottom: 77px !important;
    height: 75px !important;
    width: 75px !important;
    border: 6px solid #ee9dfb !important;
    box-shadow: 0 0 15px black !important;
}*/