html, body{
     font-size: 100%;
     font-family: 'Open Sans', sans-serif;
     background:#ffffff;
     margin: 0;
     background: url(../images/bg-page.jpg) repeat;
}
 p,ul li,ol li{
     margin:0;
     font-size:14px;
     
}
 h1,h2,h3,h4,h5,h6{
     font-family: 'Jura', sans-serif;
     margin:0;
}
 ul,label{
     margin:0;
     padding:0;
}
 body a:hover{
     text-decoration:none;
}
 input[type="submit"],input[type="reset"],.cols_footer_grid_leftl,.cols_footer_grid_leftr h4,.col_footer_pos p a,.cols_footer_grid_leftr a,.colayouts_header_right ul li a,.cols_social li a,.w3_team_grid1_pos,.w3_team_grid1_pos img{
     transition: .5s ease-in;
     -webkit-transition: .5s ease-in;
     -moz-transition: .5s ease-in;
     -o-transition: .5s ease-in;
     -ms-transition: .5s ease-in;
}
/*-- header --*/
 .colayouts_header_left{
     float:left;
}
 .colayouts_header_left p{
     color: #999;
     line-height: 1.8em;
     float: left;
     margin: 5px 42px 0 0;
}
 .colayouts_header_left a {
     color: #999;
     margin-right: 5px;
}
 .colayouts_header_right{
     float: right;
     position: relative;
     width: 23%;
}
 .header {
     padding: 0.6em 3em;
     background: #1d1d1d;
}
 .colayouts_header_right input[type="search"] {
     width: 65%;
     border-top-left-radius: 20px;
     border-bottom-left-radius: 20px;
     outline: none;
     border: none;
     background: #fff;
     color: #999;
     padding:8px 15px 8px 15px;
     font-size: 13px;
     float: left;
}
 .colayouts_header_right input[type="submit"] {
     outline: none;
     border: none;
     background: #ff5000 url(../images/search.png)no-repeat 12px 5px;
     color: #fff;
     padding: 6px 0;
     width: 17%;
     border-top-right-radius: 20px;
     border-bottom-right-radius: 20px;
     -webkit-transition: all 0.2s ease 0s;
     -moz-transition: all 0.2s ease 0s;
     -o-transition: all 0.2s ease 0s;
     -ms-transition: all 0.2s ease 0s;
}
/*-- nav --*/
 .navbar-default {
     background: none;
     border: none;
}
 .navbar {
     margin-bottom: 0;
}
 .w3_navigation {
     border-top: 1px solid #999;
     position:relative;
}
 .navbar-nav {
     float: right;
     margin: 1em 0 1em 0;
}
 .navbar-collapse {
     padding: 0;
}
 .navbar-right {
     float: none !important;
     margin-right: 0;
}
 .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
     color:#fa3d03;
     background: none;
}
 .navbar-default .navbar-nav > li > a {
     color: #212121;
}
 .navbar-nav > li > a {
     margin:0.7em ;
     padding: 0;
     line-height: 1em;
     font-weight: bold;
     text-transform: uppercase;
}

 .w3_navigation_pos {
  margin-top: 3px;
}
 .w3_navigation_pos h1 a {
     font-size: 1em;
     color: #212121;
     text-decoration: none;
     border: 3px solid #ff5000;
     padding: 0.1em .4em;
     font-weight: 700;
     text-transform: uppercase;
     font-family: 'Jura', sans-serif;
}
 .navbar-default .navbar-nav > li > a:hover{
     color: #fa3d03;
}
.navbar-default .navbar-nav > li.dropdown:hover > a, 
.navbar-default .navbar-nav > li.dropdown:hover > a:hover,
.navbar-default .navbar-nav > li.dropdown:hover > a:focus {
    background-color: rgb(231, 231, 231);
    color: rgb(85, 85, 85);
}
li.dropdown:hover > .dropdown-menu {
    display: block;
}
/* Effect 5: same word slide in */
 .cl-effect-5 a {
     overflow: hidden;
     padding: 0 4px;
}
 .cl-effect-5 a span {
     position: relative;
     display: inline-block;
     -webkit-transition: -webkit-transform 0.3s;
     -moz-transition: -moz-transform 0.3s;
     transition: transform 0.3s;
}
 .cl-effect-5 a span::before {
     position: absolute;
     top: 100%;
     content: attr(data-hover);
     -webkit-transform: translate3d(0,0,0);
     -moz-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
}
 .cl-effect-5 a:hover span, .cl-effect-5 a:focus span {
     -webkit-transform: translateY(-100%);
     -moz-transform: translateY(-100%);
     transform: translateY(-100%);
}
/* Effect 5: same word slide in and border bottom */
/*-- //nav --*/
 .fa-cog{
     -webkit-animation: fa-spin 3s infinite linear;
     animation: fa-spin 3s infinite linear;
}
/*-- //header --*/
/*-- banner --*/
 .w3_navigation_pos h1 a i {
     font-size: .6em;
     color: #f83e03;
}
 .slider-info {
     position: absolute;
     top: 40%;
     z-index: 999;
     left: 0px;
     width: 100%;
     height: 100%;
     text-align:center;
}
 .slider-info h4 {
     font-size: 3em;
     color: #fff;
     letter-spacing: 5px;
     font-weight: 200;
}
 .slider-info a {
     font-size:1em;
     padding:0.6em 2em;
     color:#fff;
}
/* Shutter In Horizontal */
 .hvr-shutter-in-horizontal {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -moz-osx-font-smoothing: grayscale;
     position: relative;
     background: #000;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     border-radius: 25px;
}
 .hvr-shutter-in-horizontal:before {
     content: "";
     position: absolute;
     z-index: -1;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: #ff5000;
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
     -webkit-transform-origin: 50%;
     transform-origin: 50%;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
     border-radius: 25px;
}
 .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
     color: white;
}
 .hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
}
 .slider-info p {
     font-size:1em;
     text-transform: uppercase;
     color: #fff;
     letter-spacing: 7px;
     margin: 2em 0;
}
/*--slider--*/
 #slider2, #slider3 {
     box-shadow: none;
     -moz-box-shadow: none;
     -webkit-box-shadow: none;
     margin: 0 auto;
}
 .rslides_tabs li:first-child {
     margin-left: 0;
}
 .rslides_tabs .rslides_here a {
     background: rgba(255,255,255,.1);
     color: #fff;
     font-weight: bold;
}
 .events {
     list-style: none;
}
 .callbacks_container {
     position: relative;
     float: left;
     width: 100%;
}
 .callbacks {
     position: relative;
     list-style: none;
     overflow: hidden;
     width: 100%;
     padding: 0;
     margin: 0;
}
 .callbacks li {
     position: absolute;
     width: 100%;
}
 .callbacks img {
     position: relative;
     z-index: 1;
     height: auto;
     border: 0;
}
 .callbacks .caption {
     display: block;
     position: absolute;
     z-index: 2;
     font-size: 20px;
     text-shadow: none;
     color: #fff;
     left: 0;
     right: 0;
     padding: 10px 20px;
     margin: 0;
     max-width: none;
     top: 10%;
     text-align: center;
}
 .callbacks_nav {
     position: absolute;
     -webkit-tap-highlight-color: rgba(0,0,0,0);
     bottom: 24%;
     left: 0;
     z-index: 3;
     text-indent: -9999px;
     overflow: hidden;
     text-decoration: none;
     width:32px;
     height:32px;
     background: transparent url("../images/left.png") no-repeat left top;
}
 .callbacks_nav:hover{
     opacity: 0.5;
}
 .callbacks_nav.next {
     left: auto;
     background: transparent url("../images/right.png") no-repeat right top;
     left: 51%;
}
 .callbacks_nav.prev {
     right: auto;
     background-position:left top;
     left: 47%;
}
 #slider3-pager a {
     display: inline-block;
}
 #slider3-pager span{
     float: left;
}
 #slider3-pager span{
     width:100px;
     height:15px;
     background:#fff;
     display:inline-block;
     border-radius:30em;
     opacity:0.6;
}
 #slider3-pager .rslides_here a {
     background: #FFF;
     border-radius:30em;
     opacity:1;
}
 #slider3-pager a {
     padding: 0;
}
 #slider3-pager li{
     display:inline-block;
}
 .rslides {
     position: relative;
     list-style: none;
     overflow: hidden;
     width: 100%;
     padding: 0;
}
 .rslides li {
     -webkit-backface-visibility: hidden;
     position: absolute;
     display:none;
     width: 100%;
     left: 0;
     top: 0;
}
 .rslides li{
     position: relative;
     display: block;
     float: left;
}
 .rslides img {
     height: auto;
     border: 0;
}
 .callbacks_tabs{
     list-style: none;
     position: absolute;
     bottom: -39%;
     left: 42%;
     padding: 0;
     margin: 0;
     z-index: 990;
     display: block;
     text-align: center;
}
 .slider-top span{
     font-weight:600;
}
 .callbacks_tabs li{
     display: inline-block;
     margin: 0 7px;
}
/*----*/
 .callbacks_tabs a{
     visibility: hidden;
}
 .callbacks_tabs a:after {
     content: "\f111";
     font-size: 0;
     font-family: FontAwesome;
     visibility: visible;
     display: block;
     height: 12px;
     width: 12px;
     display: inline-block;
     background: #fff;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -o-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
}
 .callbacks_here a:after{
     background: #f53753;
     border: 1px solid #f53753;
     height:1px;
     width:40px;
     border-radius: 0;
}
/*-- //banner --*/
/*-- about --*/
.col_sponsr { text-align: center;
font-size: 25px;
line-height: 74px;
color: #908d8d;
text-transform: uppercase;
font-family: 'Playball', cursive;
}

