.special-block{

  width: 100%;

  position: relative;

}

.special-block img{

  width: 100%;

}





@font-face {

  font-family: 'rubikmedium';

  src: url('../fonts/rubik-medium-webfont.woff2') format('woff2'),

  url('../fonts/rubik-medium-webfont.woff') format('woff');

  font-weight: normal;

  font-style: normal;



}

@font-face {

  font-family: 'rubikregular';

  src: url('../fonts/rubik-regular-webfont.woff2') format('woff2'),

  url('../fonts/rubik-regular-webfont.woff') format('woff');

  font-weight: normal;

  font-style: normal;



}





@font-face {

    font-family: 'ralewayblack';

    src: url('../fonts/raleway-black-webfont.woff2') format('woff2'),

         url('../fonts/raleway-black-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'ralewaybold';

    src: url('../fonts/raleway-bold-webfont.woff2') format('woff2'),

         url('../fonts/raleway-bold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'ralewayextrabold';

    src: url('raleway-extrabold-webfont.woff2') format('woff2'),

         url('raleway-extrabold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'ralewaymedium';

    src: url('../fonts/raleway-medium-webfont.woff2') format('woff2'),

         url('../fonts/raleway-medium-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'ralewayregular';

    src: url('../fonts/raleway-regular-webfont.woff2') format('woff2'),

         url('../fonts/raleway-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'ralewaysemibold';

    src: url('../fonts/raleway-semibold-webfont.woff2') format('woff2'),

         url('../fonts/raleway-semibold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

/*-------------------Main ---------------------------*/

html {

  scroll-behavior: smooth;

}

body{

  background: #fff;
  overflow-x: hidden;

}

.wrapper{

/*	position: relative;

*/	overflow: hidden;

}

header{

  position: relative;

  width: 100%;

  text-align: center;

}



.top-gradiant-box{

  display: flex;

  justify-content:space-between; 

  height: 100%;

  width: 100%;

  background: #0d57bb;

  position: relative;

  padding: .5em 10em; 

  transition: .3s ease;

}

.top-gradiant-box:hover{

  background: #0048aa;

    transition: .3s ease;

}

.top-gradiant-box p{

  margin-bottom: 0;

  cursor: pointer;

  color: #fff;  

  font-size: .92em;

  font-family: 'ralewayregular';

}

.top-gradiant-box p.rubik{

  font-size: .92em;

font-family: 'rubikregular';

}







.top-info{

  display: flex;

  position: relative;

}

.top-info p a{

  color: #fff;

  text-decoration: none;

  padding-right: 1em;

}

.top-info p a i{

  padding-right: 0.3em;

}

.top-info p:hover i{

  color: #09aae7;

  transition: .3s;

}

.posionar-box{

  position: relative;

  width: 100%;

}

.menu-block{

  display: flex;

  top: 0;

  left: 0;

  z-index: 8;

  justify-content:space-between; 

  height: 100%;

  width: 100%;

  position: absolute;

}

.logo-box{

  position: relative;

  width: 100%;

  text-align:left;

  transition: .3s ease-in-out;

}

.logo-box img{

  padding: 1em 0;

  transition: .3s ease-in-out;

}

.ftr-logo-box{

  position: relative;

  width: 90%;

  text-align:left;

  transition: .3s ease-in-out;

padding: 0em;
}

.ftr-logo-box img{

  padding: 0em 0;

  transition: .3s ease-in-out;

}





.main.fixed{

  position:fixed;

  top:0;

  left:0;

  z-index:99s;

  display: flex;

  width:100%;

  background: #fff !important;

  -webkit-box-shadow: 0px 4px 8px -4px rgba(0,0,0,0.2);

  -moz-box-shadow: 0px 4px 8px -4px rgba(0,0,0,0.2);

  box-shadow: 0px 4px 8px -4px rgba(0,0,0,0.2);

  transition: .3s ease-in-out;

  border-bottom: 1px solid #0384b5;

/*    -webkit-animation: translateHeader .8s;

  -moz-animation: translateHeader .8s;

  -ms-animation: translateHeader .8s;

  -o-animation: translateHeader .8s;

  animation: translateHeader .8s*/

}

.main.fixed>div{

  padding-top:0;

  padding-bottom:0;

  transition: .2s;

}

.main.fixed .logo-box{

  width: 70%;

  transition: .3s ease-in-out;

}

.main.fixed #cssmenu > ul > li > a {

    padding: 2.5em 1em;

    transition: .3s ease-in-out;

}



/*.top-gradiant-box .social-box{

  float: right;

  display: block;

  position: relative;

}

.top-gradiant-box ul{

  padding: 0 1em;

  margin: 0;

  float: right;

  height: 100%;

  align-items: center;

  display: flex;  

}

.top-gradiant-box ul li,

.top-gradiant-box ul li a{

  list-style: none;

  float: left;

  padding: 0 .3em;

  color: #fff;

  font-family: 'rubikmedium'; 

  text-decoration:  none;

}

.top-gradiant-box ul li:hover a{

  background: #000;

  border-radius: 5px;

  transition: .5s;

}*/









main{

  position: relative;

  width: 100%;

}

.abs-box{

  position: absolute;

  width: 100%;

  top: 39px;

  left: 0;

  padding: 0 10em;

  z-index: 99;

}





/*==============================Menu Starts here===========================*/

nav {

  position: relative;

  width: 100%;

  margin: 0 auto;

}

#cssmenu,

#cssmenu ul,

#cssmenu ul li,

#cssmenu ul li a,

#cssmenu #head-mobile {

  border: 0;

  list-style: none;

  line-height: 1;

  display: block;

  position: relative;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box

}

#cssmenu:after,

#cssmenu > ul:after {

  content: ".";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0

}

#cssmenu #head-mobile {

  display: none

}

#cssmenu {

font-family: 'ralewaysemibold';

  /*padding-right: 10em;*/

  text-transform: uppercase;

/*  border-left: 1px solid #e0e0e0;

border-right: 1px solid #e0e0e0;*/

}

#cssmenu > ul {

  margin: 0;

  padding: 0;

  float: right;

}

#cssmenu > ul > li {

  float: left;

  transition: background .4s ease;

}

#cssmenu > ul > li > a {

  text-transform: uppercase;

  padding: 3em 1em;

  transition: .3s ease-in-out;

  font-size: 17px;

  letter-spacing: 1px;

  text-decoration: none;

  color: #3f4147;

  /* border-right: 1px solid #e0e0e0;*/

}

#cssmenu > ul > li:hover > a{

  color: #fff;

    transition: background .4s ease;



}

/*#cssmenu ul li.active a {

  color: #922682;

}*/

#cssmenu > ul > li:hover,

#cssmenu ul li.active,

#cssmenu ul li.has-sub.active:hover {

  background: #e6705e;

  -webkit-transition: background .3s ease;

  -ms-transition: background .3s ease;

  transition: background .3s ease;

}

#cssmenu ul li.active:hover{

    background: #df5942;

  -webkit-transition: background .3s ease;

  -ms-transition: background .3s ease;

  transition: background .3s ease;

}

#cssmenu ul li.active:hover>a:after {

  border-bottom: 5px solid #09aae7;

}

#cssmenu ul li.active:hover,

#cssmenu ul li.active,

#cssmenu ul li.active>a {

  border: none;

  color: #fff; 

}

#cssmenu ul li.active>a:after {

  border-bottom: 5px solid #0384b5;

/*  border-image: linear-gradient(45deg, rgb(0,143,104), rgb(250,224,66)) 1;

*/  bottom: 0;

  left: 0;

  width: 100%;

  content: "";

  position: absolute;

  z-index: 9;

}



#cssmenu ul ul {

position: absolute;

left: -9999px;

z-index: 9;

padding: 0;



}

#cssmenu ul ul li {

height: 0;

-webkit-transition: all .25s ease;

-ms-transition: all .25s ease;

background: #df5942;

transition: all .25s ease;

opacity: .99;

}

#cssmenu ul ul li:hover {} #cssmenu li:hover > ul {

left: auto

}

#cssmenu li:hover > ul > li {

height: 100%;

width: 190px;

text-align: left;

}

#cssmenu ul ul ul {

margin-left: 100%;

top: 0

}

#cssmenu ul ul li a {

border-bottom: 1px solid #ff8674;

padding: 1em;

width: 100%;

font-size: 14px;

text-decoration: none;

color: #fff;

font-family: 'ralewaysemibold';

transition: .3s;

}

#cssmenu ul ul li:last-child > a,

#cssmenu ul ul li.last-item > a {

border-bottom: 0

}

#cssmenu ul ul li:hover > a,

#cssmenu ul ul li a:hover {

color: #fff;

background: #0384b5;

transition: .3s;

}

#cssmenu ul ul li.has-sub > a:after {

position: absolute;

top: 16px;

right: 11px;

width: 8px;

height: 2px;

display: block;

background: #ddd;

content: ''

}

#cssmenu ul ul li.has-sub > a:before {

position: absolute;

top: 13px;

right: 14px;

display: block;

width: 2px;

height: 8px;

background: #ddd;

content: '';

-webkit-transition: all .25s ease;

-ms-transition: all .25s ease;

transition: all .25s ease

}

#cssmenu ul ul > li.has-sub:hover > a:before {

top: 17px;

height: 0;

}

#cssmenu ul ul li.has-sub:hover,

#cssmenu ul li.has-sub ul li.has-sub ul li:hover {

background: #267e44;

}

#cssmenu ul ul ul li.active a {

border-left: 1px solid #333

}

#cssmenu > ul > li.has-sub > ul > li.active > a,

