@font-face {
font-family: 'iransans';
src: url('/font/IRANSansWeb.ttf');
}


html, body {
    margin: 0;
    padding: 0;
    font-family: 'iransans';
  direction: rtl;
  background-color: var(--color14);
  font-size:17px;
}



:root {
--color1: #000000;
--color2: #202020;
--color3: #282828;
--color4: #404040;
--color5: #606060;
--color6: #707070;
--color7: #808080;
--color8: #909090;
--color9: #A0A0A0;
--color10: #B0B0B0;
--color11: #C0C0C0;
--color12: #D0D0D0;
--color13: #E0E0E0;
--color14: #F0F0F0;
--color15: #F9F9F9;
--color16: #FFFFFF;
}


:root {
  --opacity1: #00000025;
  --opacity2: #00000050;
  --opacity3: #00000075;
  --opacity4: #00000090;
  --opacity5: #00000095;
             
  --opacity6: #F9F9F925;
  --opacity7: #F9F9F950;
  --opacity8: #F9F9F975;
  --opacity9: #F9F9F990;
  --opacity10: #F9F9F995;
}



:root {
--origin3: #c9e2fe;
--origin4: #fcb868;
--origin5: #fcac4f;
--origin6: #fba036;
--origin7: #fb941d;
--origin8:#fa8804;
--origin9: #e17a04;
--origin10: #ea9c04;
--origin11: #fb941d;
}



:root {
  --origin10-25: #fb941d0f;
  --origin10-50: #fb941d33;
  --origin10-75: #fb941d75;
  --origin10-90: #fb941d90;
  --origin10-95: #fb941d95;
}


:root {
  --gap-2: .2%;
  --gap-5: .5%;
  --gap1: 1%;
  --gap2: 2%;
  --gap3: 3%;
  --gap4: 4%;
  --gap5: 5%;
  --gap6:6%;
  --gap7:8%;

  
  --item-count1:1;
  --item-count2:2;
  --item-count3:3;
  --item-count4:4;
  --item-count5:5;
  --item-count6:6;
  --item-count7:7;
  --item-count8:8;
  
  --body-line-height: 2;
  
  --border-radius: 15px;
}


*,
*::after,
*::before {
  box-sizing: border-box;
  
}



a {
    text-decoration: none;
    transition: .5s ease-out;
}

figure {
    margin: 0;
    padding: 0;
  line-height: 0;
}


h2 {
font-size: 1.5rem;
}


.aside-page-container {
    display: flex;
    padding: 2% 8%;
}

.aside-filter {
    flex: 1;
}

.aside-filter h3 {
 font-size:small
}

.aside-filter, .body-aside {
    margin: 0 var(--gap1);
    background-color: var(--color16);
}

.aside-filter .icon-close {
    display: none;
}

aside ul {
    list-style: none;
    margin: 0 2%;
    padding: 0 1%;
}

.aside-filter aside ul {
    margin: 0;
    padding: 0;
}

.aside-filter aside ul li li {
    border-bottom: 1px dotted #ccc;
    margin: 0;
    padding: 2%;
}

.aside-filter aside ul li li a {
    color: var(--color1);
}

.filter-button-container {
    display: flex
;
    justify-content: space-between;
    padding: 3% 0;
    background-color: var(--origin7);
    visibility: hidden;
}

.header-bottom {
    border-radius: var(--border-radius);
    margin-left: 3%;
    border: 1px solid var(--color13);
    text-align: center;
    background-color: var(--color16);
    color: var(--color1);
    min-width: 120px;
    font-size: var(--small);
    padding: var(--gap3);
}

.filter-button-container a {
    cursor: pointer;
    padding: 2% 0;
}

.tree ul li span {
    cursor: pointer;
    color: var(--color2);
}

.tree li span:before {
    content: '\e880';
    font-weight: normal;
    font-family: 'webfont';
    background: white;
    margin: 7px;
    padding: 2px;
    font-size: var(--small);
    border-radius: 1px;
}

.tree ul li ul {
    padding-right: 20px;
}

.aside-filter aside ul li li:last-child {
    border-bottom: unset;
}

aside ul li {
    list-style: none;
}

.aside-filter aside {
padding: 2% 5px;
}

.slidecontainer {
    position: relative;
}

.aside-filter h4 {
    background: var(--origin7);
    color: var(--color1);
    padding: 5% 3%;
    margin: 0;
    margin: 5% 0;
}

.aside-filter h4 {
    margin-top: 0;
}

.range-slider {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 15px;
}

.slidecontainer div.input {
    display: flex;
    justify-content: center;
    margin: 10px;
    padding: 10px;
    background-color: var(--color14);
    border-radius: 5px;
    color: var(--color1);
}

.input span {
    padding-right: 12px;
    padding-top: 4px;
    padding-left: 4px;
}

.select-editable {
    border: 1px solid var(--color10);
    outline: unset;
    text-align: center;
    height: 30px;
    padding: 2%;
    position: relative;
    background-color: var(--color16);
    width: 100px;
}

.select-editable input {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 80px;
    padding: 4px;
    border: none;
    background-color: var(--color16);
}

.select-editable select {
    position: absolute;
    top: 0px;
    right: 0px;
    border: none;
    margin: 0;
    background: white;
    height: 28px;
}

.slidecontainer div.input cite {
    padding: 0 3px;
    padding-top: 0px;
    padding-top: 0px;
    font-size: var(--small);
    padding-top: 7px;
    border: 1px solid var(--color10);
    border-radius: 5px 0 0 5px;
    margin-right: -2px;
    background-color: var(--color13);
    color: var(--color1);
}

.aside-filter aside nav.tree {
    min-height: 255px;
    overflow-x: hidden;
}