.agileits_banner_bottom_grid_r img {
-webkit-box-shadow: 4px 11px 5px -4px rgba(0,0,0,0.17);
    -moz-box-shadow: 4px 11px 5px -4px rgba(0,0,0,0.17);
    box-shadow: 4px 11px 5px -4px rgba(0,0,0,0.17);

}
 .about,.services,.team-bottom,.mail{
     padding:2em 0;
}
 .col_head{
     font-size: 3.5em;
     font-weight: bold;
     color: #212121;
     text-align: center;
     font-family: 'Cormorant Garamond', serif;
}
 .col_head span {
     color: #ff5000;
}
 .cols_head_para{
     color:#ff5000;
     text-transform:uppercase;
     letter-spacing:8px;
     text-align: center;
}
 .agileits_banner_bottom_grid_l a {
     font-size: 1em;
     padding: 0.6em 2em;
     color: #fff;
     float: right;
     margin-top: 19px;
}
 .scroll-btn {
    font-size: 1em;
padding: 0.6em 2em;
color: #fff;
margin-top: 19px;
text-align: center;
display: block;
width: 159px;
margin: 10px auto;
}
 .agileits_about_right p{
     color:#999;
     line-height:2em;
     margin-bottom:3em;
}
 .agileits_about_right p i{
     display:block;
     margin:2em 0 0;
}
 .agileits_about_right {
     padding-left: 7em;
}
 .agileits_about_right ul li{
     display: block;
     margin-bottom: 1em;
     color: #212121;
     line-height: 1.5em;
     text-transform: capitalize;
     font-family: 'Questrial', sans-serif;
     font-size: 1em;
     font-weight:600;
     letter-spacing:2px;
}
 .agileits_about_right ul li i{
     color:#fa3d43;
     padding-right:1em;
}
 .agileits_about_right ul li:last-child,.agileinfo_about_bottom_right_wthree ul li:last-child{
     margin-bottom:0;
}
/*-- //about --*/
/*-- about-bottom --*/
 .agileits_banner_bottom_grid_l h4{
     text-transform:capitalize;
     font-size:1.8em;
     color:#212121;
     line-height:1.5em;
}
 .agileits_banner_bottom_grid_l p{
     margin:1em 0 0;
     line-height:2em;
     color:#999;
}
 .agileits_banner_bottom_grid_l p i{
     display: block;
     margin-bottom: 17px;
     color: #868686;
     font-family: 'Cormorant Garamond', serif;
     font-family: 'Playball', cursive;
     font-weight: 400;
     font-size: 27px;
}
 .agileits_banner_bottom_grids{
     margin:5em 0 0;
}
 .agileits_banner_btm_grid_r{
     position:relative;
}
 .agileits_banner_btm_grid_r_pos{
     position:absolute;
     top: 37%;
     right: 39%;
}
/*-- //about-bottom --*/
/*-- testimonials --*/
.carousel-caption {
  position: relative;
  left: 0%;
  right: 0%;
  bottom: 0px;
  z-index: 10;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #000;
  text-shadow: none;
  & .btn {
    text-shadow: none; // No shadow for button elements in carousel-caption
  }
}

.carousel {
    position: relative;
}

.controllers {
    position: absolute;
    top: 50%;
}

.carousel-control.left, 
.carousel-control.right {
    background-image: none;
}