#cssmenu > ul ul > li.has-sub > ul > li.active> a {

border-top: 1px solid #333

}

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



nav {

  width: 100%;

}

#cssmenu {

  width: 100%

}

#cssmenu li:hover > ul > li {

height: 100%;

width: 100%;

text-align: center;

}

#cssmenu ul {

  width: 100%;

  display: none;position: absolute;

  z-index: 9999;

  background: #0a5385;

}

#cssmenu ul li {

  width: 100%;

  border-top: 1px solid #09aae7;

}

#cssmenu ul li:hover {

  background: #09aae7;

}

#cssmenu ul ul li,

#cssmenu li:hover > ul > li {

  height: auto

}

#cssmenu ul li a,

#cssmenu ul ul li a {

  width: 100%;

  border-bottom: 0;

  color:#fff;

}

#cssmenu > ul > li {

  float: none

}

#cssmenu ul li.active a:after{

  display: none;

}

#cssmenu ul ul li a {

  padding-left: 25px

}

#cssmenu ul ul li {

  background: #052f4c!important;

}

#cssmenu ul ul li:hover {

  background: #922682!important

}

#cssmenu ul ul ul li a {

  padding-left: 35px

}

#cssmenu ul ul li a {

  color: #ddd;

  background: none;

  text-align: center;

}

#cssmenu ul ul li:hover > a,

#cssmenu ul ul li.active > a {

  color: #fafafa

}

#cssmenu ul ul,

#cssmenu ul ul ul {

  position: relative;

  left: 0;

  width: 100%;

  margin: 0;

  text-align: left

}

#cssmenu > ul > li.has-sub > a:after,

#cssmenu > ul > li.has-sub > a:before,

#cssmenu ul ul > li.has-sub > a:after,

#cssmenu ul ul > li.has-sub > a:before {

  display: none

}

#cssmenu #head-mobile {

  display: block;

  padding: 2.7em .5em;

  color: #fff;

  font-size: 12px;

  background: #000;

}

#cssmenu #head-mobile h3{

  margin-bottom: 0;

  left: 0;

  text-align: left;

  padding-left: 1em;

}

.button {

  width: 55px;

  height: 46px;

  position: absolute;

  right: .5em;

  top: 1em;

  cursor: pointer;

  z-index: 12399994;

}

.button:after {

  position: absolute;

  top: 22px;

  right: 20px;

  display: block;

  height: 8px;

  width: 20px;

  border-top: 2px solid #dddddd;

  border-bottom: 2px solid #dddddd;

  content: ''

}

.button:before {

  -webkit-transition: all .3s ease;

  -ms-transition: all .3s ease;

  transition: all .3s ease;

  position: absolute;

  top: 16px;

  right: 20px;

  display: block;

  height: 2px;

  width: 20px;

  background: #ddd;

  content: ''

}

.button.menu-opened:after {

  -webkit-transition: all .3s ease;

  -ms-transition: all .3s ease;

  transition: all .3s ease;

  top: 23px;

  border: 0;

  height: 2px;

  width: 19px;

  background: #fafafa;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg)

}

.button.menu-opened:before {

  top: 23px;

  background: #fafafa;

  width: 19px;

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg)

}

#cssmenu .submenu-button {

  position: absolute;

  z-index: 99;

  right: 0;

  top: 0;

  display: block;

  border-left: 1px solid #09aae7;

  height: 50px;

  width: 66px;

  cursor: pointer

}

#cssmenu .submenu-button.submenu-opened {

  background: #052f4c;

}

#cssmenu ul ul .submenu-button {

  height: 34px;

  width: 34px

}

#cssmenu .submenu-button:after {

  position: absolute;

  top: 22px;

  right: 19px;

  width: 8px;

  height: 2px;

  display: block;

  background: #ddd;

  content: ''

}

#cssmenu ul ul .submenu-button:after {

  top: 15px;

  right: 13px

}

#cssmenu .submenu-button.submenu-opened:after {

  background: #fafafa

}

#cssmenu .submenu-button:before {

  position: absolute;

  top: 19px;

  right: 22px;

  display: block;

  width: 2px;

  height: 8px;

  background: #ddd;

  content: ''

}

#cssmenu ul ul .submenu-button:before {

  top: 12px;

  right: 16px

}

#cssmenu .submenu-button.submenu-opened:before {

  display: none

}

#cssmenu ul ul ul li.active a {

  border-left: none

}

#cssmenu > ul > li.has-sub > ul > li.active > a,

#cssmenu > ul ul > li.has-sub > ul > li.active > a {

  border-top: none

}

}

  /*--------------------------------menu ends here--------------------------*/

  .fa-times{

    font-size: 10px;

  }



  .block {

    position: fixed;

    top: 0;

    right: 0;

    bottom:0 ;

    left: 0;

    overflow: auto;

    text-align: center;

    background: rgba(0, 0, 0, 0.9);

    border: #a0a0a0 solid 1px;

    margin: 0;

    z-index: 9999;

  }



  .block:before {

    content: '';

    display: inline-block;

    height: 100%;

    vertical-align: middle;

    margin-right: 0;

}



.centered {

  display: inline-block;

  vertical-align: middle;

  width: 50%;

  padding: 10px 15px;

  color: #FFF;

  border: none;

  background: transparent;

}



#close-btn{

  position: fixed;

  top: 1em;

  right: 1em;

  z-index: 9;

}

#close-btn:hover{

  color: #777;

  cursor: pointer;

}



/*======================Menu ends here======================*/



.special-block{

  display: block;

  width: 100%;

  position: relative;

}

.special-block img{

  width: 100%;

}



/*======================Common======================*/



h1{

font-family: 'ralewaybold';

  font-size: 3.75em

}

h2{

font-family: 'ralewaybold';

  font-size: 3em;

  text-transform: uppercase;

}

h3{

  font-family: 'rubikmedium';

  font-size: 2em

}

h4{

font-family: 'ralewaymedium';

  font-size: 1.5em;

}

h5{

font-family: 'ralewaymedium';

  font-size: 1.2em

}

h6{

font-family: 'ralewaybold';

  font-size: 1.1em

}

p{

font-family: 'ralewayregular';

  font-size: 1.1em;

  line-height:1.6em;

  text-align: justify;

}







/* ----------------

  banner

---------------------*/

/*.carousel-inner:after{

  position: absolute;

  width: 40%;

  height: 65%;

  content: "";

  z-index: 5;

  background: url(../img/banner-shape-1.svg) no-repeat right;

  background-size: contain;

  right: 0;

  bottom: 0;

}*/



.carousel-control-next{

    position: absolute;

    z-index: 9;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 5%;

    height: 10vh;

    color: #fff;

    text-align: center;

    opacity: 1;

    background: #e6705e;

    padding: 3em 0;

    /*transition: opacity .15s ease;*/

}

.carousel-control-prev {

position: absolute;

    z-index: 9;

    display: -ms-flexbox;

     display: flex; 

    -ms-flex-align: center;

     align-items: center; 

    -ms-flex-pack: center;

     justify-content: center; 

    width: 5%;

    height: 10vh;

    top: 6em;

    color: #fff;

    text-align: center;

    opacity: 1;

    background: #f8f8f8;

    padding: 3em 0;

    /*transition: opacity .15s ease;*/

}

.carousel-control-next-icon, .carousel-control-prev-icon {

    display: inline-block;

    width: 30px;

    height: 30px;

}

.carousel-control-next {

    left: 0;

    top: -12em !important;

}

.carousel-control-prev {

    left: 0;

    top: -6em !important;

}

.caption-box{

    position: absolute;

    bottom: 2em;

    left: 8em;

    z-index: 9;

    content: "";

    width: 40%;

    padding: 2em;

    height: 21%;

    background: transparent;

    color: #fff;

    text-transform: uppercase;

    border-radius: 0 50px 0 0;

}

.carousel-control-next-icon{

   background: url(../img/next.svg) no-repeat center;

   background-size: contain;

}

.carousel-control-prev-icon{

   background: url(../img/prev.svg)no-repeat center;

   background-size: contain;

}



/*-----------------------banner ends here-------------------*/



.about-block{

  background: #fff;

  position: relative;

  width: 100%;

  padding: 5em 10em;

  display: block;

}

.center-txt{

  text-align: center;

  width: 100%;

}



.about-block:before{

  position: absolute;

  width: 100%;

  height: 100%;

  content: "";

  z-index: 1;

  background: url(../img/about-bg.png) no-repeat left center;

  background-size: contain;

  left: 0;

  top: 0;

}

.about-block.inner-about-block:before{

	display:none;

}

.about-block h2{

  color: #2e2e2e;

  z-index: 2;

  position: relative;

  text-align:center;

}

.about-block h4{

  color: #b0b0b0;

  text-transform: uppercase;

  z-index: 2;

  position: relative;

  text-align:center;

}

.group-flexer{

  display: flex;

  width: 100%;

}

.padding-top{

  padding-top: 3em;

}

.about-mid-txt{

  width: 100%;

  z-index: 2;

  position: relative;

  padding-right: 2em;

}

.vision-box{

  padding-top: 2em;

}

.vision-box h3{

  text-transform: uppercase;

  padding-bottom: .4em;

}

.vision-box h6{

  padding: 1em 0;

}

.vision-box img{

  padding-bottom: 1em;

}

/*.about-left img{

  position: relative;

  z-index: 2;

}*/

.manag-box{

  padding-top: 2em;

}

.manag-box h3{

  text-transform: uppercase;

  padding-bottom: .4em;

}

.manag-box h6{

  padding-bottom: 1em;

}

