/* ==========================================================================
Theme Name: Mithiliya
Theme URI: http://mannatstudio.com
Description:  Mithiliya is a very modern and ready to use template. It has 16 different pages, using this you can design your own website very fast. It is basically design on 	              1170 Bootstrap Grid. All objects are vector and editable according to your need. 
Version: 1.0
Author: Mannat Studio
Tags: business, color skins, corporate, css3, digital, flat, layered psd, modern, parallax, photoshop, shopping cart
========================================================================== */
/**/
/* ========= Table of Content =========== */
	/* 

		1. Top Bar
		2. About Us 
		3. Blog
		4. Footer
		5. Testimonial Slider
		6. Our Clients
		7. Signup Newsletter
		8. Blog Post
		9. Team Style
		10. Contact Form 
		11. Blog Sidebar
		12. Shop Pages 
		13. Search Overlay Effect
	*/
	
body{

	font-family: tahoma;
	font-size:13px;
	color:#666666;
	background:#efefef url("../../Images/bg2.png") repeat-x scroll center 0px;/*#efefef;*/
	text-align:right;
    direction:rtl;
}
img {
    max-width: 100%;
}

a {
    text-decoration: none;
    outline: 0;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

    a:hover {
        color: #303030;
        text-decoration: none;
    }

    a, a:focus {
        outline: 0;
        outline-offset: 0;
        text-decoration: none;
    }
/* === Typography === */
h1, h2, h3, h4, h5, h6 {
    font-family: ge_dinar_two_medium-webfont;
    margin-bottom: 15px;
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        font-weight: inherit;
    }

h1 {
    font-size: 26px;
    color: #67A;
    margin-top: 0;
}

h2 {
    font-size: 20px;
    10px;
    color: #00c0b0;
    margin-top: 0;
}

h3 {
    font-size: 18px;
    color: #323232;
    margin-top: 0;
}

h4 {
    font-size: 16px;
    color: #666;
    font-weight: normal;
}

h5 {
    font-size: 15px;
    color: #666;
}

h6 {
    font-size: 13px;
    color: #666;
}
/* === End === */

hr {
    border: 1px solid #d7d8da;
}

header {
    width: 100%;
    padding: 0;
    background:#337ab7;/*#EFEFEF;*/ /*#3a5795;*/
    position: relative;
        /*height: 143px;*/
}
.menuzord-brand.alternate{
	position:absolute;
	top:0;
	z-index:10;
	margin:0;
    
}

#body-content{
	padding:/*30px*/ 0;
	position:relative;
	overflow:hidden;
}
#body-content.no-margin{
	padding-bottom:0;
}

#body-content.home{
	padding:0;
}

/* -- 2. Top Bar -- */
#nav-alternate .top-bar{
    font-family:'stc-font';
	padding:15px 0;
	color:#999;
	white-space: nowrap;
}
.top-bar{
	padding:15px 0 30px 0;
	color:#999;
}
.top-icons{
	margin:0;
	padding:0;
	float:left;
}
.top-icons li{
	display:inline-block;
	border-left:1px solid #ddd;
	padding:0 8px;
    direction:ltr
}
.top-icons li:last-child{
	border:none;
    vertical-align: bottom;
    top: 1px;
    position: relative;
}
.top-icons li a{
	color:#FFF;
	color:#999;
}
.top-icons li a:hover{
	color:#B00;
}
.Btn-Lang {
    width:28px;
    padding: 0;
}


