/*
	Shabnam.co Template
	all right reserved.
*/

@charset "UTF-8";

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
	display: block;margin: 0; padding : 0
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:border-box;outline: 0;
	box-sizing: border-box;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-khtml-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition:all 0.3s ease;
	
}
audio,
canvas,
video {
	display: inline-block;
}
nav ,
ul ,
ol li,
li {
	list-style: none;
	margin: 0;
	padding: 0;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden], .hide {
	display: none;
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
::selection{
	background: #333333;
	color: #fff;
}
::-moz-selection{
	background: #333333;
	color: #fff;
}
body{
	background:#fff;
	direction:rtl;
	cursor:default;
	overflow-x:hidden;
}
@font-face {
  font-family: 'Yekan';
  src: url('fonts/yekan-webfont.eot?#') format('eot'),  
       url('fonts/YekanWeb-Regular.woff') format('woff'),  
       url('fonts/yekan-webfont.ttf') format('truetype'); 
}
@font-face {
	font-family: 'Iran';
	src: 
	url('fonts/IRANSansWeb.woff') format('woff'),
	url('fonts/IRANSansWeb.ttf') format('truetype');
	font-weight: normal;
}
@font-face {
	font-family: 'Iran';
	src: 
	url('fonts/IRANSansWeb_Bold.woff') format('woff'), 
	url('fonts/IRANSansWeb_Bold.ttf') format('truetype');
	font-weight: bold;
}

.clear{ clear:both; }
.hidden{
	opacity: 0;
}
.visible{
	opacity: 1;
}
a, a:link, a:visited { 
	text-decoration: none;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-khtml-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

a:hover {
	text-decoration: none;
	color: #3a3a3a;
}
::selection{
	background: #333333;
	color: #fff
}
::-moz-selection{
	background: #333333;
	color: #fff
}
html, body {
  height: 100%;
  padding: 0;
  margin: 0;
}
#header{
	width: 100%;
	height: 500px;
	background: url(images/bg2.jpg) no-repeat top center;
	background-size: cover;
}


#header {

  position: fixed;
 height: 500px;
  right: 0;
  left: 0;
  top: 0;
}

#page {
  background: #fff;
  position: relative;

  top: 500px;
}

a.my{
	background: #000;
	border-radius: 40px / 50px;
	display: block;
	width: 50px;
	height: 50px;
}
a.my:hover{
	background: lightblue;
	transform: scale(1.1);
}
/* Nav */

a.logo{
	display: inline-block;
	width: 150px;
	height: 42px;
	background: url(images/logo.png) no-repeat right center;
	background-size: cover;
}
.nav-fixer{
	height: 70px;
	background: url(images/bg2.jpg) center bottom;
	width: 100%;
}
@media screen and (max-width: 640px) { 
	.navbar-collapse{
		background: rgba(0,0,0,0.9);
	}
}

.mynav{
	position: fixed;
	top: 0px;
	height: 40px;
	width: 100%;
	z-index: 2;
	background: none;
	border: none;
	padding: 15px 0px;
	border-radius: 0px;
}
.mynav .navbar-nav > li > a{
	color: #fff;
	font: normal 13px 'Iran','Yekan',Tahoma;
	text-shadow: 0px 0px 3px rgba(255,255,255,0.5);
	padding-top: 8px;
	padding-bottom: 8px;
	
}
.mynav .navbar-nav > li > a:hover{
	background: rgba(0,0,0,0.5);
	color: #fff;
	text-shadow: none;
}
.mynav .navbar-nav > li > a.login{
	border: 1px solid #e1e1e1;
}


.goToTop {
	position: fixed !important;
	top: 0;
	height: 70px;
	z-index: 1;
	background: rgba(0,0,0,0.9);
}

/*End Nav*/

/* Header */
#header-text{
	position: relative;
	top: 30%;
	text-align: center;
	font-family:'Yekan',Tahoma;
	font-weight: normal;
}
#header-text h2, #header-text h3{
	display: block;
	line-height: 2em;
	color: #e1e1e1;
}
#header-text h2{
	font-size: 3em;
	font-weight: bold;
	text-shadow: 0px 0px 3px #000;
}
#header-text h3{
	font-size: 1.5em;
}



/* End Header */

/* Offer */

#shabnam-offer{
	background: url(images/nbg.jpg) 0 fixed;
	padding: 50px 0px;
	box-shadow: 0px -30px 50px rgba(0,0,0,0.6) inset, 0px 30px 50px rgba(0,0,0,0.6) inset;

}

/* /Offer */

/*buttons*/



.sbtn {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 10px 30px;
	display: inline-block;
	margin: 15px 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	font: normal 15px 'Iran','Yekan',Tahoma;
}