.manag-box img{

  padding-bottom: 1em;

}

.manag-box {

    position: relative;

    z-index: 1;

    overflow: hidden;

}

.img-box:before {

    width: 50%;

    content: "";

    height: 100%;

    background-color: #0196cf;

    position: absolute;

    left: 0px;

    top: 30%;

    z-index: -1;

    -webkit-animation: bounce 2s infinite alternate;

    -webkit-animation:bounce 2s infinite alternate; /* Safari & Chrome */

    -moz-animation:bounce 2s infinite alternate; /* Firefox */

    -ms-animation:bounce 2s infinite alternate; /* Internet Explorer */

    -o-animation:bounce 2s infinite alternate; /* Opera */

    animation:bounce 2s infinite alternate; /* W3C */

}

.img-box img {

    margin-top: 0;

    margin-left: 30px;

    margin-bottom: 50px;

}

.about-serv-list{

  padding-left: 2em;

}

.about-serv-list ul li{

  list-style: none;

  list-style-image: url(../img/list-img.svg);

  line-height: 2em;

  font-family: 'ralewaysemibold';

  font-size: 1.1em; 

  z-index: 2;

  position: relative;

  padding-left: .2em;

  width: 100%;

  height: 100%;

  transition: .3s ease-in-out;

}

.about-serv-list ul li:hover{

  list-style: none;

  list-style-image: url(../img/list-img-dark.svg);

  transition: .3s ease-in-out;

  line-height: 2em;

  font-family: 'ralewaysemibold';

  font-size: 1.1em; 

  z-index: 2;

  position: relative;

  padding-left: .2em;

  width: 100%;

  height: 100%;

}

.about-serv-list ul li a{

  color: #333333;

  text-decoration: none;

}

.about-serv-list ul li:hover a{

  color: #0196cf;

  transition: .3s;

}

.about-block button{

  border: none;

}

.about-block button{

  margin:1em 0 0 1.5em ;

}

.about-block button a:before{

  position: absolute;

  z-index: 9;

  width: 5%;

  height: 100%;

  content: "";

  background: url(../img/right-arrow.png) no-repeat right;

  background-size: contain; 

  right: 10%;

  top: 0%;

  transform: translate(-5%, 0%;);    

}

.about-block button a{

  color: #fff;

  text-decoration: none;

}



/*--------------------BUTTON----------------------*/





.btn1{

    padding: 1.2em 4.5em 1.2em 1.2em ;

  color: #fff;

  position: relative;

  display:inline-block;

}

.btn1 a{

font-family: 'rubikregular';

 color: #fff;

  font-size: 1.1em;

}

.btn::before {

  content: '';

  position: absolute;

  bottom: 50%;

  left: 0px;

  width: 100%;

  height: 1px;

  background: #6098FF;

  display: block;

  -webkit-transform-origin: left top;

  -ms-transform-origin: left top;

  transform-origin: left top;

  -webkit-transform: scale(0, 1);

  -ms-transform: scale(0, 1);

  transform: scale(0, 1);

  -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);

  transition: transform 0.4s cubic-bezier(1, 0, 0, 1)

}



.btn:hover::before {

  -webkit-transform-origin: right top;

  -ms-transform-origin: right top;

  transform-origin: right top;

  -webkit-transform: scale(1, 1);

  -ms-transform: scale(1, 1);

  transform: scale(1, 1)

} 



  /* Btn 1  */

.btn1{

  background: #09aae7 !important;

font-family: 'rubikregular';

   font-size: 13px;

    color: #fff;

    cursor: hand;

    text-align: left;

    border-radius: 8px;

    position: relative;

    overflow: hidden!important;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    z-index: 10;

}



.btn1:hover{

    color: #fff!important;

}

.btn1::before {

    content: '';

    width: 0%;

    height: 100%;

    display: block;

    background: #0a5385;

    position: absolute;

    -ms-transform: skewX(-20deg);

    -webkit-transform: skewX(-20deg); 

    transform: skewX(-20deg);   

    left: -10%;

    opacity: 1;

    top: 0;

    z-index: -12;

    -moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);

  -o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);

  -webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);

  transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);

     box-shadow:2px 0px 14px rgba(0,0,0,.6);

  } 



.btn1::after {

    content: '';

    width: 0%;

    height: 100%;

    display: block;

    background: #0b78a2;

    position: absolute;

  -ms-transform: skewX(-20deg);

    -webkit-transform: skewX(-20deg); 

    transform: skewX(-20deg);   

    left: -10%;

    opacity: 0;

    top: 0;

    z-index: -15;

    -webkit-transition: all .94s cubic-bezier(.2,.95,.57,.99);

    -moz-transition: all .4s cubic-bezier(.2,.95,.57,.99);

    -o-transition: all .4s cubic-bezier(.2,.95,.57,.99);

    transition: all .4s cubic-bezier(.2,.95,.57,.99);

    box-shadow: 2px 0px 14px rgba(0,0,0,.6);

}

.btn1:hover::before{

  opacity:1;

  width: 116%;

}

.btn1:hover::after{

  opacity:1;

  width: 120%;

}

.blue-ribbon-block{

  display: block;

  width: 100%;

  padding: 3em 10em;

  background: #0d57bb;

}

.blue-ribbon-block .icon-box{

	text-align:center;

}

.blue-ribbon-block .icon-box h4{

  color: #fff;

  padding-top: .5em;

}

.blue-ribbon-block .icon-box a{

  color: #fff;

text-decoration:none;

}

.blue-ribbon-block .icon-box:hover h4{
	
	color: #000;	
	text-decoration:none;
	transition:0.4s all ease-in-out;

}



.service-block{

  display: block;

  position: relative;

  width: 100%;

  padding: 5em 10em;

}

.service-block h2{

  color: #2e2e2e;

  z-index: 2;

  position: relative;

}

.service-block h4{

	color: #b0b0b0;

    z-index: 2;

    position: relative;

    font-family: 'ralewaysemibold';

    text-transform: uppercase;

}

.service__content h4{

	color: #fff !important;

}

.service-block button{

  border: none;

}

.service-block button{

  margin:1em 0 0 ;

}

.service-block button a:before{

  position: absolute;

  z-index: 9;

  width: 5%;

  height: 100%;

  content: "";

  background: url(../img/right-arrow.png) no-repeat right;

  background-size: contain; 

  right: 10%;

  top: 0%;

  transform: translate(-5%, 0%;);    

}

.service-block button a{

  color: #fff;

  text-decoration: none;

}

.serv-first{

  padding-bottom: 5em; 

}

.left-line{

  border-left: 2px solid #09aae7;

  padding-left: 2em;

}

.left-line p:last-child{

  margin-bottom: 0;

}



































.service-item {

  position: relative;

  margin-bottom: 30px;

  overflow: hidden;

  box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .08);

  -webkit-transition: all .4s ease;

  -moz-transition: all .4s ease;

  -ms-transition: all .4s ease;

  -o-transition: all .4s ease;

  transition: all .4s ease

}

.service-item .service__img {

  position: relative

}

.service-item .service__img:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

  opacity: .4;

  background:rgba(5,53,92,0.4);

}

.service-item .service__img img {

  width: 100%;

  max-width: 100%

}

.service-item .service__content {

  background-color: #e6705e;

    padding: 2em;

    border-top: solid 7px #f9d12b;

}

.service-item .service__content p{

	font-family: 'rubikregular';

	color:#fff;

  text-align: left;

}

.service-item .service__icon {

  margin-bottom: 30px

}

.service-item .service__icon i {

  font-size: 65px;

  line-height: 1;

  color: #ff7607

}

.service-item .bttn__link:hover {

	text-decoration:none;

}

.service-item .bttn__link {

  margin-top: 19px;

  font-family: 'rubikmedium';

  font-size:18px;

  color:#fff;

}

.service-item .bttn__link img {

  display: inline-block;

  opacity: 0;

  color: #ff7607;

  -webkit-transition: all .6s ease;

  -moz-transition: all .6s ease;

  -ms-transition: all .6s ease;

  -o-transition: all .6s ease;

  transition: all .6s ease;

  -webkit-transform: translateX(-2px);

  -moz-transform: translateX(-2px);

  -ms-transform: translateX(-2px);

  -o-transform: translateX(-2px);

  transform: translateX(-2px)

}

.service-item:hover {

  box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .14);

  -webkit-transform: translateY(-10px);

  -moz-transform: translateY(-10px);

  -ms-transform: translateY(-10px);

  -o-transform: translateY(-10px);

  transform: translateY(-10px)

}

.service-item:hover .service__icon {

  -webkit-animation: bounce 2s infinite alternate;

  -moz-animation: bounce 2s infinite alternate;

  -ms-animation: bounce 2s infinite alternate;

  -o-animation: bounce 2s infinite alternate;

  animation:  bounce 2s infinite alternate

}

.service-item:hover .bttn__link img {

  opacity: 1;

  -webkit-transform: translateX(5px);

  -moz-transform: translateX(5px);

  -ms-transform: translateX(5px);

  -o-transform: translateX(5px);

  transform: translateX(5px)

}

.service-item .service__overlay {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  text-align: center;

  background-color: rgba(5,53,92,0.9);

  -webkit-transition: all .5s linear;

  -moz-transition: all .5s linear;

  -ms-transition: all .5s linear;

  -o-transition: all .5s linear;

  transition: all .5s linear

}

.service-item:hover .service__overlay {

  opacity: 1

}

.services-layout3 .service-item {

  box-shadow: none!important;

  border-left: 2px solid #eaeaea;

  margin-left: -2px;

  margin-bottom: 0

}