/* -- 2. Navigation & Slider -- */
#nav-wrap{
	position:absolute;
	width:100%;
	top:80%;
}
#nav-alternate .nav-bg{

	/*border: 2px solid #ddd;*/
	border-bottom: 0px;
	
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.nav-bg{
	background:#fff;
	max-width:1200px;
	margin:0 auto;
	position:relative;
	z-index:1000;
	
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.nav-bg:after, .nav-bg:before{
	position:absolute;
	content:"";
	z-index:1;	
	height:18px;
	width:50%;
	top:100%;
}
.nav-bg:after{
	right:0;	
	background:url(../../images/shadow-bg.png) no-repeat top right;
}
.nav-bg:before{
	left:0;	
	background:url(../../images/shadow-bg.png) no-repeat top left;
}

.nav-bg.fullwidth{
	width:100%;
	max-width:100%;
	
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	
	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.nav-bg.fullwidth:after, .nav-bg.fullwidth:before, #nav-alternate .nav-bg:after, #nav-alternate .nav-bg:before{
	background:#fff;
}

.slider-wrap{
	background:#CCC;
	position:relative;
}
.boxedcontainer {
    margin: 0px auto 0 auto;
    max-width: 1200px;
	position:relative;
	background-color:#4B4B4B;
}

/* -- 2. About Us -- */
.video-icon-wrap{
	background:#E00/*67A*/;
}
.video-icon-wrap img{
	opacity:0.5;
}
.video-icon{
	position:absolute;
	right:50%;
	margin:-35px 0 0 -35px;
	top:50%;
}
.video-icon a, a.play-video{
	width:70px;
	height:70px;
	text-align:center;
	line-height:70px;
	border:2px solid #FFF;
	display:inline-block;
	font-size:18px;
	color:#FFF;
	
}
a.play-video{
	font-size:24px;
}
.video-icon a:hover, a.play-video:hover{
	background:#323232;
	color:#FFF;
	border:2px solid #323232;
}
.video-box {
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9990000;
    display: none;
    position: fixed;
    overflow: hidden;
    background-color: #000000;
}

.video-box iframe {
    float: right;
    width: 100%;
    height: 100%;

    -webkit-border: 0;
       -moz-border: 0;
         -o-border: 0;
            border: 0;
}
.video-box .close-video {
    top: 17px;
    right: 17px;
    width: 50px;
    height: 50px;
    color: #ffffff;
    font-size: 25px;
    cursor: pointer;
    line-height: 50px;
    text-align: center;
    position: absolute;
    background-color: #59585b;

    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
         -o-border-radius: 3px;
            border-radius: 3px;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
       -khtml-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
.video-box .close-video:hover {
    color: #21252b;
    background-color: #ffffff;
}


/* -- 3. Blog -- */
.blog-outer{
	margin:0 0 40px 0;
}
.blog-outer .blockquote-2{
	margin:0;
	padding:20px 20px 40px 60px;
}
.blog-wrap{
	text-align:center;
}
.blog-title{
    font-family:'stc-font';
	font-size:16px;
	font-weight:700;
    color: #b00/*00c0b0*/;
	text-transform:uppercase;
	padding:20px 0 10px 0;
	display:inline-block;
}
.customer-title{
    font-family:'stc-font';
	font-size:10px;
	font-weight:700;
    color: #666/*00c0b0*/;
	text-transform:uppercase;
	padding:5px 0;
	text-align: center;
}
.meta{
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	
	background:#b00/*67A*/;
	font-weight:700;
	border:3px solid #FFF;
	width:70px;
	height:70px;
	font-size:24px;
	margin:0 auto; 
	color:#FFF;
	line-height:18px;
	text-align:center;
	margin-top:-40px;
	position:relative;
	z-index:1000;
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
	padding:16px 0 0 0;
}
.meta span{
	display:block;
	font-size:16px;
}
.link-post{
	background:#E00/*67A*/;
	padding:20px 20px 40px 60px;
	position:relative;
}
.link-post a{
	color:#FFF;
}
.link-post a:hover{
	color:#333;
}
.link-post:after{
	position:absolute;
	font-size:30px;
	font-family:'FontAwesome';
	content:"\f0c1";
	right:20px;
	top:26px;
	color:#FFF;	
}

.blog-pagination{
	padding:20px;
	background:#FFF;
	border:1px solid #d7d8da;
	font-size:16px;	
	font-weight:600;
}

/* Blog Post */ 
.share-this{
	text-align:center;
	margin:0 0 30px 0;
}
.share-this .social-icons ul li{
	padding:0 1px;
}
.share-this .social-icons ul li a{
	width:40px;
	height:40px;
	line-height:40px;
    padding-top:12px;
	background:#b2bbc0;
	color:#FFF;
	font-size:16px;
	display:inline-block;
}
.share-this .social-icons ul li a:hover{
	background:#b00/*67A*/;
	color:#FFF;
}

.comment-wrap{
	margin:0 0 30px 0;
	padding:0 0 20px 0;
	border-bottom:1px solid #c7cdd0;
}
.comment-wrap:last-child{
	border:none;
	margin:0;
}
.comment-wrap.reply-comment{
	margin-right:100px;
}
.comment-thumb{
	margin:0 0 20px 0;
}
.comment-thumb img{
	float:right;
	border:2px solid #FFF;
	width:70px;
	display:table-cell;
	vertical-align:middle;
	
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.comment-thumb h5{
	margin:17px 0 0 0;
	color:#E00/*67A*/;
	float:right;
}
.comment-thumb small{
	font-weight:600;
	color:#4b4b4b;
	margin-top:3px;
	display:block;
}
.reply-btn{
	float:left;
	margin:16px 0 0 0;
}
.reply-btn a{
	width:35px;
	height:35px;
	display:inline-block;
	font-size:14px;
	color:#FFF;
	background:#E00/*67A*/;
	text-align:center;
	line-height:35px;
	
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
}
.reply-btn a:hover{
	background: transparent linear-gradient(to top, #CCC, #e3e3e3) repeat scroll 0% 0%;
}


/* -- 4. Footer -- */
footer{
	padding:15px 0px;
	background:transparent linear-gradient(to top, #CCC, #e3e3e3) repeat scroll 0% 0%;	
}
.footer-logo{
	padding:0;/*0 0 15px 0;*/
}
.footer-logo img{
	padding-bottom:0;/*15px;*/
}
footer.alternate{
	padding:100px 0 70px 0;
	background:#EAF0F4;
}
.footer-wrap{
	background:#FFF;
	padding:0 20px 20px 20px;
	text-align:center;
}
.footer-wrap .footer-icon{
	background:#323232;
	display:inline-block;
	width:70px;
	height:70px;
	font-size:24px;
	line-height:70px;
	border:2px solid #FFF;
	color:#FFF;
	margin-top:-35px;
	margin-bottom:15px;
	
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
}
.footer-wrap h3{
	font-size:16px;
}

.footer-wrap-2 h3{
	text-transform:uppercase;
	font-size:14px;
	color:#323232;
}
.footer-links{
	margin:0;
	list-style-type:none;
	text-align:right;
}
.footer-links li{
	display:inline-table;
	padding:0 15px 0 0;
	position:relative;
}
.footer-links li:before{
	position:absolute;
	top:1px;
	color:#999;
	right:4px;
	/*content:"/";*/
	z-index:1000;
}
.footer-links li:first-child:before{
	content:""
}
.footer-links li a{
	color:#FFF;
}
.footer-links li a:hover{
	color:#b00/*00c0b0*/;
}

.footer-contact{
	list-style-type:none;
	padding:0;
	margin:0;
}
.footer-contact li{
	margin:0 0 15px 0;
}
.footer-contact li strong{
	display:block;
}
.footer-contact li i{
	font-size:20px;
	padding:3px 0 0 0;
	width:30px;
	text-align:center;
	float:right;	
}
.footer-contact a {
    color:#ff0000/*00c0b0*/
}
.footer-contact a:hover {
    color:#303030
}
.copyright {
	background:#3a5795;
	padding:30px 0;
	font-size:12px;
	color:#FFF;
}
/* -- 5. Testimonial Slider -- */
.testimonial-wrap{
	text-align:center;
}
.testi-details{
	display:inline-block;
	min-width:240px;
	background:#FFF;
	padding:0 20px;
	margin:70px 0 25px 0;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.testi-details h3{
	font-size:18px;
	color:#323232;
}
.testi-details h3 span{
	font-size:13px;
	color:#666;
	font-family: 'Open Sans', sans-serif;
	display:block;
}
.testi-text{
    margin: 40px 0;
    color: #fff;
    font-family: ge_dinar_two_medium-webfont;
    font-size: 20px;
    font-style: italic;
}

.trust-us .testi-text, .trust-us .testi-details{
	display:table-cell;
	vertical-align:middle;
}
.trust-us .testimonial-wrap{
	padding:70px 0 20px 0;
}
.trust-us .testi-text{
	padding-right:20px;
	text-align:right;
}
.trust-us .testi-text p{
	margin:0;
}

.owl-carousel#home-testimonial img{
	width:100px;
    height:100px;
	display:inline-block;
	margin-top:-70px;
	margin-bottom:10px;	
	border:5px solid #FFF;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	background-color: white;
}
#home-testimonial .owl-nav{
	background:none;
}
#home-testimonial .owl-controls{
	text-align:center;
}

/* -- 6. Our Clients -- */
.clients-wrap{
	padding:/*30px*/ 0;
}
.client-box{
	background:#e0e0e0;
	text-align:center;
}

/* -- 7. Signup Newsletter -- */
.singup-wrap{
	color:#999999;
}
.singup-wrap h1{
	color:#ffffff;
	font-weight:600;
	font-size:24px;
	text-transform:uppercase;
}
.singup-wrap .btn-border-round{
	margin:0;
}
.singup-wrap input#signup{
	border:1px solid #d1d1d1;
	background:#FFF;
	border-radius:0;
	padding:10px 12px;
	height:auto;
}

/* -- 8. Blog Post -- */
.recent-post ul{
	list-style-type:none;
	padding:0;
	margin:0;
}
.recent-post ul li .pull-right{
	max-width:100px;
}
.recent-post ul li{
	margin-bottom:25px;
}
.recent-post ul li:last-child, .footer-contact li:last-child{
	margin-bottom:0;
}
.recent-post h5{
	margin:0;
}
.recent-post .link{
	font-size:12px;
    color:#b00
}
.recent-post h6{
	font-size:13px;
	color:#323232;
	margin:3px 0 8px 0;
}

/* -- 9. Team Style -- */
.team-wrap {
	text-align:center;
	padding:0;
}
.team-wrap h3{
	font-size:18px;
	color:#E00/*67A*/;
	font-weight:600;
}
.team-wrap h3 span{
	display:block;
	padding:8px 0 0 0;
	font-size:13px;
	font-family: 'Open Sans', sans-serif;
	font-style:italic;
	color:#666666;
	font-weight:500;
	
}
.stats-wrap{
	text-align:center;
	padding:0;
	text-transform:uppercase;
}
.stats-wrap i{
	color:#264455;
	font-size:40px;
	display:block;
	margin:0 0 0px 0;
}
.counter{
	color:#E00/*67A*/;
	font-size:36px;
	font-weight:700;
	font-family: 'Montserrat', sans-serif;
	letter-spacing:-0.07em;
}

/* -- 10. Contact Form -- */
/* #contact_form */
.form-control{
	background:#FFF;
	border:1px solid #d7d8da;
	border-radius:2px;
	padding:10px 15px;
    width:100%;
	height:auto;
	color:#444;
	margin:10px 0;
}

label.error{
	font-size:12px;
	color:#F00;
	font-weight:300;
	padding:0 0 10px 0;
	margin:0;
}
/* #contact_form */
.form-btn{
	display:block;
	background:#323232/*67A*/;
	color:#FFF;
	padding:10px 15px;
	font-size:14px;
	font-weight:600;
	border:none;
	margin: 0;
	text-transform:uppercase;
	
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;
}
/* #contact_form */
.form-btn:hover{
	background:#b00;
	color:#FFF;
}
.form_thanks{
	text-align:center;
	width:100%;
	padding:10px;
	background:url(../../images/breadcrumbs-bg.jpg) repeat scroll 0 0 rgba(0, 0, 0, 0);
	color:#FFF;
}
#map-holder{
	margin:0;
	background:#FFF;
	padding:0;
	height:400px;
}
#map_extended{
    height: 100%;
    right: 0;
    line-height: inherit;
    position: relative;
    top: 0;
    width: 100%;
}
#map_extended img {
	max-width: inherit;
}
#map_extended .gm-style div {
	font: 13px/20px 'Raleway', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}
