@font-face {
    font-family: 'robotoregular';
    src: url('IranianSans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

body {
	font-family:'robotoregular';
	direction: rtl;
	text-align: right;
}


 
a:focus, a:hover {
	outline:none !important;
    color: #000;
    text-decoration: none;
}
.padding-top-20{
    padding-top: 20px;	
}
.padding-top-15{
	padding-top: 15px;	
}
.padding-top-35{
	padding-top:35px;	
}
.padding-top-40{
	padding-top:40px;
}
.padding-right-15{
	    padding-right: 0px;
}
.padding-right-0{
	padding-right:0px;
	}
.padding-top-100{
	padding-top: 100px;
	}
.no-padding{
	padding:0 !important;	
}
.no-pad-right{
	padding-right:0px;
	}
.padding-right-0{
	padding-right: 0px;
	}
.margin-right-5{
	    margin-right: 5px;
	}	
.margin-bottom-17{
	margin-bottom:17px;
}
.margin-top-10{
	margin-top:10px;
}
.padding-bottom-20{
padding-bottom:20px;	
}
.btn.focus, .btn:focus, .btn:hover {
    color: #fff;
    text-decoration: none;
	outline:none;
}

/*nav bar start*/


.navbar-nav{
	    padding-top:10px;
	}
.navbar-nav>li {
 padding: 5px 15px;

}
	
.navbar-nav>li>a {
	color:#fff;
	    margin-top: 15px;
    padding: 5px 15px;
}
.show-nav
{
	background:#000;
	opacity:1;
	border-bottom:none;
}

/*.nav .navbar-nav>li>a {
	color: #ffb400;
	margin-top:10px;
	padding:5px 15px;
}*/
.navbar-nav>li>a:focus, .navbar-nav>li>a:hover, .navbar-nav>li>a:hover {
    text-decoration: none;
    background-color: #ffb400;
	color: #fff;
	border-radius:15px;
	   

}
.navbar-collapse {
		border-top: none !important;
    box-shadow: inset 0 0px 0 rgba(255,255,255,.1);
}
/*.navbar-default .navbar-nav>li>a {
    color: #ffb400;
    font-size: inherit;
	font-family:'robotoregular';
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:active, .navbar-default .navbar-nav>li>a:focus {
    color: #fff;
    font-size: inherit;
	font-family:'robotoregular';
}*/
.marg-top-60 {
    margin-top: 60px;
}
.navbar-fixed-top {
    border-bottom: 1px solid #ffb400;
}
.navbar-brand {
    float: right;
    height: 75px;
    padding: 15px 0px;
    /* font-size: 18px; */
    /* line-height: 20px; */
}
	
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 20px;
    margin-right:25px;
    margin-bottom: 8px;
    background-color: #ffb400;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0.93);
    border-radius: 4px;
}

.navbar-toggle .icon-bar {
    display: block;
    color:#fff;
    background: black;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
/*nav bar end*/	
/*banner start*/	
#banner{
	width:100%;
	min-height:100vh;
	background:url(images/banner-1.jpg) center no-repeat;
	background-size:cover;
	z-index:9;
}
.va-table {
    display: table;
    height: inherit;
    min-height: 100vh;
    width: 100%;
}
.table-cell {
    display: table-cell;
    vertical-align: middle;
}
	
.banner-content h2 {
    /*background: #ffb400;*/
    color: #ffb400;
    height: 45px;
    border: 0px;
    border-radius: 0px;
    font-family: 'robotoregular';
    font-size: 26px;
  	width:100%;
    line-height: 45px;
	margin-top: 210px;
}

.login-section{
	min-height:372px;
	background:#fff;
	border:0px solid #000;
	border-radius: 7px;	
	width: 85%;
    float: right;
	/*position: absolute;
	top: 150px;*/
}
select
{
	margin-right: 15px;
    display: block;
    width: 90%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.signin{
	min-height:232px;
	background:#fff;
	border-top:0px;
	border-top-right-radius: 7px;
    border-top-right-radius: 7px;
	padding-top: 5px;
}

.signup{
	min-height: 140px;
	background:#ffb400;;	
	border:0px;
	border-bottom-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.people{
height:50px; 
width:50px;
margin-right: 20px;	
}
.form-group h6{
	color:#000;
	 margin-right:20px;
	     margin-top: -5px;
}

.form-control {
    margin-right: 15px;
    display: block;
    width: 90%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.ac-create{ background:#ffb400;
	 height:160px; 
	 margin-top:15px; 
	 padding:1px 15px; 
	 border-radius: 0px 0px 6px 6px;
}

.create-acnt-btn{
	color: #fff;
    background-color: #2c2c2c;
    border-color: #db9e0a;
	    margin-top: 0px;
}
.fa {
    font: normal normal normal 14px/1 FontAwesome, Arial;
}
	
.btn-signin {
    color: #333;
    background-color: #ffb400;
    border-color: #ccc;
	 margin-top: -11px;
}
.btn-ac-crt {
    color: #fff;
    background-color: #2c2c2c;
    border-color: #db9e0a;
}
.btn-ac-crt:hover, .btn-ac-crt:focus{
    color: #2c2c2c;
    background-color: #fff;
    border-color: #db9e0a;
}

/*banner end*/	
/*about us start*/	
#aboutus{
	width:100%;
	min-height:100vh;
	background:#fff;
	background-size:cover;
}
.about-head{
	margin-top:80px;
	}
.about-head h2{
	font-family:'robotoregular';
	font-size:32px;
	color:#000;	
	text-transform:uppercase;
	padding-top: 70px;
}

.about-head p{
	font-family:'robotoregular';
	font-size:16px;
	color:#666666;
	text-transform:uppercase;	
}
.about-head h1{
	font-family:'robotoregular';
	font-size:32px;
	color:#000;
	padding-bottom: 10px;
}

.about-content{
font-family: 'robotoregular';
    font-size: 18px;
    color: #000;
}
.about-content2{
font-family: 'robotoregular';
    font-size: 18px;
    color: #000;
    padding-top: 25px;
    padding-bottom: 5px;
    line-height: 22px;
    text-align: justify;
}
.our-team h2 {
    font-family: 'robotoregular';
    font-size: 25px;
    color: #000;
    text-transform: uppercase;
     padding-top: 10px; 
}



/*about us end*/	
/*info start*/	
#info-center{
	width:100%;
	min-height:100vh;
	background:url(images/banner-bg-2.jpg) center no-repeat;
	background-size:cover;
		padding-bottom: 40px;
}
.tab.active:after {
    top: 40px;
    right: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(229, 66, 66, 0);
    border-top-color: #3a3a3a;
    border-width: 12px;
    margin-right: -12px;
}
.info-head h2{
	font-family:'robotoregular';
	font-size:32px;
	color:#000;	
	text-transform:uppercase;
	padding-top: 100px;
}
.info-head h1 {
    font-family: 'robotoregular';
    font-size: 18px;
    color: #000000;
    /* line-height: 20px; */
    margin-bottom: 25px;
}
.info-tool{
	padding-right: 0px;
	background:#fff;
	margin-bottom: 5px
}
.info-add{
	min-height:336px;
	background:url(images/info.jpg) center no-repeat;
	background-size:cover;	
	position:relative;
}
.info-content{
	margin-top: 295px;
	}
.info-heading{
	font-size:17px; color:#ffb400;
}
.info-heading-content{
	color:#fff; font-size:14px;
}
.tab-pannel{
	background:#FFF;
	 height: 305px;
	 padding-top:15px; 
	 overflow: auto;
	   padding: 5px;
}
/*info end*/	
/*download start*/	
#download{
	width:100%;
	min-height:100vh;
	background:#FFF;
}

.va-table-banner {
    display: table;
    min-height: 100vh;
    width: 100%;
}
.table-cell {
    display: table-cell;
    vertical-align: middle;
}

.pad-btm{ padding-bottom:50px;}
.alert-success {
    color: #000;
    background-color: #fff;
    border-color: #d6e9c6;
}

.alert {
    padding: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 5px;
	
}
.alert-success:hover {
	background:#ffb400;
	color:#fff;
 
}
 a:focus 
  {
	  outline:none !important;
  }
a .alert-success  .media-body{
	
	color:#fb0404;
 }
 a .alert-success:hover  .media-body{
	color:#fff;
 }
 a  .alert-success .media-body > h4{
	color:#000000;
	font-weight:600;
 }
  a .alert-success:hover .media-body > h4{
	color:#ffffff;
 }
.padd-alert
{
	padding:30px 20px 70px 20px;
}
.alert > div > p
{
	font-size:10px;
}

.form-name{
	font-family:'robotoregular';
	font-size:21px;
	color:#fff;
	text-transform:uppercase;
}
.form-link{
	font-family:'robotoregular';
	font-size:14px;
	color:#ffb400;
	text-transform:none;
}
/*download end*/
/*contact start*/		
#contact{
	width:100%;
	min-height:535px;
	
}
.map{
	width:100%;
	min-height:350px;
	background:#CCC;
	margin-right: -15px;
}