.services-layout3 .service-item:hover {

  box-shadow: none;

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0)

}

.zoom__icon {

  position: relative;

  z-index: 3;

  display: block;

  width: 20px;

  height: 20px;

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%)

}

.zoom__icon:before {

  content: "";

  position: absolute;

  top: 50%;

  left: 50%;

  width: 1px;

  height: 20px;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  background-color: #fff

}

.zoom__icon:after {

  content: "";

  position: absolute;

  top: 50%;

  left: 50%;

  width: 20px;

  height: 1px;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  background-color: #fff

}



.bttn {

  text-transform: capitalize;

  position: relative;

  font-size: 14px;

  font-weight: 700;

  width: 170px;

  height: 50px;

  line-height: 48px;

  border-radius: 0;

  text-align: center;

  padding: 0;

  letter-spacing: .4px;

  -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

}

.bttn.active,

.bttn:active,

.bttn:focus {

  -moz-box-shadow: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  outline: 0

}

.bttn__link {

  background-color: transparent;

  border-color: transparent;

  width: auto;

  height: auto;

  line-height: 1;

  border: none

}



.bttn__link. {

  color: #222

}

.bttn__link.:active,

.bttn__link.:focus,

.bttn__link.:hover {

  color: #ff7607;

  background-color: transparent;

  border-color: transparent

}











.projects-block{

	width: 100%;

	height: 100%;

    background: url(../img/project-bg.jpg) #09aae7 no-repeat center;

	background-size:  cover;

	display: block;

	position: relative;

	padding: 5em 0 5em 10em;

}

.projects-block h2{

	color: #fff;

	position: relative;

	z-index: 2;

}

.projects-block h5{

	color: #11432a;

	position: relative;

	z-index: 2;

	text-transform: uppercase;

}

.projects-block .projects-group{

	display: flex;

	width: 100%;

	z-index: 9

}





/*slider css*/

/* Slider */

.slick-slider{

    position: relative;

    display: block;

    box-sizing: border-box;



    -webkit-user-select: none;

       -moz-user-select: none;

        -ms-user-select: none;

            user-select: none;



    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

        touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;

}



.slick-list{

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 0;

}

.slick-list:focus{

    outline: none;

}

.slick-list.dragging{

    cursor: pointer;

    cursor: hand;

}



.slick-slider .slick-track,

.slick-slider .slick-lis{

    -webkit-transform: translate3d(0, 0, 0);

       -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

         -o-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

}



.slick-track{

    position: relative;

    top: 0;

    left: 0;



    display: block;

    margin-left: auto;

    margin-right: auto;

}

.slick-track:before,

.slick-track:after{

    display: table;



    content: '';

}

.slick-track:after{

    clear: both;

}

.slick-loading .slick-track{

    visibility: hidden;

}



.slick-slide{

    display: none;

    float: left;

    height: 100%;

    min-height: 1px;

}

[dir='rtl'] .slick-slide{

    float: right;

}

.client-block .slick-slide img{

  box-shadow: none;

}

.slick-slide img{

  width: 100%;

    display: block;

        box-shadow: -1px 43px 72px -25px rgba(0,0,0,0.37);

    -webkit-box-shadow: -1px 43px 72px -25px rgba(0,0,0,0.37);

    -moz-box-shadow: -1px 43px 72px -25px rgba(0,0,0,0.37);

}



.slick-slide.slick-loading img{

    display: none;

}

.slick-slide.dragging img{

    pointer-events: none;

}

.slick-initialized .slick-slide{

    display: block;

  padding:0 0.5em

}

.slick-loading .slick-slid{

    visibility: hidden;

}

.slick-vertical .slick-slide{

    display: block;

    height: auto;

    border: 1px solid transparent;

}

.slick-arrow.slick-hidden {

    display: none;

}







.slick-prev{

  position: absolute;

  top: 10em;

  left: -10em;

  z-index: 9999;

  background: #072114;

  padding: .8em 1em .8em 4em;

  color: #fff;

  border: none;

  border-radius: 7px;

  font-family: 'rubikregular';

}

.slick-next{

  position: absolute;

  top: 5em;

  left: -10em;

  z-index: 9999;

  background: #fff;

  padding: .8em 5.7em .8em 1em;

  color: #072114;

  border: none;

  border-radius: 7px;

  font-family: 'rubikregular';

}



.slick-arrow.slick-prev::before {

  position: absolute;

  content: '\f104';

  right: 1.5em;

  top: 0;

  color: #09aae7;

  z-index: 99999;

  width: 100%;

  height: 100%;

  font-size: 2em;

  font-family:'FontAwesome';

}

.slick-arrow.slick-next::before {

  position: absolute;

  content: '\f105';

  left: 1.5em;

  top: 0;

  color: #09aae7;

  z-index: 99999;

  width: 100%;

  height: 100%;

  font-size: 2em;

  font-family:'FontAwesome';

}



.slide-cover{

  position: relative;

  width: 100%;

  z-index: 9;

}



.slider-texts{

  position:relative;

  z-index:999;

  bottom: 0;

  left: 0;

  padding: 1em 0 0em 0;

  color: #fff;

}

.slider-texts h5{

      color: #fff;

    text-transform: capitalize;

    font-weight: normal;
    font-size: 1.5rem;

}

.slider-texts a{

  text-decoration: none;

}

/* .slider-texts:hover a h5{

  color: #000;

  transition: .3s;
  font-size: 1.5rem;

} */

.slider-texts button{

  background: transparent;

  border: none;

}

.slider-texts button a{

  color: #f9d12b;

  text-decoration: none;

  font-family: 'rubikmedium';

  font-size: 1em

}



.slider-texts button:hover{

  /*background: #1b6c43;

  border-radius: 5px;*/

  transition: .3s;

}







.client-block{

    padding:2em 10em;

    display: block;

    align-items: center; 

    width: 100%; 

  }







.footer-block{

  background: #424449;

  width: 100%;

  padding: 3em 10em ;

  position: relative;

  display: block;

  color: #fff;

}

/* .footer-block:before{

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  right: 5em;

  content: "";

  background: url(../img/footer-bg.png) center left no-repeat;

  background-size: contain;

  z-index: 2;

} */
.footer-block a{
  color: #fff;
}
.footer-block .row{

  z-index: 4;

  position: relative;

}

.footer-block h5{

    font-family: 'rubikregular';

    font-size: 1.4em;

    letter-spacing: .05em;

}

.footer-block ul{

	padding: 0;

	margin: 0;

	float: left;

    padding-right: 2em;

}

.footer-block .footer-menu li{

	list-style: none;

	color: #fff;

	padding: .3em 0;

}

.footer-block .footer-menu li a{

	color: #fff;

	text-decoration: none;

    font-family: 'rubikregular';

	transition: .3s;

}

.footer-block .footer-menu li:hover a{

	color: #09aae7;

}

.footer-block .map-box{

	background-color: #09aae7;
	padding:5px;

}

.footer-block .map-box:hover{

	background-color: #0a5385;
	padding:3px;
	transition:0.4s all ease-in-out;

}

.copytxt{

	width: 100%;

	border-top: 1px solid #474d47;

	padding: .5em 0;

	background:#424449;

}

.copytxt p{

	margin-bottom: 0;

	color:#fff;

	text-align:center;

}





.inner-banner-block{

	position:relative;

}


.inner-banner-block::after{
content: "";
position: absolute;
top: 0;
width: 100%;
background-color: rgb(255 255 255 / 60%);
height: 25%;
z-index: 1;
}



.innner-content-block{

	position:relative;

	padding:5em 10em;

}

.innner-content-block h2{

  color: #2e2e2e;

  z-index: 2;

  position: relative;

}

.innner-content-block h4{

  color: #b0b0b0;

  text-transform: uppercase;

  z-index: 2;

  position: relative;

}



.map-block{

	background:#000;

	position:relative;

	padding:0;

	margin-bottom:2em;

}

.map-block #map{

	width:100%;

	height:450px;

	

}





.form-contact{

	margin-top:3em;

}



.form-contact .contact-image{

	text-align:center;

}

.form-contact .contact-address-main{

	margin-top:20px;

}

.form-contact .contact-address-main p{

	text-align:center;

    line-height: 1.3em;}

.form-contact .contact-address-main p.name{

	color: #000000;

}

.form-contact .contact-address-main p.email{

	color: #000000;

}

.form-contact .contact-address-main p.email span{

	color: #09aae7;

    font-weight: bold;

}

.form-contact .phone-main{

	font-size:1.7em;

	line-height:1.3em;

	color: #09aae7;

    font-weight: bold;

	text-align: center;

	margin-top:.5em;

}

.form-contact .phone-main span{

	color:#000000;

}

.form-contact label{

	color:#595a59;

	font-weight:normal;

	font-size:.95em;

}

.form-contact .form-styler{

	font-size:.95em;

	background:none !important;

	height:auto !important;

	color:#676262;

	padding:8px 0px !important;

	border-radius:0px !important;

	border:none;

	border-bottom:1px solid #cccaca;

	font-family: 'open_sansregular';

	

	box-shadow: none !important;

    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

}