#map_extended .gmap_marker address {
	width: 300px;
}
#map_extended .gmap_marker address > div {
	width: 100%;
	display: inline-block;
}
#map_extended .gmap_marker address div div {
	float: left;
	width: 70%;
}
#map_extended .gmap_marker address div div:first-child {
	width: 30%;
	float: right;
}

/* -- 11. Blog Sidebar -- */
.widget-box{
	margin-bottom:15px;
}

/* -- 12. Shop Pages -- */
.latest-collection h4{
	margin:0;
	text-transform:uppercase;
}
.latest-collection h2{
	margin-bottom:10px;
	text-transform:uppercase;
}
.why-choose.shop{
	padding-bottom:40px;
}
.white{
	background:#FFF;
}
.white th{
	text-align:center;
}
.table.white > tbody > tr > td{
	text-align:center;
	vertical-align:middle;
}
.table.white > tbody > tr > td.text-right{
	text-align:right;
}

/* -- 11. Search Overlay Effect -- */
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	background: rgba(33, 33, 33, 0.89);	
	z-index:100000;
}

/* Overlay closing cross */
.overlay .overlay-close {
	width: 80px;
	height: 80px;
	position: absolute;
	left: 20px;
	top: 20px;
	overflow: hidden;
	border: none;
	background: url(../../images/cross.png) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 100;
}
.icon-text h3{
	font-size: 1.7em;
	letter-spacing: 0px;
	color: #000;
	padding: 0 0 20px 0;
}

