﻿@import url('responsive.css');
@import url('bootstrap.css');
@import url('bootstrap-rtl.min.css');
@import url('style-switcher.css');
@import url('../fonts/font-awesome/css/font-awesome.css');
@import url('../fonts/fontello/css/fontello.css');
@import url('persian_font.css');
@import url('animations.css');
/*CSS Rest*/
html {
	height: 100%;
}
body {
	font-family: B Yekan ,'yekan', sans-serif;
	font-size: 15px;
	line-height: 1.50;
	color: #666666;
	background-color: #ffffff;
}
body.full-height, body.full-height .page-wrapper {
	background-color: #fafafa;
	min-height: 100%;
}
h1,h2,h3,h4,h5,h6 {
	color: #343434;
	line-height: 1.2;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	color: #343434;
}
h1 {
	font-size: 38px;
	font-weight: 700;
}
h2 {
	font-size: 28px;
	margin-bottom: 15px;
}
h3 {
	font-size: 22px;
}
h4 {
	font-size: 18px;
	font-weight: 700;
}
h5 {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
}
h6 {
	font-weight: 700;
}
.title {
	margin-bottom: 15px;
	margin-top: 20px;
	position: relative;
}
p {
	margin-bottom: 20px;
}
a {
	color: #e84c3d;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
a:hover {
	color: #cd3c2e;
}
a:focus,
a:active {
	outline: none;
	color: #cd3c2e;
}
img {
	display: block;
	max-width: 100%;
	height: auto;
}
blockquote {
	border-left: none;
	display: block;
	margin: 20px auto 20px;
	font-size: 16px;
	position: relative;
	padding: 10px 10px 10px 0px;
	margin-left: 40px;
}
blockquote:after {
	content: "“";
	width: 25px;
	height: 25px;
	line-height: 64px;
	font-size: 64px;
	font-family: 'PT Serif', serif;
	position: absolute;
	top: 12px;
	left: -45px;
}
.blockquote:before {
	font-family: 'PT Serif', serif;
	content: "“";
	font-size: 40px;
}
blockquote.inline {
	padding: 0;
}
blockquote.inline p {
	width: 60%;
	display: inline-block;
	margin: 0;
}
blockquote.inline footer {
	width: 37%;
	display: inline-block;
	padding-left: 5px;
}
blockquote.inline:after {
	top: 0;
}
mark{
	background-color: #e84c3d;
	color: #ffffff;
}
pre {
	padding: 20px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
ul {
	list-style: square;

}
.list-icons,
.list {
	list-style: none;
	padding: 0;
}
.list-icons li,
.list li {
	padding: 5px 0;
}
.list-icons li i {
	width: 25px;
	text-align: center;
}
.list li{
	padding-right: 15px;
	position: relative;
}
.list li{
	position: absolute;
	content: "";
	height: 60%;
	width: 1px;
	background-color: #CECECE;
	right: 9px;
	top: 5px;
}
.header {
	border-bottom: 1px solid #eaeaea;
	background-color: #fff;
}
.section {
	padding: 25px 0;
}
.page-wrapper {
	background-color: #ffffff;
}
.left{
	float: left;
}
.space {
	padding-top: 20px;
	padding-bottom: 20px;
}
.space-top {
	padding-top: 20px;
}
.separator {
	display: block;
	width: 60px;
	height: 5px;
	margin: 15px auto 15px;
	background-color: #cccccc;
	position: relative;
	border: 1px solid #cccccc;
}
.separator:after {
	width: 30px;
	height: 5px;
	background: #333333;
	position: absolute;
	top: -1px;
	left: -1px;
	content: "";
}
.default-bg .separator-2 {
	background-color: #ebebeb;
}
/* Buttons
---------------------------------- */
.btn {
	padding: 10px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	min-width: 160px;
	text-align: center;
	border-radius: 0;
	text-transform: uppercase;
	margin: 10px 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.btn:focus,
.btn:active {
	outline: none;
	box-shadow: none;
}
.btn.btn-lg {
	padding: 17px 12px;
	font-size: 18px;
	min-width: 210px;
}
.btn.btn-sm {
	padding: 8px;
	font-size: 12px;
	min-width: 105px;
}
.btn-dark {
	color: #f1f1f1;
	background-color: #333333;
	border-color: #333333;
}
.btn-gray {
	color: #fff;
	background-color: #666666;
	border-color: #666666;
}
.btn-success {
	color: #fff;
	background-color: #22CB6B;
	border-color: #8EA499;
}
.btn-default {
	background-color: #e84c3d;
	color: #fff !important;
	border-color: #cd3c2e;
}
.default-bg .btn-default {
	background-color: rgba(0, 0, 0, 0.3);
	border-color: transparent;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default {
	background-color: #cd3c2e;
	border-color: #cd3c2e;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
form {
	margin: 20px 0;
}
textarea {
	resize: vertical;
}
.sidebar form {
	margin: 5px 0 20px 0;
}
/* Scroll to top
---------------------------------- */
.scrollToTop {
	color: #fff;
	position: fixed;
	bottom: 5px;
	right: 5px;
	width: 50px;
	height: 50px;
	text-align: center;
	cursor: pointer;
	background-color: #000000;
	z-index: 1005;
	display: none;
}
.scrollToTop i {
	line-height: 50px;
	font-size: 24px;
}
/*Header Top*/
.header-top {
	font-size: 12px;
	background-color: #f1f1f1;
	border-bottom: 1px solid #dadada;
	-webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.03) inset;
	box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.03) inset;
}
.open .dropdown-animation {
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInDownSmall;
	animation-name: fadeInDownSmall;
}
.open .dropdown-animation {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
}
.form-control-feedback {
	width: 40px;
	height: 40px;
	line-height: 42px !important;
	top: 0;
}
.slidingDiv{
	text-align: center;
	background: #0078b0;
	padding: 0px 20px 0px 20px;
	margin-top:0px;
	height: 40px;
	display:none;
	color: #fff;
	position: relative;
}
ul.tci_list_left {
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
ul.tci_list_right {
	float: right;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
.tci_list_left li {
	float: left;
	padding: 0px;
	margin: 7px 0px 0px 2px;
	color: #e3e3e3;
}
.tci_list_right li {
	float: right;
	padding: 0px;
	margin: 7px 2px 0px 0px;
	color: #e3e3e3;
}
.tci_list_right li a,
.tci_list_left li a {
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #fff;
}
.tci_list_right li a:hover,
.tci_list_left li a:hover {
	color: #181818;
}
ul.tci_list {
	float: right;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}
ul.tci_list_l {
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}
.tci_list li {
	float: left;
	padding: 0px;
	margin: 7px 0px 0px 2px;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}
.tci_list_l li {
	float: right;
	padding: 0px;
	margin: 7px 0px 0px 2px;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}
.tci_list li a {
	width: 28px;
	height: 28px;
	display: block;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	vertical-align: middle;
	background-color: #ff972d;
	border-radius: 20px;
	text-decoration: none;
}
.tci_list_l li a{
	width: 28px;
	height: 28px;
	display: block;
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 29px;
	vertical-align: middle;
	background-color: #ff972d;
	border-radius: 20px;
	text-decoration: none;
}
.tci_list li a:hover {
	background-color: #181818;
}
.tci_list_l li a:hover {
	background-color: rgba(255, 255, 255, 0.5);
}
.tci_list li.email a {
	color: #fff;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1; 
	opacity: 1;
	background: none;
	width: auto;
}
.tci_list li.email a:hover {
	color: #000;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1; 
	opacity: 1;
	background: none;
	width: auto;
}
.tci_list li.phone {
	float: left;
	width: auto;
	line-height: 40px;
	padding: 0px 0px 0px 20px;
	margin: 0px 20px 0px 0px;
	background: url(../images/phone-icon.png) no-repeat left 14px;
	border-radius: 0px;
	color: #fff
}
.tci_list li.email {
	float: left;
	width: auto;
	line-height: 40px;
	padding: 0px 0px 0px 20px;
	margin: 0px 20px 0px 0px;
	background: url(../images/email-icon.png) no-repeat left 16px;
	border-radius: 0px;
}
.top-border-line {
	background: #0078b0;
	height: 4px;
}
a.show_hide{
	text-align: center;
	width: 70px;
	height: 40px;
	display: block;
	background: url(../images/top-site-show.png) no-repeat center top;
	position: relative;
	z-index: 1000;
	margin: 0 110px;
}
.show_hide {
	font: none;
}
.login-form-header{
	width: 82%; 
	margin: 0px 22px;
}
.size-form-login{
	width: 280px;
}
.mgTop-login{
	margin-top: 10px;
	color: #ccc;
}
.tci_list_left_sticky{
	display: none;
}
.navbar-nav li a.active { 
	color: #3877b7; 
}
.tci_list_left li.top-header-phone{
	color: rgb(255, 255, 255); 
	font-family: B yekan ,'yekan'; 
	background-color: rgba(255, 255, 255, 0.32); 
	padding: 4px; 
	border-radius: 7px;
}
#icon-THeader{
	margin-left: 10px;
}
/*Header*/
header{
	height: px;
}
.navbar-default .navbar-toggle {
	border-color: #ccc;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #fafafa;
	border-color: #e84c3d;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #999;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #e84c3d;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus {
	color: #ff8100;
	background-color: transparent;
}
.navbar-default .navbar-nav li{
	position: relative;
	display: inline-block;
	z-index: 101;
	background: url(../images/menu-divider.png) no-repeat left 15px;
	margin: 0px;
}
.navbar-default .navbar-nav li:last-child{
	background: transparent;
}
.navbar{
	margin-bottom: 0px;
}
/*Slider*/
.header-top.banner {
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom: none;
	background-color: #f1f1f1;
	border-bottom: 1px solid #eaeaea;
}
.slider-banner-container {
	width: 100%;
	position: relative;
	padding: 0;
}
.slider-banner{
	width: 100%;
	position: relative;
}
.slider-banner>ul{
	display: none;
}
.tp-caption{
	float: right;
	right: 20px;
}
.txtleftSlider{
	float: left;
}
.txtleftSliderFont{
	background-color: rgba(255, 255, 255, 0.84);
	color: #333;
	border: 1px solid #f3f3f3!important;
	border-left: none!important;
	margin-left: 40px;
	padding: 10px 6px;
	float: left;
	font-weight: bold;
}
.tp-caption.large {
	font-size: 25px;
	padding: 0px 15px;
	color: #fff;
	font-weight: bold;
}
.bgSliderText{
	background-color:#e84c3d;
	padding: 5px 10px;
}
.dark_gray_bg {
	background-color: #666666;
	color: #fff;
}
.tp-caption.medium {
	font-size: 22px;
	padding: 2px 10px;
	width:50px;
	right: 40px;
}
.tp-caption.mediumleft {
	font-size: 22px;
	padding: 2px 10px;
	width:50px;
	left: 40px;
}
.light_gray_bg {
	background-color: rgba(255, 255, 255, 0.84);
	color: #333;
	border: 1px solid #f3f3f3!important;
	border-left: none!important;
	margin-right: 40px;
	padding: 2px 6px 1px;
}
/*Quickly Login*/
.quick-login{
	background-color: rgb(237, 237, 237); 
	text-align: center;
}
.form-QuLogin{
	width: 40%; 
	display: inline-block;
}
.Color-lbl-fmLogin{
	color: rgb(147, 147, 147);
}
.input-form-QuLogin{
	width: 214px;
	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;
}
.btn-form-QuLogin{
	float: left; 
	margin-left: 24px; 
	margin-right: -100px;
}
.btn-form-Qulogin-mg{
	margin: 19px 0px;
}
.wi-fm-Ql-btn{
	width: 180px;
}
/*Property*/
.main-container {
	padding: 10px 0;
}
.white-bg {
	background-color: #ffffff !important;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	border: none !important;
}
.gray-bg {
	background-color: #f1f1f1;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.13) !important;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.13) !important;
	position: relative;
}
.gray-bg:before {
	position: absolute;
	top: 0;
	left: 0;
	background-color: transparent;
	height: 5px;
	content: "";
	width: 100%;
	-webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.13);
	box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.13);
}
.box-style-1 {
	text-align: center;
	padding: 20px;
	margin: 20px 0;
	min-height: 400px;
	max-height: 400px;
}
.box-style-1 p
{
    max-height: 115px;
    overflow: hidden;
}
.btn-padding
{
    right: 128px;
    bottom: 20px;
    position: absolute;
}
.btn-img-feature
{
    bottom: -60px;
    position: absolute;
    right: 33.333%;
}
.btn.btn-more-feu:hover
{
    background-color: #e84c3d;
    color: #fff;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}
.box-style-1 i {
	font-size: 90px;
	margin: 15px 0 5px;
	text-align: center;
}
.box-style-1:not(.team-member):hover i {
	color: #e84c3d;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.object-non-visible {
	opacity: 0;
	filter: alpha(opacity=0);
}
.object-visible,
.touch .object-non-visible {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}
/* Targeting only Firefox for smoothest animations */
@-moz-document url-prefix() {
	.object-visible,
	.touch .object-non-visible {
		-webkit-transition: opacity 0.6s ease-in-out;
		-moz-transition: opacity 0.6s ease-in-out;
		-o-transition: opacity 0.6s ease-in-out;
		-ms-transition: opacity 0.6s ease-in-out;
		transition: opacity 0.6s ease-in-out;
	}
}
/*Some Feature*/
.page-top {
	padding: 40px 0;
}
.default-bg {
	background-color: #e84c3d;
	color: #ffffff;
}
.default-bg h1,
.default-bg h2,
.default-bg h3,
.default-bg h4,
.default-bg h5,
.default-bg h6 {
	color: #ffffff;
}
.default-bg a:not(.btn) {
	color: #ffffff;
	text-decoration: underline;
}
.default-bg a:not(.btn):hover {
	color: #ffffff;
	text-decoration: none;
}
.grid-space-20 {
	margin-right: -10.5px;
	margin-left: -10.5px;
}
.box-style-3 {
	margin-top: 20px;
}
.box-style-3 i {
	font-size: 22px;
	line-height: 45px;
}
.box-style-3 .icon-container {
	float: left;
	width: 45px;
	height: 45px;
	text-align: center;
	border: 1px solid transparent;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.box-style-3 .body {
	margin-left: 75px;
}
.box-style-3 h4 {
	font-size: 20px;
	margin-top: 0;
}
.box-style-3:hover .icon-container {
	border: 1px solid #666;
}
.box-style-3:hover .default-bg {
	background-color: #fff;
	border: 1px solid #e84c3d;
}
.box-style-3:hover .default-bg * {
	color: #e84c3d;
}
.box-style-3:hover .dark-bg {
	background-color: #fff;
	border: 1px solid #666;
}
.box-style-3:hover .dark-bg * {
	color: #666;
}
.box-style-3:hover .white-bg * {
	color: #e84c3d;
}
.mb50{
	margin-bottom: 50px;
}
/*Price*/
.SectionTitle {
    text-align: center;
    color: #FFF;
    font-weight: normal;
    font-size: 35px;
    margin-bottom: 50px;
    text-shadow: 1px 1px 2px #6E6E6E;
    position: relative;
}
.SectionTitle2 {
    text-align: center;
    color: #6BCDE7;
    font-weight: normal;
    font-size: 35px;
    margin-bottom: 50px;
    text-shadow: 1px 1px 2px #788DA2;
    position: relative;
}
.SectionTitle::before,
.SectionTitle2::before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: #FFD500;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -17px;
    margin: auto;
    border-radius: 50%;
    z-index: 1;
    box-shadow: 0px 2px 1px #8F8F8F;
}
.SectionTitle::after,
.SectionTitle2::after {
    content: '';
    display: block;
    position: absolute;
    width: 20%;
    height: 1px;
    background: #A5A5A5;
    margin: auto;
    left: 0;
    right: 0;
    border-bottom: 1px solid #FFF;
    margin-top: 9px;
}
.space-top{
	background: url(../images/ipad.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height:560px;
}
#PlansContent{
	width: 1005px;
	margin: auto;
}
#PlansContent .price-align-text
{
    text-align: center;
    margin-top: 5px;
    font-family: B yekan ,'yekan';
    font-weight: bold;
    color: rgb(45, 191, 100);    
}
#PlansContent .Prices:active
{
    color:#fff !important;
    text-decoration:none !important;
}
#Div4{
	width: 1005px;
	margin: auto;
}
#Div4 .price-align-text
{
    text-align: center;
    margin-top: 5px;
    font-family: B yekan ,'yekan';
    font-weight: bold;
    color: rgb(45, 191, 100);    
}
#Div4 .Prices:active
{
    color:#fff !important;
    text-decoration:none !important;
}
.PlansBox{
	visibility: visible; animation-name: flipInY;
	width: 23%;
	background: rgba(255, 255, 255, 0.85);
	float: right;
	margin: 5px;
	border-radius: 3px;
	position: relative;
	padding: 0 10px 0 10px;
	box-sizing: border-box;
	transition: .3s all ease;
}
#PlansContent h5{
	width: 100%;
	text-align: center;
	font-size: 20px;
	color: #0B90CE;
	border-bottom: 1px solid #D6D6D6;
	padding-bottom: 10px;
}
#PlansContent span{
	position: absolute;
	top: 55px;
	left: -45px;
	display: block;
	background: #606060;
	font-size: 10px;
	padding: 0 10px 0 10px;
	color: white;
	border-radius: 3px;
	text-shadow: 1px 1px 1px #8C8C8C;
	transform: rotate(-90deg);
	min-width: 100px;
	text-align: center;
}
.PlansBox:hover {
    transform: scale(1.1);
    transition: .3s all ease;
}
.PlansIcon{
	visibility: visible; 
	animation-name: rotateIn;
	width: 80px;
	height: 80px;
	margin: auto;
	text-align: center;
	color: #FFFFFF;
	border-radius: 50%;
	font-size: 60px;
	background: #0B90CE;
	margin-top: 20px;
	position: relative;
}
.PlansIcon::before {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    background: #FFD500;
    box-shadow: 0px 1px 1px #8F8F8F;
    top: -25px;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    z-index: 99;
}
#PlansContent img
{
    width: 100px;
    margin-top: -10px;
    margin-right: 51px;
}
.PlansBox ul{
	padding: 0px;
	margin-top: 20px;
}
.PlansBox ul li {
    list-style: none;
    direction: rtl;
    height: 30px;
}
.PlansIcon::after {
    content: "";
    display: block;
    width: 1px;
    height: 20px;
    background: #D6D6D6;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    margin: auto;
}
.PlansBox ul li i.fa-check {
    background: transparent;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    text-align: center;
    color: #2DBF64;
    font-size: 15px;
}
.PlansBox ul li a {
    padding-right: 10px;
    font-size: 13px;
    color: #000;
}
.PlansBox ul li i.fa-times {
    background: transparent;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    text-align: center;
    color: #ED5650;
    font-size: 15px;
}
.Prices {
    display: block;
    width: 100%;
    direction: rtl;
    background: #2DBF64;
    color: white;
    text-align: center;
    font-size: 14px;
    height: 30px;
    line-height: 25px;
    border-radius: 3px;
    text-shadow: 1px 1px 1px #8C8C8C;
    margin-bottom: 10px;
    margin-top: 15px;
}
.Prices:hover{
	text-decoration: none;
	color: #fff;
}
/*introduction*/
.section-color{
	background-color:#f3f3f3;
}
.lead{
	font-size: 16px;
}
.nav-tabs {
	-webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.04);
	box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.04);
	border-bottom: 1px solid #f0f0f0;
	margin-top: 15px;
}
.nav-tabs > li > a {
	font-size: 13px;
	text-transform: uppercase;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 12px 25px;
	position: relative;
	color: #666666;
}
.nav-tabs > li > a:hover {
	border-color: #f0f0f0 #f0f0f0 #ebebeb;
	background-color: #fafafa;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	color: #666;
	background-color: #fafafa;
	border: 1px solid #f0f0f0;
	-webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.04);
	box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.04);
	border-bottom-color: transparent;
}
.nav-tabs > li.active > a:after {
	width: 3px;
	content: "";
	background-color: #e84c3d;
	height: 103%;
	position: absolute;
	left: 0;
	top: 0;
}
.tab-content {
	border: 1px solid #f0f0f0;
	padding: 20px;
	border-top: none;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
	position: relative;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
	background-color: #e9e9e9;
	margin-bottom: 15px;
}
.tab-content h1 {
	font-size: 34px;
}
.tab-content:after {
	width: 3px;
	content: "";
	background-color: #e84c3d;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.tab-content.clear-style {
	border: none;
	padding: 10px 0 0 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
}
.tab-content.clear-style:after {
	width: 0;
	background-color: transparent;
	height: 100%;
}
.vertical {
	margin: 20px 0;
}
.vertical.hc-tabs {
	margin: 40px 0;
    box-shadow: 0 0 5px #B9B9B9;
}
.vertical .nav-tabs,
.vertical .tab-content {
	display: table-cell;
	margin: 0;
	vertical-align: top
}
.vertical .nav-tabs {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom-color: transparent;
	background-color: #424242;
}
.vertical .nav-tabs > li {
	float: none;
}
.vertical .nav-tabs > li a {
	margin: 0;
	padding: 15px 40px;
	white-space: nowrap;
	color: #ffffff;
	border-bottom: 1px solid #8f8f8f;
}
.vertical .nav-tabs > li > a:hover {
	border-color: #f0f0f0 #f0f0f0 #ebebeb;
	border-right-color: transparent;
	color: #666666;
	z-index: 2;
}
.vertical .nav-tabs > li > a:hover:after {
	width: 3px;
	content: "";
	background-color: #e84c3d;
	height: 102%;
	position: absolute;
	left: 0;
	top: 0;
}
.vertical .nav-tabs > li.active > a,
.vertical .nav-tabs > li.active > a:hover,
.vertical .nav-tabs > li.active > a:focus {
	-webkit-box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.04);
	box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.04);
	border-right-color: transparent;
	border-bottom-color: #f0f0f0;
	color: #000;
	z-index: 2;
	width: 101%;
}
.vertical .tab-content {
	border-top: 1px solid #f0f0f0;
	-webkit-box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.04);
	box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.04);
	left: -1px;
	z-index: 1;
	padding: 20px 30px;
	width: 100%;
    color:#1B1B1B;
}
.vertical .tab-content:after {
	background-color: transparent;
}
.hc-tabs .hc-tabs-top img {
	display: none;
}
/* Subfooter
---------------------------------- */
.subfooter {
	background-image: url(../images/footer-bg.jpg);
	height: 156px;
	font-family: tahoma;
}
.subfooter img{
	margin: -22px auto;
}
.subfooter p {
	text-align: center;
	margin-top: 15px;
}
/*sticky menu*/
.sticky .main-navigation { 
	position:fixed; 
	top:0; 
	background:#fff; 
	width:100%; 
	z-index:9999;
	right: 0px;
	box-shadow: 0px 0px 3px;
	padding-right: 50px;
	height:65px
}
.sticky .main-navigation ul > li {padding: 0px;}
.sticky .main-navigation  ul > li:hover .submenu{top: 72px;}
.sticky .main-navigation  ul > li:hover .submenu-col{top: 72px;}
.sticky .main-navigation li a { 
	line-height: 30px;
	padding: 18px 12px;
} 
.sticky .main-navigation nav{
	float: right;
}
.sticky .main-navigation .logo-sticky-sm{
	display: block !important;
	width: 100px;
	float: right;
	margin-top: 10px;
}
.sticky .main-navigation .tci_list_left_sticky{
	float: left;
	display: block !important;
	margin-top: 5px;
	margin-left: 106px;
	padding: 0px 10px;
}
.sticky .main-navigation .tci_list_left_sticky p{
	color: rgb(255, 255, 255);
	font-weight: bold;
	padding-top: 13px;
	font-size: 12px;
}
/*Pop-up Remember*/
#login-modal .modal-dialog {
    width: 350px;
}
#login-modal input[type=text], input[type=password] {
	margin-top: 10px;
}
#div-login-msg{
    height: 30px;
    line-height: 28px;
    transition: all ease-in-out 500ms;
    text-align: center;
    font-size: 16px;
	color: #a61515;
}
#div-sign-msg{
    height: 30px;
    line-height: 28px;
    transition: all ease-in-out 500ms;
    text-align: center;
    font-size: 16px;
	color: #00a4e4;
	font-weight: bold;
}
#img_logo {
    max-width: 150px;
}
.modal-content {
    background-color: #fff;
    border: 1px solid #bdc3c7;
    border-radius: 0px;
    outline: 0;
    margin-top: 80px;
}
.modal-header {
    min-height: 16.43px;
    padding: 15px 15px 15px 15px;
    border-bottom: 0px;
}
.modal-body {
    position: relative;
    padding: 5px 15px 5px 15px;
}
.modal-footer {
    padding: 0px 15px 10px 15px;
    text-align: left;
    border-top: 0px;
}
.fielset-sign{
	padding: 25px 30px 5px; 
	border: 1px solid rgb(246, 241, 241);
}
.margin-bt-sign{
	margin-bottom:10px;
}
.fielset-sign-2{
	padding: 25px 30px 5px; 
	background: rgb(245, 245, 245) none repeat scroll 0% 0%; 
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.width-select-sign{
	width: 234px;
	margin-right: 10px;
	border: 1px solid #0ac;
	padding: 5px;
}
.mgTop-fdw-prcing{
	margin-top: 60px;
}
#fdw-pricing-table {
	margin:45px auto;
	text-align: center;
	width: 928px;
	zoom: 1;
}
#fdw-pricing-table:before, #fdw-pricing-table:after {
  	content: "";
  	display: table
}
#fdw-pricing-table:after {
  	clear: both
}	
#fdw-pricing-table .plan {     
	background: rgba(255, 255, 255, 0.74);;      
	color: #333;
	padding: 20px;
	width: 220px;
	float: right;
	position: relative;
	-moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.3);
	box-shadow: 0 2px 2px -1px rgba(0,0,0,.3);		
}
#fdw-pricing-table .popular-plan {
	top: -20px;
	padding: 40px 20px;   
}
#fdw-pricing-table .header {
	position: relative;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 5px;
	margin: -20px -20px 20px -20px;
	border-bottom: 8px solid;
	background-color: #eee;
	background-image: -moz-linear-gradient(#fff,#eee);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));    
	background-image: -webkit-linear-gradient(#fff, #eee);
	background-image: -o-linear-gradient(#fff, #eee);
	background-image: -ms-linear-gradient(#fff, #eee);
	background-image: linear-gradient(#fff, #eee);
}
#fdw-pricing-table .header:after {
	position: absolute;
	bottom: -8px; left: 0;
	height: 3px; width: 100%;
	content: '';
	background-image: url(../images/bar.png);
}	
#fdw-pricing-table .popular-plan .header {
	margin-top: -40px;
	padding-top: 60px;		
}
#fdw-pricing-table .plan1 .header{
	border-bottom-color: #B3E03F;
}
#fdw-pricing-table .plan2 .header{
	border-bottom-color: #7BD553;
}
#fdw-pricing-table .plan3 .header{
	border-bottom-color: #3AD5A0;
}
#fdw-pricing-table .plan4 .header{
	border-bottom-color: #45D0DA;
}				
#fdw-pricing-table .price{
	font-size: 45px;
}
#fdw-pricing-table .monthly{
	font-size: 13px;
	margin-bottom: 20px;
	text-transform: uppercase;
	color: #999;
}
#fdw-pricing-table ul {
	padding: 0;
	list-style: none;
}
#fdw-pricing-table li {
	padding: 10px 0;
	border-bottom: 1px dashed #ccc;
}	
#fdw-pricing-table li:last-child{
	border-bottom: none;
}		
#fdw-pricing-table .signup {
	position: relative;
	padding: 10px 20px;
	color: #fff;
	font: bold 14px Arial, Helvetica;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;       
	background-color: #72ce3f;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;     
	text-shadow: 0 -1px 0 rgba(0,0,0,.15);
	opacity: .9;       
}
#fdw-pricing-table .signup:hover {
	opacity: 1;       
}
#fdw-pricing-table .signup:active {
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;
	box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;       
}			
#fdw-pricing-table .plan1 .signup{
	background: #B3E03F;
}
#fdw-pricing-table .plan2 .signup{
	background: #7BD553;
}
#fdw-pricing-table .plan3 .signup{
	background: #3AD5A0;
}
#fdw-pricing-table .plan4 .signup{
	background: #45D0DA;
}	
#Div5 {
	margin:45px auto;
	text-align: center;
	width: 670px;
	zoom: 1;
}
#Div5:before, #Div5:after {
  	content: "";
  	display: table
}
#Div5:after {
  	clear: both
}	
#Div5 .plan {     
	background: rgba(255, 255, 255, 0.74);;      
	color: #333;
	padding: 20px;
	width: 220px;
	float: right;
	position: relative;
	-moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.3);
	box-shadow: 0 2px 2px -1px rgba(0,0,0,.3);		
}
#Div5 .popular-plan {
	top: -20px;
	padding: 40px 20px;   
}
#Div5 .header {
	position: relative;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 5px;
	margin: -20px -20px 20px -20px;
	border-bottom: 8px solid;
	background-color: #eee;
	background-image: -moz-linear-gradient(#fff,#eee);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));    
	background-image: -webkit-linear-gradient(#fff, #eee);
	background-image: -o-linear-gradient(#fff, #eee);
	background-image: -ms-linear-gradient(#fff, #eee);
	background-image: linear-gradient(#fff, #eee);
}
#Div5 .header:after {
	position: absolute;
	bottom: -8px; left: 0;
	height: 3px; width: 100%;
	content: '';
	background-image: url(../images/bar.png);
}	
#Div5 .popular-plan .header {
	margin-top: -40px;
	padding-top: 60px;		
}
#Div5 .plan1 .header{
	border-bottom-color: #B3E03F;
}
#Div5 .plan2 .header{
	border-bottom-color: #7BD553;
}
#Div5 .plan3 .header{
	border-bottom-color: #3AD5A0;
}
#Div5 .plan4 .header{
	border-bottom-color: #45D0DA;
}				
#Div5 .price{
	font-size: 45px;
}
#Div5 .monthly{
	font-size: 13px;
	margin-bottom: 20px;
	text-transform: uppercase;
	color: #999;
}
#Div5 ul {
	padding: 0;
	list-style: none;
}
#Div5 li {
	padding: 10px 0;
	border-bottom: 1px dashed #ccc;
}	
#Div5 li:last-child{
	border-bottom: none;
}		
#Div5 .signup {
	position: relative;
	padding: 10px 20px;
	color: #fff;
	font: bold 14px Arial, Helvetica;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;       
	background-color: #72ce3f;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;     
	text-shadow: 0 -1px 0 rgba(0,0,0,.15);
	opacity: .9;       
}
#Div5 .signup:hover {
	opacity: 1;       
}
#Div5 .signup:active {
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;
	box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;       
}			
#Div5 .plan1 .signup{
	background: #B3E03F;
}
#Div5 .plan2 .signup{
	background: #7BD553;
}
#Div5 .plan3 .signup{
	background: #3AD5A0;
}
#Div5 .plan4 .signup{
	background: #45D0DA;
}	