.sbtn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.sbtn-1 {
	border: 2px solid #fff;
	color: #fff;
}
.sbtn-1e {
	overflow: hidden;
}

.sbtn-1e:after {
	width: 100%;
	height: 0;
	top: 50%;
	left: 50%;
	background: #fff;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.sbtn-1e:hover,
.sbtn-1e:active {
	color: #0e83cd;
}

.sbtn-1e:hover:after {
	height: 260%;
	opacity: 1;
}

.sbtn-1e:active:after {
	height: 400%;
	opacity: 1;
}
/* /buttons*/

/*mouse*/


.mouse_scroll {
	display: block;
	margin: 0 auto;
	width: 24px;
	height: 100px;
	//background: blue;
	margin-top: 125px;
	position: absolute;
	left: calc(50% - 24px);
	bottom: 10px;
}


.m_scroll_arrows
{
  display: block;
  width: 5px;
  height: 5px;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
   
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  margin: 0 0 3px 4px;
  
  width: 16px;
  height: 16px;
}

.mouse_arrows{
  margin-right: 4px;
}
.unu
{
  margin-top: 1px;
}

.unu, .doi, .trei
{
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
}

.unu
{
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate;
}

.doi
{
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
  margin-top: -6px;
}

.trei
{
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate;
  margin-top: -6px;
}




.mouse
{
height: 42px;
width: 24px;
  border-radius: 14px;
  transform: none;
  border: 2px solid white;
  top: 170px;
}

.wheel
{
  height: 5px;
  width: 2px;
  display: block;
  margin: 5px auto;
  background: white;
  position: relative;
  
  height: 4px;
  width: 4px;
  border: 2px solid #fff;
  -webkit-border-radius: 8px;
          border-radius: 8px;
  

}

.wheel
{
  -webkit-animation: mouse-wheel 0.6s linear infinite;
  -moz-animation: mouse-wheel 0.6s linear infinite;
}



@-webkit-keyframes mouse-wheel
{
   0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@-moz-keyframes mouse-wheel
{
  0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}

@-webkit-keyframes mouse-scroll {

  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}

/* /mouse */


/*info*/
#shabnam-info{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+0,f6f6f6+1,f8f8f8+15,f8f8f8+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 0%, #f6f6f6 1%, #f8f8f8 15%, #f8f8f8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 0%,#f6f6f6 1%,#f8f8f8 15%,#f8f8f8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 0%,#f6f6f6 1%,#f8f8f8 15%,#f8f8f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
	font: normal 14px/2em 'Iran','Yekan',Tahoma;
	text-align: center;
	padding-top: 80px;
}
#shabnam-info h3{
	font-family: 'Yekan',Tahoma;
	padding: 10px 0px;
	margin-bottom: 10px;
	text-align: right;
}
#shabnam-info p{
	text-align: justify;
}
.namads{
	margin: 20px auto;
	display: inline-block;
}
.enamad-logo{
	height: 200px;
	float: right;
}
.samandehi-logo{
	height: 200px;
	float: right;
}
.namad-divider{
	width: 1px;
	background: #ccc;
	height: 100px;
	float: right;
	margin: 25px 10px 0px 10px;
}


.smsbg{
	background: url(images/smsbg.jpg) no-repeat left bottom;
	background-size: contain;
	
}

/* /info*/

/* Services */
#shabnam-services{
	padding: 80px 0px;
}

.htitle{
	font: normal 24px 'Yekan','Iran',Tahoma;
	color: #545454;
	text-align: center;
	margin-bottom: 20px;
	letter-spacing: 1px;
}
.htitle span{
	background: #fff;
	padding: 10px;
	display: inline-block;
	position: relative;
}
.htitle span i{
	font-size: 16px;
}
.htitle span i.fa-heart{
	color: #c0392b;	
}
.htitle:before{
	content: '';
	display: inline-block;
	width: 100%;
	height: 1px;
	background: #ccc;
	position: relative;
	top: 40px;
}

.home-box{
	background: #f7f7f7;
	padding: 10px;
	text-align: center;
	border-bottom: 5px dotted transparent;
}

.home-box img{
	display: inline-block;
	margin-top: 20px;
}
.home-box .btitle{
	font: normal 18px 'Yekan',Tahoma;
	color: #545454;
	margin-top: 10px;
}



.home-box p{
	font: normal 12px 'Iran',Tahoma;
	text-align: justify;
	padding: 20px;
	color: #2c3e50;
}
.home-box:hover{
	background: #e1e1e1;

}


a.btn-border {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border-width: 2px;
	border-style: solid;
	border-radius: 4px;
	font-weight: normal;
	font-family: 'Iran',Tahoma;
	font-size: 12px;
	color: #2980b9;
	
}
a.btn-border-lg {
	font-size: 18px;
}