/*-- services --*/
 .services{
     background:url(../images/service.jpg) no-repeat center;
     background-size:cover;
     -webkit-background-size: cover;
     -o-background-size: cover;
     -ms-background-size: cover;
     -moz-background-size: cover;
}
 #services h3 {
     text-align: center;
     color: #fff;
}
 .services-agile-col,.services-gd {
     margin: 0 auto;
     text-align: center;
}
 .services-agile-col {
     margin-top: 2em;
}
 .hi-icon,.hi-icon:after{
     border-radius:0px;
}
 .hi-icon:before {
     font-family: inherit;
}
 a.hi-icon img {
     margin: 17px 0 0;
}
 .hi-icon-wrap {
     padding: 0;
}
 .services-gd h4 {
     color: #ff5000;
     margin-top: 20px;
     font-size: 1.5em;
     letter-spacing: 2px;
     margin-bottom: 8px;
}
 .services-gd p {
     color: #fff;
}
 .hi-icon-wrap {
     text-align: center;
     margin: 0 auto;
     padding: 2em 0 1em;
}
 .hi-icon {
     display: inline-block;
     font-size: 0px;
     cursor: pointer;
     margin: 0 auto;
     width: 102px;
     height: 102px;
     text-align: center;
     position: relative;
     z-index: 1;
     color: #fff;
     border-radius: 50%;
}
 .hi-icon:after {
     pointer-events: none;
     position: absolute;
     width: 100%;
     height: 100%;
     content: '';
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
}
 .gif-image {
     width: 518px;
     height: auto;
}
 .hi-icon:before {
     font-family: 'ecoicon';
     speak: none;
     font-size: 48px;
     line-height: 90px;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     display: block;
     -webkit-font-smoothing: antialiased;
}
/* Effect 9 */
 .hi-icon-effect-9 .hi-icon {
     -webkit-transition: box-shadow 0.2s;
     -moz-transition: box-shadow 0.2s;
     transition: box-shadow 0.2s;
}
 .hi-icon-effect-9 .hi-icon:after {
     top: 0;
     left: 0;
     padding: 0;
     box-shadow: 0 0 0 3px #fff;
     -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
     -moz-transition: -moz-transform 0.2s, opacity 0.2s;
     transition: transform 0.2s, opacity 0.2s;
     border-radius: 50%;
}
/* Effect 9a */
 .hi-icon-effect-9a .hi-icon:hover:after {
     -webkit-transform: scale(0.85);
     -moz-transform: scale(0.85);
     -ms-transform: scale(0.85);
     transform: scale(0.85);
     opacity: 0.5;
}
 .hi-icon-effect-9a .hi-icon:hover {
     box-shadow: 0 0 0 6px #fff;
     color: #fff;
}
.testi { background:url(../images/upcomming-bg.jpg) no-repeat 0 0; background-size: cover; background-attachment: fixed; padding-bottom: 65px ;  }
.testi h3  { line-height: 108px;
color: #fff;}
.booking h2 { 

color: #fff;

font-size: 1.7em;

font-weight: 700;

text-transform: uppercase;

background: #000000e6;

padding: 10px;



font-family: 'Playball', cursive;

text-align: center;

width:100%;
margin-bottom: 10px;

border-radius: 0 0 10px 10px;

}
.booking span {  color: #fff;
font-size: 18px;
line-height: 34px;}
.booking span strong { color: #ff5000; }
.video-box iframe { padding: 15px; background: #fff;
-webkit-box-shadow: 10px 11px 5px -3px rgba(0,0,0,0.17);
-moz-box-shadow: 10px 11px 5px -3px rgba(0,0,0,0.17);
box-shadow: 10px 11px 5px -3px rgba(0,0,0,0.17);  }
.video-box .col-md-6 { margin-top: 30px; }
/*-- //services --*/
/*-- //services-bottom --*/
/*-- /news --*/
 .projects{
     padding:2em 0 2em 0;
}
 .projects-info{
     text-align:center;
}
 .projects-info p{
     color: #999999;
     font-size: .9em;
     margin: 1em auto 0;
     width: 40%;
}
 .projects-grids {
     margin: 3em 0 0 0;
}
 #owl-demo .item{
     text-align: center;
}
 .projects-agile-grid-info{
     position: relative;
     overflow: hidden;
}
 .projects-agile-grid-info img{
     width:100%;
     transition: all .40s ease-out;
}
.projects-agile-grid-info img:hover {
     transform: scale(1.2); 
    transition: all .40s ease;
}
 i.fa.fa-cutlery {
     color: #FFFFFF;
     font-size: 2em;
}
 .projects-grid-caption h4 {
     color: #fff;
font-size: 1.7em;
font-weight: 700;
text-transform: uppercase;
background:#000000e6;
padding: 10px;
     min-height: 67px;

font-family: 'Playball', cursive;
text-align: left;
width: 66%;
float: right;
     border-radius: 0 0 0 10px;
}
 .projects-grid-caption p {
color: #000;
font-size: 21px;
margin: 0;
font-weight: bold;
     
}
.projects-grid-caption small span { color: #ff5000; }
.projects-grid-caption a {
    display: block;
    background: #ff5000;
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 1px;
    font-weight: bold;
    transition: all .40s ease-out;
}
.projects-grid-caption a:hover {
transition: all .40s ease-out;
    background: #8f330a;
    
    
}
#sponser .item {  margin-left: 10px;
    margin-right: 10px;
 }
.owl-theme .owl-controls { margin-top: 0px !important; }
.item {
    margin-left: 10px;
    margin-right: 10px;

-webkit-box-shadow: 10px 11px 5px -3px rgba(0,0,0,0.17);
-moz-box-shadow: 10px 11px 5px -3px rgba(0,0,0,0.17);
box-shadow: 10px 11px 5px -3px rgba(0,0,0,0.17);    
    
}
.panel-default > .our-drama { background-color: #ff5000; color: #fff; font-weight: bold;}
.projects-grid-caption p span { 
    color: #ff5000;}
 .projects-grid-caption {
     background: rgba(255, 255, 255, 0.93);
     padding: 8em 1em 1em 1em;
     position: absolute;
     left: 0;
     bottom: -135%;
     text-align: center;
     width: 100%;
     height: 180px;
     -webkit-transition: .5s all;
     transition: .5s all;
     -moz-transition: .5s all;
    
}
 .projects-agile-grid-info:hover .projects-grid-caption{
     bottom: 0%;
}
.projects-grid-caption .date {
  background: #ff5000;
color: #fff;
width: 32%;
padding: 0px 6px;
position: absolute;
left: 0;
top: 0;
text-align: center;
display: block;
border-radius: 0 0 10px 0;
}
.projects-grid-caption .date strong {
    font-size: 32px;
    font-weight: 200;
    display: block;
    position: relative;
}
/*-- //news --*/
.dropdown-menu { margin: 0; padding: 0;  }
.dropdown-menu li a { padding: 10px 0; text-align: center; display: block; background: #ff5000; color: #fff; }
/*-- gallery --*/
 .col_gallery_grid li{
  
    list-style: none; 
     margin-bottom: 30px;
     
}
.gal-img { cursor:zoom-in; }
 .box {
     position: relative;
     overflow: hidden;
     -webkit-box-shadow: 10px 11px 5px -3px rgba(0,0,0,0.17);
-moz-box-shadow: 10px 11px 5px -3px rgba(0,0,0,0.17);
box-shadow: 10px 11px 5px -3px rgba(0,0,0,0.17);
}
 .box img {
     position: absolute;
     left: 0;
     -webkit-transition: all 300ms ease-out;
     -moz-transition: all 300ms ease-out;
     -o-transition: all 300ms ease-out;
     -ms-transition: all 300ms ease-out;
     transition: all 300ms ease-out;
}
 .box .overbox {
     background-color: hsla(0, 0%, 11%, 0.6);
     position: absolute;
     top: 0;
     left: 0;
     color: #fff;
     z-index: 100;
     -webkit-transition: all 300ms ease-out;
     -moz-transition: all 300ms ease-out;
     -o-transition: all 300ms ease-out;
     -ms-transition: all 300ms ease-out;
     transition: all 300ms ease-out;
     opacity: 0;
     width: 100%;
     padding: 2em 2em 2em;
     
}
 .box,.box .overbox {
     height: 170px;
}
 .box:hover .overbox {
     opacity: 1;
}
 .box .overtext {
     -webkit-transition: all 300ms ease-out;
     -moz-transition: all 300ms ease-out;
     -o-transition: all 300ms ease-out;
     -ms-transition: all 300ms ease-out;
     transition: all 300ms ease-out;
     transform: translateY(40px);
     -webkit-transform: translateY(40px);
}
 .box .title {
     font-size: 1.6em;
     text-transform: uppercase;
     opacity: 0;
     transition-delay: 0.1s;
     transition-duration: 0.2s;
     background: rgba(236, 81, 9, 0.72);
     text-align: center;
     padding: 10px;
     font-family: 'Playball', cursive;
}
 .box:hover .title, .box:focus .title {
     opacity: 1;
     transform: translateY(0px);
     -webkit-transform: translateY(0px);
}
 .box .tagline {
     font-size: 13px;
     line-height:1.8em;
     opacity: 0;
     transition-delay: 0.2s;
     transition-duration: 0.2s;
}
 .box:hover .tagline, .box:focus .tagline {
     opacity: 1;
     transform: translateX(0px);
     -webkit-transform: translateX(0px);
}
 ul#lightGallery {
     margin-top: 2em;
}
 .modal-content img{
     width:100%;
}
 .modal-content h4 {
     color: #0099e5;
     text-align: center;
     font-size: 15px;
     margin-bottom: 15px;
}
 .modal-content h5 {
     color: #000;
     padding: 20px 0 6px;
     font-size: 22px;
     margin-left: 0px;
}
 .modal-content p {
     color: #676464;
     font-size: 14px;
     line-height: 28px;
     letter-spacing: 0.2px;
     word-spacing: 1px;
}
 .modal-header {
     min-height: 16.42857143px;
     padding: 20px 30px;
}
/* .modal-dialog {
     width: 600px;
     margin: 109px auto;
}*/
 .agileits_about_left h3 {
     text-align: left;
}
 .agileits_about_left p {
     text-align: left;
}
/*-- mail --*/
 .w3_mail_grids textarea{
     outline: none;
     padding: 10px;
     color: #212121;
     font-size: 14px;
     border: none;
     border-bottom:2px solid #f2f2f2;
     background: none;
     width: 97.3%;
     margin:0 0 3em 1.1em;
     min-height: 150px;
     resize: none;
     font-weight:600;
}
 .w3_mail_grids textarea::-webkit-input-placeholder {
     color: #212121 !important;
}
 .w3_mail_grids input[type="submit"]{
     outline: none;
     color: #fff;
     letter-spacing: 5px;
     font-size: 1em;
     border: none;
     text-transform: uppercase;
     width: 100%;
     font-weight: 600;
     background: #111;
     padding: 0.9em;
     margin-top: 2em;
}
 .w3_mail_grids input[type="submit"]:hover{
     background:#fa3d03;
}
/*-- mail --*/
 .input {
     position: relative;
     z-index: 1;
     display: inline-block;
     margin: 0;
     max-width: 100%;
     width: calc(100% - 0em);
     vertical-align: top;
}
 .input__field {
     position: relative;
     display: block;
     float: right;
     padding: 0.8em;
     width: 60%;
     border: none;
     border-radius: 0;
     background: #f0f0f0;
     color: #aaa;
    = -webkit-appearance: none;
    /* for box shadows to show on iOS */
}
 .input__field:focus {
     outline: none;
}
 .input__label {
     display: inline-block;
     float: right;
     padding: 0 1em;
     width: 40%;
     color: #111;
     font-size: 14px;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     font-weight: 600;
}
 .input__label-content {
     position: relative;
     display: block;
     padding:1.3em 0;
     width: 100%;
}
/* Ichiro */
 .input--ichiro {
     margin-top: 2em;
}
 .input__field--ichiro {
     position: absolute;
     top: 4px;
     left: 4px;
     z-index: 100;
     display: block;
     padding: 0 1em;
     width: calc(100% - 8px);
     height: calc(100% - 8px);
     background: #fff;
     color: #212121;
     opacity: 0;
     -webkit-transform: scale3d(1, 0, 1);
     transform: scale3d(1, 0, 1);
     -webkit-transform-origin: 50% 100%;
     transform-origin: 50% 100%;
     -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
     transition: opacity 0.3s, transform 0.3s;
}
 .input__label--ichiro {
     width: 100%;
     text-align: left;
     cursor: text;
}
 .input__label--ichiro::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background:#d2d2d2;
     -webkit-transform-origin: 50% 100%;
     transform-origin: 50% 100%;
     -webkit-transition: -webkit-transform 0.3s;
     transition: transform 0.3s;
     border: 1px solid #e4e4e4;
}
 .input__label-content--ichiro {
     -webkit-transform-origin: 0% 50%;
     transform-origin: 0% 50%;
     -webkit-transition: -webkit-transform 0.3s;
     transition: transform 0.3s;
}
 .input__field--ichiro:focus, .input--filled .input__field--ichiro {
     opacity: 1;
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1);
}
 .input__field--ichiro:focus + .input__label--ichiro, .input--filled .input__label--ichiro {
     cursor: default;
     pointer-events: none;
}
 .input__field--ichiro:focus + .input__label--ichiro::before, .input--filled .input__label--ichiro::before {
     -webkit-transform: scale3d(1, 1.5, 1);
     transform: scale3d(1, 1.5, 1);
     border: none;
}
 .input__field--ichiro:focus + .input__label--ichiro .input__label-content--ichiro, .input--filled .input__label-content--ichiro {
     -webkit-transform: translate3d(0, -2.9em, 0) scale3d(0.8, 0.8, 1);
     transform:translate3d(0, -2.9em, 0) scale3d(0.8, 0.8, 1) translateZ(1px);
}
 .w3_agile_mail_grid textarea {
     outline: none;
     width: 100%;
     background: #d2d2d2;
     color: #111;
     padding:1em;
     font-size: 14px;
     border: 1px solid #e4e4e4;
     min-height: 239px;
     font-weight: 600;
     margin: 2em 0 0;
}
.inner-form textarea { min-height: 150px; }
 .w3_agile_mail_grid textarea::-webkit-input-placeholder {
     color: #212121 !important;
}
/*-- //mail --*/
/*-- footer --*/
 .col_footer{
     background: #000;
    /* padding: 6em 0 5em 0;
    */
}
 .col_footer form{
     width: 45%;
     margin: 3em auto 0;
}
 .cols_footer_grid {
     margin: 0 auto;
     text-align: center;
}
 .cols_footer_grids p.agileits_colayouts_est{
     color:#fff;
     line-height:2em;
     margin:2em auto 5em;
     width:65%;
     text-align:center;
}
 .cols_footer_grid_leftl{
     float:left;
     width:35px;
     height:35px;
     border-radius:50px;
     text-align:center;
     background:#fa3d03;
}
 .cols_footer_grid_leftl i{
     color: #fff;
     font-size: 1em;
     line-height: 2.4em;
}
 .cols_footer_grid_leftr{
     float: right;
     width: 80%;
     text-align: left;
}
 .cols_footer_grid_leftr ul li a {
    color: #fff;
     font-size: 17px;
     line-height: 24px;
}
 .cols_footer_grid_leftr ul li {
     list-style: square;
     color: #FE6119;
}
 .cols_footer_grid_leftr h4{
     font-size: 1.2em;
     color: #fff;
     letter-spacing: 3px;
     margin-bottom: .5em;
}
 .cols_footer_grid_leftr p{
     color:#999;
     line-height:1.5em;
}
 .cols_footer_grid_leftr a{
     color:#999;
     text-decoration:none;
     font-size:14px;
}
 .cols_footer_grid_leftr a:hover{
     color:#fa3d03;
}
 .col_footer_pos{
     background: #181818;
}
 .col_footer_pos p{
     text-align:center;
     color:#fff;
     line-height:1.8em;
}
 .col_footer_pos p a{
     color:#fa3d03;
     text-decoration:underline;
}
 .col_footer_pos p a:hover{
     color:#fff;
}
 .cols_footer_grid_left:hover .cols_footer_grid_leftl{
     background:#fff;
}
 .cols_footer_grid_left:hover .cols_footer_grid_leftl i{
     color:#212121;
}
 .cols_footer_grid_left:hover .cols_footer_grid_leftr h4{
     color:#fa3d43;
}
 .cols_footer_grid_left {
     float: left;
     width: 31%;
     margin: 0 10px;
     padding: 30px 0;
}
/*-- //footer --*/
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}
.btn-top { background: #ff5000; }
.btn-top span { color: #fff; }
 .map iframe{
     width:100%;
     min-height:350px;
     margin-top:2em;
     margin-bottom:-6px;
     border:none;
     -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
}
/*-- to-top --*/
 #toTop {
     display: none;
     text-decoration: none;
     position: fixed;
     bottom: 20px;
     right: 2%;
     overflow: hidden;
     z-index: 999;
     width: 32px;
     height: 32px;
     border: none;
     text-indent: 100%;
     background: url(../images/arrow.png) no-repeat 0px 0px;
}
 #toTopHover {
     width: 32px;
     height: 32px;
     display: block;
     overflow: hidden;
     float: right;
     opacity: 0;
     -moz-opacity: 0;
     filter: alpha(opacity=0);
}
.upcoming {background: #ffffff1a;
margin-bottom: 15px; margin-top: 15px; }