.mapcontainer
{
 position:absolute;
 width:100%;
 height:535px;
}

.bg-green {
    background-color: #72d09e !important;
}
.loc-bg
{
 position:relative;
 min-height:330px;
 
}

.mask
{
 position:absolute;
 width:100%;
height:330px;
 border:none;
 z-index:999;
 color:#000;
 
}
.clr-login{ color:#e46304;}
.clr-hdr-txt{
color:#ffb400; font-weight:400; font-family:'robotoregular';}
.clr-hdr-txt1{
color:#e96050; font-weight:400;}
.clr-hdr-txt1:hover{
color:#337ab7; font-weight:400;}
.clr-white{ color:#fff; font-family:'robotoregular';}
.clr-txt-gry{ color:#666666; text-transform:uppercase;}
.formbg
{
background:#1d1d1d;
opacity: 0.8;
filter: alpha(opacity=60);
min-height: 250px;
padding-top: 6px;
border: 0px solid rgba(0, 0, 0, 0.3);
    float: right;
    margin-right: 10%;
    margin-top: 6%;
	    width: 22%;
}

#contact a
{
	/*color:#ffffff !important;*/
	text-decoration:none;
}
#contact a:hover
{
	color:#ffb400 !important;
	text-decoration:none;
}
.infowindow a{
	color:#000;
	}
.contact-content{
	width:100%;
	min-height:225px;
	background:#000;
}
.contact-head h2{
	font-family:'robotoregular';
	font-size:32px;
	color:#ffb400;	
	text-transform:uppercase;
	padding-top: 0px;	
}
.contact-head p{
	font-family:'robotoregular';
	font-size:15px;
	color:#ffffff;
		
}
.contact-content hr{
	margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #ffb400;
    width: 100%;
    right: -2px;
    position: absolute;	
}
.smt{
	font-size: 16px;
    color: #fff;
	    margin-top: -2px;
    margin-bottom: 4px;
	}
/*contact end*/
/*footer start*/
.sec-height{
	background-color:#eeeeee;
	padding:50px 50px;}

.clr-ftr{
	background:black;
	padding:15px;
	font-size:12px;
		}
.clr-ftr a
{
	color:#ebebeb;
	text-decoration:none;
	font-size:13px;
	font-family: 'robotolight';
}
.clr-ftr a:hover, .clr-ftr a:focus
{
	color:#ffb400;
	text-decoration:none;
}
.glyphicon{
	font-size:10px;
	}	
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-right: 1px;
    padding-top: 30px;
}
/*footer end*/
@media (max-width:768px){
.navbar-nav>li>a {
    padding: 5px 8px;
}
.navbar-nav>li {
    padding: 5px 10px;
}
	}


@media(max-width:425px){
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-right: 28px;
    padding-top: 30px;
}
	ul.nav.navbar-nav {
    background: #000;
	    margin-bottom: 0px;
}
.download-section {
    min-height: 740px;
   
}
.banner-content h2 {
    margin-top: 120px;
	min-height:65px;
	line-height:30px;
}
.login-section{
	    margin-bottom: 40px;
	    width: 100%;
	}
.btn-signin {
    margin-top: -25px;
}
.signin { 
    padding-top: 0px;
}
#download {
    padding-top: 91px;
}
.about-head h2 {
    padding-top: 0px;
}

.formbg {
    margin-right: 11%;
       margin-top: 40%;
    width: 73%;
}
}
	
@media (min-width: 320px) and (max-width: 330px){
.margin-right-n20{
		    margin-right: -20px;
}
.contact-content {
    min-height: 445px;
}
#foot-menu {
    top: 365px;
}
		.disclaimer {
    top: 385px;
}
.info-content {
    margin-top: 285px;
}
.info-heading {
    margin-right: -14px;
}

.fr{
	float:right;
	}
	.info-heading {
    font-size: 16px;
    color: #ffb400;
}
.formbg {
    margin-right: 6%;
    margin-top: 30%;
    width: 85%;
}
.alert{
    padding: 40px;
}
}
@media(min-width: 330px) and (max-width: 375px){
	#foot-menu {
    top: 335px;
}
.disclaimer {
    top: 355px;
}
	.contact-content {
    width: 100%;
    min-height: 415px;
    background: #000;
}

	}
@media(min-width: 376px) and (max-width: 550px){
	#foot-menu {
       top: 310px;
   
}
.disclaimer {
    top: 340px;
}
.contact-content {
    width: 100%;
    min-height: 415px;
    background: #000;
}

}


