@font-face {

    font-family: IRANSans;

    font-style: normal;

    font-weight: bold;

    src: url('../fonts/eot/IRANSansWeb_Bold.eot');

    src: url('../fonts/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */

    url('../fonts/woff2/IRANSansWeb_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/

    url('../fonts/woff/IRANSansWeb_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/

    url('../fonts/ttf/IRANSansWeb_Bold.ttf') format('truetype');

}



@font-face {

    font-family: IRANSans;

    font-style: normal;

    font-weight: 500;

    src: url('../fonts/eot/IRANSansWeb_Medium.eot');

    src: url('../fonts/eot/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */

    url('../fonts/woff2/IRANSansWeb_Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/

    url('../fonts/woff/IRANSansWeb_Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/

    url('../fonts/ttf/IRANSansWeb_Medium.ttf') format('truetype');

}



@font-face {

    font-family: IRANSans;

    font-style: normal;

    font-weight: 300;

    src: url('../fonts/eot/IRANSansWeb_Light.eot');

    src: url('../fonts/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */

    url('../fonts/woff2/IRANSansWeb_Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/

    url('../fonts/woff/IRANSansWeb_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/

    url('../fonts/ttf/IRANSansWeb_Light.ttf') format('truetype');

}



@font-face {

    font-family: IRANSans;

    font-style: normal;

    font-weight: 200;

    src: url('../fonts/eot/IRANSansWeb_UltraLight.eot');

    src: url('../fonts/eot/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */

    url('../fonts/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/

    url('../fonts/woff/IRANSansWeb_UltraLight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/

    url('../fonts/ttf/IRANSansWeb_UltraLight.ttf') format('truetype');

}



@font-face {

    font-family: IRANSans;

    font-style: normal;

    font-weight: normal;

    src: url('../fonts/eot/IRANSansWeb.eot');

    src: url('../fonts/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'), /* IE6-8 */

    url('../fonts/woff2/IRANSansWeb.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/

    url('../fonts/woff/IRANSansWeb.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/

    url('../fonts/ttf/IRANSansWeb.ttf') format('truetype');

}





/* General */

body{

  overflow-x:hidden;

}

html,

body,

[role=button],

a,

area,

button,

input,

label,

select,

summary,

textarea {

    font-family: IRANSans, Tahoma;

}



a,

a:hover,

a:focus {

    text-decoration: none;

}



.alipiranispec{margin-top:9%;}

  .alipiranispec h1{color: #414042}



  .alipiranispecp {padding-right: 1%;

font-size: 111%;

color: #0db5e3;

border-bottom: 1px dashed;

width: 26%;

padding-bottom: 0.9%;}

.aliraamdesign {

  align-items: center;

  display: flex;

  justify-content: center;

  padding-top: 2rem;

  width: 100vw;

}

@media (max-width: 62em) {

  .aliraamdesign {

    background-color: #0db5e3;

    height: auto;

    margin-top: 0;

  }

}

.aliraamdesign__bg {

height:100vh;

  position: absolute;

  left: 0;

  top: 0;

  z-index: -1;

}

@media (max-width: 62em) {

  .aliraamdesign__bg {

    display: none;

  }

}



.customcontainer {

  align-self: center;

  background: #fff;

  border-radius: 1rem;

  box-shadow: 2px 2px 20px 4px rgba(0, 0, 0, 0.12);

  display: flex;

  height: auto;

  overflow: hidden;

  padding: 0;

  width: 72vw;

}

@media (max-width: 62em) {

  .customcontainer {

    display: block;

    margin: 2rem 0;

  }

}

.container__section {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: flex-start;

  height: 100%;

  width: 33.333%;

}

.container__section:not(:first-child) {



}

@media (max-width: 62em) {

  .container__section:not(:first-child) {

    border-left: none;

    border-top: 2px solid rgba(156, 214, 236, 0.8);

  }

}

@media (max-width: 62em) {

  .container__section {

    width: 100%;

  }

}

.container__section.section-1:hover .container__section_top_bg-clouds {

  background-position: top center;

  transition: background-position 6s linear;

}

.container__section.section-2:hover .container__section_top_bg-clouds {

  background-position: top right;

  transition: background-position 4s ease-in;

}

.container__section.section-2 .container__section_top_bg-clouds {

  background-position: bottom left;

}

.container__section.section-3:hover .container__section_top_bg-clouds {

  background-position: 100% 0;

  transition: background-position 2s ease-in;

}

.container__section.section-3:hover .rocket-st5, .container__section.section-3:hover .rocket-st6 {

  -webkit-animation: FIRE 0.5s infinite;

  -moz-animation: FIRE 0.5s infinite;

  -o-animation: FIRE 0.5s infinite;

  animation: FIRE 0.5s infinite;

}

.container__section.section-3 .container__section_top_bg-clouds {

  background-image: url("../img/clouds3.jpg");

  background-position: 10% 100%;

}

.container__section_top {

  align-items: center;

  background-color: #d8edf5;

  display: flex;

  height: 200px;

  justify-content: center;

  overflow: hidden;

  padding: 10px 0;

  position: relative;

  width: 100%;

}

.container__section_top_svg {

  cursor: pointer;

  height: 150px;

  width: auto;

  z-index: 2;

}

.container__section_top_bg-clouds {

  background-image: url("../img/clouds.jpg");

  background-position: bottom center;

  height: 100%;

  left: 0;

  opacity: 0.8;

  position: absolute;

  top: 0;

  width: 100%;

  z-index: 1;

}

@media (max-width: 62em) {

  .container__section_top_bg-clouds {

    background-image: none;

  }

}

.container__section_headline {

  font-size: 1.75rem;

  letter-spacing: 2px;

  padding-top: 1.5rem;padding-bottom: 1.5rem;

}

.container__section_tag {

  color: #ed1c24;

  font-weight: 700;

  font-size: 2.5rem;

  padding: 0.5rem 0;

}

.container__section_tag span {

  color: #0db5e3;

  font-size: 1.75rem;

  font-weight: 300;

  text-transform: none;

}

.container__section_tagprice {

  color: #f9ca00;

  font-weight: 400;

  font-size: 1.9rem;

  padding: 1.5rem 0;

}

.container__section_tagprice span {

  color: #0db5e3;

  font-size: 1.75rem;

  font-weight: 300;

  text-transform: none;

}



.container__section_desc {

  font-weight: 400;

  min-height: 42px;

  text-align: center;

  width: 60%;

  border-bottom: 1px dotted #c3c3c3;

  padding-top: 5px;

padding-bottom: 14px;

}

.container__section_cta {

  border: none;

  border-radius: 1rem;

  background-color: #414042;

  color: #fff;
text-align:center;
  cursor: pointer;

  font-weight: 700;

  font-size: 1.6rem;

  margin-bottom: 1.5rem;

  padding: 1rem;

  text-transform: uppercase;

  transition: opacity 0.5s linear;

  width: 70%;

}

.container__section_cta:hover {
  color: #fff;
  opacity: 0.6;

}

@media (max-width: 62em) {

  .container__section_cta {

    margin-bottom: 3rem;

  }

}



.rocket-st5, .rocket-st6 {

  opacity: 0;

}



@-webkit-keyframes FIRE {

  0% {

    opacity: 0;

  }

  50% {

    opactiy: 1;

  }

  100% {

    opacity: 0;

  }

}

@-moz-keyframes FIRE {

  0% {

    opacity: 0;

  }

  50% {

    opactiy: 1;

  }

  100% {

    opacity: 0;

  }

}

@-o-keyframes FIRE {

  0% {

    opacity: 0;

  }

  50% {

    opactiy: 1;

  }

  100% {

    opacity: 0;

  }

}

@keyframes FIRE {

  0% {

    opacity: 1;

  }

  33% {

    opactiy: 0;

  }

  66% {

    opactiy: 1;

  }

  100% {

    opacity: 0;

  }

}

.noneofpackage{

  margin-top: 3%;

padding: 1%;

background-color: #fff;

}

#boxtozihat{margin-top: 2%;}

  #boxtozihat p{line-height: 271%;font-size: 107%;text-align: justify;color: #414042;padding-bottom: 0.8%}
.boxtozihatimg{
margin:0 auto !important;max-width: 50%;
}
.quet1{


border-radius: 1rem;

text-align: right;

padding: 1rem;

margin: 4% 10%;


text-align: center;

}

.quet1 h4{

  line-height: 200%;

}

.quet2 h5{

  line-height: 200%;

}

.quet2{



border-radius: 1rem;

text-align: right;

padding: 1rem;line-height: 200%;

margin: 4% 10%;



text-align: center;

}

.fa {
position: relative;
display: table-cell;
width: 60px;
height: 36px;
text-align: center;
vertical-align: middle;
font-size:20px;
}


.main-menu:hover,nav.main-menu.expanded {
width:250px;
overflow:visible;
}

.main-menu {
background:#212121;
border-right:1px solid #e5e5e5;
position:absolute;
top:0;
bottom:0;
height:100%;
left:0;
width:60px;
overflow:hidden;
-webkit-transition:width .05s linear;
transition:width .05s linear;
-webkit-transform:translateZ(0) scale(1,1);
z-index:1000;
}

.main-menu>ul {
margin:7px 0;
}

.main-menu li {
position:relative;
display:block;
width:250px;
}

.main-menu li>a {
position:relative;
display:table;
border-collapse:collapse;
border-spacing:0;
color:#999;
 font-family: arial;
font-size: 14px;
text-decoration:none;
-webkit-transform:translateZ(0) scale(1,1);
-webkit-transition:all .1s linear;
transition:all .1s linear;
  
}

.main-menu .nav-icon {
position:relative;
display:table-cell;
width:60px;
height:36px;
text-align:center;
vertical-align:middle;
font-size:18px;
}

.main-menu .nav-text {
position:relative;
display:table-cell;
vertical-align:middle;
width:190px;
    font-family: IRANSans;
}

.main-menu>ul.logout {
position:absolute;
left:0;
bottom:0;
}

.no-touch .scrollable.hover {
overflow-y:hidden;
}

.no-touch .scrollable.hover:hover {
overflow-y:auto;
overflow:visible;
}

a:hover,a:focus {
text-decoration:none;
}

nav {
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
}

nav ul,nav li {
outline:0;
margin:0;
padding:0;
}
.main-menu li:hover>a,nav.main-menu li.active>a,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.no-touch .dashboard-page nav.dashboard-menu ul li:hover a,.dashboard-page nav.dashboard-menu ul li.active a {
color:#fff;
background-color:#5fa2db;
}
.area {
float: left;
background: #e2e2e2;
width: 100%;
height: 100%;
}

#relatedpostinservice{
padding: 1%;
background:#414042;
}
#relatedpostinservice i{
color:#fafafa;text-align:center;position: relative;
top: 6px;
}
#relatedpostinservice h5{
color:yellow;
}
#relatedpostinservice a{
color: #fff;
font-size: 16px; }





.cards {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.cards__item {
  display: flex;
  padding: 1rem;
}
@media (min-width: 40rem) {
  .cards__item {
    width: 50%;
  }
}
@media (min-width: 56rem) {
  .cards__item {
    width: 33.3333%;
  }
}
.card1 {
  background-color: white;
  border-radius: 0.25rem;
    border: 1px solid #f2f2f2;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.card1 img{
height: 254px;
width: 100%;
}


.card:hover .card__image {
  filter: contrast(100%);
}
.card__content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 1rem;
}
.card__image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  filter: contrast(70%);
  overflow: hidden;
  position: relative;
  transition: filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);
}
.card__image::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
@media (min-width: 40rem) {
  .card__image::before {
    padding-top: 66.6%;
  }
}
.card__image--flowers {
  background-image: url(https://unsplash.it/800/600?image=82);
}
.card__image--river {
  background-image: url(https://unsplash.it/800/600?image=11);
}
.card__image--record {
  background-image: url(https://unsplash.it/800/600?image=39);
}
.card__image--fence {
  background-image: url(https://unsplash.it/800/600?image=59);
}
.card__title {
color: #696969;
font-size: 2.05rem;
font-weight: 300;
letter-spacing: 1px;
text-transform: uppercase;
}
.card__text {
flex: 1 1 auto;
font-size: 1.3rem;
line-height: 2;
margin-bottom: 1.25rem;
}

.searchboxblog{
border: 1px solid #adadad !important;
height: 50px !important;
}
.search{
display: inline-block;
list-style: none;
font-size: 130%;
}
.searchinput input{

border: 1px solid #b6b6b6 !important;
height: 34px !important;
border-radius: 3px !important;
padding-right: 9px;
margin-bottom: 2%;
}


.btnme {
    border-radius: 0px !important;
    background-color: #f15d22;
    color: #fff !important;float: left;
    font-family: 'aliraam';
    margin: 1px;    font-family: IRANSans;
        margin-bottom: 1px;
}

.apcopy{
color:#fafafa;
margin: 0 auto;
    margin-top: 0px;
margin-top: 19px;
border-top: 1px dashed;
padding-top: 8px;
}
.narenjishkon{
color:#f15d22;
}



/* new slider */

.backslidnew{
    background: #FDC830;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #F37335, #FDC830);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #F37335, #FDC830); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
height: 360px;
position: relative;
}
.backslidnew #imgbottom{
position: absolute;
    left: 0;
    bottom: -1px;
    }
    
    
.backslidnew .shoar{
 
 
float: right;
 
color: #fafafa;
font-weight: 500;
font-size: 38px;
padding-top: 17%;
width:100%;}
.backslidnew .btnme{
background: #4B4B4D;
padding: 1.5%;
margin-right: 27%;
margin-top: 2%;
}
.newlogopos{
width: 100%;
position: relative;
top: 10%;
font-size: 2em;
right: 10%;
z-index: 88;
}
#mydeltoimg {
  -vendor-animation-duration: 4s;
  -vendor-animation-delay: 5s;
  -vendor-animation-iteration-count: infinite;
}

#faselebalaicon{
    margin-top: 8%;
}
.margbottom{

margin-bottom: 4%;
}
.narenjikon{

color: #f15d22 !important;
}

#backtitservice{
background: #5c5c5c;
color: #E4E4E4;
padding: 1%;
}
#depimg{
    margin-top: 7%;
}


.mylist ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

.mylist li {
line-height: 3;
}

.mylist li::before {
  content: '\2714';
  color: red; /* or whatever color you prefer */
}

@media screen and (max-width: 1280px) {

   #mydeltoimg {top: 49% !important;}

.backslidnew .shoar{
font-size:31px !important;
}
   #gotoservice {
    
    margin-right: 61% !important;}
 
.menu > ul > li a{
padding: 1.5em 0.8em !important;
}

 
}

.marlogoser{
margin-top: 10%;
}

.bordertop{
border-top: 3px solid #f15d22;
padding-bottom: 3%;

padding-top: 3%;
}
.borderbottom{
border-bottom: 3px solid #f15d22;
padding-bottom: 3%;
}