.upco-ing { margin-top: 50px; }

 .upcoming-button {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -moz-osx-font-smoothing: grayscale;
     position: relative;
     background: #000;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     border-radius: 25px;
	  z-index: 999;
    position: absolute;
    top: 140px;
    left: 210px;
    cursor: pointer;
    padding: 5px 10px;
	color:#FFFFFF;

}
 .upcoming-button:before {
     content: "";
     position: absolute;
     z-index: -1;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: #ff5000;
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
     -webkit-transform-origin: 50%;
     transform-origin: 50%;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
     border-radius: 25px;
}
 .upcoming-button:hover, .upcoming-button:focus, .upcoming-button:active {
     color: white;
}
 .upcoming-button:hover:before, .upcoming-button:focus:before, .upcoming-button:active:before {
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
}
.popup-text-area {
	margin-top:15px;
    padding: 5px;
	background:#FFFFFF;

}


/*accodian*/

.faq-content #accordion .panel-title > a.accordion-toggle::before, .faq-content #accordion a[data-toggle="collapse"]::before  {
    content:"−";
    float: left;
    font-family: 'Glyphicons Halflings';
	margin-right :1em;
	margin-left:10px;
	color:#fff;
	font-size:13px;
	font-weight:300;
	display:inline-block;
	width:20px;
	height:20px;
	line-height:20px;
	
	border-radius:50%;
	text-align:center;
	font-size:10px;
	background:#ff9900;
}
.faq-content #accordion .panel-title > a.accordion-toggle.collapsed::before, .faq-content  #accordion a.collapsed[data-toggle="collapse"]::before  {
    content:"+";
	color:#fff;
	font-size:10px;
	font-weight:300;
	background:#333;
}