a.btn-border-primary{
	color: #3d92f3;
	border-color: #3d92f3;
}
a.btn-border-primary:hover{
	background: #3d92f3;
	color: #fff;
}

a.btn-border-alert{
	color: #f4a400;
	border-color: #f4a400;
}
a.btn-border-alert:hover{
	background: #f4a400;
	color: #fff;
}



/* /Services */



/*Counter*/
#shabnam-counter { 
	background: url(images/cbg.jpg) 0 fixed;
	padding: 80px 0px;
}

.counter-box{
	border-radius: 8px;
	width: 100%;
	background: #FFF;
	padding: 10px;
	text-align: center;
	font: normal 14px 'Iran',Tahoma;
	margin-bottom: 10px;
}
.counter-box i{
	font-size: 32px;
	margin-bottom: 10px;
	color: #d35400;
}
.numscroller{
	font-size: 24px;
}
.counter-box span{
	font-size: 14px;
	margin-top: 10px;
	color: #898989;
}

/* /Counter*/


/* Customers */
#shabnam-customers{
	padding: 40px 0px;
}
#shabnam-customers ul{
	
	text-align: justify;
}
#shabnam-customers ul li{
	display: inline-block;
	width: 10.5%;
}

@media screen and (max-width: 640px) { 
	#shabnam-customers ul li{
	width: 25%;
	}
}

/* /Customers */



/*Single Page: Panel*/
#shabnam-bg{ 
	
	padding: 80px 0px;
	min-height: 200px;
}
.bg-panel{
	background: url(images/bg-panel.jpg) 0 fixed  ;
}
.bg-reseller{
	background: url(images/bg-reseller.jpg) 0 fixed;
}

#shabnam-content{
	font: normal 13px 'Iran',Tahoma;
	padding: 80px 0px;
	margin: auto;
	text-align: center;
}
p.px12{font-size: 12px;}
p.px13{font-size: 13px;}
p.px14{font-size: 14px;}
p.px15{font-size: 15px;}
p.px16{font-size: 16px;}
p.px17{font-size: 17px;}
p.px18{font-size: 18px;}
p.px20{font-size: 20px;}
p.px22{font-size: 22px;}
p.px24{font-size: 24px;}
p.px30{font-size: 30px;}
p.px32{font-size: 32px;}
p.px36{font-size: 36px;}
.table-header td{
	background: #2c3e50;
	color: #fff;
}
.table-custom tr td:nth-child(2),
.table-custom tr td:nth-child(3),
.table-custom tr td:nth-child(4),
.table-custom tr td:nth-child(5){
	text-align: center;
}

.yekan{
	font-family: 'Yekan',Arial;
}

h4.yekan{
	display: inline-block;
	padding: 20px 0px;
	font-size: 24px;
}
h5.yekan{
	display: inline-block;
	padding: 20px 0px;
	font-size: 18px;
}
.primary-text{
	color: #368ef4;
}
.alert-text{
	color: #e67e22;
}
.danger-text{
	color: #f0385b;
}
.success-text{
	color: #0ab815;
}



ul.disc-list li{
	list-style: disc;
	margin-right: 25px;
	padding: 5px 0px;
}

section.lightgray{
	background: #f1f1f1;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	padding: 80px 0px;
	margin: 20px 0px;
}
.customers-page a{
	background: #000;
}
.customers-page a:hover{
	opacity: 0.7;
}
.plugin-page img{
	max-width: 100%;
}
.plugin-page .col-md-3{
	background: #f1f1f1;
	border: 3px solid #fff;
}
table.table-mid tr td{
	vertical-align: middle !important;
}
td.tdmid{
	vertical-align: middle !important;
}
.mapframe{
	border: 5px solid #ccc;
}
.blogpost{
	padding: 20px 0px;
}
.blogpost .post_thumb img{
	-webkit-filter: sepia(0);
	filter: sepia(0);
}
.blogpost .post_thumb img:hover{
	-webkit-filter: sepia(100%);
	filter: sepia(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.blogpost h3.blogpost_title{
	padding: 10px;
	color: #222;
	margin: 20px 0px;
}
.blogpost h3.blogpost_title a{
	color: #222;
}
.blogpost h3.blogpost_title a:hover{
	color: #368ef4;
}
.blogpost .post_time{
	padding:10px;
	margin: 20px 0px;
	text-align: left;
	font: normal 13px 'Yekan',Tahoma;
}
.blogpost p{
	font: normal 14px 'Iran',Tahoma;
	text-align: justify;
	color: #545454;
}


.side_title{
	font: normal 18px 'Yekan',Tahoma;
	margin: 10px 0px;
}
ul.side_list li{
	padding: 5px;
	display: block;
	border-bottom: 1px solid #f5f5f5;
}
ul.side_list li:before{
	content: "\f100";
	font: normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-left: 5px;
}

ul.post_list li{
	padding: 10px 5px;
	display: block;
	border-bottom: 1px solid #f5f5f5;
}

/*/Single Page: Panel*/

/*buy*/

ul#buy-steps{
	font: normal 18px 'Yekan','IRANSansWeb',Tahoma;
	color: #91B42F;
}
ul#buy-steps li{
	display: inline-block;
	background: #f5f5f5;
	padding: 15px;
	border-color: #f5f5f5;
	border-style: solid;
	border-width: 1px 1px 5px 1px;
	border-bottom-color: #ccc;
	width: 12%;
	text-align: center;	
}

