@font-face{
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/IRANSans(FaNum)_Medium.eot');
    src: url('../fonts/IRANSans(FaNum)_Medium.eot?') format('embedded-opentype'), url('../fonts/IRANSansWeb(FaNum).woff2') format('woff2'), url('../fonts/IRANSansWeb(FaNum).woff') format('woff'), url('../fonts/IRANSansWeb(FaNum).ttf') format('truetype')
}
@font-face {
    font-family:Dastnevis;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/dastnevis.ttf');
 
}
html,body{
font-family: IRANSans;
direction:rtl;
    overflow-x: hidden;
}
 
.skin_width {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}
a{
text-decoration:none !important;
}
/*--------- CarouFredSel 5 items ----------*/
.carouFredSel5 { position:relative;text-align:center;}
.carouFredSel5 h3{font-size:30px;}
.carouFredSel5 p{padding:10px 15% 30px;line-height:1.6em;}
.carouFredSel5 ul { list-style:none; margin:0;width:auto;padding:0 10px;}
.carouFredSel5 ul li { float:left; list-style:none; height:auto;  position:relative;min-height:50px;}
.carouFredSel5 ul li img{filter: alpha(opacity=100); opacity:1;-moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;}
.carouFredSel5 ul li:hover img{filter: alpha(opacity=80); opacity:0.8;-moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;}
a.caroul_prev5{width:32px;height:32px;background:transparent url("/Images/left-chevron.png") no-repeat center center;position:absolute;left:-35px;bottom:40px;z-index:9;}
a.caroul_next5{width:32px;height:32px;background:transparent url("/Images/right-chevron.png") no-repeat center center;position:absolute;right:-35px;bottom:40px;z-index:9;}
.carouFredSel5 .caroufredsel_wrapper{
    height:100px !important;
}

/*--------------content--------------*/
.close_menu{
position: absolute;
z-index: 1000;
left: 12.7px;
top: 30px;
background-color: #6d5cae;
width: 35px;
height: 35px;
text-align: center;
font-size: 20px;
color: #fff;
padding-top: 5px;
cursor: pointer;
}
.navbar_menu,.mobile_menu{
   display:none;
}
.mobile_menu .home_menubar{
    position: absolute;
    z-index: 100;
}
.content{
    background:#fff url("/Images/content_pattern.jpg") repeat fixed;
    height:88vh;

}

header{
    background-color:#f1f1f1;
    display: inline-block;
text-align: center;
box-shadow: rgba(0,0,0,0.8) 0 20px 30px -20px;
z-index: 10;
width:100%;
}

.home_logo img{
   width:115px;
   margin-top:15px;
}
    .home_menubar{
     height: 100%;
padding-top: 45px;
display: inline-block;
padding-right: 0;
    }
.home_menubar li{
float:right;
list-style-type:none;
    padding: 10px;
}
.home_menubar li a{
    color: #253955;
    font-size: 16px;
}
.home_menubar li:hover a{
    color:#6d5cae;

}
.megamenu_items{
position: absolute !important;
right:40%;
top: 127px;
width:50%;
background-color: rgba(255,255,255,0.9);
min-height: 150px;
border-radius: 2px;
z-index: 1;
transition: all 300ms;
visibility: hidden;
box-shadow: 0 0px 2px 2px rgba(0,0,0,0.15);
padding: 25px;
}
    .megamenu_items a {
        color: #253955 !important;
    }
       .megamenu_items img {
       width:50px;
    }
    .megamenu_items div p {
        top: 10px;
        position: relative;
    }
.megamenu_items:before {
   border-bottom: 12px solid rgba(255,255,255,0.9);
border-right: 12px solid transparent;
position: absolute;
content: "";
bottom:100%;
border-left: 12px solid transparent;
}
#megamenu_item1 div{
width: 45%;
display: inline-block;
}

#megamenu_item1:before {
 left: 20%;
}

