@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 14px;
	overflow-x: hidden;
}
.loader {
    background:#fff url(../images/logo.png) no-repeat center center;
	height: 655px;
	width: 100%;
	position: fixed;
	z-index: 99999;
	left: 0;
	top:0;
	
}
.header{
	background: #485e88;
	padding: 10px;
	overflow: hidden;
}
.header .icon, .header .icon1{
	background: #5671a6;
	width: 35px;
	height: 35px;
	border-radius: 4px;
	float: left;
}
.header .icon i{
	font-size: 29px;
	color: #fff;
	padding: 3px;
}
.header .icon1 i{
	font-size: 29px;
	color: #fff;
	padding: 3px 8px;
}
.header p{
	font-size: 14px;
	font-weight: 400;
	padding: 6px 15px;
	color: #fff;
	float: left;
	margin: 0;
}
.right{float: right;}
.col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    float: left;
}
.col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    float: left;
}
.header1{padding: 10px;}
.col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
    float: left;
}
.header1 i{
	font-size: 30px;
	padding: 15px 10px;
	color: #000;
	float: left;
}
.header1 p{
	font-size: 14px;
	padding: 10px 0;
	color: #000;
	font-weight: 400;
	margin: 0;
}
.col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
    float: left;
}
.bg-light {
    background-color: #fff !important;
}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color: rgba(9, 112, 162, 0.9);
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color:#21ade3;
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0);
}
.navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    margin-left: 330px!important;
}
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0!important;
    border: 1px solid transparent;
	border-radius: 0!important;
}
.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9);
    width: 127px;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 2.5rem;
    padding-left: .5rem;
}