@media (min-width: 561px) and (max-width:991px){

.disclaimer {
  	top: 300px;
	text-align:center;
}
#foot-menu {
    top: 275px;

}
.contact-content {
    min-height: 350px;
    
}

.download-section {
	 min-height: 740px;   
}
.banner-content h2 {
    width: 100%;
	margin-top: 215px;
    height: 60px;
    line-height: 28px;
}
.info-add {
    min-height: 440px;
}
.info-content {
    margin-top: 405px;
}

.info-tool ul .nav>li>a {
    padding: 10px 7px;
}
.create-acnt-btn {
    margin-top: -5px;
}
	.btn-signin {
    
	margin-top: -29px;
}
.margin-right-n20{
	margin-right: -11px;
	}
.margin-right-5 {
    margin-right:-2px;
}

.create-acnt-btn {
    margin-top: -5px;
}
.about-head{
	margin-top:35px	;
	}
.login-section {
    margin-top: 120px;
    width: 71%;
}
.pad-btm {
	padding-top: 80px;
    padding-bottom: 0px;
}
.formbg {
	margin-right: 4%;
    margin-top: 18%;
    width: 40%;
    padding-top: 25px;
}

}

@media(min-width : 992px) and (max-width: 1050px){
	.margin-right-5 {
    margin-right: 0px;
}
.banner-content h2 {
    height: 63px;
    width: 100%;
      margin-top: 215px;
	    line-height: 29px;
}
.tab-pannel {
    height: 296px;
}
.login-section {
	    width: 100%;
		    margin-top: 90px;
}
.about-head{
	margin-top:50px	;
}
.formbg {
       width: 28%;
    padding-top: 26px;
}
.alert {
    padding: 50px 30px;
}
	}