.body-aside {
    flex: 3;
}

.body-aside .master-container {
    padding: 0;
}

.body-aside .master-container-title {
  align-items: center;
  display: flex;
  border-bottom: 1px solid var(--origin10);
  flex-wrap: wrap;
  padding-bottom: 10px;
}

.master-container-title section {
flex:1
}

.paragraph-title-icon  {
	flex: 1;
    text-align: left;
    font-size: x-small;
    display: flex;
    justify-content: left;
    align-items: center;
  padding: var(--gap1);
}

.paragraph-title-icon a {
margin-left: 10px;
}

.paragraph-title {
text-align:center
}

.paragraph-title .paragraph-title-icon {
display: unset;
}

.paragraph-title h2 {
    margin: 10px 0px;
}

.btn-follow {
    color: var(--color9);
    border: 1px solid var(--color9);
    padding: 5px;
    border-radius: var(--border-radius);
    font-size: small;
}

.btn-follow:before {font-size:small !important }

.paragraph-comment {
display: flex;
    flex-wrap: nowrap;
  margin:10px 0px;
    padding: 10px;
    border: 1px solid var(--color10);
    border-radius: 20px;
}

.paragraph-comment:nth-child(odd) {
background-color: var(--origin10-25);
}

.paragraph-comment:nth-child(even) {
background-color: var(--origin10-50);
}

.paragraph-comment span {
    float:left
}

.tag-place {
    display: flex;
    margin: 3% 0;
}

.tag-place span:nth-child(1) {
    color: var(--color15);
}

.tag-place span:nth-child(2) {
    background-color: var(--color14);
    margin: 0 .5%;
}

.tag-place span {
    background-color: var(--origin4);
    padding: 1%;
}

.tag-place a {
    background: var(--color14);
    color: var(--color1);
    padding: 1%;
    margin: 0 .5%;
}

.content-titr {
    border-right: 3px solid var(--origin9);
    padding-right: 10px;
    margin-right: 3%;
}

form[id^="form"] div.poll-container input[type="text"] {
    
    background-color: unset;
}


.profile-menu {
	display: flex;
    flex-wrap: wrap;
  justify-content: center;
}

.profile-menu a {
	width: calc(100% / var(--item-count1) - 2%);
    align-items: center;
    border-bottom: 1px solid var(--color14);
  font-size: medium;
  transition: all 0.5sease-in-out;
}


.profile-menu a:before {
font-size: 1.1em;
  margin:10px
}

.profile-menu a:hover:before {
color: var(--origin10);
}


.profile-menu a:hover {
transform: translate(-10px, 0px);
}

.profile-icon a {
	width: calc(100% / var(--item-count4) - 2%);
    height: 100px;
    text-align: center;
    border: 1px solid var(--color11);
    margin: 10px;
    border-radius: 15px;
}

.profile-icon a:before {
font-size: 2em;
    width: 100%;
    padding: 0px;
  color: var(--origin10);
  margin: 10px 0px;
}

.profile-icon a:hover:before {
  color: var(--color11);
}

.aside-filter h5 {
	color: var(--color1);
    padding: 5% 3%;
    margin: 0;
}





.pathUrl {
    margin: 1.1% 2px;
    background: var(--color16);
    padding: var(--gap1);
}



.body-aside .pathUrl span a, .body-aside .pathUrl span a:visited, .body-aside .pathUrl span a:link {
    color: var(--color4);
}

.body-aside .pathUrl span a::before {
    content: '\f100';
    color: var(--origin10);
    padding-left: 5px;
    font-family: 'webfont';
    font-size: 1rm;
    padding-right: 5px;
}

.body-aside .pathUrl span a {
    font-size: var(--medium);
}

.filter-box {
    display: flex;
    align-items: center;
}

.filter-box div {
    display: flex;
    align-items: center;
}

.icon-filter {
    padding: 5px;
    background-color: var(--color12);
    border-radius: 4px;
    font-style: normal;
    color: var(--color4);
    margin: 0 5px;
}

.icon-filter {
    font-style: normal;
  display: none;
}

.icon-filter::before {
    color: var(--color1);
}

.filter-box .small {
    color: var(--color4);
}

code#cnt {
    color: var(--origin10);
}

#slcproduct {
    display: none;
}

.filter-box ul {
    list-style: none;
    display: flex;
    padding-right: 5px;
    align-items: center;
}

.small {
    font-size: .8rem;
}

.header-bottom2 {
    border-radius: var(--border-radius);
    padding: 1%;
    margin-left: 3%;
    width: 100px;
    text-align: center;
    color: var(--color1);
    border: 1px solid var(--origin10);
    background-color: var(--origin10-25);
}

.filter-box ul li {
    cursor: pointer;
    margin: .5%;
}

.filter-box .small {
    color: var(--color4);
}

