@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&display=swap");



@font-face {
	font-family: IRANSansX;
	font-style: normal;
	font-weight: normal;
	src: url('fonts/woff/IRANSansX-regular.woff') format('woff'),   
	url('fonts/woff2/IRANSansX-regular.woff2') format('woff2');	
}
/*
Theme Name: Safeam Box
Theme URI: https://Safeamteam.site
Author: The Mohamad Carami (Code TM)
Author URI: https://Safeamteam.site
Description: Our 2024 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: 4.9.6
Version: 3.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Safeambox
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/




.ajax-sidebar {
  position: fixed;
  top: 0;
  right: -100%;
  width: 400px;
  height: 100%;
  background: #fff;
  box-shadow: -3px 0 10px rgba(0,0,0,0.1);
  transition: right 0.4s ease;
  z-index: 99999;
  overflow-y: auto;
     border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.ajax-sidebar.open {
  right: 0;
}
.ajax-sidebar-content {
  padding: 20px;
  position: relative;
}
#closeSidebar {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 24px;
  cursor: pointer;
}

/* تنظیم تصاویر داخل کشو */
#ajaxContent img {
  width: 85%; /* تنظیم عرض تصاویر به 100% */
  height: auto; /* حفظ نسبت تصویر */
  margin-bottom: 15px; /* فاصله بین تصاویر */
  object-fit: cover; /* پوشش مناسب برای تصاویر */
  border-radius:0.5em;
}

/* استایل برای متن و عنوان */
#ajaxContent h2 {
  font-size: 24px;
  margin-bottom: 15px;
  color: #333;
      direction: rtl;
  unicode-bidi: embed;
  text-align: right;
  font-weight: bold;
}

#ajaxContent .post-content {
  font-size: 16px;
  line-height: 1.6;
  color: #666;
}

/* حاشیه و فاصله‌ها برای بهتر شدن نمایش */
#ajaxContent {
  padding: 20px;
  max-width: 100%;
  overflow-y: auto;
  font-weight: bold;
  font-size: 20px;
 float:right;
}
.share-buttons{
    width:100%;
    text-align:right;
}
.share-buttons a {
  color: #000 !important;
  text-decoration: none;
  margin-left: 8px;
  font-weight: bold;
  cursor: pointer ;

}
.share-buttons a:hover {
  text-decoration: underline;
}




.scroll-example {
    overflow: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
}

.scroll-example::-webkit-scrollbar {
        width: 0px;
        background: transparent; /* Chrome/Safari/Webkit */
    }
	


* {
  box-sizing: border-box;
  cursor: none;
     text-decoration: none;
    list-style-type: none;


}

html,body{
  background: #efefef;
  color: #212121;
  font-family: IRANSansX  !important;
  font-size: 16px;

}

p{
    text-align:center;
}
legend{
   text-align:center; 
}
.wpcf7-form-control-wrap {
    right: -15px;

}
.wpcf7-form-control{
    text-align:center;
    
}

wpcf7-form label{ 
	position:relative;
	width:100%;

}
wpcf7-form label input,
.wpcf7 textarea{ 
	width:100%;
    border: 1px solid #0984e3;
    padding: 7px 5px;
    text-align:center;
    margin-right:0.2em;
    border-radius:0.5em;
    margin-bottom:1em;
}
wpcf7-form label:before { 
conntent: '';
position: absolute;
background: #090;
width: 10px;
height: 10px;
right: 0;
top: 6px;
}

.wpcf7-text {
    width: 100%!important;
}
.wpcf7-text:hover{
background:#EAE7E7
}
.wpcf7 input[type="submit"] {

    background: #56b881;
    color: #FFF;
    padding: 7px 10px;
    font: 16px dinar;
    cursor: pointer;
    border: 2px solid #56b881;
    width:100%!important

}
.wpcf7 input[type="submit"]:hover{
      background: white; 
    color:#56b881
}
.wpcf7-form-control-wrap {
    position: relative;
    right: -15px;

}
.wpcf7 label {
    padding-right: 20px;

}
.wpcf7 label::before {

    content: "";
    position: absolute;
    background: #090;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    margin-left: 30px;
    right: 5px;
    top: 5px;

}
.wpcf7-form {

    padding-top: 30px;

}
.wpcf7 label{
position: relative;
}


::selection {
  background: #c3effd; 
  color: red;  
}

::-moz-selection {
  background: #c3effd; 
  color: red; 
}

h1, h2, h3, h4, h5 {
  font-weight: 900;
}

.h1 {
  font-size: 7em;
}


.hero-title {
  font-size: 8vw;
  line-height: 1em;
  font-weight: 900;
}

.nav-title {
  font-size: 4em;
  direction: rtl;
}

a {
  transition: all 0.25s ease-in-out;
}

.white, a.white {
  color: #f5f6fa;
}

.black {
  color: #212121;
}

.pearl, a.pearl {
  color: #fff;
}

.green, a.green {
  color: #00BCD4;
}

.pink {
  color: #b73b3b;
}

.blend {
  mix-blend-mode: difference !important;
  color: #efefef;
  position: relative;
  z-index: 2;
}

.bg-black {
  background-color: #212121;
}

.bg-green {
  background-color: #292929;
}

.bg-topographic {
  background-image: url(https://assets.codepen.io/319606/bg-topographic.svg);
  background-size: 5000px;
  opacity: 0.1;
  pointer-events: none;
}

.custom-cursor {
  position: fixed;
  opacity: 0;
  pointer-events: none;
  mix-blend-mode: difference;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #00BCD4;
  transition: transform 350ms ease;
  transform: translate(-50%, -50%) scale(0.3);
  z-index: 1000;
}

.custom-cursor--link {
  transform: translate(-50%, -50%) scale(1.25);
}


.sticky-nav {
  top: 20px;
  left: 20px;
  position: fixed;
  width: calc(100% - 40px);
  z-index: 999;
 direction: rtl;

  
}
.sticky-nav.difference {
  background-repeat: no-repeat;
  background-size: contain;
  mix-blend-mode: difference;
  
}
.sticky-nav.difference #nav-btn {
  filter: invert(0);
  
}

.sticky-nav #nav-btn {
  width: 70px;
  z-index: 999;
  right: 100px;
  filter: invert(1);
}
.sticky-nav #nav-btn .icon {
  position: relative;
  width: 100%;
  height: 100%;
  fill: none;
  stroke-width: 8;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: #fff;
  
}

#takeover-nav {
  position: fixed;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  left: 0;
  top: -200%;
  transition: all 0.5s ease-in-out;
  z-index: 996;
  
}
#takeover-nav.shown {
  top: 0;
}
#takeover-nav .nav-col {
  min-height: 100vh;
}
#takeover-nav .nav-col a {
  color: #f5f6fa;
}
#takeover-nav .nav-col a:hover {
  color: #FFFFFF;
}
#takeover-nav .nav-contact .content {
  max-width: 700px;
}
#takeover-nav .nav-items {
  font-size: 2.5em;
  font-weight: 700;
}
#takeover-nav .contact-items {
  font-size: 1.25em;
  font-weight: 700;
}
#takeover-nav .contact-items a:hover {
  color: #FFFFFF;
}
#takeover-nav .social {
  font-size: 0.75em;
}
#takeover-nav .social a {
  color: #FFFFFF;
}
#takeover-nav .social a:hover {
  color: #efefef;
}