/*--------------------------------------Slider----------------------------------*/
.slider {
  overflow: hidden;
  position: relative;
  height: 100vh;
  color: #fff;
}
.slider__top-heading {
  z-index: 12;
  position: absolute;
  left: 0;
  top: 100px;
  width: 100%;
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  -webkit-transition: all 0.5s 1s;
  transition: all 0.5s 1s;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
  opacity: 0;
}
.slider.s--ready .slider__top-heading {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.slider__slides {
  position: relative;
  height: 80%;
}
.slider__slide {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.slider__slide.s--active {
  pointer-events: auto;
}
.slider__slide-content {
  z-index: 6;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  text-transform: uppercase;
  line-height: 1;
}
.slider__slide-subheading {
  margin-bottom: 20px;
  font-size: 44px;
  letter-spacing: 2px;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.slider__slide.s--active .slider__slide-subheading {
  -webkit-transition-delay: 0.65s;
          transition-delay: 0.65s;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.slider__slide-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  font-size: 60px;
  letter-spacing: 12px;
}
.slider__slide-heading span {
  display: block;
  opacity: 0;
  -webkit-transform: translateY(-60px);
          transform: translateY(-60px);
  -webkit-transition: all 0.33333s;
  transition: all 0.33333s;
}
.slider__slide.s--prev .slider__slide-heading span {
  -webkit-transform: translateY(60px);
          transform: translateY(60px);
}
.slider__slide.s--active .slider__slide-heading span {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.slider__slide-heading span:nth-child(1) {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.slider__slide.s--active .slider__slide-heading span:nth-child(1) {
  -webkit-transition-delay: 0.33333s;
          transition-delay: 0.33333s;
}
.slider__slide-heading span:nth-child(2) {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.slider__slide.s--active .slider__slide-heading span:nth-child(2) {
  -webkit-transition-delay: 0.43333s;
          transition-delay: 0.43333s;
}
.slider__slide-heading span:nth-child(3) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.slider__slide.s--active .slider__slide-heading span:nth-child(3) {
  -webkit-transition-delay: 0.53333s;
          transition-delay: 0.53333s;
}
.slider__slide-heading span:nth-child(4) {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.slider__slide.s--active .slider__slide-heading span:nth-child(4) {
  -webkit-transition-delay: 0.63333s;
          transition-delay: 0.63333s;
}
.slider__slide-heading span:nth-child(5) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.slider__slide.s--active .slider__slide-heading span:nth-child(5) {
  -webkit-transition-delay: 0.73333s;
          transition-delay: 0.73333s;
}
.slider__slide-heading span:nth-child(6) {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.slider__slide.s--active .slider__slide-heading span:nth-child(6) {
  -webkit-transition-delay: 0.83333s;
          transition-delay: 0.83333s;
}
.slider__slide-heading span:nth-child(n+7) {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.slider__slide.s--active .slider__slide-heading span:nth-child(n+7) {
  -webkit-transition-delay: 0.93333s;
          transition-delay: 0.93333s;
}
.slider__slide-readmore {
  position: relative;
  font-size: 14px;
  text-transform: lowercase;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  cursor: pointer;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.slider__slide.s--active .slider__slide-readmore {
  -webkit-transition-delay: 0.65s;
          transition-delay: 0.65s;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.slider__slide-readmore:before {
  content: '';
  position: absolute;
  left: -2px;
  top: -3px;
  width: calc(100% + 4px);
  height: calc(100% + 6px);
  background: rgba(255, 255, 255, 0.4);
  -webkit-transform: scaleX(0.3);
          transform: scaleX(0.3);
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.slider__slide-readmore:hover:before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.slider__slide-parts {
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
.slider__slide-parts:after {
  content: '';
  z-index: 5;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
}
.slider__slide-part {
  position: relative;
  width: 25%;
  height: 100%;
}
.slider__slide-part-inner {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  background-size: 0 0;
  background-repeat: no-repeat;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}
.slider__slide-part-inner:before {
  content: '';
  position: absolute;
  width: 100vw;
  height: 100%;
  background-image: inherit;
  background-size: cover;
  background-position: center center;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
  opacity: 0;
}
.slider__slide-part:nth-child(1) .slider__slide-part-inner {
  z-index: 3;
  -webkit-transition-delay: 0.24s;
          transition-delay: 0.24s;
  -webkit-transform: translateX(-32.5%);
          transform: translateX(-32.5%);
}
.slider__slide.s--active .slider__slide-part:nth-child(1) .slider__slide-part-inner {
  -webkit-transition-delay: 0.28s;
          transition-delay: 0.28s;
}
.slider__slide-part:nth-child(1) .slider__slide-part-inner:before {
  left: 0vw;
  -webkit-transition-delay: 0.365s;
          transition-delay: 0.365s;
}
.slider__slide.s--active .slider__slide-part:nth-child(1) .slider__slide-part-inner:before {
  -webkit-transition-delay: 0.28s;
          transition-delay: 0.28s;
}
.slider__slide-part:nth-child(2) .slider__slide-part-inner {
  z-index: 2;
  -webkit-transition-delay: 0.16s;
          transition-delay: 0.16s;
  -webkit-transform: translateX(-65%);
          transform: translateX(-65%);
}
.slider__slide.s--active .slider__slide-part:nth-child(2) .slider__slide-part-inner {
  -webkit-transition-delay: 0.36s;
          transition-delay: 0.36s;
}
.slider__slide-part:nth-child(2) .slider__slide-part-inner:before {
  left: -25vw;
  -webkit-transition-delay: 0.285s;
          transition-delay: 0.285s;
}
.slider__slide.s--active .slider__slide-part:nth-child(2) .slider__slide-part-inner:before {
  -webkit-transition-delay: 0.36s;
          transition-delay: 0.36s;
}
.slider__slide-part:nth-child(3) .slider__slide-part-inner {
  z-index: 1;
  -webkit-transition-delay: 0.08s;
          transition-delay: 0.08s;
  -webkit-transform: translateX(-97.5%);
          transform: translateX(-97.5%);
}
.slider__slide.s--active .slider__slide-part:nth-child(3) .slider__slide-part-inner {
  -webkit-transition-delay: 0.44s;
          transition-delay: 0.44s;
}
.slider__slide-part:nth-child(3) .slider__slide-part-inner:before {
  left: -50vw;
  -webkit-transition-delay: 0.205s;
          transition-delay: 0.205s;
}
.slider__slide.s--active .slider__slide-part:nth-child(3) .slider__slide-part-inner:before {
  -webkit-transition-delay: 0.44s;
          transition-delay: 0.44s;
}
.slider__slide-part:nth-child(4) .slider__slide-part-inner {
  z-index: 0;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: translateX(-130%);
          transform: translateX(-130%);
}
.slider__slide.s--active .slider__slide-part:nth-child(4) .slider__slide-part-inner {
  -webkit-transition-delay: 0.52s;
          transition-delay: 0.52s;
}
.slider__slide-part:nth-child(4) .slider__slide-part-inner:before {
  left: -75vw;
  -webkit-transition-delay: 0.125s;
          transition-delay: 0.125s;
}
.slider__slide.s--active .slider__slide-part:nth-child(4) .slider__slide-part-inner:before {
  -webkit-transition-delay: 0.52s;
          transition-delay: 0.52s;
}
.slider__slide.s--active .slider__slide-part-inner {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
.slider__slide.s--active .slider__slide-part-inner:before {
  opacity: 1;
}
.slider__control {
  z-index: 100;
  position: absolute;
  left: 50px;
  top: 40%;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  -webkit-transform: translateX(-50px);
          transform: translateX(-50px);
  opacity: 0;
  -webkit-transition: all 0.5s 1s;
  transition: all 0.5s 1s;
  cursor: pointer;
}
.slider__control:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  border: 2px solid #000;
  border-bottom: none;
  border-right: none;
  -webkit-transform: translateX(5px) rotate(-45deg);
          transform: translateX(5px) rotate(-45deg);
}
.slider__control--right {
  left: auto;
  right: 50px;
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
}
.slider__control--right:before {
  -webkit-transform: translateX(-5px) rotate(135deg);
          transform: translateX(-5px) rotate(135deg);
}
.slider.s--ready .slider__control {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

.icon-link {
  z-index: 100;
  position: absolute;
  left: 5px;
  bottom: 5px;
  width: 32px;
}
.icon-link img {
  width: 100%;
  vertical-align: top;
}
.icon-link--twitter {
  left: auto;
  right: 5px;
}
/*----------------------------------slider-end-----------------------------------*/
/*---------------------------------ruler--------------------------------------------*/
.ruler {
     position: relative;
    width: 96%;
    margin: -130px 2px -39px 2px;
    height: 29px;
}
.ruler .cm,
.ruler .mm {
 position: absolute;
 border-left: 1px solid #555;
 height: 9px;
 width: 10%;
}
.ruler .cm:after {
 position: absolute;
 bottom: -15px;
 font: 11px/1 sans-serif;
}
.ruler .mm {
 height: 12px;
}
.ruler .mm:nth-of-type(5) {
 height: 17px;
	
}
.ruler .cm:nth-of-type(1) {
 left: 0%;
}
.ruler .cm:nth-of-type(1):after {
 content: "";
}
.ruler .cm:nth-of-type(2) {
 left: 10%;
}
.ruler .cm:nth-of-type(2):after {
 content: "";
}
.ruler .cm:nth-of-type(3) {
 left: 20%;
}
.ruler .cm:nth-of-type(3):after {
 content: "";
}
.ruler .cm:nth-of-type(4) {
 left: 30%;
}
.ruler .cm:nth-of-type(4):after {
 content: "";
}
.ruler .cm:nth-of-type(5) {
 left: 40%;
}
.ruler .cm:nth-of-type(5):after {
 content: "";
}
.ruler .cm:nth-of-type(6) {
 left: 50%;
}
.ruler .cm:nth-of-type(6):after {
 content: "";
}
.ruler .cm:nth-of-type(7) {
 left: 60%;
}
.ruler .cm:nth-of-type(7):after {
 content: "";
}
.ruler .cm:nth-of-type(8) {
 left: 70%;
}
.ruler .cm:nth-of-type(8):after {
 content: "";
}
.ruler .cm:nth-of-type(9) {
 left: 80%;
}
.ruler .cm:nth-of-type(9):after {
 content: "";
}
.ruler .cm:nth-of-type(10) {
 left: 90%;
}
.ruler .cm:nth-of-type(10):after {
 content: "";
}
.ruler .cm:nth-of-type(11) {
 left: 100%;
}
.ruler .cm:nth-of-type(11):after {
 content: "";
}
.ruler .mm:nth-of-type(1) {
 left: 10%;
}
.ruler .mm:nth-of-type(2) {
 left: 20%;
}
.ruler .mm:nth-of-type(3) {
 left: 30%;
}
.ruler .mm:nth-of-type(4) {
 left: 40%;
}
.ruler .mm:nth-of-type(5) {
 left: 50%;
}
.ruler .mm:nth-of-type(6) {
 left: 60%;
}
.ruler .mm:nth-of-type(7) {
 left: 70%;
}
.ruler .mm:nth-of-type(8) {
 left: 80%;
}
.ruler .mm:nth-of-type(9) {
 left: 90%;
}
/*---------------------------------------------------------------------------------*/
/*Thumbnail Background*/
.thumb {
	width: 100%; height: 300px; margin: 83px 0 30px 0;
	perspective: 1000px;
}
.thumb a {
	display: block; width: 100%; height: 100%;
	/*double layered BG for lighting effect*/
	background: 
		linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), 
		url("../images/about.png");
	/*disabling the translucent black bg on the main image*/
	background-size: 0, cover;
	/*3d space for children*/
	transform-style: preserve-3d;
	transition: all 0.5s;
}
.thumb:hover a {transform: rotatey(120deg); transform-origin: bottom;}
/*bottom surface */
.thumb a:after {
	/*36px high element positioned at the bottom of the image*/
	content: ''; position: absolute; left: 0; bottom: 0; 
	width: 100%; height: 36px;
	/*inherit the main BG*/
	background: inherit; background-size: cover, cover;
	/*draw the BG bottom up*/
	background-position: bottom;
	/*rotate the surface 90deg on the bottom axis*/
	transform: rotatey(360deg); transform-origin: bottom;
}
/*label style*/
.thumb a span {
	color: white; text-transform: uppercase;
	position: absolute; top: 100%; left: 0; width: 100%;
	font: bold 12px/36px Montserrat; text-align: center;
	/*the rotation is a bit less than the bottom surface to avoid flickering*/
	transform: rotatey(-6.19deg); transform-origin: top;
	z-index: 1;
}
/*shadow*/
.thumb a:before {
	content: ''; position: absolute; top: 0; left: 0;
	width: 100%; height: 100%;
	background: rgba(0, 0, 0, 0.5); 
	box-shadow: 0 0 100px 50px rgba(0, 0, 0, 0.5);
	transition: all 0.5s; 
	/*by default the shadow will be almost flat, very transparent, scaled down with a large blur*/
	opacity: 0.15;
	transform: rotateX(360deg) translateZ(-80px) scale
}
.about h2{
	font-size: 22px;
	color: #000;
	padding: 15px 0;
	margin-top: 83px;
}
.col-sm-7 {
    width: 58.333333333333336%;
    float: left;
}
.about p{
	font-size: 14px;
	font-weight: 400;
	color: #333;
	line-height: 28px;
}
.about hr {
    margin-top: -3px;
    margin-bottom: 20px;
    border: 0;
        border-top-width: 0px;
        border-top-style: none;
        border-top-color: currentcolor;
    border-top: 2px solid #7b7b7b;
}
/*----------------------------------------------------------------------*/
.ruler1 {
     position: relative;
    width: 96%;
    margin: 10px 2px -39px 2px;
    height: 29px;
}
.ruler1 .cm,
.ruler1 .mm {
 position: absolute;
 border-left: 1px solid #555;
 height: 9px;
 width: 10%;
}
.ruler1 .cm:after {
 position: absolute;
 bottom: -15px;
 font: 11px/1 sans-serif;
}
.ruler1 .mm {
 height: 12px;
}
.ruler1 .mm:nth-of-type(5) {
 height: 17px;
	
}
.ruler .cm:nth-of-type(1) {
 left: 0%;
}
.ruler1 .cm:nth-of-type(1):after {
 content: "";
}
.ruler1 .cm:nth-of-type(2) {
 left: 10%;
}
.ruler1 .cm:nth-of-type(2):after {
 content: "";
}
.ruler1 .cm:nth-of-type(3) {
 left: 20%;
}
.ruler1 .cm:nth-of-type(3):after {
 content: "";
}
.ruler1 .cm:nth-of-type(4) {
 left: 30%;
}
.ruler1 .cm:nth-of-type(4):after {
 content: "";
}
.ruler1 .cm:nth-of-type(5) {
 left: 40%;
}
.ruler1 .cm:nth-of-type(5):after {
 content: "";
}
.ruler1 .cm:nth-of-type(6) {
 left: 50%;
}
.ruler1 .cm:nth-of-type(6):after {
 content: "";
}
.ruler1 .cm:nth-of-type(7) {
 left: 60%;
}
.ruler1 .cm:nth-of-type(7):after {
 content: "";
}
.ruler1 .cm:nth-of-type(8) {
 left: 70%;
}
.ruler1 .cm:nth-of-type(8):after {
 content: "";
}
.ruler1 .cm:nth-of-type(9) {
 left: 80%;
}
.ruler1 .cm:nth-of-type(9):after {
 content: "";
}
.ruler1 .cm:nth-of-type(10) {
 left: 90%;
}
.ruler1 .cm:nth-of-type(10):after {
 content: "";
}
.ruler1 .cm:nth-of-type(11) {
 left: 100%;
}
.ruler1 .cm:nth-of-type(11):after {
 content: "";
}
.ruler1 .mm:nth-of-type(1) {
 left: 10%;
}
.ruler1 .mm:nth-of-type(2) {
 left: 20%;
}
.ruler1 .mm:nth-of-type(3) {
 left: 30%;
}
.ruler1 .mm:nth-of-type(4) {
 left: 40%;
}
.ruler1 .mm:nth-of-type(5) {
 left: 50%;
 top: -8px;
}
.ruler1 .mm:nth-of-type(6) {
 left: 60%;
}
.ruler1 .mm:nth-of-type(7) {
 left: 70%;
}
.ruler1 .mm:nth-of-type(8) {
 left: 80%;
}
.ruler1 .mm:nth-of-type(9) {
 left: 90%;
}
/*-----------------------------------------------------------------------------*/
.why{
	background: url(../images/building-construction-23216.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: relative;
	height: 600px;
}
.overlay{
	background: rgba(72,94,136,0.7);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.why h2{
	font-size: 22px;
	font-weight: 500;
	color: #fff;
	padding: 25px 0;
	position: relative;
}
.why hr, .history hr {
    margin-top: -3px;
    margin-bottom: 20px;
    border: 0;
        border-top-width: 0px;
        border-top-style: none;
        border-top-color: currentcolor;
    border-top-width: 0px;
    border-top-style: none;
    border-top-color: currentcolor;
    border-top: 2px solid #fff;
    width: 240px;
    position: relative;
    left: 390px;
}
.why .us{
	position: relative;
	border: solid 2px#fff;
	border-radius: 4px;
	padding: 10px;
	margin: 15px 0;
}
.us img{
	width: 70px;
	height: 70px;
	margin-left: 100px;
}
.us h3{
	font-size: 20px;
	font-weight: 400;
	color: #fff;
	position: relative;
}
.us p{
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	position: relative;
}
.project h2{
	font-size: 22px;
	color: #000;
	padding: 45px 0 15px 0;
	margin-top: -10px;
}
.project h4{
	font-size: 18px;
	font-weight: 500;
	color: #333;
	padding: 0  10px;
}
.project span{
	font-size: 16px;
	font-weight: 500;
	color: #4B4A4A;
	padding: 0 10px;
}
.project ul li{
	font-size: 14px;
	font-weight: 400;
	color: #888484;
	padding: 4px;
}
.ruler2 {
     position: relative;
    width: 96%;
    margin: 0px 2px -39px 2px;
    height: 29px;
}
.ruler2 .cm,
.ruler2 .mm {
 position: absolute;
 border-left: 1px solid #555;
 height: 9px;
 width: 10%;
}
.ruler2 .cm:after {
 position: absolute;
 bottom: -15px;
 font: 11px/1 sans-serif;
}
.ruler2 .mm {
 height: 12px;
}
.ruler2 .mm:nth-of-type(5) {
 height: 17px;
	
}
.ruler2 .cm:nth-of-type(1) {
 left: 0%;
}
.ruler2 .cm:nth-of-type(1):after {
 content: "";
}
.ruler2 .cm:nth-of-type(2) {
 left: 10%;
}
.ruler2 .cm:nth-of-type(2):after {
 content: "";
}
.ruler2 .cm:nth-of-type(3) {
 left: 20%;
}
.ruler2 .cm:nth-of-type(3):after {
 content: "";
}
.ruler2 .cm:nth-of-type(4) {
 left: 30%;
}
.ruler2 .cm:nth-of-type(4):after {
 content: "";
}
.ruler2 .cm:nth-of-type(5) {
 left: 40%;
}
.ruler2 .cm:nth-of-type(5):after {
 content: "";
}
.ruler2 .cm:nth-of-type(6) {
 left: 50%;
}
.ruler2 .cm:nth-of-type(6):after {
 content: "";
}
.ruler2 .cm:nth-of-type(7) {
 left: 60%;
}
.ruler2 .cm:nth-of-type(7):after {
 content: "";
}
.ruler2 .cm:nth-of-type(8) {
 left: 70%;
}
.ruler2 .cm:nth-of-type(8):after {
 content: "";
}
.ruler2 .cm:nth-of-type(9) {
 left: 80%;
}
.ruler2 .cm:nth-of-type(9):after {
 content: "";
}
.ruler2 .cm:nth-of-type(10) {
 left: 90%;
}
.ruler2 .cm:nth-of-type(10):after {
 content: "";
}
.ruler2 .cm:nth-of-type(11) {
 left: 100%;
}
.ruler2 .cm:nth-of-type(11):after {
 content: "";
}
.ruler2 .mm:nth-of-type(1) {
 left: 10%;
}
.ruler2 .mm:nth-of-type(2) {
 left: 20%;
}
.ruler2 .mm:nth-of-type(3) {
 left: 30%;
}
.ruler2 .mm:nth-of-type(4) {
 left: 40%;
}
.ruler2 .mm:nth-of-type(5) {
 left: 50%;
}
.ruler2 .mm:nth-of-type(6) {
 left: 60%;
}
.ruler2 .mm:nth-of-type(7) {
 left: 70%;
}
.ruler2 .mm:nth-of-type(8) {
 left: 80%;
}
.ruler2 .mm:nth-of-type(9) {
 left: 90%;
}
.project hr {
    margin-top: -3px;
    margin-bottom: 20px;
    border: 0;
        border-top-width: 0px;
        border-top-style: none;
        border-top-color: currentcolor;
    border-top: 2px solid #7b7b7b;
	width: 170px;
	margin-left: 420px;
}


.image-hover * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.image-hover {position:relative;width:100%;height:300px;display:inline-block;overflow:hidden;background:#fff;
box-shadow:0px 2px 3px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.3)}
.image-hover a {text-decoration:none}


/*** effect zoom in ***/

.img-zoom-in img 
{
transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
}

.img-zoom-in:hover img 
{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
}
/*----------------------------------------------------------------------------------*/
.footer{
	background: #485e88;
	padding: 15px 0;
	margin-top: 20px;
	overflow: hidden;
}
.footer h2{
	font-size: 22px;
	color: #fff;
	padding: 15px 0;
	margin: 0;
}
 .footer ul{padding-left: 0;}
 .footer ul li{list-style-type: none;}
 .footer ul li a{
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	text-decoration: none;
	padding: 8px 0;
	display: block;
}
.footer ul li a:hover{color: #66e1fd;}
.project .footer ul{padding-left: 0;}
.project .footer ul li{list-style-type: none;}
.project .footer ul li a{
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	text-decoration: none;
	padding:4px 0;
	display: block;
}
.project .footer ul li a:hover{color: #66e1fd;}
.footer i{
	font-size: 23px;
	padding: 10px;
	color: #fff;
	float: left;
}
.footer span{
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	margin: 10px 0;
	padding-left: 42px;
	display: block;
}
.footer img{
	width: 30px;
	height: 30px;
	margin: 0 5px;
	float: left;
}
.footer .foo img{
	width: 100%;
	height: 60px;
	margin-top: 100px;
}
.copy{
	padding: 10px 0;
}
.copy span{
	font-size: 14px;
	color: #000;
	font-weight: 400;
	margin: 0;
	padding: 0;
}

/*------------------------------about us----------------------------------------------*/
.banner{
	background: url(../images/aa.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 300px;
}
.banner h2{
	font-size: 22px;
	font-weight: 500;
	padding: 50px 0;
	margin: 83px 390px;
	position: absolute;
	color: #fff;
}
.grow img {
  height: 350px;
  width: 500px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow img:hover {
  width: 400px;
  height: 350px;
}
.project p{
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	color: #333;
	padding: 10px 20px;
}
.project h3{
	font-size: 20px;
	font-weight: 500;
	color: #89afe0;
	padding: 20px 10px;
	margin: 0;
}
.project ul{padding-left: 40px;}
.project ul li{
	font-size: 14px;
	font-weight: 400;
	color: #333;
	padding: 8px 0;
	list-style-type: disc;
}
.history{
	background: #485e88;
	padding: 15px 0;
	margin-top: 20px;
	overflow: hidden;
}
.history h2{
	font-size: 22px;
	color: #fff;
	padding: 15px 0;
	margin: 0;
}
.his{background: #fff; padding: 5px;position: relative;top: -30px;}
.history .his h3{
	font-size: 16px;
	font-weight: 400;
	color: #333;
	margin: 0;
	padding: 5px;
}
.hist{border:solid 2px#fff; border-radius: 4px;padding: 10px;}
.hist h3{
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	margin: 0;
	padding: 5px;
}
.hist p{
	font-size: 12px;
	font-weight: 400;
	color: #fff;
	margin: 0;
	padding: 5px;
	line-height: 22px;
}
.vision{padding: 15px 0; overflow: hidden;}
.vision h2{
	font-size: 22px;
	color: #333;
	padding: 15px 0;
	margin: 0; 
}
.vision hr {
    margin-top: -3px;
    margin-bottom: 20px;
    border: 0;
        border-top-width: 0px;
        border-top-style: none;
        border-top-color: currentcolor;
    border-top: 2px solid #7b7b7b;
	width: 120px;
	margin-left: 176px;
}
.vision p{
	font-size: 14px;
	font-weight: 400;
	color: #333;
	margin: 0;
	padding: 5px;
	line-height: 22px;
}
.vision ul{padding-left: 40px;}
.vision ul li{
	font-size: 14px;
	font-weight: 400;
	color: #333;
	padding: 8px 0;
	list-style-type: disc;
}


	.client {
		width:100%;
		height:220px;
		background-color:#fff;
		text-align:center;
		float:left;
		font-family: 'Open Sans', sans-serif;
		letter-spacing:1px;
			-webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
		border-right:1px solid #f0f0f0;
		border-bottom:1px solid #f0f0f0;
		cursor:pointer;
	}
.client img {height: 220px; width: 100%;}
	
	
	.client h2, .client h3 {
		font-size:16px;
		color:#888;
		padding:0px;
		margin:0px;
	}
	
	.client h3 {
		font-weight:100;
		margin-top:0px;
	}
	
	.clearer {
		clear:both;
	}
	
	.client:hover {
		-ms-transform: scale(1.1,1.1); /* IE 9 */
    -webkit-transform: scale(1.1,1.1); /* Safari */
    transform: scale(1.1,1.1);
		-webkit-box-shadow: 10px 10px 91px 0px rgb(0, 60, 122);
-moz-box-shadow: 10px 10px 91px 0px rgba(0, 60, 122,1);
box-shadow: 10px 10px 91px 0px rgba(0, 60, 122,1);
		z-index:9999;
		border-right:1px solid transparent;
		border-bottom:1px solid transparent;
		cursor:pointer;
		background-color:#fff;
	}

.client:hover .logo {
background: rgba(244,103,110,1);
background: -moz-linear-gradient(top, rgba(244,103,110,1) 0%, rgba(77,64,111,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244,103,110,1)), color-stop(100%, rgba(77,64,111,1)));
background: -webkit-linear-gradient(top, rgba(244,103,110,1) 0%, rgba(77,64,111,1) 100%);
background: -o-linear-gradient(top, rgba(244,103,110,1) 0%, rgba(77,64,111,1) 100%);
background: -ms-linear-gradient(top, rgba(244,103,110,1) 0%, rgba(77,64,111,1) 100%);
background: linear-gradient(to bottom, rgba(244,103,110,1) 0%, rgba(77,64,111,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4676e', endColorstr='#4d406f', GradientType=0 );
  border:5px solid #eee;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    margin-top: 15px;
    margin: 15px 0;
}
.btn-dark:hover {
    color: #fff!important;
    background-color: #009ec2!important;
    border-color: #009ec2!important;
}
.btn-dark {
    color: #fff!important;
    background-color: #485e88!important;
    border-color: #485e88!important;
}

/*---------------------------------------------media------------------------------------*/
@media only screen and (max-width : 1366px){
	.navbar-nav {margin-left: 828px !important;}
	.ruler {margin: -153px 2px -39px 2px;}
	.navbar-light .navbar-brand { width: 129px;}
	.grow img {width: 670px;}
	.project hr {margin-left: 599px;}
	.why hr, .history hr {position: relative; left: 550px;}
	.vision hr {margin-left: 264px;}
}
@media (max-width: 1280px) {
	.navbar-nav {margin-left: 720px !important;}
	.ruler {margin: -143px 2px -39px 2px;}
	.project hr {margin-left: 557px;}
	.why hr, .history hr {position: relative; left: 528px;}
	.vision hr {margin-left: 242px;}
}

@media only screen and (max-width : 1024px){
	.navbar-nav {margin-left: 150px !important;}
	.ruler {margin: -130px 2px -39px 2px;}
	.project hr {display:none;}
	.why hr, .history hr {display:none;}
	.vision hr {display:none;}
	.banner h2 {margin: 83px 0px;}
}

@media only screen and (min-width : 768px) and (max-width : 992px){

}

@media only screen and (max-width : 767px){

}

@media only screen and (min-width : 480px) and (max-width : 767px){
	
}
@media only screen and (max-width : 412px){
	.col-sm-8, .col-sm-4 {max-width: 100.667%; float: none;}
	/*.header p {float: none; padding: 13px 40px;}
	.header .icon, .header .icon1 {clear: both; margin: 5px 0;}
	.right {float: none;}*/
	.slider__slide-subheading {margin-bottom: 150px;font-size: 23px;}
	.navbar-nav {margin-left: 0!important;}
	.col-sm-7 {width: 100.333%; float: none;}
	.col-sm-5 {max-width: 100.667%;float: none;}
	.why{height: 1380px;}
	.footer .col-sm-2 {max-width: 100.667%;float: none;}
	.footer .foo img {width: 80%;height: 60px;margin-top: 50px;margin-left: 25px;}
	.copy {padding: 10px;}
	.ruler {margin: -145px 2px -39px 2px;}
	.hist {margin-bottom: 35px;}
	.header{display: none;}
}
@media only screen and (max-width : 360px){
	.col-sm-8, .col-sm-4 {max-width: 100.667%; float: none;}
	/*.header p {float: none; padding: 13px 40px;}
	.header .icon, .header .icon1 {clear: both; margin: 5px 0;}*/
	.right {float: none;}
	.slider__slide-subheading {margin-bottom: 150px;font-size: 23px;}
	.navbar-nav {margin-left: 0!important;}
	.col-sm-7 {width: 100.333%; float: none;}
	.col-sm-5 {max-width: 100.667%;float: none;}
	.why{height: 1380px;}
	.footer .col-sm-2 {max-width: 100.667%;float: none;}
	.footer .foo img {width: 80%;height: 60px;margin-top: 50px;margin-left: 25px;}
	.copy {padding: 10px;}
	.ruler{margin:-127px 2px -39px 2px; width:90%;}
    .project hr { display:none;}	
    .why hr{position: relative;left: 52px;}
	.ruler1, .ruler2 {width:90%;}
	.hist {margin-bottom: 35px;}
	.vision hr {margin-left: 97px;}
	.header{display: none;}
	#slider{display: none;}
	.history hr {display:none;}
}
@media only screen and (max-width : 480px){

}
@media only screen and (max-width : 320px) {
	.col-sm-8, .col-sm-4 {max-width: 100.667%; float: none;}
	/*.header p {float: none; padding: 13px 40px;}
	.header .icon, .header .icon1 {clear: both; margin: 5px 0;}*/
	.right {float: none;}
	.slider__slide-subheading {margin-bottom: 150px;font-size: 23px;}
	.navbar-nav {margin-left: 0!important;}
	.col-sm-7 {width: 100.333%; float: none;}
	.col-sm-5 {max-width: 100.667%;float: none;}
	.ruler{margin:-127px 2px -39px 2px; width:90%;}
	.project hr{margin-left:80px;}
	.why hr, .history hr {position: relative;left: 31px;}
	.ruler1, .ruler2 {width:90%;}
	.why{height: 1380px;}
	.footer .col-sm-2 {max-width: 100.667%;float: none;}
	.footer .foo img {width: 80%;height: 60px;margin-top: 50px;margin-left: 25px;}
	.copy {padding: 10px;}
	.hist {margin-bottom: 35px;}
	.vision hr {margin-left: 76px;}
	#slider{display: none;}
	.header{display: none;}
}