.form-contact .form-styler::-moz-placeholder{color:#676262 !important;opacity:1}.form-contact .form-styler:-ms-input-placeholder{color:#676262 !important}.form-contact .form-styler::-webkit-input-placeholder{color:#676262 !important}



.form-contact .form-styler:focus{

	border-bottom:1px solid #09aae7;

}

.form-contact .send-button{

	width:53px;

	position:relative;

	height:37px;

	background:url(../img/btn-submit.svg) no-repeat center;

	background-size:100%;

	border:none;

	margin-top:10px;

	-moz-transition: all .2s;

    -webkit-transition: all .2s;

    -ms-transition: all .2s;

    -o-transition: all .2s;

    transition: all .2s;

	left:0px;

	

	outline:none;

}

.form-contact .send-button:hover{

	left:10px;

	outline:none;

}

.form-contact .send-button:focus{

	outline:none !important;

}



#frmenquiry .mail_response {

    color:#fff000 !important;

    padding-top: 1em !important;

    display: none;

}

.form-control.warning{

	border-bottom:1px solid #e81313 !important;

}

#frmenquiry label.warning {

  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;

  transform: translate3d(0, 0, 0);

  backface-visibility: hidden;

  perspective: 1000px;

}



@keyframes shake {

  10%, 90% {

    transform: translate3d(-1px, 0, 0);

  }

  

  20%, 80% {

    transform: translate3d(2px, 0, 0);

  }



  30%, 50%, 70% {

    transform: translate3d(-4px, 0, 0);

  }



  40%, 60% {

    transform: translate3d(4px, 0, 0);

  }

}













/*gallery css*/

.demo-gallery > ul {

	margin-bottom: 3em;

}

.demo-gallery > ul > li {

	float: left;

 	margin-bottom: 1em;

    padding: 8px;

	/*margin-right: 20px;

	width: 200px;*/

}



.demo-gallery > ul > li a {

	    border: 1px solid #09aae7;

    display: block;

    overflow: hidden;

    position: relative;

    float: left;

    width: 100%;

    box-shadow: 6px 7px 7px #ccc;

}

.demo-gallery > ul > li a > img {

	-webkit-transition: -webkit-transform 0.15s ease 0s;

	-moz-transition: -moz-transform 0.15s ease 0s;

	-o-transition: -o-transform 0.15s ease 0s;

	transition: transform 0.15s ease 0s;

	-webkit-transform: scale3d(1, 1, 1);

	transform: scale3d(1, 1, 1);

	height: 100%;

	width: 100%;

}

.demo-gallery > ul > li a:hover > img {

	-webkit-transform: scale3d(1.1, 1.1, 1.1);

	transform: scale3d(1.1, 1.1, 1.1);

}

.demo-gallery > ul > li a:hover .demo-gallery-poster > img {

	opacity: 1;

}

.demo-gallery > ul > li a .demo-gallery-poster {

	background-color: rgba(0, 0, 0, 0.1);

	bottom: 0;

	left: 0;

	position: absolute;

	right: 0;

	top: 0;

	-webkit-transition: background-color 0.15s ease 0s;

	-o-transition: background-color 0.15s ease 0s;

	transition: background-color 0.15s ease 0s;

}

.demo-gallery > ul > li a .demo-gallery-poster > img {

	left: 50%;

	margin-left: -10px;

	margin-top: -10px;

	opacity: 0;

	position: absolute;

	top: 50%;

	-webkit-transition: opacity 0.3s ease 0s;

	-o-transition: opacity 0.3s ease 0s;

	transition: opacity 0.3s ease 0s;

}

.demo-gallery > ul > li a:hover .demo-gallery-poster {

	background-color: rgba(0, 0, 0, 0.5);

}

.demo-gallery .justified-gallery > a > img {

	-webkit-transition: -webkit-transform 0.15s ease 0s;

	-moz-transition: -moz-transform 0.15s ease 0s;

	-o-transition: -o-transform 0.15s ease 0s;

	transition: transform 0.15s ease 0s;

	-webkit-transform: scale3d(1, 1, 1);

	transform: scale3d(1, 1, 1);

	height: 100%;

	width: 100%;

}

.demo-gallery .justified-gallery > a:hover > img {

	-webkit-transform: scale3d(1.1, 1.1, 1.1);

	transform: scale3d(1.1, 1.1, 1.1);

}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {

	opacity: 1;

}

.demo-gallery .justified-gallery > a .demo-gallery-poster {

	background-color: rgba(0, 0, 0, 0.1);

	bottom: 0;

	left: 0;

	position: absolute;

	right: 0;

	top: 0;

	-webkit-transition: background-color 0.15s ease 0s;

	-o-transition: background-color 0.15s ease 0s;

	transition: background-color 0.15s ease 0s;

}

.demo-gallery .justified-gallery > a .demo-gallery-poster > img {

	left: 50%;

	margin-left: -10px;

	margin-top: -10px;

	opacity: 0;

	position: absolute;

	top: 50%;

	-webkit-transition: opacity 0.3s ease 0s;

	-o-transition: opacity 0.3s ease 0s;

	transition: opacity 0.3s ease 0s;

}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {

	background-color: rgba(0, 0, 0, 0.5);

}

.demo-gallery .video .demo-gallery-poster img {

	height: 48px;

	margin-left: -24px;

	margin-top: -24px;

	opacity: 0.8;

	width: 48px;

}

.demo-gallery.dark > ul > li a {

	border: 3px solid #04070a;

}





/*teams*/

.teams{

	padding-top:4em;

}



.teams .team-holder{

	position:relative;

}

/*.teams .team-holder:before{

	content:"";

	display:block;

	width:80%;

	height:1px;

	background:#d4d4d4;

	position:absolute;

	top:40%;

	left:50%;

	-webkit-transform:translate(-50%,-50%);

	transform:translate(-50%,-50%);

}*/



.teams .team-holder > .row > div .member-item{

	 -webkit-animation-name: ScaleOut-team;

  animation-name: ScaleOut-team;

  -webkit-animation-duration: .6s;

  animation-duration: .6s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

 

  -webkit-transform-origin:center;

  transform-origin:center;

}

.teams.active .team-holder > .row > div .member-item{

   -webkit-animation-name: ScaleIn-team;

  animation-name: ScaleIn-team;

  -webkit-animation-duration:.6s;

  animation-duration: .6s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  

  

}





.teams .team-holder > .row > div:nth-child(1) .member-item{

	-webkit-animation-delay: .4s; 

    animation-delay: .4s;

}

.teams.active .team-holder > .row > div:nth-child(1) .member-item{

	-webkit-animation-delay: .4s; 

    animation-delay: .4s;

}



.teams .team-holder > .row > div:nth-child(2) .member-item{

	-webkit-animation-delay: .6s; 

    animation-delay: .6s;

}

.fourth-block.active .team-holder > .row > div:nth-child(2) .member-item{

	-webkit-animation-delay: .6s; 

    animation-delay: .6s;

}



.teams .team-holder > .row > div:nth-child(3) .member-item{

	-webkit-animation-delay: .8s; 

    animation-delay: .8s;

}

.teams.active .team-holder > .row > div:nth-child(3) .member-item{

	-webkit-animation-delay: .8s; 

    animation-delay: .8s;

}



.teams .team-holder > .row > div:nth-child(4) .member-item{

	-webkit-animation-delay: 1s; 

    animation-delay: 1s;

}

.teams.active .team-holder > .row > div:nth-child(4) .member-item{

	-webkit-animation-delay: 1s; 

    animation-delay: 1s;

}







@-webkit-keyframes ScaleIn-team{

  0% {

    opacity: 0;

	transform:scale(1);

  }

  20% {

    opacity: 0;

	transform:scale(.5);

  }



  80% {

    opacity: 1;

	transform:scale(1.2);

  }

  

  100% {

    opacity: 1;

	transform:scale(1);

  }

}



@keyframes ScaleIn-team{

  0% {

    opacity: 0;

	transform:scale(1);

  }

  20% {

    opacity: 0;

	transform:scale(.5);

  }



  80% {

    opacity: 1;

	transform:scale(1.1);

  }

  

  100% {

    opacity: 1;

	transform:scale(1);

  }

}



@-webkit-keyframes ScaleOut-team{

  0% {

	opacity: 1;

	transform:scale(1);

    

  }

  20% {

	opacity: 1;

	transform:scale(1.1);

    

  }



  80% {

    opacity: 0;

	transform:scale(.5);

  }

  

  100% {

    opacity: 0;

	transform:scale(1);

  }

}



@keyframes ScaleOut-team{

  0% {

	opacity: 1;

	transform:scale(1);

    

  }

  20% {

	opacity: 1;

	transform:scale(1.1);

    

  }



  80% {

    opacity: 0;

	transform:scale(.5);

  }

  

  100% {

    opacity: 0;

	transform:scale(1);

  }

}









.teams .team-holder .member-item .pic-holder{

	width:100%;

	margin-bottom:1.7em;

	position:relative;

}

.teams .team-holder .member-item .pic-holder:before{

	content:"";

	display:block;

	position:absolute;

	width:85%;

	height:40%;

	background:#ffffff;

	top:50%;

	left:50%;

	-webkit-transform:translate(-50%, -50%);

	transform:translate(-50%, -50%);

}







.ih-item {

    position: relative;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}

.ih-item,