/* Menu style */
.overlay nav {
	text-align: center;
	position: relative;
	top: 50%;
	height: 10%;
	z-index:100000;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	position: relative;
}

.overlay ul li {
	display: block;
	height: 20%;
	height: calc(100% / 5);
	min-height: 54px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.overlay ul li input {
	background:#FFF;
	box-shadow:none;
	border:none;
	border-radius:0;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}


/* Effects */
.overlay-slidedown {
	visibility: hidden;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s;
	transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
}

.overlay-slidedown.open {
	visibility: visible;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: -webkit-transform 0.4s ease-in-out;
	transition: transform 0.4s ease-in-out;
}

@media screen and (max-height: 30.5em) {
	.overlay nav {
		height: 70%;
		font-size: 34px;
	}
	.overlay ul li {
		min-height: 34px;
	}
}
 
/* -- Back To Top -- */
#back-top{
	bottom:20px;
	position:fixed;
	left:20px;
	z-index:10000;
}
#back-top a{
	height:40px;
	line-height:40px;
	width:40px;
	display:block;
	color:#FFF;
	text-align:center;
	background:#67A/*#B00*//*67A*/;
	font-size:16px;
	font-weight:500;
    padding-top:10px
}
#back-top a:hover{
	color:#FFF;
	background:#323232;
}


