/* ---------------------------------------------------------------------- */
/*	Fonts
/* ---------------------------------------------------------------------- */
@font-face {
  font-family: 'Mitra';
  src: url('fonts/mitra/mitra.eot');
  src: url('fonts/mitra/mitra.eot') format('embedded-opentype'), url('fonts/mitra/mitra.woff') format('woff'), url('fonts/mitra/mitra.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MitraBold';
  src: url('fonts/mitra/mitrabold.eot');
  src: url('fonts/mitra/mitrabold.eot') format('embedded-opentype'), url('fonts/mitra/mitrabold.woff') format('woff'), url('fonts/mitra/mitrabold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: "Helios";
    src: url("fonts/Helios/HeliosCondRegular.eot");
    src: url("fonts/Helios/HeliosCondRegular.eot?#iefix")format("embedded-opentype"),
    url("fonts/Helios/HeliosCondRegular.woff") format("woff"),
    url("fonts/Helios/HeliosCondRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* ---------------------------------------------------------------------- */
/*	Css3 Animation
/* ---------------------------------------------------------------------- */
.anime, ul.drop>li>a, .button_aqua, .sofware a, ul.list_simple li a, .side ul.list_articles li a{
	-moz-transition: all 0.2s ;
	-o-transition: all 0.2s ;
	-webkit-transition: all 0.2s ;
	transition: all 0.2s ;
}
/* ---------------------------------------------------------------------- */
/*    Constants
/* ---------------------------------------------------------------------- */
/* All */
* {
	border-radius: 0 !important;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:focus {
	outline: none;
}
body {
	font-family: 'Mitra', 'B Mitra', Arial, sans-serif;
	color: #333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #f7f7f7;
	line-height: 22px;
	margin:0;
	padding:0;
	font-size:17px;
}
a {
	color: #08bbb7;
}
a:hover, a:focus {
	color: #eb2b5d;
	text-decoration: none;
	outline: none;
}
a:hover img {
	opacity: 0.7;
}
p {
}
/* HEADERS */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, bold {
	font-family: 'MitraBold', 'B Mitra Bold', Arial, sans-serif;
}
h1 {
	font-size: 26px;
	color: #76158e;
	text-transform: uppercase;
	letter-spacing: 0;
}
h2 {
	font-size: 22px;
	color: #137d81;
}
h3 {
	font-size: 20px;
	color: #137d81;
}
h4 {
	font-size: 18px;
	color: #137d81;
}
h5 {
	font-size: 16px;
	color: #137d81;
}
h6 {
	font-size: 14px;
	color: #137d81;
}
mark {
	background: #e20404;
	color: #fff;
}
br {
	margin: 3px 0;
}
hr {
	border-top: 1px solid #cdcdcd;
	box-shadow: 0 1px 0 0 #fff;
	margin:10px 0;
}
blockquote {
	border:0;
	border-right:4px solid  #05a7ad;
	padding:15px;
}
blockquote p {
	color: #05a7ad;
}
.icon {
	padding-right: 4px;
}
.top-margin {
	margin-top: 15px;
}
.tahoma{
	font-family:tahoma;
	font-size:12px;
	direction:rtl;
	text-align:right;	
}
.clear{
	clear:both;	
}
.shadow{
	box-shadow:2px 2px 0 0 #ccc;	
}
.text{
	padding:15px 0;
	min-height:500px;
}
.relative{
	position:relative;	
}
.padding{
	padding:13px;	
}
.padding5{
	padding:5px;	
}
.padding_big{
	padding:50px;	
}
.bold{
	font-family: 'MitraBold', 'B Mitra Bold', Arial, sans-serif;
}
.mw100{
	max-width:100%;	
}
.v_border{
	border:1px dashed #d5d5d5;
	border-bottom:0;
	border-top:0;	
}
.top_border{
	border-top:4px solid #eb2b5d;	
}
.bg_white{
	background:#fff;	
}
.bg_dark{
	background:#012423 url('../images/bg_pattern1.png') center no-repeat fixed;
	background-size:cover;
}
.bg_aqua{
	background:#08bbb7;	
}
.bg_red{
	background:#eb2b5d;	
}
.bg_darkred{
	background:#056d6b;	
}
.icon_size{
	font-size:21px;
	vertical-align: middle;
	display: inline-block;	
}
.red{
	color:#eb2b5d;	
}
.gray{
	color:#9b9b9b;	
}
.hideIt{
	display:none;
}
.bottom_dashed{
	width:100%;
	background-color:transparent;
	border:0;
	color:#fff;
	border-bottom:1px dashed #0a9a97;
}
.button_aqua{
	background-color:#08bbb7;	
	color:#fff;
	border:0;
	width:100%;
	border:1px solid #12d5d1;	
}
.button_aqua:hover{
	background-color:#eb2b5d;
	border:1px dashed #ff638c;	
}
.rotate {
	/* Safari */
	-webkit-transform: rotate(-90deg);
	
	/* Firefox */
	-moz-transform: rotate(-90deg);
	
	/* IE */
	-ms-transform: rotate(-90deg);
	
	/* Opera */
	-o-transform: rotate(-90deg);
	
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	transform-origin: right top;
}
.center{
	text-align:center;	
}

/*------------------------------------*\
    LAYOUT
\*------------------------------------*/
.row {
	margin-left: -5px;
	margin-right: -5px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16 {
	padding-left: 5px;
	padding-right: 5px;
}


/* ---------------------------------------------------------------------- */
/*    Customs
/* ---------------------------------------------------------------------- */
/*------------------------------------*\
    Header
\*------------------------------------*/
.header{
	border-left:1px dashed #d5d5d5;
}
.logo{
	padding:10px 20px;
	text-align:center;
	float:right;	
}
.logo h5{
	margin-top:-1px;
}
.logo img{
	margin-top:4px;
}
/*------------------------------------*\
    Nav
\*------------------------------------*/
.nav_out{
	position:relative;
	z-index:999;
}
.opening{
	margin:0;
	padding:0;
	position:absolute;
	top:-4px;
}
.opening li{
	float:left;
	margin-right:2px;
}

.opening li a{
	background:#eb2b5d;
	display:block;
	padding:18px 16px;
	
}
.opening li a i{
	font-size:32px;
	color:#ccc;	
}
.opening li a.active{
	background:#056d6b;	
}
.opening li a:hover i, .opening li a.active i{
	color:#fff;	
}
.opened{
	padding:30px 0;	
}
.theForm{
	z-index:1;	
}
/*------------------------------------*\
    Home Carousel
\*------------------------------------*/
.sofwares{
	padding-top:70px;
	padding-bottom:30px;	
}
.sofware a{
	height:500px;
	position:relative;
	display:block;
	/*background:#08bbb7 url(../images/glow.png) bottom no-repeat;*/
}
.sofware a:hover{
	/*background:#08bbb7 url(../images/glow.png) center no-repeat;*/
}
.sofware a .image{
	height:inherit;
	position:inherit;
	background-position:-25px 0;
	background-repeat:no-repeat;
}
.sofware a:hover .image{
	background-position:0 0;
}
.sofware .overly{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:500px;
	/*background:url(../images/fade_aqua.png) bottom repeat-x;*/
}
.sofware .title{
	color:#fff;
	position:absolute;
	top:10px;
	right:120px;
	background-color:#eb2b5d;
	padding:15px;
	text-align:right;
	white-space:nowrap;
}
.sofware .title_eng{
	color:#fff;
	position:absolute;
	bottom:18px;
	left:18px;
	text-transform:uppercase;
	font-size:30px;
	font-family:"Helios";
	line-height:.8;
}
/*------------------------------------*\
    Nav Pills
\*------------------------------------*/
.google-map{
	width:100%;
	height:400px;
	margin-bottom:10px;	
}
.gmap_marker h1{
	padding-right:20px;
	color:#012928;	
}
/*------------------------------------*\
    Table
\*------------------------------------*/
.paper table{
	width:100%;
	border:0;
}
.paper table td{
	padding:7px 10px 10px;
	border:0;
	border-left:2px solid #fff;
	background:#fff;
	vertical-align:middle;
	height:0 !important;
}
.paper table td p{
	margin:0;
	padding:0;
	display:inline;
}
.paper table tr:nth-child(odd) td{
	background:#eee;
}
.paper table tr:nth-child(1) td{
	background:#05a7ad !important;
	color:#fff;
	font-family: "MitraBold","B Mitra Bold",Arial,sans-serif;
	font-size:18px;
}
/*------------------------------------*\
    Slider
\*------------------------------------*/
.slider{
	width:100%;
	height:420px;
	background:#dedede;
	z-index:5;
	position:relative;
}
.slider .caption{
	background:rgba(255,255,255,.7);
	padding:15px;
	border-bottom:4px solid #eb2b5d;
	width:360px;
	position:absolute;
	bottom:30px;
	right:50px;
	direction:rtl;
}
.slider .caption h1{
	font-size:30px;
	text-align:right;
	color:#eb2b5d;
	padding:0;
	margin:0;
	margin-bottom:15px;
}
.slider ul{
	margin:0;
	padding:0;
}
.slider ul li{
	margin:0;
	padding:5px 15px 5px 0;
	font-size:17px;
	color:#171519;
	background:url(../images/dot.jpg) right 10px no-repeat;
}
/* -------------------------------------------------- */
/*	Back Top
/* -------------------------------------------------- */
#back-top {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 999;
	display: none;
	padding:10px 10px 7px 14px;
	background-color: #0dbbb6;
	text-align: center;
	font-size: 17px;
	color:#fff;
	-webkit-transition: background-color .2s linear;
	-moz-transition: background-color .2s linear;
	-ms-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	transition: background-color .2s linear;
}
#back-top:hover {
	background-color: #eb2b5d;
}
/* -------------------------------------------------- */
/*	Page Header
/* -------------------------------------------------- */
.page-header{
	color:#fff;
	direction:rtl;
	text-align:right;
	border:0;
}
.page-header h1{
	padding-top:0px;
	margin-top:0;
	color:#fff;
}
.breadcrumb {
    margin-top: 10px;
    background-color:transparent;
	font-family: "MitraBold","B Mitra Bold",Arial,sans-serif;
	padding-right:0;
}
.breadcrumb a{
    color:#ccc;
	font-family: "MitraBold","B Mitra Bold",Arial,sans-serif;
}
.breadcrumb a:hover{
    color:#08bbb7;
}
/* ---------------------------------------------------------------------- */
/*    Page
/* ---------------------------------------------------------------------- */
.page{
	padding:15px 0;
	min-height:500px;
	direction:rtl;
}
.support{
	width:100%;
	height:250px;
	background: #08bbb7 url(../images/support.png) no-repeat;
	background-position:-120px bottom;
	color:#fff;
	padding:15px;
}
.support:hover{
	background-color: #eb2b5d;
	background-position:-80px bottom;
}
.support h5{
	color:#fff;
	padding:0;
	margin:0;
}
.support h2{
	color:#fff;
	padding:0;
	margin:0;
	margin-top:5px;
}
.text_frame{
	margin-top:150px;
	float:right;
}
.owl-carousel{
	direction:ltr;	
}
/* -------------------------------------------------- */
/*	Tabs
/* -------------------------------------------------- */
.nav-tabs{
	direction:rtl;
	text-align:center;	
}
.nav-tabs i{
	font-size: 35px;
	line-height: 0px;
	padding: 0;
	margin: 0;
	display: inline-block;	
}
.nav-tabs br{
	line-height: 0px;
	padding: 0;
	margin: 0;
}
.nav-tabs > li {
	float:right;	
}
.nav-tabs > li > a {
	line-height: 1;
	padding-bottom: 25px;
}
.nav-tabs > li.active > a {
	line-height: 1;
	padding-bottom: 25px;
}
.tab-pane ul, .tab-pane ul li{
	margin:0;
	padding:0;
}
.tab-pane ul{
	padding:5px 15px 5px 0;
}
.tab-pane ul li{
	margin:0;
	padding:5px 23px 5px 0;
	font-size:18px;
	background:url(../images/dot.png) right 12px no-repeat;
}
.tab-pane ul li:nth-child(odd){
	background-color:#eee;
}
.tab-content{
	padding:15px;	
}
.dropdown-menu > li > a {
    display: block;
    padding: 5px 10px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap;
}
.dropdown-menu {
	left:auto !important;
	right:0 !important;	
	text-align: right;
	font-size: 16px;
}
/*------------------------------------*\
    Toggle
\*------------------------------------*/
section.toggle {
    margin: 10px 0px 0px;
    position: relative;
    clear: both;
}
section.toggle > div.toggle-content {
    display: none;
}
.toggle label{
	background:#08bbb7;
	width:100%;
	padding:10px 10px;
	color:#fff;
	cursor:pointer;
}
.toggle.active label{
	background:#eb2b5d;
}
table tr:nth-child(odd) td{
	background-color:#f1f1d6;
}
table tr:nth-child(odd):hover td{
	background-color:#dcddad;
}
table tr:nth-child(even):hover td{
	background-color:#beeae9;
}
table{
	width:100%;	
}
table td{
	padding:5px 5px 7px;
	cursor:default;
}
.download{
	font-size:18px;
	border:1px dashed #08bbb7;
	padding:20px;
	display:inline-block;
	font-family: "MitraBold","B Mitra Bold",Arial,sans-serif;
	margin:5px 0;
	width:100%;
}
.download:hover{
	border:1px solid #eb2b5d;
	background:#eb2b5d;
	color:#fff;
}
.download i{
	font-size:32px;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #eb2b5d;
}
.box{
	margin-bottom:15px;	
}
.side .nav-tabs > li > a{
	padding-bottom:10px;
}
.nav-tabs{
	padding-right:10px;	
}
.side ul.list_simple{
	margin:0;
	padding:0;	
}
.side ul.list_simple li{
	padding:4px 4px 6px;
	margin-bottom:2px;
	background:#fff url(../images/fade_line.png) left bottom no-repeat;
}
.side .tab-content{
	padding:5px;	
}
.side ul.list_simple li a{
	color:#011e1e;
}
.side ul.list_articles{
	margin:0;
	padding:0;
	width:100%;
}
.side ul.list_articles li{
	padding:0;
	margin-bottom:2px;
	background:#fff;
	width:100%;
}
.side ul.list_articles li a{
	color:#fff;
	background:#08bbb7;
	width:100%;
	display:block;
	padding:10px;
}
.side ul.list_articles li a:hover{
	color:#fff;
	background:#eb2b5d;
	text-align:center;
}
ul.list_articles i{
	margin-left:5px;
}
/*------------------------------------*\
    Footer
\*------------------------------------*/
.footer_out{
	border-top:4px solid #08bbb7;
	background:#fff url(../images/parallax1.jpg) bottom repeat-x ;
	direction:rtl;
	padding:20px 0 30px;
	font-size:16px;
}
.footer i{
	color:#0dbbb6;
}
h3.title{
	direction:rtl;
	text-align:right;
	color:#01201f;
	border-bottom:2px solid #08bbb7;
	margin-bottom:10px;
	padding-bottom:5px;
	margin-top:10px;
}
h3.title span{
	display:inline-block;
	padding-bottom:10px;
	margin-bottom:-7px;
	border-bottom:2px solid #011e1e;
}
ul.list_simple{
	margin:0;
	padding:5px;	
}
ul.list_simple li{
	padding:4px 4px 6px;
	margin-bottom:2px;
	background:#fff url(../images/fade_line.png) left bottom no-repeat;
}
.footer ul.list_simple li{
	background-color:transparent;
}
ul.list_simple li a{
	color:#9b9b9b;
	background:url(../images/arrow_right.png) 150% center no-repeat;
}
ul.list_simple li a:hover{
	background-position:center right;
	color:#eb2b5d;
	padding-right:15px;	
}
.footer_logo{
	padding-top:43px;
	text-align:center;
	width:100%;
	font-family:"Helios";
	direction:ltr;
	color:#8e8686;
	text-transform:capitalize;
}
.copyright_out{
	direction:rtl;
	text-align:right;
	background:#011e1e;
	color:#8e8686;
	font-size:14px;
	padding:15px 0;
}
/*------------------------------------*\
    MEDIA QUERIES
\*------------------------------------*/

@media (max-width:348px) {
}

@media (max-width:767px) {
}

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

@media (min-width: 850px) {
}

@media (max-width:991px) {
}

@media (max-width:1080px) {
}

@media (max-width: 1170px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}
/* LayerSlider Glass Skin */
/*------------------------------------*\
    Forms
\*------------------------------------*/
input{
	font-family: "MitraBold","B Mitra Bold",Arial,sans-serif;
	font-size:18px;
	direction:rtl;
	line-height:1.2;
	padding:8px;	
}
.form-group{
	margin-top:10px;
}
.btn-lg, .btn-group-lg > .btn {
    padding: 5px 15px;
}
.btn-primary {
    color: #FFF;
    background-color: #08bbb7;
    border-color: #08bbb7;
}
.btn-primary:hover {
    background-color: #eb2b5d;
    border-color: #eb2b5d;
}

/*------------  Changes  -----------*/

.col-md-8 {
    padding-left: 5px;
    padding-right: 15px;
    padding-bottom: 15px;
}

.col-md-16 {
    padding-left: 5px;
    padding-right: 15px;
    padding-bottom: 15px;
}

.col-md-12 {
    width: 75%;
}


.form-control.field-validation-error {
    color: #f00;
}

.form-control.field-validation-valid {
    display: none;
}

.form-control.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.form-control.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.form-control.validation-summary-valid {
    display: none;
}