.ih-item * {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.ih-item a {

    color: #333;

	display:block;

	position:relative;

}



.ih-item a:hover {

    text-decoration: none;

}

.ih-item img {

	 width: 220px;

	 height:auto;

    max-width: 100%;

    max-height: auto;

}

.ih-item a .member-number{

	background:#86108c;

	position:absolute;

	bottom:0;

	right:1.5em;

	padding:1.2em;

	color:#ffffff;

	font-size:.89em;

	text-align:center;

	line-height:1.15em;

	font-family: 'open_sansbold';

	z-index:99;

	-webkit-border-radius:50%;

	border-radius:50%;

	

	-webkit-transition:all .3s;

	transition:all .3s;

	

	opacity:1;

	

	-webkit-transform:scale(1,1);

	transform:scale(1,1);

}

.ih-item a:hover .member-number{

	opacity:0;

	-webkit-transform:scale(0,0);

	transform:scale(0,0);

}

.ih-item.circle {

    position: relative;

    width: 220px;

    border-radius: 50%;

	max-width:100%;

	height:auto;

	margin:0 auto;

}

.ih-item.circle .img {

    position: relative;

    width: 220px;

    height: auto;

    border-radius: 50%;

	max-width:100%;

}

.ih-item.circle .img:before {

    position: absolute;

    display: block;

    content: '';

    width: 100%;

    height: 100%;

    border-radius: 50%;

    box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2);

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}

.ih-item.circle .img img {

    border-radius: 50%;

}

.ih-item.circle .info {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    text-align: center;

    border-radius: 50%;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}

.ih-item.square {

    position: relative;

    width: 316px;

    height: 216px;

    border: 8px solid #fff;

    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);

}

.ih-item.square .info {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    text-align: center;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}



.ih-item.circle.effect6 .img {

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}

.ih-item.circle.effect6.colored .info {

    background: rgba(1,150,207,0.6);

}

.ih-item.circle.effect6 .info {

    background: #333333;

    opacity: 0;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}

.ih-item.circle.effect6 .info .know {

    color: #fff;

    text-transform: uppercase;

	position:absolute;

	

	top:50%;

	left:50%;

	-webkit-transform:translate(-50%, -50%);

	transform:translate(-50%, -50%);

	

}

.ih-item.circle.effect6 .info .know img{

	width:40px;

}

.ih-item.circle.effect6 .info p {

    color: #bbb;

    padding: 10px 5px;

    font-style: italic;

    margin: 0 30px;

    font-size: 12px;

    border-top: 1px solid rgba(255, 255, 255, 0.5);

}

.ih-item.circle.effect6.scale_up .info {

    -webkit-transform: scale(0.5);

    -moz-transform: scale(0.5);

    -ms-transform: scale(0.5);

    -o-transform: scale(0.5);

    transform: scale(0.5);

}

.ih-item.circle.effect6.scale_up a:hover .img {

    opacity: 0;

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

}

.ih-item.circle.effect6.scale_up a:hover .info {

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}

.ih-item.circle.effect6.scale_down .info {

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

}

.ih-item.circle.effect6.scale_down a:hover .img {

    opacity: 0;

    -webkit-transform: scale(0.5);

    -moz-transform: scale(0.5);

    -ms-transform: scale(0.5);

    -o-transform: scale(0.5);

    transform: scale(0.5);

}

.ih-item.circle.effect6.scale_down a:hover .info {

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}

.ih-item.circle.effect6.scale_down_up .info {

    -webkit-transform: scale(0.5);

    -moz-transform: scale(0.5);

    -ms-transform: scale(0.5);

    -o-transform: scale(0.5);

    transform: scale(0.5);

    -webkit-transition: all 0.35s ease-in-out 0.2s;

    -moz-transition: all 0.35s ease-in-out 0.2s;

    transition: all 0.35s ease-in-out 0.2s;

}

.ih-item.circle.effect6.scale_down_up a:hover .img {

    opacity: 0;

    -webkit-transform: scale(0.5);

    -moz-transform: scale(0.5);

    -ms-transform: scale(0.5);

    -o-transform: scale(0.5);

    transform: scale(0.5);

}

.ih-item.circle.effect6.scale_down_up a:hover .info {

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}







.teams .team-holder .member-item .name-holder{

	width:100%;

	text-align:center;

	color:#000000;

	    font-family: 'ralewayregular';

	font-size:1.2em;

	line-height:1.2em;

	padding-bottom:.7em;

}

.teams .team-holder .member-item .designation-holder{

	width:100%;

	text-align:center;

	color:#09aae7;

	    font-family: 'ralewayregular';

	font-size:1em;

	line-height:1em;

	padding-bottom:1em;

}

/*video css*/

.video-block{

  position: relative;

  padding: 2em;

}

.video-box{

  position: relative;

  width: 100%;
  
    margin-bottom: 5em;
	margin-top:2em;

}

/*.video-box:nth-child(odd){

  margin-top: -2em;

}*/

.video-box .video{

  height: 22em;

  margin: 1em 0;

  position: relative;

}

.video-box .video iframe{

  position: relative;

}

.video-box .video h2 {

  position: relative;

  margin: 0.5em 0 0;

  font-size: 1.75em;

  color: var(--color-product-title);

  font-family: 'ralewaybold';

  font-weight: 700;

}



.video-box .video h3 {

  position: relative;

  margin: 0;

  text-transform: uppercase;

  color: var(--color-product-subtitle);

  font-size: 0.85em;

  letter-spacing: 0.115em;

  text-align:center;

}







/*projects css*/

.grid {

	margin: 10em auto 0em;

    position: relative;

    padding: 0 1em;

    width: 100%;

    display: grid;

    grid-template-columns: repeat(var(--grid-columns), 1fr);

}



.grid__item {

	padding: 0 4vw;

	margin: 0 0 12vh;

}



/* .grid__item:nth-child(odd) .product {

	margin-top: -8em;

} */

.grid__item a{

	color:#000;

}

.grid__item a:hover{

	text-decoration:none;

}

.product {

	height: 100%;

	padding-top: 10em;

	position: relative;

	cursor: pointer;

}



.product__bg {

	height: 16em;

	background: var(--details-bg-down);

	position: relative;

}



.product__img {

	max-height: 25em;

	margin: 0 auto;

	display: block;

	position: absolute;

	top: 0;

	left: 50%;

	pointer-events: none;

	transform: translate3d(-50%,0,0);

}



.product__title {

	position: relative;

	margin: 0.5em 0 0;

	font-size: 1.75em;

	color: var(--color-product-title);

	font-family: 'ralewaybold';

	font-weight: 700;

}



.product__subtitle {

	position: relative;

	margin: 0;

	text-transform: uppercase;

	color: var(--color-product-subtitle);

	font-size: 0.85em;

	letter-spacing: 0.115em;

	text-align:center;

}

.product__subtitle:hover {

	text-decoration:none;

}

.product:hover .product__subtitle {

	color: var(--color-link);

}



.product__description,

.product__price {

	opacity: 0;

	position: absolute;

}



.details {

	position: fixed;

	width: 100%;

	height: 100%;

	bottom: 0;

	left: 0;

	padding: 40vh 0 10vh 10vw;

	z-index: 1000;

	display: flex;

	flex-direction: column;

	align-items: flex-start;

	pointer-events: none;

}



.details--open {

	pointer-events: auto;

}



.details > * {

	position: relative;

	opacity: 0;

}



.details__bg {

	width: 100%;

	position: fixed;

	left: 0;

}



.details__bg--up {

	top: 0;

	height: 100vh;

	background: var(--details-bg-up);

}



.details__bg--down {

	top: 40vh;

	height: 60vh;

	background: var(--details-bg-down);

}



.details__img {

	position: absolute;

	top: 10vh;

	right: 10vw;

	height: 80vh;

}



.details__bg,

.details__img {

	transform-origin: 0 0;

}



.details__title {

	margin: -1.5em 0 0.1em;

	font-size: 4.5em;

	color: var(--color-details-title);

	font-family: "Playfair Display", serif;

	font-weight: 700;

}



.details__subtitle {

	text-transform: uppercase;

	margin: 0.75em 0 1em 0;

	letter-spacing: 0.115em;

	font-size: 1.75em;

	color: var(--color-details-subtitle);

}



.details__description {

	line-height: 1.5;

	font-weight: bold;

	max-width: 50%;

	margin: 2em 0 0 0;

	color: var(--color-details-desc);

}



.details__price {

	font-size: 3em;

	font-weight: bold;

	color: var(--color-price);

}



.details__addtocart {

	border: 0;

	margin: auto 0 0 0;

	background: var(--color-bg-addtocart);

	color: var(--color-addtocart);

	padding: 0.75em 2em;

	font-weight: bold;

}



.details__addtocart:hover {

	background: var(--color-btn-hover);

}



.details__close {

	position: absolute;

	top: 0;

	right: 0;

	border: 0;

	background: none;

	margin: 2em;

	cursor: pointer;

	font-size: 0.85em;

	color: var(--color-close);

}



.dummy-menu {

	border: 0;

	background: none;

	padding: 0;

	margin: 2.75em 2.5em 0 0;

	position: fixed;

	top: 0;

	right: 0;

	font-size: 0.85em;

	color: var(--color-close);

	cursor: pointer;

	z-index: 1000;

}



.details__magnifier {

	border: 0;

	background: none;

	background: var(--color-bg-magnifier);

	color: var(--color-magnifier);

	padding: 1em;

	border-radius: 50%;

	position: absolute;

	z-index: 1000;

	right: calc(21.5vh + 10vw);

	top: 75vh;

	cursor: pointer;

}



.details__magnifier:hover {

	background: var(--color-btn-hover);

}



.details__deco {

	width: 7em;

	height: 20px;

	background-position: 50% 97%;

	background-size: 150%;

}



/* Related demos */

.content--related {

	padding: 8em 5vw;

	font-weight: bold;

	text-align: center;

	background: #000;

	color: #f0f0f0;

}



.content--related a:hover {

	color: #fff;

}



.content--related h2 {

	font-size: 1.25em;

}



.content--related .demos {

	padding-bottom: 3em;

}



.media-item {

	display: inline-block;

	padding: 1em;

	vertical-align: top;

	transition: color 0.3s;

}