.faq-content{float:left; width:100%;}
.faq-content .panel-heading{padding-left:0px; border-radius:0px !important;}
.faq-content .panel-heading a{text-decoration:none;}
.faq-content .panel{border-radius:0px !important;}
.faq-content .panel-default{}
.faq-content .panel-heading{background: #d2d2d2 !important; color:#666666;}
.faq-content .panel-body{font-size:14px; color:#666666;}
.faq-saelect{background:#f3f3f3; padding:15px; border-bottom:2px solid #666666; float:left; width:100%; margin-bottom:20px; margin-top:-10px;}
.faq-saelect span{font-size:16px; color:#333; margin-right:20px;}
.faq-saelect select{border:1px solid #dcdcdc; color:#999999; width:300px; height:40px;}
.faq-content .panel{border-top:none !important; border-right:none !important; border-left:none !important;}
.faq-content .panel-body{border:1px solid #f3f3f3;}
.contact-person .col-md-4 { border-right: 1px solid grey; }
.contact-person .col-md-4:last-child{ border: none; }
.contact-person .col-md-4 p span{ color:  #fa3d03; }
.contact-person .col-md-4 p { line-height: 31px; font-size: 20px; }
.contact-person { margin-top: 35px;}
.table-condensed thead tr { background: #ff5000; color: #fff;}
.table-condensed thead tr th { border-right: 1px solid #fff; }

.table-striped th { text-align: center; vertical-align: middle; background:#ff5000 ; color: #fff;  }
/*testimonials*/
.testidiv { }
.about-page img { float: right;
width: 50%;
margin-left: 22px;
margin-bottom: 22px; }
.frontside .card-title { margin-top: 30px; }
.btn-primary:hover,
.btn-primary:focus {
    background-color: #000;
    border-color: #000;
    box-shadow: none;
    outline: none;
}

.btn-primary {
    color: #fff;
    background-color: #ff5000;
    border-color: #ff5000;
}


.testidiv { background: #fff; }
.testidiv img { text-align: center; display: block; margin: 0 auto; }
section .section-title {
    text-align: center;
    color: #007b5e;
    margin-bottom: 50px;
    text-transform: uppercase;
}

#team .card {
    border: none;
    background: #ffffff;
    padding: 15px;
}

.image-flip:hover .backside,
.image-flip.hover .backside {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    border-radius: .25rem;
}

.image-flip:hover .frontside,
.image-flip.hover .frontside {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.mainflip {
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    position: relative;
}

.frontside {
    position: relative;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    margin-bottom: 30px;
}

.backside {
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}

.frontside,
.backside {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 1s;
    -moz-transform-style: preserve-3d;
    -o-transition: 1s;
    -o-transform-style: preserve-3d;
    -ms-transition: 1s;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    -webkit-box-shadow: 9px 7px 5px 0px rgba(0,0,0,0.21);
-moz-box-shadow: 9px 7px 5px 0px rgba(0,0,0,0.21);
box-shadow: 9px 7px 5px 0px rgba(0,0,0,0.21);
}

.frontside .card,
.backside .card {
    min-height: 312px;
}

.backside .card a {
    font-size: 18px;
    color: #fff !important;
}

.frontside .card .card-title,
.backside .card .card-title {
  color: #ff5000 !important;
}

.frontside .card .card-body img {
  width: 200px;
height: 200px;
    border-radius: 50%;
}
.home-join-buttonsec{
width:50%;
 margin:0 auto;
  background:#FFFFFF;
   padding:50px 50px;
}
.upcoming-joinsec{
width:25%;
 margin:0 auto;
   padding:15px;
}
/*==================================new add css for gallery============================================*/
/* Booklet jQuery Plugin Style*/
.booklet{
	-moz-box-shadow:0px 0px 1px #fff;
	-webkit-box-shadow:0px 0px 1px #fff;
	box-shadow:0px 0px 1px #fff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.booklet .b-wrap-left  {
	background:#fff url(../images/left_bg.jpg) no-repeat top left;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.booklet .b-wrap-right {
	background:#efefef url(../images/right_bg.jpg) no-repeat top left;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.booklet .b-counter {
	bottom:10px;
	position:absolute;
	display:block;
	width:90%;
	height:20px;
	border-top:1px solid #ddd;
	color:#222;
	text-align:center;
	font-size:12px;
	padding:5px 0 0;
	background:transparent;
	-moz-box-shadow:0px -1px 1px #fff;
	-webkit-box-shadow:0px -1px 1px #fff;
	box-shadow:0px -1px 1px #fff;
	opacity:0.8;
}
.book_wrapper{
	margin:0 auto;
	padding-top:50px;
	width:905px;
	height:575px;
	position:relative;
	background:transparent url(../images/bg.png) no-repeat 9px 27px;
}
.book_wrapper h1{
	color:#13386a;
	margin:5px 5px 5px 15px;
	font-size:26px;
	background:transparent url(../images/h1.png) no-repeat bottom left;
	padding-bottom:7px;
}
.book_wrapper p{
	font-size:16px;
	margin:5px 5px 5px 15px;
}
.book_wrapper a.article,
.book_wrapper a.demo{
	background:transparent url(../images/circle.png) no-repeat 50% 0px;
	display:block;
	width:95px;
	height:41px;
	text-decoration:none;
	outline:none;
	font-size:16px;
	color:#555;
	float:left;
	line-height:41px;
	padding-left:47px;
}
.book_wrapper a.demo{
	margin-left:50px;
}
.book_wrapper a.article:hover,
.book_wrapper a.demo:hover{
	background-position:50% -41px;
	color:#13386a;
}
.book_wrapper img{
	margin:10px 0px 5px 0;
	width:365px;
	padding:4px;
	border:1px solid #ddd;
	-moz-box-shadow:1px 1px 1px #fff;
	-webkit-box-shadow:1px 1px 1px #fff;
	box-shadow:1px 1px 1px #fff;
}
.booklet .b-wrap-right img{
	border:1px solid #E6E3C2;
}
a#next_page_button,
a#prev_page_button{
	display:none;
	position:absolute;
	width:41px;
	height:40px;
	cursor:pointer;
	margin-top:-20px;
	top:50%;
	background:transparent url(../images/buttons.png) no-repeat 0px -40px;
}
a#prev_page_button{
	left:-30px;
}
a#next_page_button{
	right:-30px;
	background-position:-41px -40px;
}
a#next_page_button:hover{
	background-position:-41px 0px;
}
a#prev_page_button:hover{
	background-position:0px 0px;
}
.loading{
	width:160px;
	height:56px;
	position: absolute;
	top:50%;
	margin-top:-28px;
	right:135px;
	line-height:56px;
	color:#fff;
	padding-left:60px;
	font-size:15px;
	background: #000 url(../images/ajax-loader.gif) no-repeat 10px 50%;
	opacity: 0.7;
	z-index:9999;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}



/*==================================end new add css for gallery============================================*/


/*-- //to-top --*/
/*-- start-responsive-design --*/
@media (max-width:1920px){
    .default .img-responsive { width: 100%; height: 400px; }    
    
}

 @media (max-width:1440px){
     .slider-info {
         position: absolute;
         top: 35%;
    }
     .default .img-responsive { height: auto; }    
}
 @media (max-width:1366px){
     .slider-info h4 {
         font-size: 3.8em;
         font-family: 'Cormorant Garamond', serif;
    }
     .projects-grid-caption {
         padding:0;
         position: absolute;
         left: 0;
         bottom:0;
    }
     .projects-grid-caption h4 {
         font-size: 18px;
  
    }
}
 @media (max-width:1280px){
     .slider-info h4 {
         font-size: 2.5em;
    }
     .agileits_banner_btm_grid_r_pos {
        position: absolute;
top: 40%;
right: 30%;
    }

}
 @media (max-width:1080px){
     .w3_navigation_pos {
         left:41%;
    }
     .agileits_about_right {
         padding-left: 4em;
    }
     .colayouts_header_right {
         float: right;
         position: relative;
         width: 30%;
    }
     .slider-info p {
         font-size: 0.9em;
         letter-spacing: 6px;
         margin: 2em 0;
    }
     .slider-info h4 {
         font-size: 2.3em;
    }
     .slider-info {
         position: absolute;
         top: 28%;
    }
     .callbacks_nav.prev {
         right: auto;
         background-position: left top;
         left: 45%;
    }
     .navbar-nav > li > a {
         margin: 2em 1em;
         font-size: 0.9em;
    }
     .w3_navigation_pos h1 a {
         font-size: 0.9em;
    }

     .w3_navigation_pos {
         left: 35%;
    }
     .agileits_banner_bottom_grid_l h4 {
         font-size: 1.6em;
    }
     .projects-grid-caption h4 {
         font-size: 1em;
   
    }
 
     .projects-grid-caption p {
         font-size: 0.85em;
         margin: 0;
         letter-spacing: 10px;
    }
     .cols_footer_grid_leftl {
         float: left;
         width: 43px;
         height: 43px;
    }
     .cols_footer_grid_leftl i {
         font-size: 1em;
         line-height: 2.7em;
    }
     .cols_footer_grid_leftr h4 {
         font-size: 1.1em;
         letter-spacing: 2px;
    }
     .box .overbox {
         padding: 6em 1em 2em;
    }
     .box, .box .overbox {
         height: 189px;
    }
}
 @media (max-width: 1024px){
 .projects-grid-caption .date strong {

         font-size: 23px;}
    .projects-grid-caption .date {

         font-size: 12px;}  
     
     .w3_navigation_pos {
         left:41%;
    }
     .agileits_about_right {
         padding-left: 4em;
    }
     .colayouts_header_right {
         float: right;
         position: relative;
         
    }
     .slider-info p {
         font-size: 0.9em;
         letter-spacing: 6px;
         margin: 2em 0;
    }
     .slider-info h4 {
         font-size: 2.3em;
    }
     .slider-info {
         position: absolute;
         top: 28%;
    }
     .callbacks_nav.prev {
         right: auto;
         background-position: left top;
         left: 45%;
    }
     .navbar-nav > li > a {
         margin: 1em 0.3em;
font-size: 0.9em;
    }
     .w3_navigation_pos h1 a {
         font-size: 0.9em;
    }
  
     .w3_navigation_pos {
         left: 35%;
    }

     .projects-grid-caption h4 {
         font-size: 0.9em;
     
    }
	.upcoming-button {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -moz-osx-font-smoothing: grayscale;
     position: relative;
     background: #000;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     border-radius: 25px;
	  z-index: 999;
    position: absolute;
    top: 100px!important;
    left:155px!important;
    cursor: pointer;
    padding: 5px;
	color:#FFFFFF;

}
}
 @media (max-width: 991px){
     .w3_navigation_pos img {

    text-align: center;
    display: block;
    margin: 0 auto;

}
     .navbar-nav > li > a {

    margin: 1em 0.3em;
    font-size: 0.8em;

} 
     .float-sm-none { float: none; }
     .w3_navigation_pos h1 a {
         font-size: 0.7em;
    }

     .navbar-nav > li > a {
         margin: 2em 0.5em;
    }
     .w3_navigation_pos {
         top: 28%;
         left: 38.5%;
    }
     .navbar-nav > li > a {
         padding: 0;
         line-height: 0.8em;
    }
     .w3_navigation_pos {
         top: 28%;
         left: 33.5%;
    }
     .colayouts_header_right {
         float: right;
         position: relative;
         width: 36%;
    }
     .callbacks_nav.prev {
         right: auto;
         background-position: left top;
         left: 45%;
    }
     .agileits_banner_bottom_grids {
         margin: 1em 0 0;
    }
     .agileits_banner_bottom_grid_r {
         margin-top: 6em;
    }
     .agileits_banner_btm_grid_r_pos {
         position: absolute;
         top: -23%;
         right: 0%;
    }
     .services-gd.text-center {
         float: left;
         width: 25%;
    }
     .col_head {
         font-size: 2.3em;
    }
     .box .title {
         font-size: 1.2em;
    }
     .box, .box .overbox {
         height: 146px;
    }
     .box .overbox {
         padding: 4em 1em 2em;
    }
 
     .projects-grid-caption h4 {
         font-size: 0.9em;
  
    }
     .projects-grid-caption p {
         font-size: 0.8em;
         margin: 0;
         letter-spacing: 7px;
    }
     .cols_footer_grid_left {
         float: left;
         width: 100%;
         margin: 0 0px;
         padding: 20px 30px;
         margin-bottom: 10px;
    }
     .cols_footer_grid_leftr {
         float: right;
         width: 75%;
         text-align: left;
    }
   
     .about, .services, .team-bottom, .mail {
         padding: 3em 0;
    }
     .col_footer_pos {
         margin-top: 2em;
    }
}
 @media (max-width: 800px){
p, ul li, ol li { letter-spacing: 0px; }    
     
     .w3_navigation_pos {
         left:38.5%;
    }
 
     .w3_navigation_pos h1 a {
         font-size: .75em;
    }
     .w3_navigation_pos {
         left: 34%;
    }
     .navbar-nav {
         float: none;
         margin: 0em 0 0em 0;
    }
     .w3_navigation_pos {
         top: 12%;
         left: 33.5%;
    }
     .colayouts_header_left p {
         float: left;
         margin: 5px 19px 0 0;
         font-size: 13px;
    }
     .header {
         padding: 0.6em 1em;
    }
     .slider-info h4 {
         font-size: 1.8em;
    }
     .slider-info a {
         font-size: 0.9em;
         padding: 0.6em 1.5em;
    }
     .slider-info p {
         font-size: 0.85em;
         letter-spacing: 5px;
         margin: 1em 0 1.5em 0;
    }

     .projects-grid-caption p {
         font-size: 0.8em;
         margin: 0;
         letter-spacing: 3px;
    }
     .services-gd h4 {
         margin-top: 20px;
         font-size: 1.3em;
    }
     .callbacks_nav {
         position: absolute;
         bottom: 21%;
    }
     .colayouts_header_right {
         float: right;
         position: relative;
         width:30%;
    }
     .colayouts_header_right input[type="submit"] { 
     width: 26%;
     }
.gif-image {
    width: 100% !important;
    height: auto;
}
 .agileits_banner_btm_grid_r_pos {
top: 49%;
right: 35%;
}
     
     .scroll-btn { display: flex; }     
     
}
 @media (max-width: 768px){
     .scroll-btn
     .w3_navigation_pos h1 a {
         font-size: .75em;
    }
     .w3_navigation_pos {
         left: 31%;
    }
     .col_head {
         font-size: 2em;
    }
     .agileits_about_right {
         padding-left: 3em;
    }
     .agileinfo_about_bottom_right h2 {
         font-size: 1.7em;
    }
     .cols_head_para {
         letter-spacing: 5px;
    }
   
     .w3_agile_mail_grid textarea {
         outline: none;
         min-height: 191px;
         margin: 2em 0 0;
    }
     .map iframe {
         width: 100%;
         min-height: 250px;
         margin-top: 2em;
    }
     .projects {
         padding: 3em 0 0 0;
    }
		.upcoming-button {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -moz-osx-font-smoothing: grayscale;
     position: relative;
     background: #000;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     border-radius: 25px;
	  z-index: 999;
    position: absolute;
    top: 180px!important;
    left:245px!important;
    cursor: pointer;
    padding: 5px;
	color:#FFFFFF;

}
}
 @media (max-width: 767px){
     .navbar-default .navbar-toggle {
         border-color: #212121;
    }
     .navbar-default .navbar-toggle .icon-bar {
         background-color: #212121;
    }
     .navbar-toggle {
         margin: 1em 0;
    }
     .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
         background-color: transparent;
    }
     .navbar-nav {
         float: none;
         margin: 0;
         text-align: center;
         background: #dfdfdf;
    }
     .navbar-nav > li > a {
         margin: 2em 0;
    }
     .navbar-nav > li:nth-child(3) a {
         margin-right: auto !important;
    }
     .w3_navigation_pos {
         left: 0;
    }
     .w3_navigation_pos {
         position: inherit;
         float: left;
         margin-top: .2em;
    }
}
 @media (max-width: 736px){
     .header {
         padding: 0.6em 1em;
    }
     .box .overbox {
         padding: 3em 1em 2em;
    }
     .box, .box .overbox {
         height: 139px;
    }
     .map iframe {
         min-height: 300px;
    }
     .box .overbox {
         padding: 3em 1em 2em;
    }
     .box, .box .overbox {
         height: 139px;
    }
     .colayouts_header_right {
         float: right;
         position: relative;
         width: 37%;
    }
     .about, .services, .team-bottom, .mail {
         padding: 2em 0;
    }
     .projects {
         padding: 2em 0 0 0;
    }
}
 @media (max-width: 667px){
     
     .colayouts_header_right ul li:last-child {
         margin-left: 1em;
    }
     .box, .box .overbox {
         height: 125px;
    }
     .box .title {
         font-size: 1em;
    }
     .colayouts_header_left {
         float: none;
         width: 100%;
         margin: 0 auto;
    }
     .colayouts_header_left p{
         float: none;
         margin: 0 auto;
         text-align:center;
    }
     .colayouts_header_right {
         float: right;
         position: relative;
         width: 56%;
         margin: 4px auto 0;
    }
     .colayouts_header_right input[type="search"] {
         width: 71%;
    }
     .callbacks_nav {
         position: absolute;
         bottom: 14%;
    }
     .callbacks_nav.prev {
         right: auto;
         background-position: left top;
         left: 43%;
    }
}
 @media (max-width: 640px){
     .box, .box .overbox {
         height: 114px;
    }
     .col_head {
         font-size: 1.8em;
    }
     .cols_head_para {
         letter-spacing: 5px;
         font-size: 12px!important;
    }
     .services-gd.text-center {
         float: left;
         width: 50%;
         height: 216px;
    }
}
 @media (max-width: 600px){
     .colayouts_header_right {

         float: right;} 
     .slider-info h4 {
         font-size: 1.5em;
    }
     .slider-info p {
         font-size: 0.8em;
         letter-spacing: 3px;
         margin: 1em 0 1.5em 0;
    }
     .slider-info {
         position: absolute;
         top: 21%;
    }
}
 @media (max-width: 568px){
     .agileits_banner_bottom_grid_l h4 {
         font-size: 1.4em;
    }
     .col_gallery_grid li {
         display: inline-block;
         float: left;
         width: 50%;
         padding: 1%;
    }
     .box, .box .overbox {
         height: 166px;
    }
     .box .overbox {
         padding: 5em 1em 2em;
    }
 
     .col_footer_pos {
         margin-top: 1em;
    }
     .projects-grid-caption .date strong { font-size: 17px; }  
     .projects-grid-caption .date { font-size: 13px; }
     
     
}
 @media (max-width: 480px){
  
     
.agileits_about_left h3 {

    text-align: center;

}     
     .agileits_banner_btm_grid_r_pos {
    top: 32%;
   
}
     .slider-info p { margin: 1em 0 0.5em 0; }     
 .owl-buttons{
    top: -7%;
    right: 38%;

}
     p, ul li, ol li {
         margin: 0;
         font-size: 13px;
    }
     .colayouts_header_right {
         float: none;
         position: relative;
         width:100%;
         margin: 4px auto 0;
         display: block;
    }
     .colayouts_header_right input[type="submit"] {
    width: 18%;
}
     .callbacks_nav {
         position: absolute;
         bottom: 9%;
    }
     .slider-info h4 {
         font-size: 1.4em;
         letter-spacing: 4px;
    }
     .box .overbox {
         padding: 4em 1em 2em;
    }
     .box, .box .overbox {
         height: 138px;
    }

     .w3_agile_mail_grid textarea {
         outline: none;
         min-height: 119px;
         margin: 2em 0 0;
    }
     .w3_agile_mail_grid {
         padding: 0 0px;
    }
     .colayouts_header_right input[type="search"] {
    width: 45%;
}
.home-join-buttonsec{
width:85%;
 margin:0 auto;
  background:#FFFFFF;
   padding:50px 50px;
}
.upcoming-joinsec{
width:60%;
 margin:0 auto;
   padding:15px;
}
}
 @media (max-width: 440px){
   .projects-grid-caption .date strong { font-size: 28px; }  
     .projects-grid-caption .date { font-size: 20px; }   
	 .home-join-buttonsec{
width:85%;
 margin:0 auto;
  background:#FFFFFF;
   padding:50px 50px;
}
.upcoming-joinsec{
width:60%;
 margin:0 auto;
   padding:15px;
}
}
 @media (max-width: 414px){
     .agileits_banner_btm_grid_r_pos {
         position: absolute;
         top: -37%;
         right: 0%;
    }
     .agileits_banner_bottom_grid_l {
         padding: 0 5px;
    }
     .agileits_about_left {
         padding: 0 5px;
    }
     .slider-info h4 {
         font-size: 1.3em;
         letter-spacing: 3px;
    }
     .slider-info h4 {
         font-size: 1.3em;
         letter-spacing: 3px;
    }
     .slider-info a {
         font-size: 0.9em;
         padding: 0.4em 1.5em 0.7em 1.5em;
    }
     .w3_navigation_pos {
         position: inherit;
         float: left;
         
    }
     .callbacks_nav.prev {
         right: auto;
         background-position: left top;
         left: 40%;
         background-size: 72%;
    }
     .callbacks_nav.next {
         left: auto;
         background: transparent url(../images/right.png) no-repeat right top;
         left: 51%;
         background-size: 72%;
    }
     .callbacks_nav {
         position: absolute;
         bottom: 5%;
    }
     .box, .box .overbox {
         height: 112px;
    }
     .box .overbox {
         padding: 3em 1em 2em;
    }
     ul#lightGallery {
         margin-top: 1em;
    }
     .slider-img img {
         min-height: 175px;
    }
     .map iframe {
         min-height: 231px;
    }
     .agileits_banner_bottom_grid_l h4 {
         font-size: 1.2em;
    }
     .col_head {
         font-size: 1.5em;
    }
     .agileits_banner_btm_grid_r_pos img {
         width: 57%;
    }
     .agileits_banner_btm_grid_r_pos {
     position: absolute;
top: 36%;
right: 22%;
    }
		.upcoming-button {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -moz-osx-font-smoothing: grayscale;
     position: relative;
     background: #000;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     border-radius: 25px;
	  z-index: 999;
    position: absolute;
    top:95px!important;
    left:115px!important;
    cursor: pointer;
    padding: 5px;
	color:#FFFFFF;

}
.home-join-buttonsec{
width:85%;
 margin:0 auto;
  background:#FFFFFF;
   padding:50px 50px;
}
.upcoming-joinsec{
width:60%;
 margin:0 auto;
   padding:15px;
}
}
 @media (max-width: 384px){
   .projects-grid-caption .date strong { font-size: 23px; }  
     .projects-grid-caption .date { font-size: 20px; }     
     
     
.agileits_banner_btm_grid_r_pos {
  top: 97px;
right: 21%;
} 
     .colayouts_header_right input[type="search"] {

    width: 41%;

}
     .slider-info h4 {
         font-size: 1.2em;
         letter-spacing: 2px;
    }
     .slider-info p {
         font-size: 0.8em;
         letter-spacing: 1px;
         margin: 0.5em 0 1em 0;
    }
     .agileits_banner_btm_grid_r_pos img {
         width: 57%;
    }

     .box .overbox {
         padding: 3em 1em 2em;
    }
     .box, .box .overbox {
         height: 103px;
    }
     .services-gd h4 {
         margin-top: 20px;
         font-size: 1.2em;
    }
	.home-join-buttonsec{
width:85%;
 margin:0 auto;
  background:#FFFFFF;
   padding:50px 50px;
}
.upcoming-joinsec{
width:60%;
 margin:0 auto;
   padding:15px;
}
}
 @media (max-width: 375px){
    .agileits_banner_btm_grid_r_pos {
    top: 75px;
    right: 17%;

} 
.colayouts_header_left .cols_footer_grid_leftl { display: none;}     
  .colayouts_header_right input[type="search"] {

    width: 80%;

}   
.colayouts_header_right input[type="submit"] {

    width: 20%;

}     
     .colayouts_header_right {
         float: left;
         position: relative;
         width: 95%;
         margin: 4px auto 0;
    }
		.upcoming-button {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -moz-osx-font-smoothing: grayscale;
     position: relative;
     background: #000;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     border-radius: 25px;
	  z-index: 999;
    position: absolute;
    top: 60px!important;
    left:115px!important;
    cursor: pointer;
    padding: 5px;
	color:#FFFFFF;

}
.home-join-buttonsec{
width:85%;
 margin:0 auto;
  background:#FFFFFF;
   padding:50px 50px;
}
.upcoming-joinsec{
width:60%;
 margin:0 auto;
   padding:15px;
}
}
 @media (max-width: 320px){
.projects-grid-caption .date {
    font-size: 15px;
}
     .projects-grid-caption h4 {
         min-height: 52px;
         
     }     
     .w3_navigation_pos h1 a {
         font-size: .65em;
    }
     .slider-info h4 {
         font-size: 1.2em;
         letter-spacing: 2px;
    }
     .slider-img img {
         min-height: 151px;
    }
     .col_gallery_grid li {
         display: inline-block;
         float: left;
         width: 100%;
         padding: 1%;
    }
     .box, .box .overbox {
         height: 120px;
    }
  .projects-grid-caption .date strong {
    font-size: 19px;
}
     grid-caption .date {
    font-size: 15px;
}
     .colayouts_header_right {
         float: none;
         position: relative;
         width: 100%;
         margin: 4px auto 0;
    }
     #mail {
         padding: 0em 0 2em 0;
    }
}