.filter-place {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.archive article {

    border: 1px solid var(--color14);
    padding: .4%;
    align-items: center;
    background: var(--color15);

    margin: 1% 0;
}

.archive article section figure img {
    min-width: 100%;
    height: 100px;
    object-fit: cover;
  max-width: 200px;
}

.archive article section h3 {
    background: unset;
    margin: 0;
    padding: 2%;
    font-weight: normal;
}

.archive article section {
    display:flex;
  align-items: center;
}

.adver {
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.adver article {
    margin: 2%;
    width: calc(100% / var(--item-count3) - 2%);
    text-align: center;
    transition: all 0.5s ease-in-out;
    overflow: hidden;
    border-radius: var(--border-radius);
    box-shadow: 0px 0px 21px -9px rgba(112, 112, 112, 0.75);
}

.adver article:hover {
transform: translate(0, -15px);
}

.adver img {

  width: 100%;
    transition: .5sease-out;
    max-height: 300px;
    object-fit: cover;
    padding: .5%;
    object-position: center;
    border-radius: 20px;
}

.adver img:hover {
transform: scale(1.1);

}

.adver p {
    font-size: medium;
    padding: 5px;
    line-height: 1.5;
    margin: 0px;
    min-height: 120px;
}

.adver span {
font-size:small
}












.wrapper {
  display: flex;
flex-wrap: wrap;
}

.very-small,.tiny {
font-size: .7rem;
}

.small {
font-size: .8rem;
}

.medium {
font-size: .9rem;
}



.login-cont {
    background-color: var(--color15)!important;

}

#employ-box {
    position: fixed;
    width: 40px;
    z-index: 50;
    background-color: var(--origin4);
    top: 130px ;
    border-radius: 5px;
    right: 5px ;
  
}
.icon-close, .registertheme {
    cursor: pointer;
}

#employ-box i {
    color: #626262 !important;
    font-size: .9em;
  padding-right: 7px;
}

#employ-box section {
    border-bottom: 1px solid #999;
  padding-top: 20%;
    display: inline-block;
    color: white;
    width: 100%;
    height: 40px;
    float: right;
    box-shadow: 0 2px 5px -1px #00000026;
}

.icon-close, .registertheme {
    cursor: pointer;
}

#employ-box article {
    transform: rotate(90deg);
    color: #545454;
    height: 120px;
    margin: 0px 8px 15px 0px;
    width: 120px;
  float:right
}

.btn::before {
font-size: 1.3rem;
padding-left: 35px;
}

.all-titr-box {
        text-align: center;
    padding-top: 100px;
}

.hr {
    height: 4px;
    border: none;
    background-color: var(--color7);
    width: 100%;
    margin: 0;
    margin-bottom: -28px;
}

.all-titr-box h2 {
        margin: auto;
    width: 400px;
    background-color: var(--origin11);
    padding: 8px 0;
  border-radius: 10px;
  color:var(--color16)
}


.dark-blue-btn {
background-color: var(--origin10);
color: var(--color16);
  box-shadow: 0px 0px 29px -7px rgb(0 0 0 / 75%);
  border: 2px solid var(--origin11);
  padding: 10px;
  border-radius: var(--border-radius);
}

.counseling .dark-blue-btn {
background-color: var(--origin15);
  
}

.light-blue-btn {
color: var(--origin10);
background-color: var(--origin10-25);
   border: 2px solid var(--origin3);
}



.btn-social a.btn:hover , .btn-social search.btn:hover , .products a.btn:hover , .paragraph-title a.btn:hover ,.caption a.btn:hover , .counseling a.btn:hover ,
.work-samples-container a.btn:hover {
  color: var(--origin10);
  background-color: var(--color16);
}




header {
  
  background-color: var(--color16);
  margin-top: var(--gap-2);
box-shadow: 0px 0px 15px -10px rgba(0,0,0,0.75);
  border-radius: var(--border-radius);
}

.fixed {
 box-shadow: 0px 0px 12px -1px rgba(148,148,148,0.75);

 

  background-color: var(--color16);
  margin: 0;
border-radius: unset;
  transition: .5s ease-out;
}

.header-fixed{

  position: sticky;
  z-index: 90;
  top: 0;

}

 .fixed .logo-place img {
  max-height: 70px;
   margin-top: 10px
}

 .fixed .menu-place {
  top: 90px;
}



main {
background-color: white;
  
  
  margin: .8% 0px;
  border-radius: var(--border-radius);
   

}

.expertise   {
margin-top: var(--gap4);
  padding: 1% 8%;
}



.bot-header {
display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--gap3);
}

 .bot-header .btn:nth-child(1) {
padding: var(--gap3);
}


.btn-social {
display: flex;
align-items: center;
  justify-content: flex-end;
}


.btn-left {
display: flex;
align-items: center;
  justify-content: flex-end;
}

.social-place {
margin-right: 40px;
}

.btn-social , .bot-header .logo-place {
    padding-right: 20px;
}

.menu-place {
width: 100%;
    text-align: center;
}

.logo-place img {
max-height: 90px;
}


.social-place i {
color: var(--origin10);
  border: 2px solid var(--origin4)
}


search {
    display: flex;
    align-items: center;
    margin-right: 5px;

    background-color: var(--origin10);
    color: var(--color16);

    padding: 6px;
    border-radius: var(--border-radius);
}


search i {
font-size: .8rem;
}

#txtsearch {
display: none;
}


.pic-center2{padding-top:3%;}

.pic-center2 img{

text-align:center;
  border-radius: 20px;
  border: 2px solid var(--color12);
  transition: .5s ease-out;
  display: block;
  margin: var(--gap3) auto;
  object-fit: cover;
  max-width: 70%;padding:4px;

}

.index-pic img {
  max-width: 100%;
  border-radius: 20px;
  max-height:200px;

}

.btn-left .header-search-popup {
  position: absolute;
  max-width: 100%;
  left: auto;
  background-color: var(--color14);
  height: 60px;
display: flex;
align-items: center;
padding: 0;
width: 250px;
box-shadow: 0px 0px 20px -10px rgb(44 44 44 / 75%);
  z-index: 105;
}


.btn-left .header-search-popup #txtsearch {
border: unset;
background-color: transparent;
outline: unset;
  color: var(--origin10);
height:30px;
}

.btn-left .header-search-popup i {
font-size: 1rem;
color: var(--origin10);
padding: 3%;
}

.banner-place .banner {
position: relative;
}

.banner-place ul {

}

.banner-place ul li {
display: flex !important;
  align-items: center;
  padding:1.5% 1.5% 0.2% 1.5%;
  
}

.banner-place ul li .caption , .banner-place ul li figure {
flex: 1;
}