.media-item__img {

	max-width: 100%;

	opacity: 0.8;

	transition: opacity 0.3s;

}



.media-item:hover .media-item__img,

.media-item:focus .media-item__img {

	opacity: 1;

}



.media-item__title {

	font-size: 1em;

	margin: 0;

	padding: 0.5em;

}



@media screen and (max-width: 40em) {

	.grid {

		padding: 0 1vw;

	}

	.grid__item {

		padding: 0 2vw;

	}

	.product__bg {

		height: 10em;

	}

	.product__img {

		max-height: 19em;

	}

	.product__title {

		font-size: 1.25em;

	}

	.product__subtitle {

		font-size: 0.75em;

	}

	.details {

		padding: 30vh 0 5vh 10vw;

	}

	.details__bg--down {

		top: 30vh;

		height: 70vh;

	}

	.details__title {

		font-size: 2em;

	}

	.details__subtitle {

		font-size: 1em;

	}

	.details__price {

		font-size: 1.5em;

	}

	.details__description {

		max-width: 70%;

		font-size: 0.85em;

		margin: 1em 0 0 0;

	}

	.details__deco {

		height: 7px;

		width: 4em;

	}

	.details__img {

		right: -12vh;

	}

	.details__magnifier {

		right: 7vh;

	}

	.codrops-header {

		padding: 1em 4em;

	}

	.codrops-header__title {

		font-weight: bold;

		padding-bottom: 0.25em;

		text-align: center;

		font-size: 1.25em;

	}

	.dummy-menu {

		margin: 1.75em 1.5em 0 0;

	}

}







/*tables*/

.ongoing-table{

	border: solid 1px #adadad;

	margin-top:2em;

}



.ongoing-table th,.summery tr.bg td{

	background:#505051;

	padding:10px 0;

	color:#fff;

	font-size:15px;

	font-weight:normal;

	border:solid 1px #ccc;

}

.ongoing-table td:nth-child(2){

  color:#000;

  text-align:left;

  display:table-cell;

    vertical-align:middle;

  font-size:14px;

  border: solid 1px #adadad;

  background:#FFF;

  font-family: 'rubikregular';

}

.ongoing-table td{

	color:#000;

	text-align:center;

	display:table-cell;

    vertical-align:middle;

	font-size:14px;

	border: solid 1px #adadad;

	background:#FFF;

  font-family: 'rubikregular';

}

.ongoing-table tr{

	background:#f6f6f6;

	border: solid 1px #adadad;

	padding-bottom:5px !important;

	padding-top:5px !important;

}

.ongoing-table tr:hover{

	background:#9CF;

}

.ongoing-table .color_adj td{ 

    background:#5e5e5e !important;

	color:#fff;

	padding-bottom:10px !important;

	padding-top:10px !important;

	text-transform:uppercase;

}

.table-responsive{ border:none;}



#more{

	background: #09aae7;

    border: #0384b5;

    padding: 1em 2em;

    color: #fff;

    text-align: center;

    margin: 1em auto;

    display: block;

}

.pro-details{

  padding: 3em 0;

  align-items: top;

}

.pro-details .pro-map img{

  width: 100%;

}

.pro-details ul li{

  font-family: 'ralewayregular';

  font-size: 1.1em;

  line-height: 1.6em;

}























/*==================MEDIA=======================*/

@media (max-width: 1600px){

	.caption-box {

		left: 5em;

      	width: 50%;

      	height: 25%;

	}

	.service-block .service-head-box{

    	padding: 0 5em;

	}

	.top-gradiant-box {

		padding: .5em 6em;

	}

	.abs-box{

		padding:0 6em;

	}

	#cssmenu > ul > li > a{

    font-size:15px;
    font-family: 'ralewaybold';

	}

	#cssmenu > ul > li > a {

    	padding: 3em 0.5em;

	}

	.about-block {

    	padding: 4em 6em;

	}

	.blue-ribbon-block {

    	padding: 3em 6em;

	}

	.service-block {

    	padding: 4em 6em;

	}

	.projects-block {

    	padding: 4em 0 4em 6em;

	}

	.client-block {

    	padding: 2em 6em;

	}

	.footer-block {

    	padding: 3em 6em;

	}

	.main.fixed #cssmenu > ul > li > a {

    	padding: 2.5em 0.5em;

	}

	.innner-content-block{

		padding:4em 6em;

	}

}



@media (max-width: 1440px){

	.top-gradiant-box {

    	padding: .5em 4em;

	}

	.abs-box {

    	padding: 0 4em;

	}

	h1 {

    	font-size: 3.2em;

	}

	h2 {

    	font-size: 2.5em;

	}

	h3 {

    	font-size: 1.6em;

	}

	h4 {

    	font-size: 1.2em;

	}

	h5 {

    	font-size: 1em;

	}

	h6 {

    	font-size: 1em;

	}

	.img-box:before {

    	height: 50%;

	}

	p {

    	font-size: 1em;

	}



	#cssmenu > ul > li > a{

		letter-spacing:0;

	}

	.innner-content-block{

		padding:4em 4em;

	}

}



@media (max-width: 1300px){

	h1 {

    	font-size: 3em;

	}

	h2 {

    	font-size: 2.3em;

	}

	h3 {

    	font-size: 1.4em;

	}

	h4 {

    	font-size: 1em;

	}

	h5 {

    	font-size: 1em;

	}

	h6 {

    	font-size: 0.9em;

	}

	.top-gradiant-box {

    	padding: .5em 2em;

	}

	.abs-box {

    	padding: 0 2em;

	}

	.about-block {

    	padding: 3em 3em;

	}

	.about-serv-list ul{

		 padding:0;

	}

	.about-serv-list ul li{

		font-size:15px;

	}

	.about-block button {

    	margin: 1em 0 0 0;

	}

	p {

    	font-size: 15px;

	}

	.blue-ribbon-block {

    	padding: 2em 3em;

	}

	.service-block {

    	padding: 3em 3em;

	}

	.client-block {

    	padding: 2em 3em;

	}

	.footer-block {

    	padding: 2em 3em;

	}

	.footer-block h5 {

    	font-size: 1.6em;

	}

	#cssmenu > ul > li > a {

    	font-size: 13px;

	}

	#cssmenu #head-mobile {

    	padding: 1em .5em;

		background: #0a5385;

	}

	.innner-content-block{

		padding:3em 3em;

	}

}



@media (max-width: 992px){

	.abs-box {

    	position: relative;

    	top: 0px;

	}

	.logo-box {

    	text-align: center;

	}

	.button{

		top:0;

	}

	

	.caption-box {

    	left: 3em;

	}

	h1 {

    	font-size: 2.5em;

	}

	h2 {

    	font-size: 2.1em;

	}

	h3 {

    	font-size: 1.1em;

	}

	h4 {

    	font-size: 0.9em;

	}

	.main.fixed {

    	position: relative;

	}

	.main.fixed .logo-box {

    	width: auto;

	}

	

	.main-ul {

    	float: right;

	}

	.img-box {

		float: left;

		width: 49%;

	}

	.caption-box{

		bottom:3.5em;

	}

	.about-block {

    	padding: 2em 2em;

	}

	.blue-ribbon-block {

    	padding: 2em 2em;

	}

	.service-block {

    	padding: 2em 2em;

	}

	.client-block {

    	padding: 2em 2em;

	}

	.footer-block {

    	padding: 2em 2em;

	}

	.innner-content-block{

		padding:2em 2em;

	}

	.abs-box {

    	padding: 0 0.5em;

	}

	#cssmenu > ul > li > a {

    	font-size: 12px;

	}

}

@media (max-width: 768px){

	.group-flexer{

		display:block;

	}

	#cssmenu > ul{

		float:none;

	}

	#cssmenu > ul > li > a {

    	padding: 3em 1.6em;

	}

}

@media (max-width: 767px){

	.top-gradiant-box {

    	padding: .5em 1em;

	}

  .top-gradiant-box p{

    text-align: center;

  }

	.abs-box {

    	padding: 0 0;

	}

	.top-info {

		display: inline-block;

		align-content: center;

		text-align: center;

    	width: 100%;

	}

	.menus{

		padding:0;

	}

	.img-box {

		float: none;

    	width: 100%;

	}

	.about-serv-list {

    	padding-left: 0;

	}

	.left-line{

		margin-top:2em;

	}

	.footer-block {

    	padding: 2em 1em;

	}

	h2 {

    	font-size: 1.5em;

	}

	.form-contact .phone-main {

    	font-size: 1.2em;

	}

	.form-contact .contact-address-main p {

    	text-align: left;

	}

	.form-contact .phone-main {

		text-align: left;

		margin-bottom: 1em;

	}

	.teams .team-holder .member-item .name-holder{

		font-size:1em;

	}

	.teams .team-holder .member-item .designation-holder{

		font-size:0.9em;

	}

	.teams {

    	padding-top: 0;

	}

	.logo-box img {

    	max-width: 50%;

	}

	.about-mid-txt{

		padding-right:0;

	}

	.group-flexer{

		display:block;

	}

	h1 {

    	font-size: 1.5em;

	}

	.caption-box {

    	left: 1em;

	}

	.posionar-box{

		display:none;

	}

	.blue-ribbon-block {

    	text-align: center;

	}

	.slick-next{

		display:none !important;

	}

	.slick-prev{

		display:none !important;

	}

	.projects-block {

    	padding: 1em 1em;

	}

	.projects-block .projects-group{

		display:block;

	}

	.main-padd{

		padding:0;

	}

	#cssmenu > ul > li > a {

    	padding: 1.6em 1.6em;

	}

	.caption-box h1 br{

		display:none;

	}

	.caption-box {

    	bottom: 4.5em;

	}

}



