@-webkit-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-moz-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-o-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

#cf4a {
  position:relative;
  height:484px;
  margin:0 auto;
}
#cf4a img {
  position:absolute;
  left:0;
  height: 516px;
  width: 100%;
}

#cf4a img {
  -webkit-animation-name: cf4FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 8s;

  -moz-animation-name: cf4FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 8s;

  -o-animation-name: cf4FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 8s;

  animation-name: cf4FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 8s;
}
#cf4a img:nth-of-type(1) {
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -o-animation-delay: 6s;
  animation-delay: 6s;
}
#cf4a img:nth-of-type(2) {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s;
}
#cf4a img:nth-of-type(3) {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
}
#cf4a img:nth-of-type(4) {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
}


.nav > li > a:focus, .nav > li > a:hover
{
  background-color: inherit;
}

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  left: 0;
  background-color: rgba(255, 255, 255, 0.7);
  top: -200px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.1s ease-out 0.2s;
  transition: all 0.1s ease-out 0.2s;
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  top: 0px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.hovereffect img {
  display: block;
  position: relative;
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  transform: translateY(-200px);
  -webkit-transition: all ease-in-out 0.1s;
  transition: all ease-in-out 0.1s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.hovereffect:hover h2 {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
  margin: 50px 0 0 0;
  background-color: transparent;
  -webkit-transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  transform: translateY(-200px);
  color: #000;
  border: 1px solid #000;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}

.hovereffect:hover a.info {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  box-shadow: 0 0 5px #000;
  color: #000;
  border: 1px solid #000;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
/*--tabs--*/
.tab{
    margin-top: 30px;
}
.tab .nav-tabs{
    border:none;
    /*border-bottom: 1px solid #e4e4e4;*/
    margin-left: 12%;
}

.nav-tabs li a{
    padding: 15px 40px;
    /*border:1px solid #ededed;
    border-top: 2px solid #ededed;*/
    border-right: 0px none;
    background: #7a81f4;
    color:#fff;
    border-radius: 5px;
    margin-right: 0px;
    font-weight: bold;
    transition: all 0.3s ease-in 0s;
}
.nav-tabs li a:hover{
    border-bottom-color: #ededed;
    border-right: 0px none;
    /*background: #00b0ad;*/
    color: #fff;
}
.nav-tabs li a span img{
    display: inline-block;
   /*width: 40%;*/
   height: 30px;
}
.nav-tabs li:last-child{
    /*border-right:1px solid #ededed;*/
}
.nav-tabs li.active a,
.nav-tabs li.active a:focus,
.nav-tabs li.active a:hover{
    border-top: 3px solid #00b0ad;
    border-right: 1px solid #d3d3d3;
    margin-top: -15px;
    color: #444;
    padding: 22px 40px;
    background-color: white;
}


.tab .tab-content{
    padding: 20px;
    line-height: 22px;
   
}
.tab .tab-content h3{
    margin-top: 0;
}
/*//--tabs--*/
@media only screen and (max-width: 1024px){
    .nav-tabs li{
        width:20%;
        margin-bottom: 10px;
    }
    .nav-tabs li a{
        padding: 15px;
    }
    .nav-tabs li.active a,
    .nav-tabs li.active a:focus,
    .nav-tabs li.active a:hover{
        padding: 15px;
        margin-top: 0;
    }
    .tab .nav-tabs{
    border:none;
    /*border-bottom: 1px solid #e4e4e4;*/
    margin-left: 0%;
}
}
@media only screen and (max-width: 992px){
    .nav-tabs li{
        width:20%;
        margin-bottom: 10px;
    }
    .nav-tabs li a{
        padding: 15px;
    }
    .nav-tabs li.active a,
    .nav-tabs li.active a:focus,
    .nav-tabs li.active a:hover{
        padding: 15px;
        margin-top: 0;
    }
    .tab .nav-tabs{
    border:none;
    /*border-bottom: 1px solid #e4e4e4;*/
    margin-left: 0%;
}
}
@media only screen and (max-width: 768px){
    .nav-tabs li{
        width:100%;
        margin-bottom: 10px;
    }
    .nav-tabs li a{
        padding: 15px;
    }
.nav-tabs li a span img{
    display: inline-block;
   width: 10%;
   height: 30px;
}
    .nav-tabs li.active a,
    .nav-tabs li.active a:focus,
    .nav-tabs li.active a:hover{
        padding: 15px;
        margin-top: 0;
    }
    .tab .nav-tabs{
    border:none;
    /*border-bottom: 1px solid #e4e4e4;*/
    margin-left: 0%;
}
}
.shape-background.left{
  max-width:70%;
  -webkit-transform:rotate(45deg) translate(50%,-50%);
  transform:rotate(45deg) translate(50%,-50%);
  background-color:#b2bdfb;
  }
/*-- Gallery --*/
.gallery{
  padding: 5em 0em;
}
.agile_gallery_grid{
  margin-top:2em;
}
.w3_agile_gallery_grid .agile_gallery_grid:nth-child(1) {
    /*margin-top: 0!important;*/
}
.agile_gallery_grid1 {
    position: relative;
    box-shadow: -7px 7px 17px rgba(158, 156, 156, 0.59);
    height: 100%
}
.w3layouts_gallery_grid1_pos {
    background: rgba(0, 0, 0, 0.73);
    bottom: 45px;
    left: 45px;
    opacity: 0;
    padding: 1em;
    position: absolute;
    right: 45px;
    text-align: center;
    top: 45px;
    visibility: hidden;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
}
.w3layouts_gallery_grid1_pos h3 {
    font-size: 1.2em;
    letter-spacing: 2px;
    font-weight: 600;
    margin: 1em 0 .5em;
    padding-bottom: .5em;
    position: relative;
    text-transform: capitalize;
    color: #ffffff;
}
.w3layouts_gallery_grid1_pos h3:after {
    background: #cf6900;
    bottom: -4px;
    content: '';
    height: 2px;
    left: 35.5%;
    position: absolute;
    width: 65px;
}
.w3layouts_gallery_grid1_pos p {
    color: #00affe;
    margin-top: 1.5em;
    font-size: 14px;
    letter-spacing: 1px;
}
.agile_gallery_grid:hover .w3layouts_gallery_grid1_pos{
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  -ms-transform: scaleX(1);
}
/*-- //Gallery --*/

/*--Contact --*/
.get-top-agileits-w3layouts h2 a {
    text-decoration: none;
    color: #000;
    font-size: 1.5em;
    letter-spacing: 1px;
    float: left;
    font-family: 'Lora', serif;
}
.get-top-agileits-w3layouts  {
    margin-bottom:3em;
}
.get-top-agileits-w3layouts ul {
    float: right;
    margin-top: 0.9em;
}
.get-top-agileits-w3layouts ul li{
    list-style:none;
  text-transform:uppercase;
  margin-left:2em;
  display:inline-block;
}
.get-top-agileits-w3layouts ul li a {
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
  text-decoration:none;
}
.get-top-agileits-w3layouts ul li a:hover{
  color:#000;
}
.contact-left h6, .contact-agile h4 {
    font-size: 2em;
    text-transform: capitalize;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 1px;
    margin-bottom: 1em;
}
.address-w3-agile i {
    font-size: 23px;
    color: #00b0ff;
    text-shadow: 1px 1px 7px #004f73;
    float: left;
    padding-right: 10px;
    /* display: block; */
    width: 33px;
}
.address-w3-agile p, .address-w3-agile a {
    text-align: left;
    font-size: 14px;
    margin-bottom: 10px;
    color: #fff!important;
    letter-spacing: 1px;
    float: left;
    display: inline-block;
    width: 89%;
}
.address-w3-agile {
    margin-bottom: 2em;
}
.contact-left ul.social-icons li a i {
    color: #fff!important;
}
.open-w3ls {
    margin-top: 25px;
}
.contact-agile {
    /*width: 65%;*/
    box-shadow: -2px 2px 10px #d0cfcf;
    position: absolute;
    left: 26em;
    bottom: -10em;
}
.contact-left {
    float: left;
    width: 40%;
    padding: 3em;
    background: #6e7def4d;
}
.contact-middle {
    width: 60%;
    float: left;
    padding: 3em;
    background: #fff;
}
.contact-agile h4{
    text-align: left;
    color: #000!important;
}
.contact-left a {
    color: #999;
    text-decoration: none;
   transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}
.contact-left a:hover {
    color: #00affe;
   transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}
.contact-left span {
    color: #444;
    font-size: 14px;
    letter-spacing: .8px;
    display: inline-block;
    margin-bottom: 15px;
}
.contact-agile p.heading-btm-w3ls,.sevices-w3layouts p.heading-btm-w3ls{
    color: #e7e3e3;
}
.contact-middle input[type="text"], .contact-middle input[type="email"], .contact-middle textarea {
    width: 100%;
    padding: 7px 10px;
    font-size: 14px;
    border: none;
    /* background: rgba(68, 68, 68, 0.28); */
    border-bottom: 2px solid rgba(195, 195, 195, 0.28);
    color: #676565;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}
.contact-middle input[type="text"]:hover, .contact-middle input[type="email"]:hover, .contact-middle textarea:hover {
    border-bottom: 2px solid rgba(68, 68, 68, 0.28);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}
.contact-middle p {
    color: #b1b1b1;
    margin-bottom: 4px;
    /* margin-left: 5px; */
    font-size: 15px;
}
.contact-middle input[type="text"],.contact-middle input[type="email"] {
    margin-bottom: 1.2em;
}
.input-w3ls {
    width: 49%;
    float: left;
}
.input-w3ls:nth-child(1){
  margin-right:10px;
}
input[type="text"]:focus,input[type="email"]:focus,.contact-middle textarea:focus{
  outline:none;
}
.contact-middle textarea {
    height: 90px;
    resize: none;
    width: 100%;
}
textarea:focus{
  outline:none;
}
.contact-middle input[type="submit"] {
    float: none;
    margin-top: 2em;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    padding: 8px 25px;
    font-size: 15px;
    background: #0b27f9b3;
    border: none;
  outline:none;
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
}
.contact-middle input[type="submit"]:hover {
    background: #0b27f9b3;
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
}
.form-agileinfo {
    width: 100%;
}
/*--//Contact --*/
/*--Map --*/
.contact-w3ls {
    position: relative;
    /*padding-bottom: 17em!important;*/
    background: #f2d701;
}


/*-- services --*/
.sevices-w3layouts p.w-text {
    margin-top: 1em;
}
.sevices-w3layouts-row {
    margin-top: 4em;
}
.sevices-w3layouts-grids {
    position: relative;
    transition: .5s all;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    overflow: hidden;
    text-align: center;
    /*box-shadow: -10px 12px 20px rgba(158, 156, 156, 0.59);*/
}
.sevices-w3layouts-grids.sevices-w3layouts-mdl {
    margin: 0 2.3em;
}
.sevices-w3layouts-grids.sevices-w3layouts-mdl1 {
    margin-right: 2.5em;
}
.sevices-w3layouts-grids h5 {
    font-size: 1.8em;
    text-transform: capitalize;
    letter-spacing: .5px;
    color: #000000;
}
.sevices-w3layouts-img h6 {
    font-size: 1.7em;
    text-transform: capitalize;
    letter-spacing: .8px;
    padding: 1em 0;
    color: #ffffff;
}
.sevices-w3layouts-img p {
    font-size: 12px!important;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-weight: 600;
    color: #ffffff!important;
    display: inline-block;
    padding: 0 10px;
    margin: 0!important;
    border-bottom: 1px solid #fff;
}
.sevices-w3layouts-grids p {
  margin-top: 1em;
  font-size:15px;
  line-height:1.8em;
  color:#676565;
}
.sevices-w3layouts-row .social-icons {
    margin: 1em 0 0;
}
.sevices-w3layouts-img{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
  transition: .7s all;
  -webkit-transition: .7s all;
  -moz-transition: .7s all;
}
.c1{background: linear-gradient(45deg, #6754e9 2%,#6754e9 100%);
  background: #cf6900; /* Old browsers */
  background: -moz-linear-gradient(45deg, #cf6900 1%, #ff984f 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #cf6900 1%,#ff984f 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #cf6900 1%,#ff984f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf6900', endColorstr='#ff984f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.c2{
  background: #f2d701; /* Old browsers */
  background: -moz-linear-gradient(45deg, #f2d701 2%, #ffef71 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #f2d701 2%,#ffef71 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #f2d701 2%,#ffef71 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2d701', endColorstr='#ffef71',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.c3{
  background: #ec407a; /* Old browsers */
  background: -moz-linear-gradient(45deg, #ec407a 2%, #ff7aa7 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #ec407a 2%,#ff7aa7 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #ec407a 2%,#ff7aa7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec407a', endColorstr='#ff7aa7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.c4{
  background: #03a9f4; /* Old browsers */
  background: -moz-linear-gradient(45deg, #03a9f4 2%, #5fcdff 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #03a9f4 2%,#5fcdff 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #03a9f4 2%,#5fcdff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03a9f4', endColorstr='#5fcdff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.c5{
  background: #6754e9; /* Old browsers */
  background: -moz-linear-gradient(45deg, #6754e9 1%,#6754e9 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #6754e9 1%,#6754e9 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #6754e9 1%,#6754e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf6900', endColorstr='#ff984f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.sevices-w3layouts-img i {
    color: #fff;
    font-size: 3em;
    margin-top: 1em;
}
.sevices-w3layouts-grids:hover div.sevices-w3layouts-img {
  top:100%;
}

/*-- //services --*/
@media(max-width:1080px){
  .contact-left h6, .contact-agile h4 {
    font-size: 1.8em;
    margin-bottom: 0.8em;
  } 
  .contact-middle input[type="text"], .contact-middle input[type="email"], .contact-middle textarea {
    padding: 3px 10px;
    font-size: 13px;
  }
  .contact-middle p {
    font-size: 14px;
  }
  .address-w3-agile {
    margin-bottom: 1.9em;
  }
}
@media(max-width:1024px){
   .contact-w3ls{
    padding: 3em 0em;
  }
 
  .address-w3-agile p, .address-w3-agile a {
    width: 87%;
  }
  
}
@media(max-width:991px){
  .contact-left h6, .contact-agile h4 {
    font-size: 1.6em;
  }
  .contact-left
  {
    background: #0e29f5b3;
  }
}
@media(max-width:900px){
  .contact-middle {
    width: 100%;
    float: none;
  }
  .contact-left {
    float: none;
    width: 100%;
    background: #0e29f5b3;
  }
  .contact-middle textarea {
    height: 37px;
  }
  .contact-agile {
    left: 4.3em;
    width: 85%;
    bottom: -17.5em;
  }
  .contact-w3ls {
    padding-bottom: 26.5em!important;
  }
  .address-w3-agile {
    margin-bottom: 1.5em;
  }
}
@media(max-width:767px){
  .contact-middle {
    padding: 2.5em;
  }
  .contact-left {
    padding: 2.5em;
    background: #0e29f5b3;
  }
  .contact-w3ls {
    padding-bottom: 24.5em!important;
  }

}
@media(max-width:736px){
  .contact-w3ls {
    padding-bottom: 25.5em!important;
  }
}
@media(max-width:667px){
  .contact-agile {
    left: 3em;
  }
  .get-top-agileits-w3layouts {
    margin-bottom: 1.52em;
    .contact-left
  {
    background: #0e29f5b3;
  }
  }
}
@media(max-width:600px){
 .contact-left
  {
    background: #0e29f5b3;
  }
  .contact-middle p {
    font-size: 13px;
  }
  .input-w3ls:nth-child(1) {
    margin-right: 0;
  }
  .input-w3ls {
    width: 100%;
    float: NONE;
  }
  .contact-w3ls {
    padding-bottom: 29.5em!important;
  }
}
 
@media(max-width:480px){
  .contact-middle,.contact-left {
    padding: 2em;
  }
  .contact-agile {
    left: 2.3em;
  }
  .address-w3-agile p, .address-w3-agile a {
    line-height: 28px;
    font-size: 13.5px;
    margin-bottom: 0px;
  }
  .contact-w3ls {
    padding-bottom: 28em!important;
  }
  .contact-agile {
    bottom: -18.3em;
  }
  .contact-left
  {
    background: #0e29f5b3;
  }
} 
@media(max-width:320px){
 
  .contact-middle, .contact-left {
    padding: 1.5em;
  }
  .address-w3-agile p, .address-w3-agile a {
    width: 84%;
    line-height: 25px;
    font-size: 13px;
  }
  .contact-agile {
    left: 1.5em;
  } 
  .contact-w3ls {
    padding-bottom: 26em!important;
  }
  .contact-left
  {
    background: #0e29f5b3;
  }
}
/*--//responsive--*/