.banner-place ul li figure img {
text-align: left;
  margin-left: var(--gap5);
}

.banner-place ul li .caption section {
margin-top: var(--gap5);
}


.caption sectio1 {
margin: var(--gap5) 0;
}
 
.banner-place ul li .caption {
padding:10px 5% 0px 5%;
  line-height: var(--body-line-height);
}

.banner-place ul li .caption h3  {
text-align: justify;
  color: var(--color4);
}

.banner-place ul li .caption .titr {
font-weight: bold;
  color: var(--origin10);
}

.banner-place ul li .caption h2 , .banner-place ul li .caption h3 {
margin: 0;
}
.banner-place ul{
direction: rtl;
}

.banner-place .banner-pic {
    flex: 1;
    justify-content: center;
    display: flex;
}

.products {
    width: 100%;
    margin: 0;
    padding: 3% 8%;
  text-align: center;
}

.book {
  width:100%;
  padding: 2% 5% ;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;

}

.book p {

margin-bottom:40px
}

.book:nth-child(odd) {
 flex-direction: row;
}

.book:nth-child(even) {
 flex-direction: row-reverse;
}

.book:nth-child(even) ::before  {
 right: -40px;
}

.book:nth-child(even) img  {
 margin-right: unset;
}


.book section:nth-child(1) {
    padding: 2%;
    color: var(--color4);
}

.book section {
    text-align: right;
    width: 50%;
    margin: 0;
}

.book section:nth-child(1) ul {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
}

.book section:nth-child(1) ul li {
    width: 50%;
    color: var(--color4);
    font-weight: bold;
    font-size: 1.2em;
}

.book i {
    color: var(--color5);
    padding: 10px 0px 0px 0px;
    margin-left: 5%;
    transition: all 0.5sease-in-out;
}

.book i:hover {
    background: var(--color5);
    color: var(--color4);
}

.book section:nth-child(2) {

    position: relative;

}

.book section {
    text-align: right;
    margin: 0;
  width: calc(100% / var(--item-count2) - 2%);
}

.book section:nth-child(2)::before {
    content: '';
    top: 25px;
    width: 90%;
    height: 100%;
    position: absolute;
    display: block;
    visibility: visible;
    z-index: 0;
    background-color: var(--origin10);
    border-radius: 15px;
}




.book section img {
    max-width: 90%;
    position: relative;
    object-position: top;
    margin-right: 40px;
    border-radius: 10px;
    transition: .5sease-out;
    object-fit: cover;
    box-shadow: 0px 15px 30px 0px rgba(26, 51, 68, 0.35);
}

.book section img:hover {
    margin-right: 10px;
}

.icon-check:before {
    content: '\e804';
}

[class^="icon-"]:before, [class*=" icon-"]:before, input[class^="icon-"]:before {
    font-family: "webfont";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    /* opacity: .8; */
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin: .2em;
    font-size: 1.5EM;
    -webkit-font-smoothing: antialiased;
}




.dots-2 {
  padding: 0;
  text-align: center;
  display: flex;
  justify-content: center;
}

.dots-2 li.active {
  background: var(--origin11);
}


.dots-2 li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 15px;
  height: 15px;
  margin: 0 5px;
  border-radius: 50%;
  background: #ccc;
  cursor: pointer;
}



.caption .btn:nth-child(2) {
margin-right: 10px;
}

.banner-place img {
   
 max-width:100%;

  object-fit: cover;

}

.banner-place
{
display:none;

}



.banner-place figure::after {
 content: '';
  position: absolute;
  z-index: 0;
  background: url("/directory/nevisvarir/dotted.png");
  right: 9%;
width: 200px;
height: 150px;
  top: -8%;
opacity: .5;
}

.banner-place figure {
position: relative;
  z-index: 2;
  text-align: left;
}

.container-aboutus1 {
line-height: var(--body-line-height);
  text-align: justify;
}

.container-aboutus1 h2 {
margin-top: 0;
  text-shadow: -2px 3px 2px rgba(129,129,129,0.6);
}

.counseling {
  align-items: center;
line-height: var(--body-line-height);
  padding: var(--gap3);
  box-shadow: 0px 0px 21px -9px rgba(112,112,112,0.75);
 background-color: #C86D04;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23FB941D'/%3E%3Cstop offset='1' stop-color='%23C86D04'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%23e28111'/%3E%3Cstop offset='1' stop-color='%23C86D04'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg transform='translate(300 0)'%3E%3Cg transform='translate(0 375)'%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform='rotate(-90 0 0)'%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0.02' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
}



.counseling article section p {
 margin: 0px;
    color: var(--color1);
    font-weight: bold;
    font-size: 1.3em;
  text-align: right;
}
.counseling article {
	display:flex;
  flex-wrap: wrap;
  margin-top: 40px;
  justify-content: center;
}

.counseling section {
  width: calc(100% / var(--item-count3) - 2%);
  display:flex;
  min-height:270px;
  flex:1;
}

.counseling section div:nth-child(1) {
  width: 15%;
    font-size: 5em;
    line-height: 130%;
    color: var(--origin4);
  text-align: center;
}

.counseling section div:nth-child(2) {
  width: 85%;
    color: var(--color16);
}

.counseling h2 , .counseling h3{
text-align:center;
  margin: 0px;
}

.counseling h3{
color:var(--color5)
}

.counseling section:nth-child(2) a.btn::before {
font-size: .8rem;
}

.counseling a , .counseling a:visited , .counseling a:link {
color: var(--color16);
}

.counseling .dark-blue-btn a:hover {
color: var(--origin10);
}

.counseling span {
color: var(--origin15);

  font-size:2em;
}
.counseling em {
color: var(--color16);

  font-size:1.7em;
 
}