.animated {
    visibility: hidden;
}
.visible {
    visibility: visible;
}
.FR{
    float:left

}
.checkbox{

    /*float:left;
    margin:17px 30px 0 0;
    vertical-align:middle;
    padding:0 ;
    width:auto*/
}
.checkbox label{
    display:initial ;
    padding-right:0px
}
.FR{
    float:right
}
.align-R{
    text-align:right
}
.align-reverse{
    text-align:left
}
.f-color{
    color: #ff0000/*00c0b0*/;
}
.widget-box .theme-accordian .panel-title > a{
    display:initial !important
}
.panel-heading .panel-title > a{
    margin:auto
}
.theme-accordian .panel-title > a{
    padding:initial
}
.panel-title{
    text-align:right;
    font-family:'stc-font';
    padding:10px 12px;
    margin-bottom:10px;
    font-size:14px;
    color:#fff;
    cursor:pointer
}
.jumbotron .btn{
    background-image:none;
    border-style:solid;
    border-width:inherit
}
.btn-primary.btn-clients{
    height:50px;
    padding-top:10px;
    
}
.btn-primary.btn-clients:hover{
    border:1px solid #b00;
    transition:0.3s ease-in
}
div[id="Document"] .row .col-sm-8 .RadGrid_Metro{
    direction:rtl !important
}
div[id="Document"] .row .col-sm-8 .RadGrid .rgHeader, .RadGrid th.rgResizeCol{
    padding-top:9px !important; 
    padding-bottom:9px !important; 
}
div[id="Document"] .row .col-sm-8 .RadGrid .rgRow td, .RadGrid .rgAltRow td,
 .RadGrid .rgEditRow td, .RadGrid .rgFooter td{
    padding-top:9px !important; 
    padding-bottom:9px !important;
    text-align:right
}
div[id="Document"] .row .col-sm-8 .RadGrid_Metro .rgAltRow{
    background:#EDEDF2 !important
}
div[id="Document"] .row .col-sm-8 .RadGridRTL .rgHeader, .RadGridRTL .rgResizeCol{
    text-align:right !important;
    font-weight:bold;
    font-size:13px
}
div[id="Document"] .row .col-sm-8 .RadGrid_Metro .rgHeader, .rgAltRow td,
.RadGrid_Metro th.rgResizeCol, .RadGrid_Metro .rgHeaderWrapper{
    border-left: none !important
}
div[id="Document"] .row .col-sm-8 .RadGrid_Metro .rgRow td{
    border-color:#fff transparent !important
}
div[id="document"].RadGrid_Metro .rgMasterTable{
    direction:rtl !important
}