.gradient-overlay {
  bottom: 0;
  height: 50%;
  background: -moz-linear-gradient(top, rgba(33, 33, 33, 0) 0%, #212121 50%);
  background: -webkit-linear-gradient(top, rgba(33, 33, 33, 0) 0%, #212121 50%);
  background: linear-gradient(to bottom, rgba(33, 33, 33, 0) 0%, #212121 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00212121", endColorstr="#212121",GradientType=0 );
  z-index: 1;
  border-bottom-right-radius: 15vw;
  pointer-events: none;
  
}

.video-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-bottom-right-radius: 15vw;
  pointer-events: none;
}

#video-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  min-width: 100%;
  background-position: center center;
  background-size: cover;
  object-fit: cover;
  transform: rotate(180deg);
}

section {
  min-height: 600px;
  height: 600px;
  width: 100%;
 
}
section.hero {
  background-color: #212121;
  border-bottom-right-radius: 15vw;
  position: relative;
}
section.hero:before {
  content: "";
  background-color: #212121;
  position: absolute;
  top: 100%;
  left: 0;
  width: 15vw;
  height: 15vw;
}
section.hero:after {
  content: "";
  background-color: #efefef;
  position: absolute;
  top: 100%;
  left: 0;
  width: 15vw;
  height: 15vw;
  border-top-left-radius: 15vw;
}

.two {
 
  	width:100%;
	height:700px;
}
.downed{
	width: 85%;
	height:150px;
	margin: auto;
	margin-bottom: 3%;
	
}
.downed p{
	color:#FFFFFF;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-weight: bold;
	font-size:6em;
	margin-top:1em;
	margin-left:1em;
	font-family: 'Inter UI', IRANSansX;
}

.planed{
	width: 90%;
	height:20em;
	margin: auto;
	 
}
.cards img {
	width:100%;
	height:85%;
	margin:auto;
	border-radius: 5em;
	
}
.cards {
  position: relative;
}

.cards__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5em;
}

.card {
  --flow-space: 0.5em;
  --hsl: var(--hue), var(--saturation), var(--lightness);
  flex: 1 1 14rem;
  padding: 1.5em 2em;
  display: grid;
  grid-template-rows: auto auto auto 1fr;
  align-items: start;
  gap: 1.25em;
  color: #eceff1;
  background-color: #2b2b2b;
  border: 1px solid #eceff133;
  border-radius: 15px;
  width:5%;
}

.card:nth-child(1) {
  --hue: 165;
  --saturation: 82.26%;
  --lightness: 51.37%;
}

.card:nth-child(2) {
  --hue: 291.34;
  --saturation: 95.9%;
  --lightness: 61.76%;
}

.card:nth-child(3) {
  --hue: 338.69;
  --saturation: 100%;
  --lightness: 48.04%;
}
.card:nth-child(4) {
  --hue: 9.69;
  --saturation: 100%;
  --lightness: 48.04%;
}
.card__bullets {
  line-height: 1.4;
}



.card__heading {
  font-size: 1.05em;
  font-weight: 600;
}

.card__price {
  font-size: 1.75em;
  font-weight: 700;
}

.flow > * + * {
  margin-top: var(--flow-space, 1.25em);
}

.cta {
  display: block;
  align-self: end;
  margin: 1em 0 0.5em 0;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background-color: #0d0d0d;
  padding: 0.7em;
  border-radius: 10px;
  font-size: 1rem;
  font-weight: 600;
}

.overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  user-select: none;
  opacity: var(--opacity, 0);
  -webkit-mask: radial-gradient(
    25rem 25rem at var(--x) var(--y),
    #000 1%,
    transparent 50%
  );
  mask: radial-gradient(
    25rem 25rem at var(--x) var(--y),
    #000 1%,
    transparent 50%
  );
  transition: 400ms mask ease;
  will-change: mask;
}

.overlay .card {
  background-color: hsla(var(--hsl), 0.15);
  border-color: hsla(var(--hsl), 1);
  box-shadow: 0 0 0 1px inset hsl(var(--hsl));
}

.overlay .cta {
  display: block;
  grid-row: -1;
  width: 100%;
  background-color: hsl(var(--hsl));
  box-shadow: 0 0 0 1px hsl(var(--hsl));
}

:not(.overlay) > .card {
  transition: 400ms background ease;
  will-change: background;
}

:not(.overlay) > .card:hover {
  --lightness: 95%;
  background: #000;
}









      .manstorei{
          width:100%;
          height:95px;
          margin:auto;
          background-color:#FFF;
          margin-bottom:1em;
          margin-top:5em;
  	border-radius:30% 20% 50% 20% / 20% 50% 20% 30%;
      }
      .manstorei:hover {
 

}
      .manstorei1{
           width:6%;
          height:75px;
          float:right;
          margin-top:10px;
          margin-right:8em;
          border-radius:2.5em;
          background:#fff;
          border: solid 2px rgb(187, 63, 72);
         
      }
      .manstorei1 img{
            width:98%;
          height:71px;
          border-radius:2.5em;
         margin-left:1px;
         margin-top:0.1px;
          padding:3px;
      }


 

.three {
	width:100%;
	height:800px;
}

#shoping{
    width:100%;
    height:600px;
  background-image:url(http://safeambox.ir/wp-content/themes/saeamboxV1.0/image/background-jizz.png);
  background-size: cover;
		background-repeat: no-repeat;
}


.shoping-coll{
width:80%;
height:600px;

margin:auto;
border-radius:0.5em;
}
.shoping-coll-s1{
width:25%;
height:500px;
background-color:#FFF;
background-image:url(http://safeambox.ir/wp-content/themes/saeamboxV1.0/image/background-jizz.png);
margin-right:4em;
border-radius:0.5em;
float:right;
margin-top:2em;
background-size: cover;
		background-repeat: no-repeat;
}


.shoping-coll-s1-ico{
width:100%;
height:80px;

border-radius:1em;
}
.shoping-coll-s1-ico img{
margin-left:1.7em;
}

.shoping-coll-s1-text{
width:100%;
height:35px;
color:#000;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-weight: bold;
	font-size:1.5em;
	font-family: 'Inter UI', IRANSansX;
	
}
.shoping-coll-s1-text2{
width:80%;
height:25px;
margin:auto;
margin-top:2em;
background-color:#FFF;
border-radius:0.5em;
color:#95a5a6;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size:1em;
font-family: 'Inter UI', IRANSansX;

}

.shoping-coll-s1-text1{
width:100%;
height:25px;
background-color:#FFF;
border-radius:0.5em;
margin-top:0.2em;
color:#95a5a6;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size:1em;
font-family: 'Inter UI', IRANSansX;
}

.toman-sell{
width:100%;
height:25px;
background-color:#FFF;
border-radius:0.5em;
float:right;
margin-top:1.5em;
	justify-content: center;
	align-items: center;
	text-align: center;
	
}

.toman-sell p{
color:#000;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size:1em;
font-family: 'Inter UI', IRANSansX;
text-decoration :none;
font-weight: bold;
}
.button-sell{
width:90%;
height:50px;
background-color:#f53b57;
float:right;
margin-top:1.5em;margin-right:0.8em;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height:3em;
	border-radius:1em;
	color:#FFF;
}
.button-sell a{
color:#FFF;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size:1em;
font-family: 'Inter UI', IRANSansX;
text-decoration :none;
font-weight: bold;
}



.coll-post{
	font: 15px "A Google",byekan;
	width:90%;
	height:95%;
	margin:auto;
}


.coll-post-right{
	
	width:25%;
	height:100%;
	float:right;
	  direction: ltr;
  unicode-bidi: embed;
}

.coll-left-coll{
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	width:100%;
	height:66%;
	float:right;margin-top:1px;
	border-radius:1em;
	  direction: ltr;
  unicode-bidi: embed;
}
.coll-left-coll-top{
	
	width:50%;
	height:8%;
	margin:auto;
  direction: ltr;
  unicode-bidi: embed;
}

.coll-left-coll-top p{
  color: #212534;
  text-decoration: none;
  font-family: 'Inter UI', IRANSansX;
  padding:0.3em;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1.2em;
 font-weight: bolder; 
   direction: ltr;
  unicode-bidi: embed;
}
.coll-left-coll-down{
	font: 15px;
	font-family: 'Inter UI', IRANSansX;
	width:100%;
	height:87%;
	float:right;margin-top:3px;
  direction: ltr;
  unicode-bidi: embed;
  
}
.coll-left-coll-list{
    	  direction: ltr;
  unicode-bidi: embed;
	background-color: #000;
	width:100%;
	height:10%;
	float:right;margin-top:1px;
	justify-content: right;
	align-items: right;
	align-items: right;
	text-align: right;
	border-right:5px solid #57606f;

}
.coll-left-coll-down li{
    	  direction: ltr;
  unicode-bidi: embed;
	background-color: #57606f;
	width:99%;
	height:auto;
	padding:0.2em;
	float:right;margin-top:1px;
	line-height:1.5em;
	justify-content: center;
	align-items: center;
	align-items: center;
	text-align: center;
	border-right:5px solid #57606f;	
	list-style-type: none;
	color:#fff;
	border-radius:50% 10% 50% 10% / 10% 50% 10% 50%;
	box-shadow:-350px 0 0 #2f3542 inset;
 transition: all 0.3s ease 0s;

}
.coll-left-coll-down li:hover{
 transition: all 0.3s ease 0s;
	border-right:5px solid #f53b57;	
}
.coll-left-coll-down li a{
  color: #fff;
  text-decoration: none;
  font-family: 'Inter UI', IRANSansX;
  font-weight: bold;
  font-size: 1em;
  margin-right:2px;

}
.coll-post-left{

	width:70%;
	height:auto;
	float:left;
}

.coll-right-postet{
	
	width:100%;
	height:auto;
	float:right;margin-top:2em;
  
	
	border-radius:0.5em;
}
.coll-right-postett{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 width:100%;
 height:auto;
 float:right;margin-top:2em;
background-color: #FFF;
 
 border-radius:0.5em;
}
.coll-right-postet-pic{
	background-color: #292929;
	width:25%;
	height:70%;
	float:right;margin-top:1px;
	border-radius:5px;
}
.coll-right-postet-pic img{
	width:100%;
	height:100%;
	border-radius:5px;
	border:solid 1px #F8f8f8;
}



.coll-right-postet-tex{
	width:70%;
	height:90%;
	float:left;margin-left:5px;
	    direction: rtl;
  unicode-bidi: embed;
  text-align: right;

}
.coll-right-postet-title a{
	color:#000;
  text-decoration: none;
  font-family: 'Inter UI', IRANSansX;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1em;
    direction: rtl;
  unicode-bidi: embed;
  text-align: right;
}

.coll-right-postet-title{
		 unicode-bidi: embed;
	width:80%;
	height:12%;
	float:right;margin-left:5px;margin-top:5px;
}
.coll-right-postet-text{
	 unicode-bidi: embed;
	width:95%;
	height:auto;
	float:left;margin-top:5px;
}
.coll-right-postet-text p{
color:#000;
  text-decoration: none;
  font-family: 'Inter UI', IRANSansX;
  justify-content: right;
  align-items: right;
  text-align: right;
      direction: rtl;
  unicode-bidi: embed;
  text-align: right;
}

.coll-right-postet-button{
	
	width:9%;
	height:20%;
	float:right;margin-top:5px;margin-right:3em;
	border-radius:1em;
}
.coll-right-postet-button img{width:40%;float:left;margin-left:1.8em;}
.coll-right-postet-button  a{
	text-decoration: none;
	font-family: 'Inter UI', IRANSansX;
	line-height:1em;margin-left:1.5em;
  color:#FFF;
color: #FFFFFF;text-shadow: 0 0 5px #1ab4e7, 0 0 10px #1ab4e7, 0 0 30px #18a2d0, 0 0 45px #18a2d0, 0 0 60px #18a2d0;
}

.coll-right-random {

	width: 100%;
	height: 50px;
	float: left;
	margin-top: 10px;
	border-radius: 5em 5em 0em 0em;
	text-align: center;
}

.coll-right-random ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline-block;
}