/*--------------
---------------*/
@-moz-keyframes mov {
  from {
    transform: translateX(0px);
  }
  to {
    transform: translateX(200px);
  }
}
@-webkit-keyframes mov {
  from {
    transform: translateX(0px);
  }
  to {
    transform: translateX(200px);
  }
}
@-o-keyframes mov {
  from {
    transform: translateX(0px);
  }
  to {
    transform: translateX(200px);
  }
}
@keyframes mov {
  from {
    transform: translateX(0px);
  }
  to {
    transform: translateX(200px);
  }
}
@-moz-keyframes previus {
  from {
    transform: translateX(200px);
  }
  to {
    transform: translateX(0px);
  }
}
@-webkit-keyframes previus {
  from {
    transform: translateX(200px);
  }
  to {
    transform: translateX(0px);
  }
}
@-o-keyframes previus {
  from {
    transform: translateX(200px);
  }
  to {
    transform: translateX(0px);
  }
}
@keyframes previus {
  from {
    transform: translateX(200px);
  }
  to {
    transform: translateX(0px);
  }
}
@-moz-keyframes rot {
  from {
    font-size: 0rem;
    transform: rotate(0deg);
  }
  to {
    font-size: 3rem;
    transform: rotate(720deg);
  }
}
@-webkit-keyframes rot {
  from {
    font-size: 0rem;
    transform: rotate(0deg);
  }
  to {
    font-size: 3rem;
    transform: rotate(720deg);
  }
}
@-o-keyframes rot {
  from {
    font-size: 0rem;
    transform: rotate(0deg);
  }
  to {
    font-size: 3rem;
    transform: rotate(720deg);
  }
}
@keyframes rot {
  from {
    font-size: 0rem;
    transform: rotate(0deg);
  }
  to {
    font-size: 3rem;
    transform: rotate(720deg);
  }
}
.wizard-container {
  overflow: hidden;
}
.wizard-steps {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  direction: ltr;
}
.wizard-steps-container {
  display: flex;
  margin: auto;
  align-items: center;
  width: 100%;
  justify-content: center;
}
.wizard-step {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #ced7ea;
  transition: background-color 0.5s;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
.wizard-step.active {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #34b0df;
  transition: background-color 0.5s;
}
.wizard-line {
  width: 60px;
  height: 14px;
  background-color: #ced7ea;
}
.wizard-progress {
  transition: width 1s;
  padding-top: 2px;
  box-sizing: border-box;
  width: 0;
  height: 100%;
  background-color: #34b0df;
  overflow: hidden;
}
.wizard-progress:before {
  content: "";
  width: 5px;
  height: 5px;
  background: #fff;
  border-radius: 50%;
  margin: auto;
  margin-top: 2px;
  margin-right: 0px;
  display: block;
}
.wizard-progress.active {
  transition: width 1s;
  width: 100%;
  height: 100%;
  background-color: #34b0df;
}
.wizard-progress.active:before {
  content: "";
  width: 5px;
  height: 5px;
  background: #fff;
  border-radius: 50%;
  margin: auto;
  margin-top: 2px;
  margin-left: -50px;
  display: block;
  animation: mov 2s;
}
.wizard-selected {
  transition: 0.5s;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  margin: auto;
  margin-top: 10px;
}
.wizard-selected.small {
  transition: 0.5s;
  width: 5px;
  height: 5px;
  background: #fff;
  border-radius: 50%;
  margin: auto;
  margin-top: 15px;
  margin-top: 28px;
  transform: translateX(50px);
}
.wizard-pane {
  border: none;
}
.wizard-next,
.wizard-prev,
.wizard-end {
  margin: 10px 5px;
  float: right;
}
.wizard-header {
  font-size: 2em;
  color: #0af;
  text-transform: uppercase;
  font-style: italic;
  text-align: center;
  height: 50px;
  padding: 0 10px;
  box-sizing: border-box;
  background-color: #f1f3f5;
  border-bottom: 1px solid #b2c5d5;
}
.wizard-body {
  min-height: 100px;
  padding: 10px;
  max-width: 100%;
  margin-top: 10px;
  margin-left: 20px;
}
.wizard-body input {
  margin: 0px 10px;
  border: 1px solid #0ac;
}
.wizard-footer {
  height: 52px;
  padding: 10px;
}
.wizard-pane {
  transition: 0.5s;
  max-width: 90%;
  margin: 0 auto;
  margin-top: 20px;
  width: 100%;
  background-color: #fafafa;
  margin-bottom: 10px;
  box-shadow: 0 4px 5px rgba(0,0,0,0.15);
  padding: 0px;
}
.wizard-pane.move-right {
  transition: 1s;
  transform: translateX(1500px);
}
.wizard-pane.move-left {
  transition: 1s;
  transform: translateX(-1500px);
}
.wizard-icon {
  display: none;
  margin: 0 auto;
}
.wizard-icon.success {
  color: #fff;
  text-align: center;
  font-size: 2rem;
  width: 100%;
  display: block;
  animation: rot 0.5s;
}
.wizard-primary {
  background: linear-gradient(90deg, #2a65b7, rgba(0,85,204,0.9));
  color: #fff;
  border: none;
  width: 70px;
  height: 30px;
  margin: 0px 7px 10px 0;
  float: right;
  margin-left: 5px;
}
.wizard-primary:active {
  transform: translateY(0.125rem);
  box-shadow: 0 0.125rem #198c19;
}
.wizard-finish {
  background: linear-gradient(90deg, #0a0, rgba(0,170,0,0.9));
  color: #fff;
  border: none;
  width: 95px;
  height: 30px;
  margin: 0px 0 0 0;
  float: right;
  margin-left: 5px;
}
.wizard-finish:active {
  transform: translateY(0.125rem);
  box-shadow: 0 0.125rem #198c19;
}
.wizard-danger {
  background: linear-gradient(90deg, #b00, rgba(187,0,0,0.9));
  color: #fff;
  border: none;
  width: 70px;
  height: 30px;
  margin: 0px 0 0 0;
  float: right;
}
.wizard-danger:active {
  transform: translateY(0.125rem);
  box-shadow: 0 0.125rem #198c19;
}
legend {
  border: none;
  padding-top: 10px;
}

/*
*/
/*our clients*/
#flexiselDemo1,
#flexiselDemo2, 
#flexiselDemo3 {
	display:none;
}
.our_clients{
	color:#ccc;
	margin-top:15px;
	float:right;
}
.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}
.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px; 
    margin-top: 2px; 
}
.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width:100px;
    max-height:85px;
}
.fa-someOneCus{
	margin-top: 15px;
	font-size: 20px;
}
.fa-someOneCus h2{
	line-height: 2;
	border-bottom: 2px solid rgba(204, 204, 204, 0.27);
}
.fa-someOneCus span{
	font-family: B ekan,'B yekan ,'yekan'';
	padding-right: 10px;
	color: #5d5d5d;
}
.sec_our_clients{
	height: 110px;
	direction:ltr
}
.customer-sms{
	background-color: rgb(228, 228, 228);
}
.navbar-collapse.collapse{
	background-color: transparent !important;
}

/*WritenByAlirezaHejazi*/
.telsOnTop{
    margin : 0 5px;
    font-size: 10pt;
}

.SinglePageParagraph
{
    text-align:right;

}
    .SinglePageParagraph ul {
        text-align: right;
    }