.counseling section article {
margin-right: var(--gap5);
 
}

.counseling section article h2 {
margin: 0;
  color: var(--color16);
}

.counseling section p {
color: var(--color16);
  
}




.expertise h1 {
text-align: center;

  margin-bottom: 0;
}




.expertise section div article {
display: flex;
align-items: center;
  justify-content: center;
}

.expertise section div article h3 {
margin-right: 10px;
}


.container section  h3 {
text-align: center;

  margin-bottom: 0;
  color: var(--color1);

}
.container section  h3 {

  text-align: right;
    position: absolute;
    top: 10px;
    right: 1px;
    background-color: var(--origin10-95);
    padding: var(--gap2);
   
    border-radius: 15px 0 0 15px;
  z-index:1;
    transition: .5sease-in-out;
}

.services section  h3:hover {
padding-right: 25px;
}

.container section  h3:before{color:var(--color16);


}

.expertise-details {
text-align: center;
}


.expertise-details h4 {
color: var(--color4);
}

.license img{width:150px}


.search-page {
display: flex;
  justify-content: center;
}

.search-page section {
text-align: center;
}

.search-page section a , .search-page section a:visited , .search-page section a:link {
color: var(--color4);
}

.dropdown ul li a , .dropdown ul li a:visited , .dropdown ul li a:link {
color: var(--color1);
}



.dropdown li span {
float: left;
  padding-right: 10px;
}



.dropdown span::after {
border-top-color: var(--origin4);
}


.dropdown ul li.hover, .dropdown ul li:hover {
  border-bottom: unset;
}

.dropdown ul li a:hover {
  color: var(--origin10);
}

.dropdown ul li li.hover, .dropdown ul li li:hover {
  background-color: var(--origin3);
}

form[id^="form167"] fieldset li input,  form[id^="form167"] fieldset li textarea {
}

form[id^="form167"] {
  
}



html:lang(ar) form[id^="form167"] fieldset li input,
html:lang(ar) form[id^="form167"] fieldset li textarea,
html:lang(fa) form[id^="form167"] fieldset li input,
html:lang(fa) form[id^="form167"] fieldset li textarea {

}



form[id^="form167"] fieldset li {
width:50%
}

form[id^="form167"] fieldset  {
  
  width:90%

}



form[id^="form167"] input[type="button"]:hover, form[id^="form167"] button:hover {

}



form[id^="form167"] input[type="button"],
input[type="reset"], form[id^="form167"] button, button, input[type="button"] {

}


form[id^="form"] input[type="button"], input[type="reset"], form[id^="form"] button, button, input[type="button"] {
  color: white;
  background-color: var(--origin7)
}




footer {
background-color: var(--color16);
  border-radius: 30px 30px 0px 0px;
  box-shadow: 0px 0px 15px -9px rgba(112,112,112,0.75);
}
footer h4{color:var(--origin10);padding:5px;margin:5px;font-size:1.2em;}

.top-footer {
display: flex;
justify-content: right;
  padding: var(--gap2) 8%;
}

.top-footer section {
width: calc(100%/var(--item-count3) - var(--gap2));
margin: var(--gap1);
  display: flex;
flex-direction: column;
  align-items: center;
}

.top-footer section:last-child {
text-align: justify;
align-items: unset;
line-height: var(--body-line-height);
}

.top-footer section:last-child p {
margin: 0;
  padding: 0;
  color: var(--color4);
}


.top-footer section:last-child i {
background-color: var(--color14);
border-radius: 5px;
width: 35px;
height: 35px;
padding-right: 2px;
margin-left: 10px;
margin-top: 15px;
margin-right: unset;
  display: inline-block;
text-align: center;
}

.top-footer section:last-child .icon-telegram {
padding-right: 1px;
padding-top: 1px;
}

.top-footer section:last-child i::before {
font-size: 1.3rem;
}

.top-footer section:last-child i:hover {
background-color: var(--color16);
border: 2px solid var(--origin10);
  transition: .5s ease-out;
}



.top-footer section h2 {
color: var(--color4);
}

.top-footer .social-place {
margin-right: 0;
}


.top-footer .logo-place img {
margin: 0;
}

.top-footer section ul {
margin: 0;
  padding: 0;
  list-style: none;
}

.top-footer section ul li {
padding: 5px 0;
}




.top-footer section ul li a , .top-footer section ul li a:visited, .top-footer section ul li a:link {
color: var(--color4);
}

 .top-footer section:nth-child(2) ul li a::before {
content: '\e801';
  font-family: "webfont";
  margin: .2rem;
font-size: .9rem;
  color: var(--origin10);
  padding-left: 5px;
}

.top-footer [class^="icon-"]::before, .top-footer [class*=" icon-"]::before, input[class^="icon-"]::before {
  font-size: .9rem;
  color: var(--origin10);
  padding-left: 5px;
  width: unset;
}

.top-footer section ul li a:hover {
color: var(--origin10);
  padding-right: 10px;
}


.bot-footer {
text-align: center;
  background-color: var(--origin10);
  padding: var(--gap-5) 0;
  border-radius: var(--border-radius);
  border-bottom: 20px solid var(--origin15);
}

.bot-footer section {
padding: var(--gap-5) 0;
}

.rules , .karik a , .karik a:visited , .karik a:link  {
color: var(--color16);
}


.up {
    cursor: pointer;
    position: fixed;
    bottom: 33px;
    left: 20px;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    transition: .3s ease-out;
  text-align: center;
      background-color: var(--opacity1);

}

.up i {
    transition: .3s ease-out;
}

.icon-up::before {
    margin-top: 15px;
  color: var(--color16);
}


.master-container {
  margin-bottom: 1%;
}