.has_child:hover .megamenu_items{
visibility:visible;
top: 100px;
display:inline-block;
}
header .col-sm-2 a{
color: #6d5cae;
}
.telegram_items {
margin-top: 55px;
}
.telegram_icon{
background-color: #6d5cae;
padding: 6px 4px 4px 4px;
color: #6d5cae !important;
}
.telegram_icon img{
  width:28px;
   
}

.telegram_text{
border: 1px solid #6d5cae;
padding: 0px 10px;
font-family: Dastnevis;
font-size: 19px;
margin-right: -5px;
}
.middle_content{
    height:100%;
}
.middle_content h2{
position: relative;
color: #fff;
top: 10%;
font-family: Dastnevis;
text-align: center;
  }
.home_slider{
    padding:50px 100px;
    background:transparent url("/Images/sliderback.png" ) no-repeat center center;
 width: 600px;
 position:relative;
top: 17%;
margin:0 auto;
z-index: 1;
}
.home_slider #myCarousel{
position: relative;
width: 434px;
left: 6px;
top: 4px;
height: 328px;
background-color: #fff;
}
.home_slider #myCarousel .carousel-inner,.home_slider #myCarousel .carousel-inner .item,.home_slider #myCarousel .carousel-inner .item img{
    height:100%;
    margin: 0 auto;
}
.carousel-indicators{
    bottom:-33px;
    left: 55%;
}

.carousel-indicators li {
 border:1px solid #6c58af;
}
.carousel-indicators .active{
    background-color:#6c58af;
}
.carousel-inner .item p{
position: absolute;
bottom: -10px;
background-color: rgba(255,255,255,0.8);
width: 100%;
padding: 10px;
text-align: center;
    font-size: 20px;
color: #253955;
}
.left_content,.right_content{
    position:relative;
height: 100%;
}
.left-colorback img{
float:left;
}
.left_text{
    position: relative;
display: inline-block;
width: 100%;
min-height: 100px;
}

 .left_content h2{
position: absolute;
top: 57%;
left: 58px;
color: #fff;
font-family: Dastnevis;
}
    .left_content p {
position: absolute;
top: 116%;
color: #fff;
font-size: 21px;
line-height: 30px;
font-family: Dastnevis;
opacity: 0.7;
    } 
.navigate_menu{
position: fixed;
z-index: 1000;
}
.navigate_menu li{
    list-style-type:none;
}
    .navigate_menu span {
        background-color:#ccc;
        width:17px;
        height:17px;
        display:inline-block;
        margin:4px auto;
        cursor:pointer;
        transform:rotate(45deg);
        transition:all 400ms;
    }
    .navigate_menu span:hover{
        background-color:#e3031e;
    }
  
    .tooltip-inner{
        background-color:#e3031e;
        font-family:IRANSans;
    }
  .tooltip-arrow{
  border-right-color:#e3031e !important;
}
.left_content .col-sm-6{
width: 150px;
height:150px;
transform: rotate(135deg);
margin:20px;
padding: 0 !important;
}
 .right_text{
position: relative;
display: inline-block;
width: 100%;
min-height: 100px;
top:9%;
 }
/*-----------------introduction----------------------*/
.introduction{
    padding:20px 0 30px 0;
}
.introduction .col-sm-4{
opacity:0;
left:-20px;
}
.introduction h3,.capabilities h3,.solution h3,.services h3,.advantages_items h3{
    text-align:center;
    color:#2c2c2c;
    margin-bottom:20px;
}
.intro_icons{
    border: 1px dotted #6d5cae;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    color: #6d5cae;
    text-align: center;
    font-size: 50px;
    border-radius: 50%;
    padding-top: 20px;

}
.intro_title{
    padding: 15px 0;
    text-align: center;
    font-size: 16px;
    color: #6d5cae;
}
.intro_content{
    color:#666;
    text-align:justify;
    line-height:27px;
}
/*------------capabilities------------*/
.capabilities{
background: transparent url("/Images/capabilitiesptn.jpg" ) repeat center center fixed;
min-height: 500px;
padding:20px 0 30px 0;
background-size: contain;
display: inline-block;
}

