*[dir="rtl"] { direction: rtl; unicode-bidi: embed; }
bdo[dir="rtl"] { direction: rtl; unicode-bidi: bidi-override; }

p[dir] {  unicode-bidi: bidi-override;}
h2[dir] {  unicode-bidi: bidi-override;}
h3[dir] {  unicode-bidi: bidi-override;}
a[dir] {  unicode-bidi: bidi-override;}
span[dir] {  unicode-bidi: bidi-override;}

*{padding:0px ;border:0px; margin:0px;outline: none !important;}
body {font-family: 'Raleway', sans-serif;background: #fff;font-size:14px;line-height: 18px;color:#4d4d4d;}
body.portfolio{overflow-x:hidden;}
img {text-decoration: none;border: 0px;}
a{color:#3e3e3e;}
a:hover, a:active, a:focus {outline: none !important;text-decoration: none;color:#ff330b;}
.flt{float:left;}
.frt{float:right;}
.pad0{padding:0px;}
.padRgt0{padding-right:0px;}
.padL0{padding-left:0px;}
p{margin:0px;font-size:15px;    line-height: 25px;}
.mar10{margin-bottom:40px;}


/* header */
.main-header{float: left;    width: 100%;    margin-bottom: 15px;}
.homeHeader{background: #4367a1;    margin-bottom: 1px;}
.homeHeader .container{padding:0px;}
.header-right{margin: 15px 0 10px;    text-align: right;}
.header-right p{margin-bottom:3px;}
.navbar-collapse{padding:0px;}

/* menu */
.menu-title{display:none;}
.navbar{background:none;border-radius: 0px;margin:50px 50px 0 0;min-height:100%;border:none;}
.navbar-nav {font-size: 1.25em;text-transform: uppercase;margin-top: 30px;}
.navbar-nav li a{color: #fff;    text-shadow: none;    font-size: 25px;    padding: 0 0 5px;    width: auto;    float: left;
    margin-right:30px;    font-weight: 500;}
.navbar-nav li a:hover{color:#f88e26;}
.navbar-nav li a:hover{background:none;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus,.nav > li > a:hover, .nav > li > a:focus{background:none;border:none;}
.social-head{margin: 80px 20px 0 0;}
.social-head a{color: #fff;    font-size: 25px;margin-right:7px;}
.social-head a:hover{color:#f88e26;}

.container-fluid{padding: 0px;    margin: 0px;}
.carousel-inner{width: 100%;margin: 0 auto;}
.slider .item img{float:left;}
.carousel-control.right,.carousel-control.left{background:none;}
.carousel-control{top:42%;width:100px;}
.carousel-control.left{  left: 0px;}
.carousel-caption{top:30%;text-align: right;right:10%;margin-top:8%;}
.carousel-caption h3 {    color: #3b5998;    font-size: 50px;    text-shadow: none;    direction: rtl;}
.carousel-caption p{ text-shadow: none;color:#252525;font-size:30px;line-height:36px;width:55%;margin: 30px 0;}
.carousel-caption a{ text-shadow: none;
    background: #f88e26;
    padding: 13px 25px;
    border-radius: 5px;
    color: #fff;
    font-size: 25px;
    display: inline-block;}

	
	/*about section*/
.abtSection{margin:50px 0;}
.abtLft img{padding:20px;background:#f4f5f9;}
h2.title{display: inline-block;    margin: 0 0 40px;}
h2.tk{display: inline-block;    margin: 0 0 0px;}
h2.title span{border-bottom:5px solid #f88e26;padding-bottom: 10px;}

/*what we do*/
/* CSS used here will be applied after bootstrap.css */
.weDoInner{position: relative;    width: 100%;z-index:90;}
.weDoInner h3{position: absolute;    bottom: 0px;    text-align: center;    width: 100%;    background: #4367a1;
    color: #fff;    padding: 10px 0;    margin: 0px;    display: inline-block;    font-weight: normal;    font-size: 20px;}

.thumb{
    height:223px;
	padding:0px;
  	position: relative;
	overflow: hidden;
	display: block;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	margin: 5px;
    width: 24%;
}
  
.thumb .caption{
	z-index:99;
  	opacity:0;
    -moz-opacity: 0.5;
    display: block;
    position: absolute;
    top: 0;
	text-align:Center;
    left: 0;
    background:#f6f6f6;
    width: 100%;
    height: 100%;
    color: #fff !important;
  	-webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.thumb .caption h3{color: #f88e26;    font-weight: normal;    font-size: 20px;}
.thumb .caption p{color:#637285;font-size:12px;line-height:18px;width: 90%;    margin: 0 auto;}
.thumb .caption a{border:1px solid #f88e26;border-radius:5px;padding:8px 25px;color: #f88e26; margin-top: 12px;    display: inline-block;}
.thumb .caption a:hover{    color: #2f4c7b;}

.second-container{
	margin-top: 20px;
}

/*abt page*/
h2.pageTitle{display: inline-block;    margin: 40px 0 60px;width: 100%;    text-align: center;}
.titlespace{display: inline-block; margin: 20px 0 20px; width: 100%;}
h2.pageTitle span{border-bottom:5px solid #f88e26;padding-bottom: 10px;}
.abtRgt ul{margin-top:20px;}
.abtRgt ul li{width:100%;float: left;    margin: 15px 0px 0px -11px}

/*contact page*/
.contLft,.contRgt{background: #fafafa;    border-radius: 10px;    box-shadow: 0px 0px 9px 1px #e5e5e5;padding: 20px;}
.contLft h3{color:#f88e26;margin: 20px 0;}
.contLft p{color:#999999}
.map{margin-top:50px;}
.contRgt button{background: #4367a1;
    color: #fff;
    padding: 10px 20px;}
	
/* serv page*/

.servLft{margin-bottom:50px;}
.servRgt img{border:2px solid #e7e7e7;}
.servLft h3{color:#3d479e;    margin: 0 0 20px;}

.footer{background:#212f46;padding:40px 0 30px;color:#a5a9af;margin-top: 50px;text-align: center;}
.footer p.msg{    width: 70%;    margin: 0 auto;    border-bottom: 1px solid #4d596b;    padding: 0 0 20px 0;    margin-bottom: 20px;}
.footerMenu a{color: #9498a0;    font-size: 19px;    margin: 0 10px;}
.footerMenu a:hover{color:#fff;}
p.copy{font-size:12px;color:#a5a9af;text-align:center;padding:20px 0 0;}




	/**
	
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}


@media (max-width: 767px) {
	.carousel-inner .active.left { left: -100%; }
	.carousel-inner .next        { left:  100%; }
	.carousel-inner .prev		 { left: -100%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }

}
@media (min-width: 767px) and (max-width: 992px ) {
	.carousel-inner .active.left { left: -50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		 { left: -50%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }
	.active > div:first-child + div { display:block; }
}
@media (min-width: 992px ) {
	.carousel-inner .active.left { left: -25%; }
	.carousel-inner .next        { left:  25%; }
	.carousel-inner .prev		 { left: -25%; }	
}