.master-container-title h1 {
background-color: var(--origin10);
  padding: var(--gap1);
  text-align: right;
  padding-right: var(--gap2);
  box-shadow: 0px 0px 5px -1px rgba(54,54,54,0.75);
  color: var(--origin15);
  border-radius: var(--border-radius);
}

.buy-bottom a {
  text-decoration: none;
  background-color: var(--origin15);
}
.buy-bottom a:hover {
  background-color: var(--origin10);
}
.Basket,.basket {
  cursor: pointer;
  position: relative;
}
.Basket span {
  width: 20px;
  height: 20px;
  display: inline;
  text-align: center;
  position: absolute;
  border-radius: 50%;
  background-color: var(--color13);
  z-index: 101;
  top: -15px;
  left: 0px;
  color: black;
}

.master-container-content {
line-height: var(--body-line-height);
  text-align: justify;
  padding: 2% 1.5%;
  min-height: 400px;
  background-color: white;
    border-radius: var(--border-radius);
}
.product_footer{
background-color: var(--origin15);
  padding: 2%;
  border-radius: var(--border-radius);
  min-height: 45px;
}
article.courses .product_footer {

  width: 250px;
}

.product-text {
width: 100%;
  padding: 2% var(--gap5);
  min-height: 160px;
  text-align: center;

  
}
.icon-basket-1::before {
 
  float: right;
  color:white;
  font-size: 2em;
}


.master-container-content .services .index-pic img {
  max-width: 90%;
  float: left;
  margin-top: unset;
}




.work-samples-details section figure {
float: left;
}

.work-samples-details section figure img {
max-width: 100%;
  margin-right: var(--gap5);
}




.master-container .container-aboutus1, .master-container .expertise,
.master-container form[id^="form"], .master-container .work-samples-container,
.master-container .banner-place {
padding: 0;
}


.master-container .expertise section div figure img {
border: unset;
  max-width: unset;
}

.master-container .expertise {
margin-top: 0;
}

.master-container-content ul.contact_us li span:nth-child(1) {
background-color: var(--origin15);
padding: var(--gap-5)
}

.master-container-content ul.contact_us li span:nth-child(1) i {
color: var(--color16);
  text-align: center;
display: block;
}

.master-container-content ul.contact_us li span:nth-child(2) {
    text-align: right;
  background-color: var(--color14);
width: 100%;
    padding: 0 var(--gap1);

 padding: var(--gap2); 
}

.master-container-content ul.contact_us {
  list-style-type: none;
  margin: var(--gap1);
  flex: 1;
}
.google-section{flex:1;}
.master-container-content ul.contact_us li {
  display: flex;
  margin: var(--gap1) 0;
}
.contact {display:flex;}




.work-samples-container h2 {
text-align: center;
}


.work-samples-container {
 }

.work-samples-container article {
display: flex;
flex-wrap: wrap;
}

.work-samples-container article section {
 width: calc(100%/var(--item-count4) - var(--gap2));
margin: var(--gap1);
}

.work-samples-container article section img {
width: 100%;
height: 240px;
object-fit: cover;
box-shadow: 0px 0px 21px -9px rgba(112,112,112,0.75);
max-width: unset;
border: unset;
  border-radius: var(--border-radius);
}

.work-samples-container article section img:hover {
opacity: .8;
  transition: .5s ease-out;
}

.work-samples-container article section h4 {
text-align: center;

  top: 8%;
   right: 0;
background-color: var(--origin15);
padding: var(--gap2);
margin: 0;
  color: var(--color16);
  border-radius: 5px ;
  transition: .5s ease-in-out;
}

.work-samples-container article section h4:hover {
padding-right: 25px;
}


.work-samples-container article section {
position: relative;
}

.work-samples-container .btn {
margin: auto;
display: block;
width: 160px;
padding: var(--gap1);
margin-top: var(--gap2);
}



  .master-container .work-samples-container {
  margin-top: unset;
  }




i {
    cursor: pointer;
}

.menu i {
display: none;
}


form[id^="form"] fieldset, fieldset {
  background-color: var(--color16);
  width: 100%;
  border-radius: var(--border-radius);
}

legend {
  font-weight: bold;
  font-size: 1.6em;
}



form[id^="form167"] input:focus, 
form[id^="form167"] select:focus, 
form[id^="form167"] textarea:focus {
  border: none;
    border-BOttom: 1px solid var(--color10);
}

.container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.Paragraph {
padding: 1% 8%;
}

.container section {
  margin: 1%;
  width: calc(100%/var(--item-count4) - 2%);
  text-align: center;
  transition: all 0.5s ease-in-out;
   overflow: hidden;
border-radius: var(--border-radius);
  box-shadow: 0px 0px 21px -9px rgba(112,112,112,0.75);

}

.container section.news {
  margin: 1%;
  width: calc(100%/var(--item-count2) - 2%);
  text-align: center;
  transition: all 0.5s ease-in-out;
   
border-radius: var(--border-radius);
  box-shadow: 0px 0px 21px -9px rgba(112,112,112,0.75);

}
.price{display:none}
.product_footer sub{display:none}

.container section h4 {

padding: var(--gap2);
  font-weight: normal;
}

 .container section {

 background-color: var(--origin15);
   position: relative;

}
.body-content{padding: 3%;



}

.body-content img {
  border-radius: 20px;
  border: 2px solid #e3e0e0;
  padding: 4px;
  max-width: 55%;
  margin: 2% auto;
  transition: .5s ease-out;
  display: block;
  margin-left: auto;
  margin-right: auto;
  align-content: center;
}

.container section img {
width: 100%;
  transition: .5s ease-out;
  max-height: 300px;
  object-fit: cover;
  padding: .5%;
  object-position: center;
  border-radius: 20px;
}