.capabilities .col-sm-3{
    text-align:center;
 
}
.capabilities .col-sm-12{
transform:scale(0);
transition:all 1000ms;
}
.capabilitiesscale{
    transform:scale(1) !important;

}
.capabilities p{
color: #677993;
padding: 18px 0;
font-size: 15px;
}
.capabilities_left{
    text-align:center;
}
.capabilities_left img{
height:400px;
}


/*-----------solution----------*/
.solution{
    padding:20px 0 30px 0;
}
.solution_items {
 background:linear-gradient(45deg,#965cae,#6d5cae,#5c74ae);
min-height:430px;
border-radius: 10px;
text-align: center;
padding: 20px;
box-shadow: 0 0px 2px 2px rgba(0,0,0,0.15);
margin: 10px auto;
transition:all 500ms;
transform:translate3d(10ch, 2in, 50em);
  opacity: 0;  
}
   
.solutioneffect{
transform: translate3d(0,0, 0) !important;
   opacity:1;  
}
.solution_pic{
width: 100%;
height: 185px;
overflow: hidden;
background-color: #f1f1f1;
}
.solution_pic img{
    height:100%;
}
.solution_title{
    padding: 10px 0;
    color: #fff;
    font-size: 16px;
}
.solution_content{
    color: #fff;
   line-height:27px;
   text-align:justify;
    opacity:0.7;
}
/*-----------advantages----------*/
.advantages{
      padding: 30px 0;
background:#fcfdf7;
border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.advantages_items{
    box-shadow:0px 3px 30px 0px rgba(0, 0, 0, 0.07);
    display:inline-block;
    padding:0 30px 30px 30px;
    overflow: hidden;

}
.advantages_items .col-sm-6:nth-child(3){
   right:-100px;
   opacity:0;
}
.advantages_items .col-sm-6:nth-child(2){
    left:-100px;
      opacity:0;
}

    .advantages ul {
        padding-right:0;
    }
.advantages li{
    list-style-type:none;
    padding:5px 0;
    text-align:justify;
    color:#677993;
}
    .advantages li .fa{
        color:#d9ddee;
        font-size:20px;
        margin-left:5px;
    }
/*-----------------servides-------------------*/
.services{
    background:#bfb8dc url("/Images/servicesback.png" ) repeat center center fixed; 
    min-height:400px;
    padding:20px 0 30px 0;
    background-size:contain;
  display: inline-block;
}
.services_items{
background: url("/Images/servicesitem.png" ) no-repeat center center;
background-size:contain;
min-height: 175px;
padding-top: 72px;
text-align: center;
color:#965cae;
transform: scale(0);
transition:all 500ms;
}
.serviceseffect{
transform: scale(1) !important;
}
.services_title{
    color: #3E506A;
font-size: 16px;
text-align: center;
}
.services_content{
    color: #3E506A;
font-size: 14px;
text-align: center;
line-height:27px;
}
/*------------customer----------*/
.customer{
box-shadow: rgba(0,0,0,0.8) 0 20px 30px -20px;
position: relative;
z-index: 1;
padding: 50px 0 20px 0;
min-height: 200px;
}
/*------------footer----------*/
footer{
    background:#fff url("/Images/content_pattern.jpg") repeat;
    padding:30px 0;
}
footer h4{
color:#fff;

}
footer ul{
    padding-right:13px;
}
footer ul li{
    list-style-type:none;
    color:#fff;
    padding:10px 0;
}
    footer ul li em{
   font-size: 19px !important;
color: #e00b25;
margin-left: 5px;
width: 24px;
text-align: center;
    }
  #map {
      height: 300px;
width: 100%;
border-radius: 10px;
padding: 20px;
border: 1px solid #965cae;
margin: 20px;
box-shadow: 0 0px 2px 2px rgba(0,0,0,0.15);
margin: 0 auto;
        }
#map img{
    width: 100%;
    height: 260px;
}
 iframe{
background-color:transparent !important;
font-family: IRANSans !important;
height:165px;
width:100%;
  }
iframe body{
    background-color:transparent !important;
    text-align:center;
}
.sahand_amar{
    text-align:center;
}
.footer_logo img{
  width:90px;
}