.BTN-download{
    background:#337AB7 url(../../images/Download.png) no-repeat center center;
    padding: 4px 17px;
    background-size: 16px;
    border:1px solid #2E6DA4;
    border-radius: 3px;

}
.BTN-download:hover {
    background:#2E6DA4 url(../../images/Download.png) no-repeat center center;
    background-size: 16px;
    border:1px solid #337AB7;
}
.title-attri{
    background:#eee;
    font-size: 18px;
    color: #000;
    padding: 3px;
    margin-bottom:20px;
    font-family:'stc-font';
}
.img-staff{
    border-radius:50%;
    padding:3px;
    border:1px solid #ccc
}
a .table{
    border:0
}
a .table>tbody>tr>td{
    border-top:0
}
.align{
    text-align:right
}

.label-app{
    padding-top:25px;
    text-align:right
}
.text-app{
    height:65px;
    float:right
}
.text-app table tr td input[type="radio"]{
    margin:4px 27px 0px 10px
}
.dir-L{
    direction:rtl
}
.dir-L .DateSelector select, input{
    padding: 5px;
    border: 1px solid #ddd;
    margin-left: 10px;
    border-radius: 3px !important;
}
.text-app .ruFileWrap{
    height:50px !important
} 
.text-app ul li span .ruFakeInput{
    height:30px !important;
    width:300px !important;
    border-color:#ccc !important;
}
.combobox{
    border-color: #ccc;
    height: 40px;
    padding: 5px;
    border-radius: 3px;
}
.ErrorControl{
    background: rgba(255, 0, 0, 0.03);
    border: 1px solid rgba(255, 0, 0, 0.41);
    border-radius:3px
}
.required{
    color: #ff0000;
    direction:rtl 
}
.title-career{
    color:#666;
    font-size:16px;
    font-weight:600;
    margin-bottom:0
}

.MT-22{
    margin-top:20px
}
.MB-10{
    margin-bottom:10px
}
.ML-30{
    margin-left :30px
}
div [id="captcha"] p{
    margin-top:5px
}
div [id="captcha"] p label{
    margin:auto
}

.col-sm-10 a{
    color:#fff;
    font-size:12px;
}
.align-L p{
    font-size:14px;
}
input[type="submit"]:disabled{
    background-color:#bbb
}
.word-break{word-break:break-word ;white-space:pre-wrap}
.callout-2 .bg span{
    background-color:rgb(18, 57, 80);
}
.link-more{
    color:#b00/*67A*/ !important
}
div[id="radiobutton"] input[type=radio]{
    margin:4px 11px 0px 10px !important
}
 .Btn-search{
     background:#fff !important;
     padding:10px 25px !important;
     color:#b00/*67A*/ !important;
     margin-right:10px;
     margin-left:10px;
     font-size:18px;
     border-raius:3px !important
 }
 .Btn-search:hover{
     background:#b00/*67A*/ !important;
     padding:10px 25px !important;
     color:#fff !important;
     font-size:18px;
     margin-right:10px;
     margin-left:10px;
     border-raius:3px !important
 }
  .bg-inquiries{
     background:#eee;
     padding:10px 10px 20px
 }
 div[id="gridsearch"] .RadGrid .rgRow{
     text-align:right !important
 }
 table#ctl00_ContentPlaceHolder1_RadGrid_Data_ctl00{
    direction:ltr 
}

  /********************************************** Site Map *************************************************/

.RadSiteMap .rsmTwoLevels .rsmItem{
     margin-top:15px !important;
 }
.rsmTwoLevels{
    margin-bottom:30px !important;
}
.rsmTwoLevels li a{
	font-size:17px !important;
	font-weight:400 !important
}
.rsmTwoLevels li ul li a{
    margin-right:10px;
    margin-left:10px;
    font-size:15px !important;
    font-weight:400 !important;
    color:#888/*67A*/ !important
}
.RadSiteMap_Default .rsmOneLevel .rsmLink:hover, .RadSiteMap_Default .rsmTwoLevels .rsmLevel1 .rsmLink:hover, .RadSiteMap_Default .rsmThreeLevels .rsmLevel1 .rsmLink:hover, .RadSiteMap_Default .rsmManyLevels .rsmLevel2 .rsmLink:hover    {
    background:none !important;
    margin-right:20px;
    color:#b00 !important;
    transition:0.2s ease-in
    }