.coll-right-random li {
	display: inline-block;
	margin: 0 4px;
}

.coll-right-random a,
.coll-right-random span {
	display: inline-block;
	padding: 8px 12px;
	
	background-color: #f9f9f9;
	color: #333;
	text-decoration: none;
	border-radius: 5px;
	transition: all 0.3s ease;
}

.coll-right-random a:hover {
	background-color: #0073aa;
	color: #fff;
	border-color: #0073aa;
}

.coll-right-random .current {
	background-color: #f53b57;
	color: #fff;
	border-color: #f53b57;
	font-weight: bold;
}



.shoping-tarahi{
    width:100%;
    height:600px;
background-image:url(https://safeam.ir/wp-content/themes/saeamboxV1.0/image/backservice2.png);
float:right;
  background-size: cover;
		background-repeat: no-repeat;
}


.shoping-coll{
width:80%;
height:600px;

margin:auto;
}
.shoping-coll-s2{
width:24%;
height:500px;
background-color:#FFF;
background-image:url(https://safeam.ir/wp-content/themes/saeamboxV1.0/image/background-jizz.png);
margin-left:6em;
border-radius:0.5em;
float:left;
margin-top:3.5em;
background-size: cover;
		background-repeat: no-repeat;
		  box-shadow: 0 0px 10px 10px #fff;
}



.shoping-coll-s2-ico{
width:100%;
height:80px;

border-radius:1em;
}
.shoping-coll-s2-ico img{
margin-left:3em;
}

.shoping-coll-s2-text{
width:100%;
height:35px;
color:#000;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-weight: bold;
	font-size:1.5em;
	font-family: 'Inter UI', IRANSansX;
}
.shoping-coll-s2-text2{
width:80%;
height:25px;
margin:auto;
margin-top:2em;
background-color:#FFF;
border-radius:0.5em;
color:#95a5a6;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size:1em;
font-family: 'Inter UI', IRANSansX;
}

.shoping-coll-s2-text1{
width:100%;
height:25px;
background-color:#FFF;
border-radius:0.5em;
margin-top:0.2em;
color:#95a5a6;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size:1em;
font-family: 'Inter UI', IRANSansX;
}

.toman-sell-s2{
width:100%;
height:25px;
background-color:#FFF;
border-radius:0.5em;
float:right;
margin-top:1.5em;
	justify-content: center;
	align-items: center;
	text-align: center;
	
}

.toman-sell-s2 p{
color:#000;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size:1em;
font-family: 'Inter UI', IRANSansX;
text-decoration :none;
font-weight: bold;
}
.button-sell-s2{
width:90%;
height:50px;
background-color:#0fbcf9;
float:right;
margin-top:1.5em;margin-right:0.8em;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height:3em;
	border-radius:1em;
	font-weight: bold;
	color:#FFF;
}
.button-sell-s2 a{
color:#FFF;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size:1em;
	font-weight: bold;
font-family: 'Inter UI', IRANSansX;
text-decoration :none
}



.call-safeam{
    width:100%;
    height:540px;
    
    float:right;
    border-radius:0.5em;
}

.about { overflow: hidden; *zoom: 1; position: relative; direction: rtl;margin-top:10px;}.about .about-item, .about .about-item{ position: relative; margin-top: 20px; padding-left: 120px;}.about .about-item:first-child, .about .about-item:first-child { margin-top: 0px;}.about .about-item .aboutavatar, .about .about-item .aboutavatar { -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; overflow: hidden; width: 100px; height: 100px; position: absolute; top: 0; left: 0;}.about .about-item .aboutavatar img, .about .about-item .aboutavatar img { width: 100px; height: auto;}.about .about-item .about-connect, .about .about-item .about-connect{ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: relative; font-size: 14px; font-weight: normal; line-height: 1.6em; background: #f6615b; padding: 18px; color: #fff; min-height: 64px;}.about .about-item .about-connect:after, .about .about-item .about-connect:after { content: ""; position: absolute; width: 0; height: 0; border: 12px solid transparent; border-top-color: #000;}.about .about-item .about-connect:after, .about .about-item .about-connect:after { -moz-transform: translateX(-24px) translateY(-12px) rotate(90deg); -ms-transform: translateX(-24px) translateY(-12px) rotate(90deg); -webkit-transform: translateX(-24px) translateY(-12px) rotate(90deg); transform: translateX(-24px) translateY(-12px) rotate(90deg); left: 0; right: auto; top: 50px; -moz-backface-visibility: hidden;}.about .about-connect, .about .about-item .about-connect,.about .about-item .about-connect,.about .about-item .about-connect { font-size: 14px; font-weight: normal; line-height: 1.6em; color: #fff;}.about .about-item { padding-left: 0; padding-right: 120px;}.about .about-item .aboutavatar { left: auto; right: 0;}.about .about-item .about-connect:after { -moz-transform: translateX(24px) translateY(-12px) rotate(-90deg); -ms-transform: translateX(24px) translateY(-12px) rotate(-90deg); -webkit-transform: translateX(24px) translateY(-12px) rotate(-90deg); transform: translateX(24px) translateY(-12px) rotate(-90deg); left: auto; right: 0; top: 50px;}.aboutavatar:hover{-moz-transform:rotate(360deg);-moz-transition:600ms ease;-ms-transform:rotate(360deg);-ms-transition:600ms ease;-webkit-transform:rotate(360deg);-webkit-transition:600ms ease;-o-transform:rotate(360deg);-o-transition:600ms ease;}.about .about-item .about-connect { position: relative; background: #16a085;}.about .about-item .about-connect:after { content: ""; position: absolute; width: 0; height: 0; border: 12px solid transparent; border-top-color: #16a085;}.about1 { overflow: hidden; *zoom: 1; position: relative; direction: rtl;margin-top:10px;}.about1 .about-item1, .about1 .about-item1{ position: relative; margin-top: 20px; padding-left: 120px;}.about1 .about-item1:first-child, .about1 .about-item1:first-child { margin-top: 0px;}.about1 .about-item1 .aboutavatar1, .about1 .about-item1 .aboutavatar1 { -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; overflow: hidden; width: 100px; height: 100px; position: absolute; top: 0; left: 0;}.about1 .about-item1 .aboutavatar1 img, .about1 .about-item1 .aboutavatar1 img { width: 100px; height: auto;}.about1 .about-item1 .about-connect1, .about1 .about-item1 .about-connect1{ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: relative; font-size: 14px; font-weight: normal; line-height: 1.6em; background: #f6615b; padding: 18px; color: #fff; min-height: 64px;}.about1 .about-item1 .about-connect1:after, .about1 .about-item1 .about-connect1:after { content: ""; position: absolute; width: 0; height: 0; border: 12px solid transparent; border-top-color: #000;}.about1 .about-item1 .about-connect1:after, .about1 .about-item1 .about-connect1:after { -moz-transform: translateX(-24px) translateY(-12px) rotate(90deg); -ms-transform: translateX(-24px) translateY(-12px) rotate(90deg); -webkit-transform: translateX(-24px) translateY(-12px) rotate(90deg); transform: translateX(-24px) translateY(-12px) rotate(90deg); left: 0; right: auto; top: 50px; -moz-backface-visibility: hidden;}.about1 .about-connect1, .about1 .about-item1 .about-connect1,.about1 .about-item1 .about-connect1,.about1 .about-item1 .about-connect1 { font-size: 14px; font-weight: normal; line-height: 1.6em; color: #fff;}.about1 .about-item1 { padding-left: 0; padding-right: 120px;}.about1 .about-item1 .aboutavatar1 { left: auto; right: 0;}.about1 .about-item1 .about-connect1:after { -moz-transform: translateX(24px) translateY(-12px) rotate(-90deg); -ms-transform: translateX(24px) translateY(-12px) rotate(-90deg); -webkit-transform: translateX(24px) translateY(-12px) rotate(-90deg); transform: translateX(24px) translateY(-12px) rotate(-90deg); left: auto; right: 0; top: 50px;}.aboutavatar1:hover{-moz-transform:rotate(360deg);-moz-transition:600ms ease;-ms-transform:rotate(360deg);-ms-transition:600ms ease;-webkit-transform:rotate(360deg);-webkit-transition:600ms ease;-o-transform:rotate(360deg);-o-transition:600ms ease;}.about1 .about-item1 .about-connect1 { position: relative; background: #2980b9;}.about1 .about-item1 .about-connect1:after { content: ""; position: absolute; width: 0; height: 0; border: 12px solid transparent; border-top-color: #2980b9;}.about2 {height: 8em;width:98%;margin:auto; overflow: hidden; *zoom: 1; position: relative; direction: rtl;margin-top:10px;}.about2 .about-item2, .about2 .about-item2{ position: relative; margin-top: 20px; padding-left: 120px;}.about2 .about-item2:first-child, .about2 .about-item2:first-child { margin-top: 0px;}.about2 .about-item2 .aboutavatar2, .about2 .about-item2 .aboutavatar2 { -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; overflow: hidden; width: 100px; height: 100px; position: absolute; top: 0; left: 0;}.about2 .about-item2 .aboutavatar2 img, .about2 .about-item2 .aboutavatar2 img { width: 100px; height: auto;}.about2 .about-item2 .about-connect2, .about2 .about-item2 .about-connect2{ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: relative; font-size: 14px; font-weight: normal; line-height: 1.6em; background: #f6615b; padding: 18px; color: #fff; min-height: 64px;}.about2 .about-item2 .about-connect2:after, .about2 .about-item2 .about-connect2:after { content: ""; position: absolute; width: 0; height: 0; border: 12px solid transparent; border-top-color: #000;}.about2 .about-item2 .about-connect2:after, .about2 .about-item2 .about-connect2:after { -moz-transform: translateX(-24px) translateY(-12px) rotate(90deg); -ms-transform: translateX(-24px) translateY(-12px) rotate(90deg); -webkit-transform: translateX(-24px) translateY(-12px) rotate(90deg); transform: translateX(-24px) translateY(-12px) rotate(90deg); left: 0; right: auto; top: 50px; -moz-backface-visibility: hidden;}.about2 .about-connect2, .about2 .about-item2 .about-connect2,.about2 .about-item2 .about-connect2,.about2 .about-item2 .about-connect2 { font-size: 14px; font-weight: normal; line-height: 1.6em; color: #fff;}.about2 .about-item2 { padding-left: 0; padding-right: 120px;}.about2 .about-item2 .aboutavatar2 { left: auto; right: 0;}.about2 .about-item2 .about-connect2:after { -moz-transform: translateX(24px) translateY(-12px) rotate(-90deg); -ms-transform: translateX(24px) translateY(-12px) rotate(-90deg); -webkit-transform: translateX(24px) translateY(-12px) rotate(-90deg); transform: translateX(24px) translateY(-12px) rotate(-90deg); left: auto; right: 0; top: 50px;}.aboutavatar2:hover{-moz-transform:rotate(360deg);-moz-transition:600ms ease;-ms-transform:rotate(360deg);-ms-transition:600ms ease;-webkit-transform:rotate(360deg);-webkit-transition:600ms ease;-o-transform:rotate(360deg);-o-transition:600ms ease;}.about2 .about-item2 .about-connect2 { position: relative; background: #487eb0;}.about2 .about-item2 .about-connect2:after { content: ""; position: absolute; width: 0; height: 0; border: 12px solid transparent; border-top-color: #487eb0;}.about3 { overflow: hidden; *zoom: 1; position: relative; direction: rtl;margin-top:10px;}.about3 .about-item3, .about3 .about-item3{ position: relative; margin-top: 20px; padding-left: 120px;}.about3 .about-item3:first-child, .about3 .about-item3:first-child { margin-top: 0px;}.about3 .about-item3 .aboutavatar3, .about3 .about-item3 .aboutavatar3 { -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; overflow: hidden; width: 100px; height: 100px; position: absolute; top: 0; left: 0;}.about3 .about-item3 .aboutavatar3 img, .about3 .about-item3 .aboutavatar3 img { width: 100px; height: auto;}.about3 .about-item3 .about-connect3, .about3 .about-item3 .about-connect3{ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: relative; font-size: 14px; font-weight: normal; line-height: 1.6em; background: #f6615b; padding: 18px; color: #fff; min-height: 64px;}.about3 .about-item3 .about-connect3:after, .about3 .about-item3 .about-connect3:after { content: ""; position: absolute; width: 0; height: 0; border: 12px solid transparent; border-top-color: #000;}.about3 .about-item3 .about-connect3:after, .about3 .about-item3 .about-connect3:after { -moz-transform: translateX(-24px) translateY(-12px) rotate(90deg); -ms-transform: translateX(-24px) translateY(-12px) rotate(90deg); -webkit-transform: translateX(-24px) translateY(-12px) rotate(90deg); transform: translateX(-24px) translateY(-12px) rotate(90deg); left: 0; right: auto; top: 50px; -moz-backface-visibility: hidden;}.about3 .about-connect3, .about3 .about-item3 .about-connect3,.about3 .about-item3 .about-connect3,.about3 .about-item3 .about-connect3 { font-size: 14px; font-weight: normal; line-height: 1.6em; color: #fff;}.about3 .about-item3 { padding-left: 0; padding-right: 120px;}.about3 .about-item3 .aboutavatar3 { left: auto; right: 0;}.about3 .about-item3 .about-connect3:after { -moz-transform: translateX(24px) translateY(-12px) rotate(-90deg); -ms-transform: translateX(24px) translateY(-12px) rotate(-90deg); -webkit-transform: translateX(24px) translateY(-12px) rotate(-90deg); transform: translateX(24px) translateY(-12px) rotate(-90deg); left: auto; right: 0; top: 50px;}.aboutavatar3:hover{-moz-transform:rotate(360deg);-moz-transition:600ms ease;-ms-transform:rotate(360deg);-ms-transition:600ms ease;-webkit-transform:rotate(360deg);-webkit-transition:600ms ease;-o-transform:rotate(360deg);-o-transition:600ms ease;}.about3 .about-item3 .about-connect3 { position: relative; background: #2c3e50;}.about3 .about-item3 .about-connect3:after { content: ""; position: absolute; width: 0; height: 0; border: 12px solid transparent; border-top-color: #2c3e50;}.about4 { overflow: hidden; *zoom: 1; position: relative; direction: rtl;margin-top:10px;}.about4 .about-item4, .about4 .about-item4{ position: relative; margin-top: 20px; padding-left: 120px;}.about4 .about-item4:first-child, .about4 .about-item4:first-child { margin-top: 0px;}.about4 .about-item4 .aboutavatar4, .about4 .about-item4 .aboutavatar4 { -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; overflow: hidden; width: 100px; height: 100px; position: absolute; top: 0; left: 0;}.about4 .about-item4 .aboutavatar4 img, .about4 .about-item4 .aboutavatar4 img { width: 100px; height: auto;}.about4 .about-item4 .about-connect4, .about4 .about-item4 .about-connect4{ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: relative; font-size: 14px; font-weight: normal; line-height: 1.6em; background: #f6615b; padding: 18px; color: #fff; min-height: 64px;}.about4 .about-item4 .about-connect4:after, .about4 .about-item4 .about-connect4:after { content: ""; position: absolute; width: 0; height: 0; border: 12px solid transparent; border-top-color: #000;}.about4 .about-item4 .about-connect4:after, .about4 .about-item4 .about-connect4:after { -moz-transform: translateX(-24px) translateY(-12px) rotate(90deg); -ms-transform: translateX(-24px) translateY(-12px) rotate(90deg); -webkit-transform: translateX(-24px) translateY(-12px) rotate(90deg); transform: translateX(-24px) translateY(-12px) rotate(90deg); left: 0; right: auto; top: 50px; -moz-backface-visibility: hidden;}.about4 .about-connect4, .about4 .about-item4 .about-connect4,.about4 .about-item4 .about-connect4,.about4 .about-item4 .about-connect4 { font-size: 14px; font-weight: normal; line-height: 1.6em; color: #fff;}.about4 .about-item4 { padding-left: 0; padding-right: 120px;}.about4 .about-item4 .aboutavatar4 { left: auto; right: 0;}.about4 .about-item4 .about-connect4:after { -moz-transform: translateX(24px) translateY(-12px) rotate(-90deg); -ms-transform: translateX(24px) translateY(-12px) rotate(-90deg); -webkit-transform: translateX(24px) translateY(-12px) rotate(-90deg); transform: translateX(24px) translateY(-12px) rotate(-90deg); left: auto; right: 0; top: 50px;}.aboutavatar4:hover{-moz-transform:rotate(360deg);-moz-transition:600ms ease;-ms-transform:rotate(360deg);-ms-transition:600ms ease;-webkit-transform:rotate(360deg);-webkit-transition:600ms ease;-o-transform:rotate(360deg);-o-transition:600ms ease;}.about4 .about-item4 .about-connect4 { position: relative; background: #f39c12;}.about4 .about-item4 .about-connect4:after { content: ""; position: absolute; width: 0; height: 0; border: 12px solid transparent; border-top-color: #f39c12;}.about5 { overflow: hidden; *zoom: 1; position: relative; direction: rtl;margin-top:10px;}.about5 .about-item5, .about5 .about-item5{ position: relative; margin-top: 20px; padding-left: 120px;}.about5 .about-item5:first-child, .about5 .about-item5:first-child { margin-top: 0px;}.about5 .about-item5 .aboutavatar5, .about5 .about-item5 .aboutavatar5 { -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; overflow: hidden; width: 100px; height: 100px; position: absolute; top: 0; left: 0;}.about5 .about-item5 .aboutavatar5 img, .about5 .about-item5 .aboutavatar5 img { width: 100px; height: auto;}.about5 .about-item5 .about-connect5, .about5 .about-item5 .about-connect5{ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: relative; font-size: 14px; font-weight: normal; line-height: 1.6em; background: #f6615b; padding: 18px; color: #fff; min-height: 64px;}.about5 .about-item5 .about-connect5:after, .about5 .about-item5 .about-connect5:after { content: ""; position: absolute; width: 0; height: 0; border: 12px solid transparent; border-top-color: #000;}.about5 .about-item5 .about-connect5:after, .about5 .about-item5 .about-connect5:after { -moz-transform: translateX(-24px) translateY(-12px) rotate(90deg); -ms-transform: translateX(-24px) translateY(-12px) rotate(90deg); -webkit-transform: translateX(-24px) translateY(-12px) rotate(90deg); transform: translateX(-24px) translateY(-12px) rotate(90deg); left: 0; right: auto; top: 50px; -moz-backface-visibility: hidden;}.about5 .about-connect5, .about5 .about-item5 .about-connect5,.about5 .about-item5 .about-connect5,.about5 .about-item5 .about-connect5 { font-size: 14px; font-weight: normal; line-height: 1.6em; color: #fff;}.about5 .about-item5 { padding-left: 0; padding-right: 120px;}.about5 .about-item5 .aboutavatar5 { left: auto; right: 0;}.about5 .about-item5 .about-connect5:after { -moz-transform: translateX(24px) translateY(-12px) rotate(-90deg); -ms-transform: translateX(24px) translateY(-12px) rotate(-90deg); -webkit-transform: translateX(24px) translateY(-12px) rotate(-90deg); transform: translateX(24px) translateY(-12px) rotate(-90deg); left: auto; right: 0; top: 50px;}.aboutavatar5:hover{-moz-transform:rotate(360deg);-moz-transition:600ms ease;-ms-transform:rotate(360deg);-ms-transition:600ms ease;-webkit-transform:rotate(360deg);-webkit-transition:600ms ease;-o-transform:rotate(360deg);-o-transition:600ms ease;}.about5 .about-item5 .about-connect5 { position: relative; background: #d35400;}.about5 .about-item5 .about-connect5:after { content: ""; position: absolute; width: 0; height: 0; border: 12px solid transparent; border-top-color: #d35400;}.about6 { overflow: hidden; *zoom: 1; position: relative; direction: rtl;margin-top:10px;}
.about6 .about-item6, .about6 .about-item6{ position: relative; margin-top: 20px; padding-left: 120px;}.about6 .about-item6:first-child, .about6 .about-item6:first-child { margin-top: 0px;}.about6 .about-item6 .aboutavatar6, .about6 .about-item6 .aboutavatar6 { -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; overflow: hidden; width: 100px; height: 100px; position: absolute; top: 0; left: 0;}.about6 .about-item6 .aboutavatar6 img, .about6 .about-item6 .aboutavatar6 img { width: 100px; height: auto;}.about6 .about-item6 .about-connect6, .about6 .about-item6 .about-connect6{ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: relative; font-size: 14px; font-weight: normal; line-height: 1.6em; background: #f6615b; padding: 18px; color: #fff; min-height: 64px;}.about6 .about-item6 .about-connect6:after, .about6 .about-item6 .about-connect6:after { content: ""; position: absolute; width: 0; height: 0; border: 12px solid transparent; border-top-color: #000;}.about6 .about-item6 .about-connect6:after, .about6 .about-item6 .about-connect6:after { -moz-transform: translateX(-24px) translateY(-12px) rotate(90deg); -ms-transform: translateX(-24px) translateY(-12px) rotate(90deg); -webkit-transform: translateX(-24px) translateY(-12px) rotate(90deg); transform: translateX(-24px) translateY(-12px) rotate(90deg); left: 0; right: auto; top: 50px; -moz-backface-visibility: hidden;}.about6 .about-connect6, .about6 .about-item6 .about-connect6,.about6 .about-item6 .about-connect6,.about6 .about-item6 .about-connect6 { font-size: 14px; font-weight: normal; line-height: 1.6em; color: #fff;}.about6 .about-item6 { padding-left: 0; padding-right: 120px;}.about6 .about-item6 .aboutavatar6 { left: auto; right: 0;}.about6 .about-item6 .about-connect6:after { -moz-transform: translateX(24px) translateY(-12px) rotate(-90deg); -ms-transform: translateX(24px) translateY(-12px) rotate(-90deg); -webkit-transform: translateX(24px) translateY(-12px) rotate(-90deg); transform: translateX(24px) translateY(-12px) rotate(-90deg); left: auto; right: 0; top: 50px;}.aboutavatar6:hover{-moz-transform:rotate(360deg);-moz-transition:600ms ease;-ms-transform:rotate(360deg);-ms-transition:600ms ease;-webkit-transform:rotate(360deg);-webkit-transition:600ms ease;-o-transform:rotate(360deg);-o-transition:600ms ease;}.about6 .about-item6 .about-connect6 { position: relative; background: #e74c3c;}.about6 .about-item6 .about-connect6:after { content: ""; position: absolute; width: 0; height: 0; border: 12px solid transparent; border-top-color: #e74c3c;}.about7 { overflow: hidden; *zoom: 1; position: relative; direction: rtl;margin-top:10px;}.about7 .about-item7, .about7 .about-item7{ position: relative; margin-top: 20px; padding-left: 120px;}.about7 .about-item7:first-child, .about7 .about-item7:first-child { margin-top: 0px;}.about7 .about-item7 .aboutavatar7, .about7 .about-item7 .aboutavatar7 { -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; overflow: hidden; width: 100px; height: 100px; position: absolute; top: 0; left: 0;}.about7 .about-item7 .aboutavatar7 img, .about7 .about-item7 .aboutavatar7 img { width: 100px; height: auto;}.about7 .about-item7 .about-connect7, .about7 .about-item7 .about-connect7{ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: relative; font-size: 14px; font-weight: normal; line-height: 1.6em; background: #f6615b; padding: 18px; color: #fff; min-height: 64px;}.about7 .about-item7 .about-connect7:after, .about7 .about-item7 .about-connect7:after { content: ""; position: absolute; width: 0; height: 0; border: 12px solid transparent; border-top-color: #000;}.about7 .about-item7 .about-connect7:after, .about7 .about-item7 .about-connect7:after { -moz-transform: translateX(-24px) translateY(-12px) rotate(90deg); -ms-transform: translateX(-24px) translateY(-12px) rotate(90deg); -webkit-transform: translateX(-24px) translateY(-12px) rotate(90deg); transform: translateX(-24px) translateY(-12px) rotate(90deg); left: 0; right: auto; top: 50px; -moz-backface-visibility: hidden;}.about7 .about-connect7, .about7 .about-item7 .about-connect7,.about7 .about-item7 .about-connect7,.about7 .about-item7 .about-connect7 { font-size: 14px; font-weight: normal; line-height: 1.6em; color: #fff;}.about7 .about-item7 { padding-left: 0; padding-right: 120px;}.about7 .about-item7 .aboutavatar7 { left: auto; right: 0;}.about7 .about-item7 .about-connect7:after { -moz-transform: translateX(24px) translateY(-12px) rotate(-90deg); -ms-transform: translateX(24px) translateY(-12px) rotate(-90deg); -webkit-transform: translateX(24px) translateY(-12px) rotate(-90deg); transform: translateX(24px) translateY(-12px) rotate(-90deg); left: auto; right: 0; top: 50px;}.aboutavatar7:hover{-moz-transform:rotate(360deg);-moz-transition:600ms ease;-ms-transform:rotate(360deg);-ms-transition:600ms ease;-webkit-transform:rotate(360deg);-webkit-transition:600ms ease;-o-transform:rotate(360deg);-o-transition:600ms ease;}.about7 .about-item7 .about-connect7 { position: relative; background: #27ae60;}.about7 .about-item7 .about-connect7:after { content: ""; position: absolute; width: 0; height: 0; border: 12px solid transparent; border-top-color: #27ae60;}.about8 { overflow: hidden; *zoom: 1; position: relative; direction: rtl;margin-top:10px;}.about8 .about-item8, .about8 .about-item8{ position: relative; margin-top: 20px; padding-left: 120px;}.about8 .about-item8:first-child, .about8 .about-item8:first-child { margin-top: 0px;}.about8 .about-item8 .aboutavatar8, .about8 .about-item8 .aboutavatar8 { -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; overflow: hidden; width: 100px; height: 100px; position: absolute; top: 0; left: 0;}.about8 .about-item8 .aboutavatar8 img, .about8 .about-item8 .aboutavatar8 img { width: 100px; height: auto;}.about8 .about-item8 .about-connect8, .about8 .about-item8 .about-connect8{ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: relative; font-size: 14px; font-weight: normal; line-height: 1.6em; background: #f6615b; padding: 18px; color: #fff; min-height: 64px;}.about8 .about-item8 .about-connect8:after, .about8 .about-item8 .about-connect8:after { content: ""; position: absolute; width: 0; height: 0; border: 12px solid transparent; border-top-color: #000;}.about8 .about-item8 .about-connect8:after, .about8 .about-item8 .about-connect8:after { -moz-transform: translateX(-24px) translateY(-12px) rotate(90deg); -ms-transform: translateX(-24px) translateY(-12px) rotate(90deg); -webkit-transform: translateX(-24px) translateY(-12px) rotate(90deg); transform: translateX(-24px) translateY(-12px) rotate(90deg); left: 0; right: auto; top: 50px; -moz-backface-visibility: hidden;}.about8 .about-connect8, .about8 .about-item8 .about-connect8,.about8 .about-item8 .about-connect8,.about8 .about-item8 .about-connect8 { font-size: 14px; font-weight: normal; line-height: 1.6em; color: #fff;}.about8 .about-item8 { padding-left: 0; padding-right: 120px;}.about8 .about-item8 .aboutavatar8 { left: auto; right: 0;}.about8 .about-item8 .about-connect8:after { -moz-transform: translateX(24px) translateY(-12px) rotate(-90deg); -ms-transform: translateX(24px) translateY(-12px) rotate(-90deg); -webkit-transform: translateX(24px) translateY(-12px) rotate(-90deg); transform: translateX(24px) translateY(-12px) rotate(-90deg); left: auto; right: 0; top: 50px;}.aboutavatar8:hover{-moz-transform:rotate(360deg);-moz-transition:600ms ease;-ms-transform:rotate(360deg);-ms-transition:600ms ease;-webkit-transform:rotate(360deg);-webkit-transition:600ms ease;-o-transform:rotate(360deg);-o-transition:600ms ease;}.about8 .about-item8 .about-connect8 { position: relative; background: #7f8c8d;}.about8 .about-item8 .about-connect8:after { content: ""; position: absolute; width: 0; height: 0; border: 12px solid transparent; border-top-color: #7f8c8d;}
.about-connect2 a{text-decoration :none;color:#fff;}



.four {
 
    width:100%;
	height:350px;
}

.four-left{
 
    width:100%;
	height:350px;
	float:left;
}


.slick-slide {
    margin: 18px 20px;
    border-radius:1em;
    left:0px;
    width:95%;
    height:160px;
    background-color: #efefef;
    position: relative;
    transition: 1000ms all;
    transform-origin: center left;
    box-shadow:0 5px 12px rgba(0,0,0,0.5);
   
    overflow: hidden;
    	color:#000;
  text-decoration: none;
  font-family: 'Inter UI', IRANSansX;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1em;

}
.slick-slide:hover{
    cursor:pointer;
    transform: scale(1.15);
}
.slick-slide:hover figcaption h3{
    font-size:0.6;
    position:absolute;
    height:120px;
    width:100%;
    display: flex;
    align-items: end;
    background: linear-gradient(
    to top,
    rgba(0,0,0,0.9)0%,
    rgba(0,0,0,0)100%
    );
    color:#fff;
    left:0px;
    bottom:0px;
    padding-left:12px;
    padding-bottom:1px;
}

.slick-slide:hover ~ .slick-slide{
    font-weight:bold;
    cursor:pointer;
    transform: translateX(22px);
}

.slick-slide img {
    width: 100%;
 border-radius:0.7em;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}







.five {
	background-color:#343F3E;
	 box-shadow: 0 4px 8px 0 rgba(223, 230, 233,0.02), 0 6px 20px 0 rgba(223, 230, 233,0.19);
  	width:100%;
	height:340px;
	float:left;
	background-repeat:none;
	background-attachment: fixed;
  background-size: cover;
	background-image:url("https://uploadkon.ir/uploads/ccdd24_24team-background.jpg");
}
.h1 {color: #333;font-size: 100px;margin: 1px auto;text-align:center;text-transform:uppercase; font-family:Orbitron; font-weight: bold;}
.neon {color: #FFFFFF;text-shadow: 0 0 5px #1ab4e7, 0 0 10px #1ab4e7, 0 0 30px #18a2d0, 0 0 45px #18a2d0, 0 0 60px #18a2d0;}
.matrix {color: #FFFFFF; font-family:Arial, Courier, Monotype; font-size:15pt; text-align:center; width:10px; padding:0px; margin:0px;font-weight: bold;}
.jokitz1{
	text-align : center;
	}
.jokitz2{
	text-align : center;
	font-family : Courier;
	}

.footer-copy{
	width:100%;
	height:15px;
	margin-top:3em;
}
.footer-copy-stable{
	width:60%;
	height:25px;
		text-decoration: none;
	font-family: sans-serif;
	color:#ccc;
	margin:auto;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.downloadapp{
    width:20%;
	height:40px;
	float:right;
	

}
.downloadapp-android{
        width:50%;
	height:40px;
	float:right;
	
	background-size: cover;
		background-repeat: no-repeat;
		border-radius:1em;
}
.downloadapp-ios{
        width:40%;
	height:40px;
	float:left;
	
	background-size: cover;
		background-repeat: no-repeat;
		border-radius:1em;
}
.downloadapp-android img{
    width:100%;
    height:40px;
    border-radius:1em;
    object-fit:contain;
    aspect-ration:1.5;
}
.downloadapp-ios img{
    width:100%;
    height:40px;
    border-radius:1em;
}

@media screen and (max-width: 1200px) {
    .nav-items li a{
    color:#FFFFFF !important;
}
  .nav-items li{
     padding-left:3em;
     float:right;
}
  .hero {
    height: 75vh;
  }
  .hero #video-bg {
    object-position: 0 5vw;
  }
  header .swoosh {
    width: 165px;
    height: 35px;
    top: 10px;
  }
  header .sticky-nav {
    top: 10px;
  }
  header .sticky-nav .logo {
    width: 150px;
    height: 35px;
  }
  header .sticky-nav #nav-btn {
    width: 40px;
  }
  header #takeover-nav .contact-items {
    font-size: 1em;
  }

  .hero {
    min-height: 960px;
    height: 1200px;
  }
  .hero .hero-title {
    font-size: 12vw;
  }
  .hero #video-bg {
    object-position: 0 30vw;
  }
.shoping-coll-s1-ico img{
margin-left:1em;
}
.shoping-coll-s2-ico img{
    margin-left:1em;
}
.shoping-coll-s2{margin-left:5em;}
}



@media screen and (max-width: 960px) {
    .nav-items li a{
    color:#FFFFFF !important;
}
  .nav-items li{
     padding-left:3em;
     float:right;
}
  .hero #video-bg {
    object-position: 0 15vw;
  }
  header .swoosh {
    width: 165px;
    height: 35px;
    top: 10px;
  }
  header .sticky-nav {
    top: 10px;
  }
  header .sticky-nav .logo {
    width: 150px;
    height: 35px;
  }
  header .sticky-nav #nav-btn {
    width: 40px;
  }
  header #takeover-nav .contact-items {
    font-size: 1em;
  }

  .hero {
    min-height: 800px;
    height: 1000px;
  }
  .hero .hero-title {
    font-size: 12vw;
  }
  .hero #video-bg {
    object-position: 0 30vw;
  }
 .two{width:98%;height:1150px;margin-top:4em;margin-bottom:2.5em;}
  .downed{display:none;}
  .planed{width:90%;}
  .card{width:45%;margin-top:2em;border-radius:1em;}
  .card img{border-radius:1em;}
 

  .manstorei{width:100%;height:95px;border-radius:0px; overflow: -moz-scrollbars-vertical;
    overflow-x: scroll;
    overflow-y: hidden;display:inline-block;margin-bottom:0.5em;margin-top:1em;}
 .manstorei1{width:16%;height:75px;margin-right:0.5em;}
 
  .three{width:100%;}
  .coll-post{width:100%;}
  .coll-post-right{width:98%;height:auto;margin-top:2em;float:left;}
  .coll-post-left{width:100%;margin-top:2em;}
  .coll-right-postet-button{ width: 60px;
    height: 60px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;margin-top:3.5em;margin-bottom:1em;}
	.coll-right-postet-button img{width:70%;float:left;margin-left:0.6em;margin-top:8px;}
  .coll-right-postet-pic{width:100%;}
  .coll-right-postet-tex{width:95%;height:auto;}
  .coll-right-postet-text{width:100%;height:10em;}
  .coll-right-postet{width:100%;height:auto;}
  
  .coll-right-random{float:right;width:100%;}
  	.slick-slide {
    margin: 18px 15px;
    border-radius:1em;
        left:0px;
    width:7% !important;
    
   
    position: relative;
    transition: 1000ms all;
    transform-origin: center left;
    
   
    overflow: hidden;
    	color:#000;
  text-decoration: none;
  font-family: 'Inter UI', IRANSansX;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1em;
}

.slick-slide img {
    width: 100%;
 border-radius:0.7em;
}
.shoping-coll-s1-ico img{
margin-left:15em;
}
.shoping-coll-s2-ico img{
    margin-left:15em;
}
  .four{
    display:none;
}
  .five{width:100%;height:450px;}
  .h1{font-size: 50px;}

	 .four-left{height:145px;}
#shoping{width:100%;height:10em;}
.shoping-coll{width:100%;margin-right:0%;}
.shoping-coll-s1{width:100%;margin-right:0.5px}
.shoping-tarahi{width:100%;height:105em}
.shoping-coll{width:100%;margin-right:0%;height:105em}
.shoping-coll-s2{width:100%;margin-right:0.5px;margin-left:0em;}

wpcf7-form label input,
.wpcf7 textarea{margin-right:0.1em;}

}


@media screen and (max-width: 650px) {
    .nav-items li a{
    color:#FFFFFF !important;
}
  .nav-items li{
     padding-left:3em;
     float:right;
}
  #takeover-nav .nav-menu {
    min-height: 500px;
  }
  #takeover-nav .nav-menu a {
    color: #212121;
  }
  #takeover-nav .nav-menu a:hover {
    color: #efefef;
  }
  #takeover-nav .nav-contact {
    min-height: 600px;
  }
  #takeover-nav .nav-contact .nav-title {
    font-size: 2.5em;
  }