@media (max-width: 620px){

  .manag-box{

    text-align: center;

  }

  .video-block{

    padding: 0;

  }

  .video-box .video {

    height: auto;

  }

  .video-box .video h2 {

    font-size: 1.25em;

}

  .video-box .video h3 {

    font-size: 0.75em;

}

}



/*@media (max-width: 1440px){

  .caption-box {

    left: 4.5em;

    width: 50%;

    height: 28%;

  }

  .about-block, .vision-block{

    padding: 5em;

  }

  .tab-content{

    padding: 5em 5em 7em 5em;

  }

  .projects-block{

    padding: 5em 0 5em 5em;

  }

  .client-block{

    padding: 2em 5em;

  }

  .footer-block{

    padding: 2em 5em 0;

  }

  .inner-block {

    	padding: 3em 5em;

	}

}



@media (max-width: 1366px){

  .caption-box {

    left: 4.2em;

    width: 50%;

    height: 29%;

  }

}

@media (max-width: 1292px){

  .service-block .service-head-box {

    padding: 0 3em !important;

  }

  .inner-block {

    	padding: 3em 3em;

	}

	.inner-block h1{

		font-size:3em;

	}

}

@media (max-width: 1176px){

      .about-block .group-flexer{

    display: contents;

  }

  

}



@media (max-width: 1024px){

  .caption-box {

    left: 3.2em;

    width: 70%;

    height: 39%;

  }

  #cssmenu li:hover > ul > li {

    height: 100%;

    width: 20vw;

    text-align: left;

  }

  .about-block .group-flexer{

    display: contents;

  }

  .about-block, .vision-block {

    padding: 5em 5em 1em;

  }

  .tab-content {

    padding: 3em 3em 5em 3em;

  }

  .projects-block {

    padding: 5em 0 3em 3em;

  }

  .slick-next, .slick-prev{

    left: -5em;

  }

  .footer-block {

      padding: 2em 3em 0;

  }

}



@media (max-width: 991px){

	.section-title:after{

    	display: none;

	}

	.service-head-box h2{

		padding: .5em 0;

	}

	.service-head-box .nav-tabs{

		padding: 0;

	}

	.about-left img{

    	padding-top: 2em;

	}

	.about-block, .vision-block {

    	padding: 2em 3em 1em;

	}

	.projects-block {

   	 padding: 3em 0 1em 3em;

	}

	.client-block {

    	padding: 1em 3em;

	}

	.inner-block {

    	padding: 2em 1em;

	}

}



@media (max-width: 768px){

	h1{

		font-size: 2.5em

	}

	h2{

    	font-size: 2em;

	}

	h3{

    	font-size: 1.75em

	}

	h4{

    	font-size: 1.5em;

	}

	h5{

		font-size: 1.2em

	}

	h6{

    	font-size: 1em

	}

	p{

		font-size: .9em;

		line-height:1.5em;

	}

  .menu-block{

    display: block;

    z-index: 99999;

	    position: relative;

  }

  #cssmenu #head-mobile{

    padding: 1em .5em;

    background: #1b6c43;

  }

  .button{

    top: .2em;

  }

  #cssmenu > ul > li > a{

    padding: .8em 1em;

  }

  #cssmenu ul{

    background: #1b6c43;

  }

  #cssmenu > ul > li > a{

    color: #fff

  }

  #cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover{

        background: #3da547;

  }

  #cssmenu ul li {

    border-top: 1px solid #3da547;

  }

  #cssmenu li:hover > ul > li{

    width: 100%;

  }

  #cssmenu .submenu-button.submenu-opened {

    background: #3da547;

  }

  #cssmenu .submenu-button{

        border-left: 1px solid #3da547;

    height: 39px;

  }

  #cssmenu ul ul li {

    background: #1b6c43!important;

  }

  #cssmenu ul ul .submenu-button {

    height: 42px;

    width: 40px;

  }

  .carousel-control-prev, .carousel-control-next{

    display: none;

  }

  .caption-box {

    left: 0;

  }

  .footer-block:before{

    top: 0;

    right: 0;

    background: url(../img/footer-bg.png) top no-repeat;

    background-size: cover;

  }

  .top-gradiant-box{

    padding: .5em 2em;

  }

  .about-serv-list ul li, .footer-block .footer-menu li{

    font-size: .9em;

  }

  .serv-con-box img{

    border-radius: 0;

  }

  .serv-con-box .serv-con-txt{

    position: relative;

    width: 100%;

    bottom: 0;

  }

  .tab-content {

    padding: 1em 3em 3em 3em;

  }

  .serv-con-box{

    margin-top: 2em;

  }

  .inner-block h1{

	font-size:2em; 

	margin-bottom: 0.8em;

	}

	.inner-block .service-section h2 {

    	font-size: 1.3em;

	}

	.inner-block .service-section a {

    	font-size: 15px;

	}

	.clients-sec li{

		width:50%;

	}

	.inner-block .service-section ul li{

		font-size:14px;

	}

}

@media (max-width: 500px){

    .top-gradiant-box{

      display: block;

    }

    .top-info {

    display: block;

    position: relative;

    text-align: center;

  }

  h1{

  font-size: 1.5em

  }

  h2{

    font-size: 1.3em;

  }

  h3{

    font-size: 1.2em

  }

  h4{

    font-size: 1.1em;

  }

  h5{

    font-size: 1em

  }

  h6{

    font-size: 1em

  }

  p, .slider-texts button a, .top-gradiant-box p{

    font-size: .9em;

    line-height:1.5em;

  }  

  .about-mid-txt{

    border-left:none;

  }

  .about-mid-txt p{

    padding-left: 0;

    text-align: center;

  }

.about-special-img{

  text-align: center;

   width: 100%;

   padding-bottom: .5em;

}

.about-special-img img{

    text-align: center;

    margin: 0 auto;

  }

  .slick-next, .slick-prev{

    display: none !important;

  }

  .projects-block .row{

    overflow: hidden !important;

  }

  .caption-box{

    display: none;

  }

  .tab-content {

      padding: 0em 1em 2em 1em;

  }

  .projects-block, .about-block, .vision-block {

      padding: 2em 1em 1em;

  }

  .footer-block {

      padding: 2em 1em 0;

  }

  .projects-block .projects-group{

    display: block;

  }

  .projects-block h5{

        text-align: center;

  }

  .projects-block h2, .slider-texts{

    text-align: center;

  }

    .projects-block p{

      text-align: center;

    }

    .slider-texts{

      padding: 1.5em 0 0;

    }

    .projects-block{

      padding-bottom: 0; 

    }

	.inner-block h1 {

    	margin-bottom: 0.5em;

	}

	.inner-block .projects-sec {

    	margin-bottom: 2em;

	}

	.form-group{

		padding:0;

	}

}*/

    



.ul-div{

	padding-left:15px

}

.careers_main{ border:1px solid #ccc; box-shadow: 0px 4px 5px 0px rgba(214,214,214,0.75);
-webkit-box-shadow: 0px 4px 5px 0px rgba(214,214,214,0.75);
-moz-box-shadow: 0px 4px 5px 0px rgba(214,214,214,0.75);
	margin-bottom: 2em;
	padding:15px;
    text-align: left;
    border-radius: 10px;
    
}

.careers_main h4 {
    color: #212529;
    text-transform: uppercase;
    z-index: 2;
    position: relative;
    text-align: left;
    margin-top:20px;
}

.btn1_career { color:#09aae7; text-transform: uppercase; font-weight: 600; }

.careers h3{ color: #09aae7; text-align:left;}

.careers h4 {
    color: #212529;
    text-transform: uppercase;
    z-index: 2;
    position: relative;
    text-align: left;
    margin-top:20px;
}

.ex-bx{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.proj-count{
  font-size: 3.5rem;
  font-weight: 700;
  color: #ffffff;
  display: inline-flex;
}
.ex-bx-tit{
  font-size: 1.2rem;
  color: #fff;  
}
.our-special-bx{
  width: 100%;
  height: auto;

}
.our-spec-wr{
  width: 100%;
  background-color: #f8f8f8;
}
.our-special-bx{
  padding-left: 8%;
  padding-top: 50px;
  padding-bottom: 50px;
}
.our-special-bx h3{
  font-size: 1.8rem;
}
.our-special-bx ul{
  list-style: none;
  padding-left: 0px;
}
.our-special-bx ul li{
  margin: 18px 0px;
  font-size: 1.4rem;
  font-weight: 600;
}
.our-special-bx ul li i{
  color: #f9d12b;
}

.ser-bx{
  width: 100%;
  min-height: 550px;
  background-color: #ed735f;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  margin: 15px 0px;
  border-bottom: solid 7px #f9d12b;
}
.ser-img-bx{
  border-bottom-left-radius: 40px;
  overflow: hidden;
}
.ser-img-bx img{
  width: 100%;
}
.ser-desc p{
  color: #f3f3f3;
}
.ser-desc h4{
  color: #fff;
  margin-top: 10px;
  font-size: 1.4rem;
}

.addr-bx{
  padding-left: 10%;
}
.cont-bld{
  font-weight: 600;
}
.cont-bld a{
  color: #212529;
}


a.cprofile {
  border: 2px solid #0d57bb;
  padding: 7px;
  /* font-size: 17px; */
  font-weight: 600;
  color: white;
  background: #0d57bb;
  text-transform: uppercase;
}

a.cprofile:hover {

  text-decoration: none;

}