.RadSiteMap_Default .rsmLink:hover{
    color:#b00 !important;
}
.RadSiteMap_Default:last-child{
    border-bottom:none !important
}
.RadComboBox_MetroTouch .rcbFocused .rcbReadOnly .rcbInputCell{
    border-color:#b00 !important;
    background-color:#b00 !important;
}
.RadComboBox_MetroTouch .rcbFocused .rcbArrowCell{
     border-color:#b00 !important;
    background-color:#b00 !important;
}
.btn-enquiry{
    background:#323232;
    height:30px;
    width:75px;
    color:#fff
}
.btn-enquiry:hover{
     background:#b00;
     color:#fff
}
.Btn-Pro-Default,
.Btn-all-Default,
.Btn-finished-Default,
.Btn-future-Default,
.Btn-pending-Default{
    width:100px;
    padding: 10px;
    margin-bottom:20px;
    font-family: 'stc-font';
	/*
    color:#fff;
    background: #323232;
    background-size: 35px;
    border-width:0;
    */
    border-width:0;
    color:#fff;
    background: gray;
}
.Btn-finished-active,
.Btn-future-Active,
.Btn-pending-Active,
.Btn-Pro-Active{
    width:100px;
    padding: 10px;
    margin-bottom:20px;
    font-family: 'stc-font';
	/*
    color:#b00;
    background:#fff;
    background-size: 30px;
    border-width:2px;	
    border-bottom:0;
    border-color:#b00;
    border-radius:3px 3px 0 0px !important;
    */
    border-width:0;
    color:#fff;
    background: #323232;
}
 /*.menu-divider{
     padding-right:15px;
     border-right:1px solid #ddd
 }*/
 .underconstruction{
     background:url(../../Images/underconstruction.png)no-repeat center center;
     background-size:250px;
     min-height:500px
 }
  .InlineForm .form-control{
     width:200px
 }
  .InlineForm .checkbox label{
      font-size:12px
  }

 .col-sm-8 p label{
     font-size:10px
 }
 /******************************************************************************************************************************/



@media (min-width: 768px){
    .footer-logo img{
        height:52px
    }}
@media (max-width: 768px) {
    .home-pad .col-sm-4{
        margin-bottom:50px
    }
    .InlineForm ul {
        display:block;
        width:100%
    }
   .InlineForm ul li .form-control{
       width:100%
    }
   .footer-logo img{
       margin:0 auto
   }

   .nav-bg .col-xs-12{
    width:100%
}
}
/************/
.Message-M{
    margin-right:12px
}
#welcome {
    left: 0;
    position: absolute;
    right: 0;


    padding:0 50px;
    top: -160px;
    z-index: 1000
}

.icon-container {
	width: 180px;
	background-color: #3399B7;
	color:#f6cc2e;
	height: 180px;
	line-height: 82px;
	-webkit-box-shadow: 0px 0px 0px 0px #D2D4E3;/*#d8b52e;*/
	-moz-box-shadow:    0px 0px 0px 0px #D2D4E3;/*#d8b52e;*/
	box-shadow:         0px 0px 0px 0px #D2D4E3;/*#d8b52e;*/
	display: block;
	border:7px solid #535353;/*CCC*/
	border-radius: 100%;
	margin:20px auto 35px;
	text-align: center;
	font-size: 36px;
    overflow:hidden;
}
.welcome-box {
    display:block;
	text-align: center;
	/*padding:60px;*/
	border:0px solid#ddd; /*#D2D4E3;*/
	cursor: pointer;
	background-color: transparent; /* #C5CADD;*/
	border-radius: 3px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	min-height: 50px;
}
.welcome-box:hover {
	border-top-color: #00C3B3;
	background-color: none /*#DAB153 /*#00C3B3/*#D2D4E3*/ !important;
	border-color: transparent;
}
.welcome-box:hover .icon-container {
	background-color:#DAB153; /*#1B673E /*4B4B4B/*DAB153/*3C4975*/
	color:#303030;
	border-color:#DAB153;
}
.icon-container img{
    width:166px;
    height:166px;
    margin:0px;
    border-radius:50%
}
.welcome-box:hover p {
	color:#DAB153;
}
.welcome-box:hover h3 {
	color:#DAB153;
}