header .swoosh {
    width: 165px;
    height: 35px;
    top: 10px;
  }
  header .sticky-nav {
    top: 10px;
  }
  header .sticky-nav .logo {
    width: 150px;
    height: 35px;
  }
  header .sticky-nav #nav-btn {
    width: 40px;
  }
  header #takeover-nav .contact-items {
    font-size: 1em;
  }

  .hero {
    min-height: 600px;
    height: 600px;
  }
  .hero .hero-title {
    font-size: 12vw;
  }
  .hero #video-bg {
    object-position: 0 30vw;
  }
 .two{width:98%;height:2950px;margin-top:6em;}
  .downed{display:none;}
  .planed{width:90%;}
  .card{width:45%;margin-top:2em;border-radius:1em;}
  .card img{border-radius:1em;}
 

  .manstorei{width:100%;height:95px;border-radius:0px; overflow: -moz-scrollbars-vertical;
    overflow-x: scroll;
    overflow-y: hidden;display:inline-block;margin-bottom:0.5em;margin-top:1em;}
 .manstorei1{width:22%;height:75px;margin-right:0.5em;}
 
  .three{width:100%;}
  .coll-post{width:100%;}
  .coll-post-right{width:98%;height:auto;margin-top:2em;float:left;}
  .coll-post-left{width:100%;margin-top:2em;}
  .coll-right-postet-button{ width: 60px;
    height: 60px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;margin-top:3.5em;margin-bottom:1em;}
	.coll-right-postet-button img{width:70%;float:left;margin-left:0.6em;margin-top:8px;}
  .coll-right-postet-pic{width:100%;}
  .coll-right-postet-tex{width:95%;height:auto;}
  .coll-right-postet-text{width:100%;height:10em;}
  .coll-right-postet{width:100%;height:auto;}
  
  .coll-right-random{float:right;width:100%;}
  	.slick-slide {
    margin: 18px 15px;
    border-radius:1em;
        left:0px;
    width:7% !important;
    
   
    position: relative;
    transition: 1000ms all;
    transform-origin: center left;
    
   
    overflow: hidden;
    	color:#000;
  text-decoration: none;
  font-family: 'Inter UI', IRANSansX;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1em;
}