@media screen and (max-width: 640px) { 
	ul#buy-steps li{
		width: 100%;
		font-size: 13px;
		padding: 5px;
		border-bottom-width: 1px;
	}
}

ul#buy-steps li.finished{
	border-color: #91b42f;
	
	border-bottom-color: #91B42F;
}
ul#buy-steps li.current{
	border-bottom-color: #91B42F;
}

ul#buy-steps li.prev-step,
ul#buy-steps li.next-step{
	border-bottom-color: #f5f5f5; 
	color: #444;
	cursor: pointer;
}



ul#buy-steps li.prev-step span i,
ul#buy-steps li.next-step span i{
	position: relative;
	top: 3px;
	font-size: 18px;
}
ul#buy-steps li.prev-step:hover span i{
	margin-right: -10px;
	color: #01A011;
}
ul#buy-steps li.next-step:hover span i{
	margin-left: -10px;
	color: #01A011;
}	

.step1-box{
	padding-top: 60px;
}
.step1-box-side{
	padding-top: 80px;
}
.plus-padd{
	padding-top: 100px;
}
#buy-content i.fa-gift{
	color: #c0392b !important;
}
#buy-content i.fa-rocket{
	color: #2c3e50 !important;
}
select#shomare{
	font: normal 18px 'IranSansweb';
	margin-top: 80px;
	padding: 10px 30px;
	border: none;
	border-bottom: 2px solid #91B42F;
}
select#shomare option{
	font: normal 15px 'IranSansweb';
	padding: 5px;
}

@media screen and (max-width: 640px) { 
	.step1-box{
		padding-top: 10px;
	}
	.step1-box-side{
		padding-top: 20px;
	}
	.plus-padd{
		padding-top: 30px;
	}
	select#shomare{
		margin-top: 0px;
		width: 100%;
	}
}


/* /buy*/

/* Factor */
body.factor{
	background: #f5f5f5;
}
body.factor .container{

	max-width: 800px;
	
}

#factor{
	font: normal 13px 'IranSansweb',Tahoma;
	background: #fff;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 20px 0px;
}
table.factor-info tr td{
	border: 2px solid #ccc;
}

/* /Factor */
/*Footer*/
#hfooter{
	background: #262626;
	width: 100%;
	font: normal 12px 'Iran',Tahoma;
	padding-top: 30px;
	color: #bebebe;
}
#hfooter h5{
	font: normal 16px 'Yekan',Tahoma;
	display: block;
	color: #fed249;
	margin-bottom: 10px;
}
#hfooter ul li{
	width: 49%;
	line-height: 2em;
	display: inline-block;
	margin: 3px 0px;
}
#hfooter ul li:before{
	content: "\f100";
	font: normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#hfooter ul li a{
	color: #bebebe;
	display: inline-block;
	padding: 0px 10px;
}

#hfooter ul li a:hover{
	color: #fff;
}
#hfooter ul.footer-blog li{
	width: 100%;
}
#hfooter ul.footer-social{
	text-align: center;
}


#hfooter ul.footer-social a{
	padding: 25px;
	color: #fff;
	display: inline-block;
}
#hfooter ul.footer-social a i{
	font-size: 24px;
}
#hfooter ul.footer-social a.footer-instagram{
	background: #a68a70;
}
#hfooter ul.footer-social a.footer-instagram:hover{
	background: #8b6f54;
}
#hfooter ul.footer-social a.footer-telegram{
	background: #2ca5e0;
}
#hfooter ul.footer-social a.footer-telegram:hover{
	background: #2695cc;
}

#shabnam-cp{
	background: #333;
	width: 100%;
	padding: 15px 0px;
	font: normal 12px 'Iran',Tahoma;
	color: #a5a5a5;
	border-top: 1px solid #444;
	margin-top: 30px;
}

/* /Footer*/


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

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

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

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

}

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

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

}