.container section img:hover {
  transform: scale(1.1);
}

.container section.news img {
  max-width: 100%;
width: auto;
  transition: .5s ease-out;
  height: unset;
  object-fit: cover;
  padding: .5%;
  object-position: top;
  height: 400px;
}

.container section a:hover{
color: var(--origin10);
}


.container section:hover {
transform: translate(0,-15px);


}



.courses {display:flex;



}

.courses section{

flex:1;

}
.courses label{
  
  color:var(--origin10);
  font-weight:bold;
  padding:1%;
  



}
.corse_detail {padding:var(--gap7);

line-height: 2.8;

}

#form114{

float: left;
width: 100%;

  margin: 4% .3%;
  text-align:center;
}


.menu-place li img {
  max-width: 50px;
    border-radius: 5px;;
}

.dropdown ul li li {
  display: flex;
  align-items: center;
}

.dropdown ul li li a {
padding-right: 10px;
}

.dropdown ul li li {
  width: 250px;
  border-bottom: 1px dotted var(--color11);
}


.profile-place {
  margin: 5px;
  padding: 0;
    padding-top: 0px;
    padding-left: 0px;
  margin: .5%;
  width: 140px;
  font-size: .8em;
}
.backet-login {
  display: flex;
  align-items: center;
  margin-left: 15px;
  flex: 1;
  justify-content: flex-end;
  margin-bottom: 10px;
}



.profile-register a {
  display: inline-block;
  align-items: center;
  padding: 0 4px;
}

.profile-register{
font-size:.8em;
 
  display: flex;

  

}

.ulprofile {
  float: left;
}

.icon-shopping-basket::before {
  content: '\f291';
  color: var(--origin15);
}

/* Under 1400px	*/
@media (max-width: 1400px) {
  
  .aside-page-container {
    padding: 2% 1%;
}
  
  .expertise {
    margin-top: var(--gap4);
    padding: 0px;
}
  
  .Paragraph {
    padding: 0px;
}

.services section  h3 {

    font-size: 1em;

}
  
    .banner-place ul li {

    height: 550px !important;
}
  
.container {

    padding: 1% 4%;
}
  
.products {

    padding: 3% 4%;

}
  
 
}


/* Under 1024px	*/
@media (max-width: 1024px) {
  
  .archive article section h3 {
    font-size: medium;
}
  
      div.aside-filter .icon-close {
        color: var(--color1);
        text-align: left;
        display: block;
    }
  
  .filter-box i {
   
    
    display: inline;
    font-size: x-small;
    width: 90px;
    background-color: var(--color14);
    padding: 4px;
    margin:2px 5px;
}
  
  
  
  .aside-filter {
        width: 400px;
        position: absolute;
        z-index: 106;
        right: -500px;
        box-shadow: -3px 0px 13px 0px rgba(0, 0, 0, 0.75);
        margin-top: unset border-radius: 5px;
        display: inline;
        top: 0px;
        overflow-y: auto;
        margin-top: 0;
        display: none;
    }
  
  .btn-social, .bot-header .logo-place {
    width: 100%;
}
  
  .counseling section div:nth-child(1) {
    width: 10%;
    font-size: 2em;
}
  
  .counseling section div:nth-child(2) {
    width: 90%;
}
  
      .services section h3 {
        font-size: 0.8em;
    }
  
  .counseling section {
    margin: var(--gap1);
}
  
  .book section:nth-child(1) {
    padding: 0% 2%;
}
      .products {
        padding: 3% 0%;
    }
  

  .book section:nth-child(2)::before {
    top: 15px;
}
  

.banner-place ul li {
    height: 100% !important;
}

  
  header {
  margin: 0;
    margin-top: 0;
  }

  .counseling {
  height: auto;
  }
  
  
  .logo-in-menu img {
  height: 55px;
    margin: 10px;
  }

  
   .top-header {
  background-color: var(--color15);
     padding: var(--gap1) 2.8%;
  }
  


  
  .menu i {
  display: block;
    text-align: left;
    color: var(--origin10);
  }
  
     .menu-place {
        position: absolute;
        width: 100%;
        right: -1050px;
        top: 100px;
       display: none;
    }
  
  .dropdown ul {
  width: 100%;
background-color: var(--color15);
   box-shadow: 0px 6px 9px -3px rgba(51,51,51,0.75);
  }
  
  .dropdown ul li {
  display: block;
    padding: 10px 15px;
    border-bottom: 1px dotted var(--color10);
  }
  

  
  .dropdown ul li:last-child {
   border-bottom: unset;
  }
  
  .dropdown li span {
  float: left;
  }
  
  .dropdown ul li li {
  background-color: var(--color15);
  width: 100%;
}
  .dropdown ul li li.hover, .dropdown ul li li:hover {
  background-color: unset;
}
  
  .dropdown ul li.hover, .dropdown ul li:hover {
  border-bottom: 1px dotted var(--color10);
  }
  
  
  .dropdown ul li a, .dropdown ul li a:visited, .dropdown ul li a:link {
  color: var(--color1);
}
  
  .banner-place ul li .caption {

    font-size: .7rem;
  }
 
  .banner-place img , .banner-place figure::before {
  height: 350px;
  }
  
  
  
  .expertise section div article {
  flex-direction: column;
  }
  
  
 
  .top-footer {
  padding: var(--gap3);
  }
  
  .master-container-content .services {
  display: unset;
  }
  
  .master-container-content .services section:nth-child(1) {
  margin-left: unset;
}

  
  .master-container-content .services .index-pic img {
  margin: var(--gap3) auto;
  max-width: 70%;
    float: unset;
}
  
  
  .master-container-content img {
  max-width: 70%;
  }
  
  .work-samples-container {
  margin-top: 80px;
  }
  

}


