@charset "utf-8";
/* CSS Document */
body{ font-family: 'Roboto', sans-serif;}
header {
	height:130px;
}
.img-r{float:right;  margin: 0 0px 0px 15px;}

.head{ margin-top:50px;}
.head p{ margin-bottom:0px; position:relative; padding-left: 20px;}
.head p:nth-child(1)::before {
    content: "\f041";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    color: #595959;
}
.head p:nth-child(2)::before {
    content: "\f095";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    color: #595959;
}
.head p:nth-child(3)::before {
    content: "\f003";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    color: #595959;
}


.head .fa{ color: #DF7424; }
.logo {
    width: 230px;
}
#nav.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:10;
}

/*#myCarousel1 .carousel-control {
    position: absolute;
    top: 20px;
    bottom: 0;
    left: 0;
    width: 3%;
    font-size: 32px;
    color: #383636;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    
    opacity: .5;
}*/

.navbar-inverse {
    background-color: #DF7424;
	border:none;}
.navbar-inverse .navbar-nav > li > a{ color:#FFF; font-weight:bold;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color:#2b5891;	
    background-color: #fff;
}

.navbar {
    margin-bottom: 0px;
    box-shadow: 0 0 10px #fcfcfc;
}
.carousel-fade{height:auto;} 
.carousel-fade .item img{height:auto !important; width:100%;}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1; 
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img{ width:100%;}
.carousel-control.left{ background-image:none;}
.carousel-control.right{ background-image:none;}
.about{ background-color:#f7f8f9; overflow:hidden; padding:20px 15px;}
.about h1{ color:#DF7424;  font-weight:bold;}
.about p{ text-align:center; line-height: 24px;}
.process{padding:50px 15px; box-shadow: 0px 5px 10px #ccc;}
.process h2{  margin-bottom:25px; color:#2a6496;}
.process h3{ color:#DF7424; font-size:20px;  cursor:pointer;}
.process h3:hover{ color:#333;  cursor:pointer;}
.process h3 a:hover{ color:#2a6496; text-decoration:none; cursor:pointer;}
.process h3 a{  color:#2a6496; text-align: justify;}
.process3 h4::before{content:"\f138";  font-family: FontAwesome;
position: absolute;
left: 0;
color: #595959;
}
.process3 h4{position: relative;
padding-left: 20px !important;
}
.icon {
    width: 60px;
    height: 60px;
    font-size: 28px;
    display: block;
    background-color: #DF7424;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    line-height: 60px;
    margin: 15px 0;
}

.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-forward:before {
  content: "\f138";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

.link a{ font-size:12px; display:block; padding:10px 15px ; margin-top:20px; width:120px; text-align:center; background-color:#DF7424; color:#FFF;
border:1px solid #DF7424 }
.link a:hover{ background-color:transparent; border:1px solid #DF7424 ; text-decoration:none; color:#DF7424; }
.read{ color:#DF7424;}
.read:hover{ color:#2a6496; text-decoration:none;}
.hvr-grow-shadow {
  display: block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  /*box-shadow: 0 0 1px rgba(0, 0, 0, 0);*/
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
/*  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);*/
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.products{ padding:50px 15px;}
.products h3{ margin-bottom:25px;}

.prlx-1{ background-image:url(../images/prlx2.jpg); background-attachment:fixed; background-repeat:no-repeat; background-size:cover; height:350px; color:#FFF; padding:50px 0; } 
.prlx{ background-image:url(../images/prlx.jpg); background-attachment:fixed; background-repeat:no-repeat; background-size:cover; color:#FFF; padding:50px 0; } 
.prlx h2{ text-align:center; text-shadow: 1px 1px 5px #333;}
.thumbnail{ margin-bottom:0px;}
.client{ padding:50px 15px;}
.client h2{color:#2a6496; text-align:center; margin-bottom:25px;}
.client img{ margin-bottom:15px;}
/* Removes the default 20px margin and creates some padding space for the indicators and controls */
#myCarousel1.carousel {
    margin-bottom: 0;
	padding: 0 40px 30px 40px;
}
/* Reposition the controls slightly */
#myCarousel1.carousel-control {
	left: -12px;
}
#myCarousel1.carousel-control.right {
	right: -12px;
}
/* Changes the position of the indicators */
#myCarousel1.carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}
/* Changes the colour of the indicators */
#myCarousel1.carousel-indicators li {
	background: #c0c0c0;
}
#myCarousel1.carousel-indicators .active {
background: #333333;
}
.process1 {
    background-color: #f7f8f9;
}

.underline{ width:100px; height:3px; background-color: #2a6496; margin-bottom:15px; margin:10px 0  25px 0; }

.footer{ background-color:#f7f8f9; overflow:hidden; padding:50px 0;}
.footer ul{  margin:auto;}
.footer ul li{ float:left; list-style:none; position: relative;padding-left: 20px;}

.footer ul li a{ color:#DF7424;padding:15px; }
.footer ul li a:hover{ text-decoration:none; color:#2a6496; }

/*.footer ul li {
    list-style-type: none;
    
    
    text-align: justify;
    line-height: 30px;
    color: #CCC;
}*/





.foot-address{ border-left: 1px dotted #ccc; padding-left:15px;}

/*------internal pages -----------*/
.heading{ padding:30px 0; background-color:#2a5891; text-align:center; text-shadow:2px 2px 2px #333; color:#FFF; }
.internal-page{  padding:50px 0;  }
.internal-page h2{ margin-bottom:25px;  }
.internal-page p{ text-align:justify; line-height:25px;}
.internal-page h3{ color:#002f65;}
.internal-page h4{ margin-top:0;  color:#515050; font-size:17px;}
.internal-page .thumbnail { margin-bottom:15px;  }
.box{ padding:15px; }
.client img{ margin-bottom:15px;}

.border-right { border-right:1px dotted #ccc;}
.border-left { border-left:1px dotted #ccc;}
.process3{ padding:25px 0;}
.contact i{ color:#DF7424;}
.process3 h4 {
    background-color: #f5f3f3;
padding: 35px 10px 0;font-size: 18px;
margin: 16px 0;height: 100px;
}

.container .title{
  color: #1a1a1a;
  text-align: center;
  margin-bottom: 10px;
}

.content {
  position: relative;
  
  max-width: 400px;
  margin: auto;
  overflow: hidden;
}

.content .content-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.content .thumbnail{margin-bottom:0px;}

.content:hover .content-overlay{
  opacity: 1;
}

.content-image{
  width: 100%;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}



.content-details a{
  color: #fff;
  font-size: 15px;
}

.fadeIn-bottom{
  top: 80%;
}

.fadeIn-top{
  top: 20%;
}

.fadeIn-left{
  left: 20%;
}

.fadeIn-right{
  left: 80%;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #df7424;
    background-color: #fff;
}
#images .item {
   
   
}
#images .item img {
    display: block;
    width: 100%;
	margin-bottom:20px;
}
.pr{padding-right:0px;}
.pl{padding-left:0px;}
.inner-about h4{color:#393d56 !important;}
.process-1 h3{ position:relative; padding-left:25px;}
.process-1 h3::before{content: "\f00c";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    color: #DF7424;}



 @media only screen and (min-width: 320px) and (max-width:480px)
{
	header 
	{
    height: 270px;
	}
	.link a{
		margin: auto;
    	margin-top: 20px;}
.process h2{text-align: center;}
.underline{margin: auto;}
.process h3{text-align: center;}
.footer ul li {
    float: none;
}
.footer ul li a{text-align:center;}
.footer ul{margin:auto;}
.head{float: left !important;}
.internal-page p{ text-align:left;}
}


@media only screen and (min-width: 481px) and (max-width:567px)
{
	header 
	{
    height: 270px;
	}
	.link a{
		margin: auto;
    	margin-top: 20px;}
.process h2{text-align: center;}
.underline{margin: auto;}
.process h3{text-align: center;}
.footer ul li {
    float: none;
}
.footer ul li a{text-align:center;}
.footer ul{margin:auto;}
.head{float: left !important;}

}

@media only screen and (min-width: 568px) and (max-width:767px)
{
	header 
	{
    height: 270px;
	}
	.link a{
		margin: auto;
    	margin-top: 20px;}
.process h2{text-align: center;}
.underline{margin: auto;}
.process h3{text-align: center;}
.footer ul li {
    padding-left:0px;
}
.footer ul li a{text-align:center; padding: 8px;}
.footer ul{margin:auto; padding: 0;}
.head{float: left !important;}
.img-r{float: right;
margin: 0 45px 0;}

}

@media only screen and (min-width: 768px) and (max-width:991px)
{
header {
    height: 170px;
}	
.navbar-nav {
    margin: 7.5px -15px;
}
.pn{padding:0;}
.navbar-nav > li > a {
    padding-top: 13px;
    padding-bottom: 13px;
}

.nav > li > a{padding: 8px 6px; font-size: 12px;}	
.footer ul{padding: 0;}
.footer ul li{padding-left: 0px;}
.footer ul li a{padding: 13px;}
.img-r {
    float: right;
    margin: 0px 13px;
}
.foot-address h3{font-size: 23px;}

}
@media only screen and (min-width: 992px) and (max-width:1024px)
{
	.navbar-nav {
    margin: 7.5px -15px;
}
.nav > li > a{padding: 10px 14px;}
}
@media only screen and (min-width: 1025px) and (max-width:1199px)
{
	.nav > li > a{padding: 16px 13px;}
}