.slick-slide img {
    width: 100%;
 border-radius:0.7em;
}
.shoping-coll-s1-ico img{
margin-left:10em;
}
.shoping-coll-s2-ico img{
    margin-left:10em;
}
  .four{
    display:none;
}
  .five{width:100%;height:450px;}
  .h1{font-size: 50px;}

	 .four-left{height:145px;}
#shoping{width:100%;height:10em;}
.shoping-coll{width:100%;margin-right:0%;}
.shoping-coll-s1{width:100%;margin-right:0.5px}
.shoping-tarahi{width:100%;height:105em}
.shoping-coll{width:100%;margin-right:0%;height:105em}
.shoping-coll-s2{width:100%;margin-right:0.5px;margin-left:0em;}

wpcf7-form label input,
.wpcf7 textarea{margin-right:0.1em;}
.downloadapp{
    width:100%;
	height:40px;
	float:right;
	

}
.downloadapp-android{
    width:50%;
    float:right;
}
.downloadapp-ios{
    width:50%;
    
}
.downloadapp-android img{
    width:100%;
    height:40px;
    border-radius:1em;
}
.downloadapp-ios img{
    width:100%;
    height:40px;
    border-radius:1em;
    
}

}
@media screen and (max-width: 500px) {
        .call-safeam{
    width:100%;
    height:600px;
    }
   .about2{
       height:auto;
   }
    .ajax-sidebar {
    width: 90vw;             /* اسلایدر نسبت به عرض صفحه */
    right: -110vw;            /* وقتی بسته است، کامل خارج باشه */
    max-width: 110vw;        /* مطمئن میشه از صفحه بیرون نزنه */
  }

  .ajax-sidebar.open {
    right: 0;
  }
    .nav-items li a{
    color:#FFFFFF !important;
}
  .nav-items li{
     padding-left:3em;
     float:right;
}
  header .swoosh {
    width: 165px;
    height: 35px;
    top: 10px;
  }
  header .sticky-nav {
    top: 10px;
  }
  header .sticky-nav .logo {
    width: 150px;
    height: 35px;
  }
  header .sticky-nav #nav-btn {
    width: 40px;
  }
  header #takeover-nav .contact-items {
    font-size: 1em;
  }

  .hero {
    min-height: 600px;
    height: 600px;
  }
  .hero .hero-title {
    font-size: 12vw;
  }
  .hero #video-bg {
    object-position: 0 30vw;
  }
 .two{width:98%;height:2750px;margin-top:4em;}
  .downed{display:none;}
  .planed{width:90%;}
  .card{width:45%;margin-top:2em;border-radius:1em;}
  .card img{border-radius:1em;}
 

  .manstorei{width:100%;height:95px;border-radius:0px; overflow: -moz-scrollbars-vertical;
    overflow-x: scroll;
    overflow-y: hidden;display:inline-block;margin-bottom:0.5em;}
 .manstorei1{width:22%;height:75px;margin-right:0.5em;}
 
  .three{width:100%;}
  .coll-post{width:100%;}
  .coll-post-right{width:98%;height:auto;margin-top:2em;float:left;}
  .coll-post-left{width:100%;margin-top:2em;}
  .coll-right-postet-button{ width: 60px;
    height: 60px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;margin-top:3.5em;margin-bottom:1em;}
	.coll-right-postet-button img{width:70%;float:left;margin-left:0.6em;margin-top:8px;}
  .coll-right-postet-pic{width:100%;}
  .coll-right-postet-tex{width:95%;height:auto;}
  .coll-right-postet-text{width:100%;height:10em;}
  .coll-right-postet{width:100%;height:auto;}
  
  .coll-right-random{float:right;width:100%;}
  	.slick-slide {
    margin: 18px 15px;
    border-radius:1em;
        left:0px;
    width:7% !important;
    
   
    position: relative;
    transition: 1000ms all;
    transform-origin: center left;
    
   
    overflow: hidden;
    	color:#000;
  text-decoration: none;
  font-family: 'Inter UI', IRANSansX;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1em;
}