/* Under 820px	*/
@media (max-width: 820px) {
  
  .book:nth-child(even) img {
    margin-right: 40px;
}
  
  .book:nth-child(even) {
    flex-direction: unset;
}
  
  .book:nth-child(even) ::before {
    right: unset;
}
  
  
  :root {
  --item-count2: 1;
  --item-count3: 2;
  --item-count4: 3;
  }
  
    .banner-place ul li {
  display: unset !important;
 
}
  
.book section img {
    height: auto;
}

      .book section:nth-child(1) {
        padding: unset;
        padding-right: 3%;
  margin-bottom: 30px;


    }
  
  .book p {
  line-height: 2;
  }
  
  .banner-place ul li .caption {
        font-size: .9rem;
    }
  #employ-box {

    top: 110px;

}
  
  .banner-place img {

  height: unset !important;
 
  
}
  
  
  
  .banner-place ul li .caption h2 {
    line-height:1.4;
    font-size:1.4em;
  }
  
 
  
  .dropdown ul li li {
  font-size: unset;
    padding: 10px 15px;
  }
  
  .dropdown ul li ul {
  margin: 0;
    padding: 0;
  }
  
 
  .expertise section div article {
  flex-direction: column;
  }
  

  .banner-place ul li {
  flex-direction: column-reverse;
  }
  
  .banner-place ul li .caption, .banner-place ul li figure {
  flex: unset;
}
  .profile-register {
  font-size: .7em;
 
}
.expertise h1 {

  font-size: 1.6em;
}
  
  .banner-place ul li .caption {
  margin-top: 1%;
    text-align:center;
    
  }
  .banner-place ul li .caption section {
  margin: var(--gap5);
}
  
  
   .expertise section div article {
  flex-direction: unset;
  }
  
  .counseling {
  flex-wrap: wrap;
  }
  
  .counseling section {
  flex: unset;
  margin: var(--gap3) 0;
}
  
  .counseling section:nth-child(2) {
  text-align: center;
}
   
  .expertise section:nth-child(1) {
  font-size: .9rem;
  }
  
  .expertise section:nth-child(2) div figure img {
  height: 100px;
}
  
  
  .top-footer section {
  align-items: unset;
  }
  
  
  .master-container-content ul li span:nth-child(2) {
  width: 100%;
  }
  
 
  

  }
  



/* Under 620px	*/
@media (max-width: 620px) {
  
      #slcproduct {
        display: inline;
        width: 130px;
        margin: 0 1%;
        border-radius: 3px;
        height: 30px;
    }
  
  .filter-box ul {
    display:none;
}
  
  .filter-box .small {
    width: 80px;
}
  .all-titr-box {

    margin: 20px 20px;
}
  

  
  
  .courses {display:unset;



}

.corse_detail {padding:var(--gap2);

line-height: 2;

}
  
  .contact {
  display: unset;
}


  
  .banner-place figure {
  text-align: center;
}
  
  .banner-place figure::before {
 
  }
 

  
  .work-samples-details section figure {
  float: unset;
  }
  
  
  .work-samples-details section figure img {
  margin: var(--gap3) auto;
  }


  .master-container-content img , .master-container-content .services .index-pic img {
  max-width: 100%;
    float: unset;
  }
  
  
}





/* Under 520px	*/
@media (max-width: 520px) {
    .aside-filter {
        width: 100%
    }
  
      .menu-place {

        top: 80px;

    }
  :root {
  --item-count3: 1;
  }
  
  .book section img , .book:nth-child(even) img {

    margin-right: 20px;

}
  
  .counseling {

    padding: var(--gap6);

}

  
  #employ-box article {
    transform: rotate(90deg);
    color: #545454;
        position: absolute;
    top: 75px;
    width: 100px;
    right: -30px;
        height: unset;
    margin: 0px;
}
  
  #employ-box {
    
    width: 35px;
    
    top: 100px;
    
    right: 0px;
    height: 150px;
    font-size: 0.7em;
}

  
  
  :root {
  --item-count4: 1;
}
  
  .top-header {
  padding-top: var(--gap2);
  }
  

  .counseling section:nth-child(1) {
  flex-wrap: wrap;
  justify-content: center;
}
  
  .counseling section article {
  margin-right: unset;
    margin: var(--gap4) 0;
    text-align: center;
}
  

  
  
  .banner-place img, .banner-place figure::before {
  height: 230px;
}
  
  .btn-social, .bot-header .logo-place {
  width: unset;
}
  
  .logo-place img {
  max-height: 70px;
}
  
  .logo-place {
  flex: 1;
  }
  
  .btn-social {
  flex: 2;
  }

  .btn::before {
  font-size: 1.1rem;
  padding-left: 20px;
}


  .social-place {
  display: none;
  }

  .expertise section:nth-child(1) h2 {
  text-align: justify;
  }
  


  .master-container-content {
  margin: 0 var(--gap2);
}
  
  .master-container-title h1 {
  font-weight: normal;
  }
  

}


/* Under 414px	*/
@media (max-width: 414px) {
  
  
.archive article section h3 {

    font-weight: bold;
    font-size: small;
}
  
  .all-titr-box h2 {
    font-size: 1.2em;
}
  

  .banner-place figure {
  text-align: right;
}
  
  .banner-place img {
  width: 90%;
  }
  
  
  
  .caption {
  right: 5%;
    left: 5%;
  }
  
  
  .container-aboutus2 .containers-pic img {
  height: 230px;
}
  
  .gallery-container article section {
  width: calc(100%/1 - var(--gap2));
  }
  

  
}

/* Under 360px	*/
@media (max-width: 360px) {
  
  
}