.slick-slide img {
    width: 100%;
 border-radius:0.7em;
}
.shoping-coll-s1-ico img{
margin-left:6em;
}
.shoping-coll-s2-ico img{
    margin-left:6em;
}
  .four{
    display:none;
}
  .five{width:100%;height:450px;}
  .h1{font-size: 50px;}

	 .four-left{height:145px;}
#shoping{width:100%;height:10em;}
.shoping-coll{width:100%;margin-right:0%;}
.shoping-coll-s1{width:100%;margin-right:0.5px}
.shoping-tarahi{width:100%;height:105em}
.shoping-coll{width:100%;margin-right:0%;height:105em}
.shoping-coll-s2{width:100%;margin-right:0.5px;margin-left:0em;}
.four{display:none;}
wpcf7-form label input,
.wpcf7 textarea{margin-right:0.1em;}
.downloadapp{
    width:100%;
	height:40px;
	float:right;
	

}
.downloadapp-android{
    width:50%;
    float:right;
}
.downloadapp-ios{
    width:50%;
    
}
.downloadapp-android img{
    width:100%;
    height:40px;
    border-radius:1em;
}
.downloadapp-ios img{
    width:100%;
    height:40px;
    border-radius:1em;
    
}




}

@media screen and (max-width: 400px) {
    .call-safeam{
    width:100%;
    height:700px;
    }
   .about2{
       height:auto;
   }
    .ajax-sidebar {
    width: 90vw;             /* اسلایدر نسبت به عرض صفحه */
    right: -110vw;            /* وقتی بسته است، کامل خارج باشه */
    max-width: 110vw;        /* مطمئن میشه از صفحه بیرون نزنه */
  }

  .ajax-sidebar.open {
    right: 0;
  }
    .nav-items li a{
    color:#FFFFFF !important;
}
  .nav-items li{
     padding-left:3em;
     float:right;
}
 .two{width:98%;height:2500px;margin-top:4em;margin-bottom:1em;}
 .manstorei{width:95%;height:85px;border-radius:0px;;margin-left:0.5em;border-radius:0.5em;}
 .manstorei1{width:22%;height:75px;margin-top:5px;}
  .downed{display:none;}
  .planed{width:90%;}
  .card{width:45%;margin-top:2em;border-radius:1em;}
  .card img{border-radius:1em;}

.shoping-coll-s1-ico img{
margin-left:5em;
}
.shoping-coll-s2-ico img{
    margin-left:5em;
}
 .coll-right-postet-button{ width: 60px;
    height: 60px; 
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;margin-top:8em;margin-bottom:1em;}
	.coll-right-postet-button img{width:70%;float:left;margin-left:0.6em;margin-top:8px;}
	.coll-post{width:100%;}
	 .four-left{height:145px;}
#shoping{width:100%;height:10em;}
.shoping-coll{width:100%;margin-right:0%;margin-top:1em;}
.shoping-coll-s1{width:100%;margin-right:0.5px}
.shoping-tarahi{width:100%;height:105em}
.shoping-coll{width:100%;margin-right:0%;height:105em}
.shoping-coll-s2{width:100%;margin-right:0.5px;margin-left:0em;}
.four{
    display:none;
}
.five{height:450px;}
wpcf7-form label input,
.wpcf7 textarea{margin-right:0.1em;}
.downloadapp{
    width:100%;
	height:40px;
	float:right;
	

}
.downloadapp-android{
    width:50%;
    float:right;
}
.downloadapp-ios{
    width:50%;
    
}
.downloadapp-android img{
    width:100%;
    height:40px;
    border-radius:1em;
}
.downloadapp-ios img{
    width:100%;
    height:40px;
    border-radius:1em;
    
}


}