html,body {
overflow-x: hidden;
margin: 0;
font-size: 100%;
background: #fff;
font-family: 'Work Sans', sans-serif;
}
body a {
text-decoration: none;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
a:hover {
text-decoration: none;
}
input[type="button"],
input[type="submit"] {
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
font-family: 'Work Sans', sans-serif;
}
p {
margin: 0;
/*letter-spacing: 1px;*/
font-size: 0.9em;
}
ul {
margin: 0;
padding: 0;
}
label {
margin: 0;
}
/*-- header --*/
.l_header_left{
float:left;
margin: .3em 0 0;
}
.l_header_left ul li{
display:inline-block;
margin-right:2em;
font-size:14px;
color: #FFF;
}
.l_header_left ul li i {
padding-right:0.2em;
color: #fff;
font-size: 1.5em;
}
.l_header_left ul li a{
color:#FFF;
text-decoration:none;
}
.l_header_left ul li a:hover{
color:#6c1414;
}
.l_header_right{
float: right;
}
/*-- social-icons --*/
/*--top header start here--*/
.ls-social-icons.text-left a {
display: inline-block;
}
.ls-social-icons i {
font-size: 15px;
background: #fff;
padding: 8px 10px;
color: #212121;
border: 1px solid #333;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
-moz-transition: 0.5s all;
}
.ls-social-icons i:hover {
background: transparent;
color: #fff;
border: 1px solid #fff;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
-moz-transition: 0.5s all;
}
.top-header-main {
padding: 1em 0em;
}
.header-address h6 {
font-size:0.9em;
color: #fff;
display: inline-block;
}
.logo h1 {
font-size:2.5em;
}
.agileits_layouts_banner_nav {
margin: 0 auto;
width: 100%;
background: #333;
padding: 0 2em;
}
.agileits_top_menu {
background: #ef5874;
padding: 0.5em 1em;
}
/*-- //social-icons --*/
.header-1 {
min-height: 552px;
}
/*--header--*/
.content {
margin-left: 80px;
padding: 0px;
}
.content p:last-child {
margin: 0;
}
.content a.button {
display: inline-block;
padding: 10px 20px;
background: #ff0;
color: #000;
text-decoration: none;
}
.content a.button:hover {
background: #000;
color: #ff0;
}
.content.title {
position: relative;
background: #333;
}
.navbar-nav {
float: right;
margin: 0;
}
.content.title h1 span.demo {
display: inline-block;
font-size: .5em;
padding: 10px;
background: #fff;
color: #333;
vertical-align: top;
}
.content.title .back-to-article {
position: absolute;
bottom: -20px;
left: 20px;
}
.content.title .back-to-article a {
padding: 10px 20px;
background: #23B684;
color: #fff;
text-decoration: none;
}
.content.title .back-to-article a:hover {
background: #23B684;
}
.content.title .back-to-article a i {
margin-left: 5px;
}
.content.white {
background: #fff;
padding: 1em 0;
}
.content.black {
background: #000;
}
.content.black p {
color: #999;
}
.content.black p a {
color: #08c;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 0!important;
border: 1px solid transparent;
}
.navbar-default {
background-color: #fff;
border-color: #fff;
}
.navbar-brand {
float: left;
padding: 0!important;
font-size: 18px;
line-height: 0px!important;
height: 0px!important;
text-transform: uppercase;
}
.navbar-default a.navbar-brand h1 {
color: #e3342d;
font-weight: bold;
}
.navbar-default .navbar-nav>li>a {
color: #282828;
font-size: 0.9em;
letter-spacing: 1px;
font-weight: 600;
text-transform: uppercase;
padding: 14px 8px;
}
.navbar-nav>li>a {
padding-top: 18px;
padding-bottom: 15px;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a.active {
color: #e41212;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
background-color: rgba(35, 182, 132, 0);
color: #ff4f81;
}
.navbar-default .navbar-brand label {
color: #4a6806;
display: block;
font-size: 0.3em;
text-align: center;
letter-spacing: 3px;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #202020;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #ff4f81;
}

.navbar-toggle {
position: relative;
float: right;
margin-right: 0;
padding: 9px 10px;
margin-top: 8px;
margin-bottom: 8px;
background-color: #282828;
background-image: none;
border: 1px solid transparent;
border-radius: 0;
}
.effect-3 {
overflow: hidden;
}
/*effect-box*/
a.effect-box:after,
a.effect-box:before {
	content: '';
  position: absolute;
  left: 0;
  display: inline-block;
  height: 4em;
  width: 100%;
  margin-top: -18px;
  opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.55s, transform 0.55s;
	
}

a.effect-box:before {
  border-left: 2px solid;
  border-right: 2px solid;
  -webkit-transform: scale(1,0);
	transform: scale(1,0);
	/*background-color: #fdf3eb;*/

}

a.effect-box:after {
  border-bottom: 1px solid;
  border-top: 1px solid;
  -webkit-transform: scale(0,1);
	transform: scale(0,1);
}

a.effect-box:hover:after,
a.effect-box:hover:before {
  opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
color:#e41212;
background: none;
}
.navbar-nav>li {
float: left;
margin: 0 15px;
}
.navbar-default .navbar-toggle {
border-color: #202020;
}
.dropdown-menu .divider {
height: 0;
margin: 0;
overflow: none;
background: none;
}
.dropdown-menu .divider {
border-bottom: 1px solid #E8E7EC;
padding: 3px 0;
}
.main-content {
padding: 3em 0;
}
.dropdown-menu {
min-width: 124px;
text-align: center;
background: rgba(0, 0, 0, 0.65);
}
.dropdown-menu.columns-2 {
min-width: 400px;
}
.dropdown-menu.columns-3 {
min-width: 600px;
}
.dropdown-menu li a {
padding: 5px 15px;
font-weight: 300;
color:#fff
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
color: #ff4f81;
text-decoration: none;
background-color: rgba(245, 245, 245, 0);
}
.multi-column-dropdown {
list-style: none;
}
.multi-column-dropdown li a {
display: block;
clear: both;
line-height: 1.428571429;
color: #333;
white-space: normal;
}
.multi-column-dropdown li a:hover {
text-decoration: none;
color: #23B684;
background: none;
}
@media (max-width:767px) {
.dropdown-menu.multi-column {
min-width: 240px !important;
overflow-x: hidden;
}
.navbar-nav {
float: left;
margin: 0;
margin-left: 0em;
width: 100%;
background: #eee;
margin-top: 1em;
}
}
/*-- banner --*/
.carousel .item {
background: url(../images/new/slider1.png) no-repeat;
background-size: cover;
}
.carousel .item.item2 {
background: url(../images/new/slider2.jpg) no-repeat;
background-size: cover;
height: 100%;
}
.carousel .item.item3 {
background:url(../images/student.jpg) no-repeat;
/
background-size: cover;
}
.carousel .item.item4 {
background:  url(../images/12754_max.jpg) no-repeat;
background-size: cover;
}
.carousel .item.item5 {
background: -webkit-linear-gradient(rgba(23, 22, 23, 0.2), rgba(23, 22, 23, 0.5)), url(../images/shutterstock_132071273.jpg) no-repeat;
background: -moz-linear-gradient(rgba(23, 22, 23, 0.2), rgba(23, 22, 23, 0.5)), url(../images/shutterstock_132071273.jpg) no-repeat;
background: -ms-linear-gradient(rgba(23, 22, 23, 0.2), rgba(23, 22, 23, 0.5)), url(../images/shutterstock_132071273.jpg) no-repeat;
background: linear-gradient(rgba(23, 22, 23, 0.2), rgba(23, 22, 23, 0.5)), url(../images/shutterstock_132071273.jpg) no-repeat;
background-size: cover;
}
.carousel-caption h2,
.carousel-caption h3 {
font-size: 3.3em;
font-weight: 300;
letter-spacing: 1px;
}
.carousel-caption h2 span,
.carousel-caption h3 span {
font-weight: 600;
}
.carousel-caption p {
letter-spacing: 4px;
font-size: 1em;
line-height: 1.8em;
font-weight: 300;
color: #fff;
margin: 1em auto 2em;
width: 70%;
}
.carousel-caption a {
color: #fff;
letter-spacing: 1px;
padding: 11px 20px;
background: none;
font-size: 0.9em;
border-radius: 0;
border: 1px solid #fff;
}
.carousel-caption a:hover {
background: #f8dd09;
border: 1px solid #f8dd09;
}
.codes {
padding: 5em 0;
background: #fff;
}
.codes.agileitsbg2 {
background: #E74C3C;
background-image: -webkit-linear-gradient(#ff9d2f, #ff6126);
background-image: -moz-linear-gradient(#ff9d2f, #ff6126);
background-image: -ms-linear-gradient(#ff9d2f, #ff6126);
background-image: linear-gradient(#ff9d2f, #ff6126);
padding-bottom: 10em;
}
.codes.agileitsbg3 {
background: #3498DB;
padding-bottom: 10em;
}
.codes.agileitsbg4 {
background: #2ECC71;
padding-bottom: 10em;
}
.carousel.slide.grid_3.grid_4 {
border-top: 10px solid #3ACFD5;
border-bottom: 10px solid #3a4ed5;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-position: 0 0, 100% 0;
background-repeat: no-repeat;
-webkit-background-size: 10px 100%;
-moz-background-size: 10px 100%;
background-size: 10px 100%;
/*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0d…0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0d…0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);*/
/*background-image: -webkit-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%), -webkit-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%);*/
/*background-image: -moz-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%), -moz-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%);*/
/*background-image: -o-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%), -o-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%);*/
/*background-image: linear-gradient(to bottom, #3acfd5 0%, #3a4ed5 100%), linear-gradient(to bottom, #3acfd5 0%, #3a4ed5 100%);*/
}
.carousel-indicators {
bottom: 20%;
left: 50%;
}
.carousel-caption {
position: inherit;
min-height: 700px!important;
padding-top: 15em;
text-align: center;
}
.carousel-control {
line-height: 33em;
}
/*-- //banner --*/

.services-breadcrumb_layouts {
width: 100%;
border: none;
padding: 1em 0;
background: #eee;
}
.services-breadcrumb_layouts ul li span {
padding: 0 1.5em;
}
ul.short_ls {
text-align: left;
}
ul.short_ls li {
list-style: none;
display: inline-block;
}
.inner_breadcrumb {
width: 80%;
margin: 0 auto;
}
ul.short_ls li a {
color: #ff4f81;
text-decoration: none;
}
/* about */
.heading-agileinfo {
font-weight: 600;
letter-spacing: .5px;
font-size: 40px;
margin-bottom: 1.9em;
text-align: center;
color:#745656;
text-transform: uppercase;
position: relative;
margin-top: 0;
}
.heading-agileinfo span {
display: block;
font-size: 17px!important;
margin-top: 1em;
letter-spacing: 4px;
text-transform: capitalize;
color: #000000;
font-weight: 500;
}
.heading-agileinfo span:after {
content: '';
background: #212121;
height: 2px;
width: 70px;
position: absolute;
top: 132%;
right: 47%;
}
a.wthree-.about-link {
color: #fff;
border: 1px solid #03afdd;
background: #03afdd;
border-radius: 0;
padding: 0.5em 2.5em;
outline: none;
font-size: 1em;
margin: 4% auto 0;
font-weight: 600;
letter-spacing: 4px;
display: inline-block;
text-transform: uppercase;
}
.agileits-about-grid p {
width: 80%;
margin: 0 auto;
font-size: 15px;
line-height: 1.8em;
color: #999;
}
.agileits-about-grid1 {
border: 1px solid #000;
}
.agileits-about-grid2 {
border: 1px solid #000;
border-left:none;
border-right:none;
}
.agileits-about-grid3 {
border: 1px solid #000;
}
.agile-about{
padding:5em 0 0;
}
/* //about */
/* about-bottom */
.agileits-about-btm {
padding: 5em 0;
}
.ab1 {
padding: 2em;
}
.ab1 span {
color: #000;
font-size: 2em;
}
h4.agileinfo-head {
color: #ff4f81;
text-transform: capitalize;
font-weight: 600;
margin: 0.7em 0;
font-size: 1.8em;
}
.ab1 h5 {
color: #000;
font-size: 1em;
text-transform: uppercase;
font-weight: 600;
margin: 1em 0 0.2em;
}
.ab1 p {
color: #999;
font-size: 15px;
line-height: 1.8em;
margin: 10px 0 0;
}
/* //about-bottom */
/* services */
.heading h3 {
font-size: 45px;
text-align:center;
text-transform: uppercase;
color: #000;
}
.heading p {
text-align: center;
color: #000;
line-height: 26px;
width: 60%;
margin: 0 auto;
margin-bottom: 50px;
}
.grid11{
background:#b1c642;
}
.grid12{
background: #f1777d;
}
.grid13{
background: #5bcacf;
}
.grid14{
background: #68b9d8;
}
.grid15{
background: #ffc10d;
}
.grid16{
background: #b1c642;
}
.grid1 {
  text-align: center;
padding: 25px 40px;
    border-radius: 15px;
    position: relative;
    margin-bottom: 20px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    border-left: 8px solid rgba(0, 0, 0, 0.1);
    border-bottom: 8px solid rgba(0, 0, 0, 0.1);
}
.grid1:hover {
/*background: #e0c300a3;;*/
}
.grid1 h4 {
font-size: 20px;
text-transform: uppercase;
margin: 25px 0 20px;
color: #212121;
}
.grid1 p {
font-size: 14px;
letter-spacing: .5px;
color: #6b6b6b;
}
.services {
padding: 5em 0;
}
.services .heading h3 ,.services .heading p{
color: #fff;
}
.services-top-grids {
margin-bottom: 30px;
}
.grid1 i.fa {
font-size: 40px;
color: #ff4f81;
}
/* //services */
.bs-glyphicons li {
float: left;
width: 18%;
height: 115px;
padding: 10px;
line-height: 1.4;
text-align: center;
font-size: 12px;
list-style-type: none;
background: rgba(149, 149, 149, 0.18);
margin: 1%;
cursor: pointer;
}
.bs-glyphicons .glyphicon {
margin-top: 5px;
margin-bottom: 10px;
font-size: 24px;
color: #282a2b;
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #777;
}
.bs-glyphicons .glyphicon-class {
display: block;
text-align: center;
word-wrap: break-word;
}
@media (max-width:1080px) {
.icon-box {
width: 33.33%;
}
}
@media (max-width:991px) {
h3.agileits-icons-title {
font-size: 28px;
}
h3.icon-subheading {
font-size: 22px;
}
.icon-box {
width: 50%;
}
}
@media (max-width:768px) {
h3.agileits-icons-title {
font-size: 28px;
}
h3.icon-subheading {
font-size: 25px;
}
.row {
margin-right: 0;
margin-left: 0;
}
.icon-box {
margin: 0;
}
}
@media (max-width: 640px) {
.icon-box {
float: left;
width: 50%;
}
h3.icon-subheading {
font-size: 22px;
}
.grid_3.grid_4._agileits_icons_page {
margin-top: 0;
}
}
@media (max-width: 480px) {
.bs-glyphicons li {
width: 31%;
}
h3.agileits-icons-title {
font-size: 25px;
}
h3.icon-subheading {
font-size: 19px;
}
}
@media (max-width: 414px) {
h3.agileits-icons-title {
font-size: 23px;
}
h3.icon-subheading {
font-size: 18px;
}
.bs-glyphicons li {
width: 31.33%;
}
}
@media (max-width: 384px) {
.icon-box {
float: none;
width: 100%;
}
}
@media (max-width: 375px) {
._agileits_icons_page {
margin: 0 !important;
}
}
/*-- //icons --*/
/*--Typography--*/
.well {
font-weight: 300;
font-size: 14px;
}
.list-group-item {
font-weight: 300;
font-size: 14px;
}
li.list-group-item1 {
font-size: 14px;
font-weight: 300;
}
.typo p {
margin: 0;
font-size: 14px;
font-weight: 300;
}
.show-grid [class^=col-] {
background: #fff;
text-align: center;
margin-bottom: 10px;
line-height: 2em;
border: 10px solid #f0f0f0;
}
.show-grid [class*="col-"]:hover {
background: #e0e0e0;
}
.grid_3 {
margin-bottom: 2em;
}
.xs h3,
h3.m_1 {
color: #000;
font-size: 1.7em;
font-weight: 300;
margin-bottom: 1em;
}
.grid_3 p {
color: #555;
font-size: 0.85em;
margin-bottom: 1em;
font-weight: 300;
}
.grid_4 {
background: none;
margin-top: 50px;
}
.label {
font-weight: 300 !important;
border-radius: 4px;
}
.grid_5 {
background: none;
padding: 2em 0;
}
.grid_5 h3,
.grid_5 h2,
.grid_5 h1,
.grid_5 h4,
.grid_5 h5,
h3.hdg,
h3.bars {
margin-bottom: 1em;
color: #ff4f81;
font-weight: 600;
}
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid rgba(241, 234, 239, 0.5);
}
.tab-content>.active {
display: block;
visibility: visible;
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
z-index: 0;
}
.badge-primary {
background-color: #03a9f4;
}
.badge-success {
background-color: #8bc34a;
}
.badge-warning {
background-color: #ffc107;
}
.badge-danger {
background-color: #e51c23;
}
.grid_3 p {
line-height: 2em;
color: #888;
font-size: 0.9em;
margin-bottom: 1em;
font-weight: 300;
}
.bs-docs-example {
margin: 1em 0;
}
section#tables p {
margin-top: 1em;
}
.tab-content>.active {
display: block;
visibility: visible;
}
.label {
font-weight: 300 !important;
}
.label {
padding: 4px 6px;
border: none;
text-shadow: none;
}
.alert {
font-size: 0.85em;
}
h1.t-button,
h2.t-button,
h3.t-button,
h4.t-button,
h5.t-button {
line-height: 2em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
li.list-group-item1 {
line-height: 2.5em;
}
.input-group {
margin-bottom: 20px;
}
.in-gp-tl {
padding: 0;
}
.in-gp-tb {
padding-right: 0;
}
.list-group {
margin-bottom: 48px;
}
ol {
margin-bottom: 44px;
}
h2.typoh2 {
margin: 0 0 10px;
}
@media (max-width:800px) {
.grid_3.grid_5.ls,
.grid_3.grid_5.l,
.grid_3.grid_5.agileits,
.grid_3.grid_5.agileinfo,
.grid_3.grid_5.wthree {
margin: 0;
}
}
@media (max-width:768px) {
.grid_5 {
padding: 0 0 1em;
}
.grid_3 {
margin-bottom: 0em;
}
.grid_3.grid_5.l {
margin-top: 1.5em;
}
}
@media (max-width:640px) {
h1,
.h1,
h2,
.h2,
h3,
.h3 {
margin-top: 0px;
margin-bottom: 0px;
}
.grid_5 h3,
.grid_5 h2,
.grid_5 h1,
.grid_5 h4,
.grid_5 h5,
h3.hdg,
h3.bars {
margin-bottom: .5em;
}
ol.breadcrumb li,
.grid_3 p,
ul.list-group li,
li.list-group-item1 {
font-size: 14px;
}
.breadcrumb {
margin-bottom: 25px;
}
.well {
font-size: 14px;
margin-bottom: 10px;
}
h2.typoh2 {
font-size: 1.5em;
}
.label {
font-size: 60%;
}
.in-gp-tl {
padding: 0 1em;
}
.in-gp-tb {
padding-right: 1em;
}
.list-group {
margin-bottom: 20px;
}
}
@media (max-width:480px) {
.grid_5 h3,
.grid_5 h2,
.grid_5 h1,
.grid_5 h4,
.grid_5 h5,
h3.hdg,
h3.bars {
font-size: 1.2em;
}
.table h1 {
font-size: 26px;
}
.table h2 {
font-size: 23px;
}
.table h3 {
font-size: 20px;
}
.label {
font-size: 53%;
}
.alert,
p {
font-size: 14px;
}
.pagination {
margin: 20px 0 0px;
}
.grid_3.grid_4.layouts {
margin-top: 0;
}
}
@media (max-width: 320px) {
.grid_4 {
margin-top: 18px;
}
h3.title {
font-size: 1.6em;
}
.alert,
p,
ol.breadcrumb li,
.grid_3 p,
.well,
ul.list-group li,
li.list-group-item1,
a.list-group-item {
font-size: 13px;
}
.alert {
padding: 10px;
margin-bottom: 10px;
}
ul.pagination li a {
font-size: 14px;
padding: 5px 11px;
}
.list-group {
margin-bottom: 10px;
}
.well {
padding: 10px;
}
.nav>li>a {
font-size: 14px;
}
table.table.table-striped,
.table-bordered,
.bs-docs-example {
display: none;
}
}
/*-- //typography --*/
/*-- gallery --*/
.gallery {
padding: 5em 0;
}
.grid {
position: relative;
clear: both;
margin: 0 auto;
max-width: 1000px;
list-style: none;
text-align: center;
background: rgba(0, 0, 0, 0.86);
}
/* Common style */
.grid {
position: relative;
overflow: hidden;
margin: 10px 0;
height: auto;
text-align: center;
cursor: pointer;
}
.grid img {
position: relative;
display: block;
width: 100%;
opacity: 0.8;
}
.grid .figcaption {
padding: 2em;
color:rgba(0, 0, 0, 0.5);
text-transform: capitalize;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
color: #fff
}
.grid .figcaption,
.grid .figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid  .figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}
.grid p {
letter-spacing: 1px;
font-size: 68.5%;
}
/*-----------------*/
/***** Apollo *****/
/*-----------------*/
.effect-apollo img {
opacity: 0.95;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(1.05,1.05,1);
-moz-transform: scale3d(1.05,1.05,1);
-o-transform: scale3d(1.05,1.05,1);
-ms-transform: scale3d(1.05,1.05,1);
transform: scale3d(1.05,1.05,1);
}
.effect-apollo .figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background:rgba(0, 0, 0, 0.5);
content: '';
-webkit-transition: -webkit-transform 0.6s;
transition: transform 0.6s;
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
.effect-apollo p {
position: absolute;
right: 0;
bottom: 0;
color: #fff;
margin: 3em;
padding: 0 1em;
border-right: 4px solid #fff;
text-align: right;
opacity: 0;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.effect-apollo:hover img {
-webkit-transform: scale3d(1,1,1);
-moz-transform: scale3d(1,1,1);
-o-transform: scale3d(1,1,1);
-ms-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
opacity: 0.4;
}
.effect-apollo:hover .figcaption::before {
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}
.effect-apollo:hover p {
opacity: 1;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
/*-- //gallery --*/
/*-- contact --*/
.layouts_mail_grid input[type="text"],
.layouts_mail_grid input[type="email"],
.layouts_mail_grid textarea {
outline: none;
padding: 14px;
font-size: 14px;
color: #212121;
background: #f5f5f5;
width: 100%;
border: 1px solid #e4e2e2;
margin-bottom: 1em;
letter-spacing: 2px;
}
.layouts_mail_grid textarea {
min-height: 170px;
width: 100% !important;
}
.layouts_mail_grid input[type="submit"],
.layouts_mail_grid input[type="reset"] {
outline: none;
padding: 15px 0;
font-size: 16px;
color: #fff;
font-weight: 600;
background:#679613;
width: 100%;
border: none;
text-transform: uppercase;
letter-spacing: 2px;
}
.layouts_mail_grid input[type="submit"]:hover,
.layouts_mail_grid input[type="reset"]:hover {
background: #f8dd09;
color: #fff;
}
.agile_map iframe {
width: 100%;
min-height: 400px;
border: none;
}
.contact-grid-agile- i {
color: #fff;
font-size: 33px;
}
.contact-grid-agile- {
background: #171616;
text-align: center;
width: 32%;
padding: 2em 1em;
}
.contact-grid-agile-:nth-child(2) {
margin: 0 1%;
}
.contact-grid-agile- h4 {
color: #2fdab8;
font-size: 1.3em;
margin: 20px 0;
letter-spacing: 1px;
font-weight: 700;
text-transform: uppercase;
}
.contact-grid-agile- p {
color: #fff;
font-size: 14px;
line-height: 2em;
}
.contact-grid-agile- p a {
color: #fff;
text-decoration: none;
}
.contact-grid-agile- p span {
display: block;
}
.mail-agileits-layouts i {

font-size: 18px;
float: left;
width: 50px;
height: 50px;
border: 2px solid #ddd;
text-align: center;
line-height: 49px;
}
.mail-agileits-layouts {
margin-top: 2em;
}
.agileits_layouts_nav_right.contact {
float: left;
margin-top: -1.3em;
}
.contact-right a:hover {
color: #ee4e82;
}
.contact-right span,
.contact-right a {
font-size: 15px;
text-decoration: none;
color: #555;
outline: none;
}
.contact-right {
padding-left: 1em;
float: left;
width: 65%;
}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
font-size: 15px;
letter-spacing: 1px;
color: #fff;
padding: 0.5em 1em;
border: 0;
width: 100%;
border-bottom: 1px solid #dcdcdc;
background: none;
-webkit-appearance: none;
outline: none;
border-radius: 00px 30px 30px 0px;
-webkit-border-radius: 00px 30px 30px 0px;
-moz-border-radius: 00px 30px 30px 0px;
-moz-border-radius: 00px 30px 30px 0px;
-ms-border-radius: 00px 30px 30px 0px;
}
.contact-form input[type="submit"] {
border: none;
padding: 0.8em 2.5em;
font-size: 15px;
outline: none;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
background: #2fdab8;
color: #fff;
border-radius: 00px 30px 30px 0px;
-webkit-border-radius: 00px 30px 30px 0px;
-moz-border-radius: 00px 30px 30px 0px;
-moz-border-radius: 00px 30px 30px 0px;
-ms-border-radius: 00px 30px 30px 0px;
}
.contact-right p {
font-weight: 600;
color: #e0c300;
font-size: 0.9em;
letter-spacing: 1px;
}
.mail-agileits-layouts i:hover{
color: #fff;
font-size: 18px;
float: left;
width: 50px;
height: 50px;
border: 2px solid #ddd;
text-align: center;
line-height: 49px;
background-color: #e0c300;
}
.contact-right span {
color: #cecaca;
font-size: 0.9em;
line-height: 1.8em;
letter-spacing: 1px;
}
.address-grid h4,
h4.white-ls {
font-weight: 600;
font-size: 1.2em;
color: #fff;
letter-spacing: 1px;
}
h4.white-ls {
color: #fff;
margin-bottom: 1em;
}
.wthree_contact_left_grid {
padding-left: 0;
}
.map iframe {
width: 100%;
min-height: 400px;
border: none;
padding: 2em;
background: #f5f5f5;
}
/*-- //contact --*/
.inner_content_info_agileits {
padding: 5em 0;
}
/*-- //about --*/
/*-- team --*/
.team{
padding:5em 0;
}
._agile_team_grids{
margin:5em 0 0;
}
._agile_team_grid h3{
font-size:1.2em;
color:#212121;
margin:1em 0 0;
}
._agile_team_grid p{
color:#ff4f81;
text-transform:uppercase;
font-weight:600;
margin-bottom: 1em;
}
._agile_team_grid ul li{
display:inline-block;
margin-right:1em;
}
._agile_team_grid ul li:last-child{
margin:0;
}
._agile_team_grid figure {
overflow: hidden;
position: relative;
}
.hover14 figure::before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.hover14 figure:hover::before,._agile_team_grid:hover .hover14 figure::before{
-webkit-animation: shine .75s;
animation: shine .75s;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
.agileits_social_list li a{
color: #212121;
text-align: center;
display: inline-block;
font-size: 1.2em;
}
a._agile_facebook:hover{
color:#3b5998;
}
a.agile_twitter:hover{
color:#1da1f2;
}
a._agile_dribble:hover{
color:#ea4c89;
}
a._agile_vimeo:hover{
color:#1ab7ea;
}
ul.agileits_social_list {
padding: 0;
}
ul.agileits_social_list li {
display: inline-block;
}

/*-- //team --*/
.welcome {
padding: 5em 0;
}
/*-- footer --*/
.footer_top_agileits {
/*background: #141415;*/
padding: 4em 0;
background-image: url(../images/new/footer_bg.jpg);
}
.footer_bottom1 a {
display: inline-block;
}
.footer_ls {
background: #ef5874;
text-align: center;
padding: 1em 0;
}
ul.tag2:last-child {
margin: 0;
}
.footer_bottom_grid:nth-child(2) {
float: right;
text-align: right;
}
.footer_bottom {
padding: 2em 0;
}
.index-copy-right {
background: transparent;
}
.footer_bottom h6 {
color: #ffffff;
font-size: 1.4em;
letter-spacing: 1px;
margin-bottom: 1em;
text-transform: uppercase;
font-weight: 700;
}
.footer_bottom1 p {
color: #fff;
font-size: 14px;
letter-spacing: 2px;
margin-top: 0em;
}
.footer_bottom1 p a {
color: #f8dd09;
transition: .5s ease-in;
-webkit-transition: .5s ease-in;
-moz-transition: .5s ease-in;
-o-transition: .5s ease-in;
-ms-transition: .5s ease-in;
}
.footer_bottom1 p a:hover {
color: #fff;
transition: .5s ease-in;
-webkit-transition: .5s ease-in;
-moz-transition: .5s ease-in;
-o-transition: .5s ease-in;
-ms-transition: .5s ease-in;
}
.social ul {
padding: 0;
margin: 0;
}
.social ul li {
display: inline-block;
}
.social ul li a {
color: #333;
text-align: center;
}
.social ul li a i.fa.fa-facebook {
height: 32px;
width: 32px;
line-height: 32px;
background: #FFFFFF;
color: #3b5998;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.social ul li a i.fa.fa-facebook:hover {
height: 32px;
width: 32px;
line-height: 32px;
background: #3b5998;
color: #FFFFFF;
}
.social ul li a i.fa.fa-twitter {
height: 32px;
width: 32px;
line-height: 32px;
background: #FFFFFF;
color: #1da1f2;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.social ul li a i.fa.fa-twitter:hover {
height: 32px;
width: 32px;
line-height: 32px;
background: #1da1f2;
color: #FFFFFF;
}
.social ul li a i.fa.fa-instagram {
height: 32px;
width: 32px;
line-height: 32px;
background: #FFFFFF;
color: #f26522;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.social ul li a i.fa.fa-instagram:hover {
height: 32px;
width: 32px;
line-height: 32px;
background: #f26522;
color: #FFFFFF;
}
.footer_bottom1 label {
color: #ff4f81;
display: block;
font-size: 0.3em;
letter-spacing: 3px;
}
.footer_bottom1 h2 {
font-size: 2.2em;
text-transform: uppercase;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.29);
color: #fff;
font-weight: 700;
}
.footer_grid h3, .footer_grid_left h3 {
font-size: 1.5em;
color: #ef5874;
position: relative;
margin-bottom: 1.5em;
font-weight: bold;
letter-spacing: 1px;
}
.footer_grid_left h3 {
margin: 0;
}
.footer_grid p {
color: #00000;
line-height: 2em;
margin-bottom: 2em;
}
.footer_grid_list li,
.address li {
display: block;
margin-bottom: 1em;
}
.footer_grid_list li i {
color:#ef5874;
padding-right: 1em;
}
.footer_grid_list li a {
color: #8b8b96;
text-decoration: none;
line-height: 1.5em;
letter-spacing: 1px;
font-size: 0.9em;
}
.footer_grid_list li a:hover {
color: #fff;
}
.footer_grid_list li:last-child,
.address li:last-child {
margin-bottom: 0;
}
.address li {
color: #00000;
}
.address li i {
margin-right: 1.5em;
color: #000;
width: 32px;
height: 32px;
text-align: center;
line-height: 30px;
border: 1px solid #4b4b50;
}
.address li i:hover{
background-color:#ef5874; 
}
.address li span {
display: block;
margin-left: 4em;
letter-spacing: 1px;
font-size: 0.9em;
}
.address li a {
color: #ef5874;
text-decoration: none;
}
.address li a:hover {
color: #000;
text-decoration: none;
}
.footer_grids {
margin: 3em 0 0 0;
}
.footer_grid_right input[type="email"] {
outline: none;
padding: 14px;
background: #fff;
font-size: 0.9em;
color: #888;
width: 70%;
margin-right: 1em;
border: none;
letter-spacing: 2px;
}
.footer_grid_right input[type="email"]::-webkit-input-placeholder {
color: #999!important;
}
.footer_grid_right input[type="submit"] {
outline: none;
padding: 12px 0;
background:#b94721;
font-size: 1em;
color: #fff;
width: 20%;
border: none;
text-transform: uppercase;
letter-spacing: 1px;
}
.footer_grid_right input[type="submit"]:hover {
background: #f8dd09;
}
ul.social-icons3.two li a {
text-align: center;
}
/*-- //footer --*/
h4.modal-title {
color: #ff4f81;
font-size: 29px;
text-transform: uppercase;
font-weight: 600;
}
.agileits-layouts-info p {
font-size: 14px;
color: #777;
line-height: 1.8em;
padding: 20px 0;
}
/*--responsive--*/
@media(max-width:1366px) {
.carousel-caption {
min-height: 524px!important;
padding-top: 10em;
}
.carousel-indicators {
bottom: 3%;
left: 50%;
}
.carousel-caption h2,
.carousel-caption h3 {
font-size: 3em;
font-weight: 300;
letter-spacing: 1px;
}
.inner_sec_grids_info_ls {
margin-top: 3em;
}
.inner_content_info_agileits,
.banner-bottom,
.services {
padding: 5em 0;
}

.banner_bottom_left h4 {
font-size: 1.9em;
margin-bottom: 1em;
}
}
@media(max-width:1280px) {
.banner_bottom_left h4 {
font-size: 1.8em;
margin-bottom: 1em;
}
.services-left-top h5 {
font-size: 0.9em;
margin: 1em 0;
line-height: 1.8em;
}
.according_inner_grids {
padding: 4em 2em;
}
h3.agile_heading.two {
margin: 0;
font-size: 2.3em;
}
}
@media(max-width:1080px) {
.team_work_agile h4 {
font-size: 2em;
width: 85%;
text-align: center;
line-height: 1.8em;
padding-top: 3.5em;
}
h3.tittle {
margin: 0;
font-size: 2.8em;
}
.login-form {
margin: 3em auto 0;
width: 85%;
}

.footer_grid_left h3 {
margin: 0;
font-size: 1.3em;
line-height: 1.6em;
}
#search_form form {
margin: 2em auto 0;
width: 90%;
}
.agile_info_mail_img_info {
padding: 2em 1em;
}
.inner_page_agile {
min-height: 229px;
padding-top: 5em;
}
.header-1 {
min-height: 300px;
}
.navbar-nav>li {
margin: 0 7px;
}
.l_services_footer_top_right_main_l1 {
margin: 0 1em;
}
}
@media(max-width:1050px) {
#search_form form {
margin: 2em auto 0;
width: 90%;
}
.agile_info_mail_img_info {
padding: 2em 1em;
}
.login-form-rec {
margin: 0 auto;
width: 65%;
}
ul.links_bottom li.last {
margin-right: 0;
padding: 5px 18px;
margin-top: 1em;
}
.job_info_right {
margin-top: 3em;
}
}
@media(min-width:992px) {
.mid_services {
display: flex;
}
}
@media(max-width:991px) {
.navbar-nav>li {
float: left;
margin: 0 4px;
}
.inner_content_info_agileits,
.banner-bottom,
.services {
padding: 4em 0;
}
.agile_info_mail_img {
min-height: 411px;
margin-left: 0;
width: 100%;
}
.agile_info_mail_img_info {
margin-bottom: 2em;
padding: 3em 2em;
}
.footer_grid_left h3 {
margin: 0 0 1em 0;
font-size: 1.3em;
line-height: 1.6em;
}
.footer_grid:nth-child(3) {
margin-top: 2em;
}
.services-middle-left:nth-child(2) {
padding: 0;
margin: 0 0 1em 0;
}
.services-middle-left:nth-child(1) {
padding: 0;
margin: 0 0 1em 0;
}
.services-left-top1 {
margin: 1em 0 0 0;
}
.services-middle {
margin-top: 1em;
}
.team_work_agile h4 {
font-size: 2em;
width: 75%;
line-height: 1.8em;
padding-top: 3em;
}
.carousel-caption p {
letter-spacing: 4px;
font-size: 1em;
width:100%;
}
.according_info {
margin-top: 2em;
}
.mid_services_img {
min-height: 500px;
}
.form-inputs,
.form-right {
position: relative;
padding: 0;
}
.carousel-caption h2,
.carousel-caption h3 {
font-size: 2.5em;
font-weight: 300;
letter-spacing: 1px;
}
.carousel-caption {
min-height: 466px!important;
padding-top: 10em;
}
.carousel-indicators {
bottom: 0%;
left: 50%;
}
.carousel-control {
line-height: 25em;
}
#search_form h2 {
font-size: 2.3em;
}
.inner_sec_grids_info_ls {
margin-top: 2em;
}
.carousel-caption h2,
.carousel-caption h3 {
font-size: 2.6em;
font-weight: 300;
letter-spacing: 1px;
}
.wthree_contact_left_grid {
padding: 0;
}
.blog-grid.one {
margin-bottom: 0;
}
.blog-grid {
padding: 0;
width: 48%;
margin: 1.8% 1%;
float: left;
}
.navbar-nav>li {
margin: 0 0px;
}
.navbar-default .navbar-nav>li>a {
font-size: 0.85em;
letter-spacing: 0px;
padding: 14px 5px;
}
.agileits_layouts_nav_right.contact {
float: none;
}
.gallery {
padding: 4em 0;
}
.agileits_services_grid {
float: left;
width: 33.3%;
}
.offer {
padding: 3em 0;
}
.agile_offer_grid:nth-child(2){
margin: 2em 0;
}
.l_services_footer_top_left {
margin-bottom: 2em;
}
.ls_banner_bottom_grids {
margin-top: 0;
}
.welcome {
padding: 4em 0;
}


.team {
padding: 3em 0;
}

._agile_team_grid {
float: left;
width: 50%;
}
.agile-about {
padding: 4em 0 0;
}
.agileits-about-grid p {
width: 100%;
}
.agileits-about-btm {
padding: 4em 0;
}
h4.agileinfo-head {
font-size: 1.5em;
}
.stats {
padding: 4em 0;
}
.layouts_stats_left {
float: left;
width: 50%;
margin-bottom: 1.5em;
}
.grid1 {
margin-bottom: 1.5em;
}
.services-top-grids {
margin-bottom: 0;
}
.feedback {
padding: 4em 0;
}
.news {
padding: 4em 0;
}
}
@media(max-width:900px) {
h3.tittle {
margin: 0;
font-size: 2.6em;
}
.footer_bottom_grid:nth-child(2) {
float: left;
text-align: left;
margin-top: 1em;
}
}
@media(max-width:768px) {
.navbar-brand {
margin-left: 0px !important;
}
}
@media(max-width:767px) {
.content.white {
padding: 1em 1em;
}
.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
margin-left: 0px;
}
td.one {
padding: 21px 38px;
font-size: 0.8em;
}
.banner {
min-height: 371px;
}
.navbar-nav {
float: none;
margin: 0;
text-align:center;
margin-left: 0em;
background: #eee;
margin-top: 1em;
padding: 1em 1em;
}
.navbar-nav>li {
float: none;
margin: 0 4px;
}
.contact-in {
padding-left: 0;
padding: 0;
}
.main-content {
padding: 3em 1em;
}
.g-left {
padding: 0 5px;
margin-bottom: 0.7em;
float: left;
width: 33%;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border: none!important;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border: none!important;
}
.multi-column-dropdown li a {
display: block;
clear: both;
line-height: 1.428571429;
color: #fff;
white-space: normal;
}
.item-details {
float: right;
width: 81%;
padding: 0;
}
.navbar-nav>li {
float: none;
margin: 0 4px;
}
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: #e0e1e2;
border: 0;
}
.multi-column-dropdown li a {
display: block;
clear: both;
color: #595a5a;
white-space: normal;
border-bottom: 1px solid #ddd;
}
.multi-column-dropdown li a:nth-child(last) {
border: none;
}

.carousel-caption h2,
.carousel-caption h3 {
font-size: 2.2em;
letter-spacing: 1px;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: #0c0c0c;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
color: #ff4f81;
}
.footer_bottom_grid:nth-child(2) {
float: left;
text-align: left;
padding: 0;
margin-top: 1.2em;
}
.footer_bottom_grid {
padding: 0;
}
.banner_bottom_left h4 {
font-size: 1.6em;
margin-bottom: 0.6em;
}
.carousel-caption {
min-height: 330px!important;
padding-top: 9em;
}
.loc_1 img {
width: 42%;
margin-bottom: 1em;
}

.blog-grid p {
padding: 0 0em;
}
}
@media screen and (min-width: 737px){
.-flex{
display: flex;
}
.ab1 {
flex:1;
}
}
@media screen and (max-width: 736px){
.agileits-about-grid p {
width: 96%;
}
.ab1 {
float: none;
}
.agileits_services_grid h3 {
letter-spacing: 1px;
}
.agileits-about-grid2 {
border: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
margin: 2em 0;
}
.carousel-caption p {
letter-spacing: 3px;
font-size: 1em;
width: 84%;
}
}
@media(max-width:667px) {
.carousel-caption h2,
.carousel-caption h3 {
font-size: 2em;
letter-spacing: 1px;
}
.carousel-caption {
min-height: 420px!important;
padding-top: 7em;
}
.carousel-control {
line-height: 23em;
}


.footer_top_agileits {
padding: 3em 0;
}
.banner_bottom_left h4 {
font-size: 1.4em;
margin-bottom: 0.6em;
}
#search_form h2,
h3.agile_heading.two {
font-size: 2em;
}
.carousel-indicators {
bottom: 1%;
left: 50%;
}
.carousel-caption {
min-height: 420px!important;
padding-top: 8em;
}
.inner_page_agile {
min-height: 169px;
padding-top: 3em;
}
.inner_page_agile p {
letter-spacing: 3px;
}
h3.tittle {
margin: 0;
font-size: 2.4em;
}
.single-left1 h3 {
margin: 2em 0 1em;
letter-spacing: 1px;
font-size: 1.2em;
}
.login-form-rec {
margin: 0 auto;
width: 80%;
}
.form-inputs ul li,
.form-inputs ul li {
float: left;
width: 40%;
}
.agileits_services_grid h3 {
letter-spacing: 0px;
}
.l_services_footer_top_right_main_l h3 {
padding-right: 1em;
}
}
@media(max-width:640px) {
.inner_page_agile h3 {
font-size: 2.2em;
}
.inner_page_agile {
min-height: 163px;
padding-top: 3em;
}
.blog-grid h4 a {
font-size: 1.1em;
}
.events_info h5 {
font-size: 0.9em;
}
.search_top input[type="text"],
.search_top input[type="submit"] {
width: 100%;
margin-bottom: 8px;
}
.search_top select#country12 {
width: 100%;
margin-bottom: 10px;
}
.inner_content_info_agileits, .banner-bottom, .services {
padding: 3em 0;
}
.header-1 {
min-height: 270px;
}
.heading-agileinfo {
font-size: 35px;
margin-bottom: 1.8em;
}
.gallery {
padding:3em 0;
}
.gallery-grid {
width: 100%;
}
.agileits_services_grid {
width: 100%;
}
.agileits_services_grid:nth-child(2){
margin:2em 0;
}
.welcome {
padding: 3em 0;
}

.team {
padding: 3em 0;
}
.carousel-caption {
padding-top: 7em;
}
.agile-about {
padding: 3em 0 0;
}
.stats {
padding: 3em 0;
}
.feedback {
padding: 3em 0;
}
.news {
padding: 3em 0;
}
.date-agileits {
width: 100%;
margin-bottom: 1.5em;
}
.date-agileits-info {
padding-left: 1em;
width: 100%;
}
.wthree-news-grids {
margin-top: 2em;
}
}
@media(max-width:600px) {
.carousel-caption h2,
.carousel-caption h3 {
font-size: 2.2em;
letter-spacing: 1px;
line-height: 1.4em;
}
.carousel-caption p {
letter-spacing: 3px;
font-size: 0.95em;
margin: 0.3em auto 1em;
}
.carousel-caption {
min-height: 392px!important;
padding-top: 6em;
}
.team_work_agile h4 {
font-size: 1.4em;
width: 80%;
}
.team_work_agile {
min-height: 250px;
}
.carousel-caption a {
padding: 9px 18px;
font-size: 0.9em;
}
.carousel-control {
line-height: 19em;
}
.inner_content_info_agileits,
.banner-bottom,
.services {
padding: 3em 0;
}
.l_services_footer_top_right_main_r {
width: 47%;
}
}
@media(max-width:568px) {
.team_work_agile h4 {
font-size: 1.4em;
width: 90%;
}
h3.tittle {
margin: 0;
font-size: 2.2em;
}
.footer_grid_right input[type="submit"] {
width: 25%;
}
.footer_bottom h6 {
font-size: 1.1em;
}
.mid_services_img {
min-height: 299px;
}
.inner_breadcrumb {
width: 90%;
margin: 0 auto;
}
.map iframe {
width: 100%;
min-height: 300px;
border: none;
padding: 1em;
}
.l_services_footer_top_right_main_r {
width: 43%;
}
}
@media(max-width:480px) {
.team_work_agile h4 {
font-size: 1.4em;
width: 90%;
}
.footer_grid_right input[type="email"] {
width: 65%;
}
.footer_grid_right input[type="submit"] {
width: 29%;
}
.blog-grid {
padding: 0;
width: 100%;
margin: 1.8% 0%;
float: left;
}
.single-left1 ul {
text-align: left;
}
.single-left1 ul li {
margin-right: 10px;
margin-bottom: 10px;
}
.single-left1 h3 {
margin: 1em 0 1em;
letter-spacing: 1px;
font-size: 1em;
}
.permit h3,
.experience h3,
h5.widget-title {
font-size: 1.2em;
}
.inner_page_agile h3 {
font-size: 1.8em;
}
.inner_page_agile {
min-height: 141px;
padding-top: 2.5em;
}
h3.tittle {
margin: 0;
font-size: 1.8em;
}
.inner_sec_grids_info_ls {
margin-top: 1.7em;
}
.location_box1 h6 {
font-size: 1.1em;
}
h3.tittle.three {
font-size: 1.6em;
}
.login-form-rec {
margin: 0 auto;
width: 100%;
}
.l_header_left ul li {
margin-right: 0.5em;
font-size: 13px;
}
.header-1 {
min-height: 250px;
}
.l_services_footer_top_right_main_r {
float: right;
width: 100%;
margin-top: 1em;
}

.ls_news_grids {
margin-top: 0em;
}
._agile_about_grid_left h3 {
font-size: 1.2em;
}
.carousel-caption h2, .carousel-caption h3 {
font-size: 2em;
}
.carousel-caption p {
font-size: 0.9em;
}
.carousel-caption {
min-height: 195px!important;
padding-top: 5em;
}
.heading-agileinfo span {
letter-spacing: 2px;;
}
.agile_info_mail_img {
min-height: 320px;
}
}
@media(max-width:440px) {
.team_work_agile h4 {
font-size: 1.2em;
width: 90%;
padding-top: 2.6em;
}
.team_work_agile {
min-height: 205px;
}
.services-left-top {
padding: 2em 1em;
}
#search_form h2,
h3.agile_heading.two {
font-size: 1.6em;
}
.according_inner_grids {
padding: 2em 1em;
}
h3.tittle {
margin: 0;
font-size: 2em;
}
.form-left,
.form-right {
padding: 1em;
}
.carousel-caption h2,
.carousel-caption h3 {
font-size: 1.7em;
}
.banner_bottom_left p {
font-size: 0.9em;
}
.banner_bottom_left h4 {
font-size: 1.2em;
margin-bottom: 0.6em;
}
ul.some_agile_facts label {
font-size: 1.2em;
}
ul.some_agile_facts li {
font-size: 1em;
}
.l_header_left {
float: none;
margin: 0;
width: 100%;
}
.l_header_left ul li {
margin-right: 3em;
font-size: 14px;
}
.l_header_right {
float: none;
width: 100%;
text-align: center;
margin-top: 10px;
}
.text-left {
text-align: center;
}
.navbar-default a.navbar-brand h1 {
font-size: 30px;
}
.navbar-toggle {
margin-top: 0;
margin-bottom: 0;
}
.heading-agileinfo span {
font-size: 15px!important;
letter-spacing: 2px;
}
}
@media(max-width:414px) {
h3.tittle {
margin: 0;
font-size: 1.7em;
}
.footer_grid_right input[type="email"] {
width: 100%;
margin-bottom: 10px;
}
.footer_grid_right input[type="submit"] {
width: 50%;
}
.form-inputs ul li,
.form-inputs ul li {
float: none;
width: 100%;
}
._agile_team_grid {
float: left;
width: 100%;
}
._agile_team_grid:nth-child(2), ._agile_team_grid:nth-child(4) {
margin-top: 2em;
}
.layouts_stats_left {
width: 100%;
}
}
@media(max-width:384px) {
input[type="file"] {
padding: 8px 5px;
opacity: 0;
cursor: pointer;
position: absolute;
left: 34.2%;
width: 190px;
}
.carousel-caption h2,
.carousel-caption h3 {
font-size: 1.6em;
}
.carousel-caption {
min-height: 144px!important;
padding-top: 4em;
}
.loc_1 img {
width: 100%;
margin-bottom: 1em;
}
.l_header_left ul li {
margin-right: 2em;
font-size: 14px;
}
.carousel-caption p {
letter-spacing: 0px;
}
.carousel-control {
line-height: 10em;
}
.carousel-indicators {
bottom: -7%;
left: 50%;
}
.heading-agileinfo span {
letter-spacing: 0px;
}
}
@media(max-width:375px) {
#search_form {
padding: 2em 1em;
text-align: center;
}
.banner_bottom_left h4 {
font-size: 1em;
margin-bottom: 0.6em;
}
ul.some_agile_facts span.fa {
text-align: center;
line-height: 53px;
margin-right: 20px;
display: block;
margin-bottom: 1em;
}
.team_work_agile h4 {
font-size: 1.1em;
width: 90%;
padding-top: 2.6em;
}
h3.tittle {
margin: 0;
font-size: 1.6em;
}
.panel-title {
font-size: 0.9em;
}
#search_form h2,
h3.agile_heading.two {
font-size: 1.5em;
}
.carousel-caption a {
padding: 9px 18px;
font-size: 0.8em;
}
.l_header_left ul li {
margin-right: 1em;
}
}
@media(max-width:320px) {
.carousel-caption h2,
.carousel-caption h3 {
font-size: 1.3em;
}
.carousel-caption {
min-height: 290px!important;
padding-top: 3em;
}
.header-1 {
min-height: 230px;
}
.heading-agileinfo {
font-size: 30px;
margin-bottom: 1.8em;
}
.inner_content_info_agileits, .banner-bottom, .services {
padding: 2em 0;
}
.agile_info_mail_img_info {
margin-bottom: 2em;
padding: 2em 1em;
}
.footer_top_agileits {
padding: 2em 0;
}
.footer_grid h3, .footer_grid_left h3 {
margin-bottom: 1em;
}
.l_header_left ul li {
margin-right: 0.5em;
font-size: 13px;
}
.navbar-default a.navbar-brand h1 {
font-size: 23px;
}
.content.white {
padding: 1em 0.5em 0;
}
.heading-agileinfo span {
font-size: 14px!important;
letter-spacing: 0px;
}
.contact-right span {
letter-spacing: 0px;
}
.gallery {
padding: 2em 0;
}
.ls_service_icon i {
padding-top: .25em;
}
.ls_service_icon {
width: 50px;
height: 50px;
}
.l_services_footer_top_right_main_l1 {
margin: 0 0.5em;
}
.l_services_footer_top_right_main_l h3 {
margin: 0.8em 0 0;
}
.footer_bottom1 p {
letter-spacing: 1px;
}
.welcome {
padding: 2em 0;
}

.team {
padding: 2em 0;
}

.footer_grid,.footer_grid_left{
padding: 0;
}
.agile-about {
padding: 2em 0 0;
}
.agileits-about-btm {
padding: 2em 0;
}
.stats {
padding: 2em 0;
}
.grid1 {
padding: 25px 16px;
}
.grid1 h4 {
font-size: 17px;
}
.feedback {
padding: 2em 0;
}

.date-agileits-info h5 a {
letter-spacing: 0px;
}
}
/*--//responsive--*/
.about_text{
padding-top: 0em;
}
.centered {
color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-shadow: 5px 3px 4px black
}
.about_box{
padding:3em 0;
}

.about_title {
font-size: 16px;
text-align: center;
margin: 0;
color: #2b353a;
margin-top: 2em;
}

.welcome_gap{
padding-top: 1em;
}
.img_size{
width:5em;
}
.icon_size1{
color:#ee4f21;
margin-left: 1em;
}
.icon_size2{
color:#f29802;
margin-left:1.5em;
}
.icon_size3{
color:#941069;
margin-left: 1.5em;
}
.icon_size4{
color: #ed217d;
margin-left: 2.5em;
}
.icon_size5{
margin-left: 2.5em;
color:#ee4f21;
}
.service_bg{
background-image: url(../images/new/linedpaper.png);
}
.gallery_bg{
background-image: url(../images/new/bg-img-01.jpg);
}

.text-block {
position: absolute;
bottom: 47px;
/*right: 176px;*/
background-color: #00000000;
color:#00000;
padding-left: 146px;
padding-right: 152px;
height: 73%;
width: 100%;
}
.team{
background-color: #ded4b359;
}
.stepz li:hover {
/*background-color: #eee;*/
}
.stepz {
margin: 0;
padding: 0;
list-style-type: none;
}
.stepz li {
counter-increment: step-counter;
margin-bottom: 27px;
list-style-type:none;
box-shadow: 0px 0px 2px black;
}
.stepz li::before {
content: counter(step-counter);
margin-right: 5px;
font-size: 80%;
/*background-color: rgb(0,200,200);*/
color: white;
font-weight: bold;
padding: 3px 8px;
border-radius: 3px;
}
#back2Top {
width: 70px;
line-height: 40px;
overflow: hidden;
z-index: 999;
display: none;
cursor: pointer;
/*-moz-transform: rotate(270deg);*/
/*-webkit-transform: rotate(270deg);*/
/*-o-transform: rotate(270deg);*/
/*-ms-transform: rotate(270deg);*/
/*transform: rotate(270deg);*/
position: fixed;
bottom: 50px;
right: 0;
color: #555;
text-align: center;
font-size: 30px;
text-decoration: none;
}
#back2Top:hover {
/*background-color: #DDF;*/
color: #000;
}
/* Preloader */
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
/* change if the mask should have another color then white */
z-index: 99;
/* makes sure it stays on top */
}
#status {
position: absolute;
left: 50%;
/* centers the loading animation horizontally one the screen */
top: 50%;
/* centers the loading animation vertically one the screen */
/* is width and height divided by two */
}
.spinner-sm {
width: 50px;
height: 50px;
background-image: url(../images/Preloader_1.gif);
background-size: 40%;
background-position: center center;
background-repeat: no-repeat;
background-color: #214577;
border-radius: 50%;
}
.spinner-sm:after,
.spinner-sm:before {
content: '';
display: block;
width: 50px;
height: 50px;
border-radius: 50%;
}
.spinner-sm-1:after {
position: absolute;
top: -4px;
left: -4px;
border: 4px solid transparent;
border-top-color: #214577;
border-bottom-color: #214577;
animation: spinny 0.8s linear infinite;
}
@keyframes spinny {
0% {
transform: rotate(0deg) scale(1);
}
50% {
transform: rotate(90deg) scale(1.2);
}
100% {
transform: rotate(360deg) scale(1);
}
}
@keyframes spinny {
0% {
transform: rotate(0deg) scale(1);
}
50% {
transform: rotate(90deg) scale(1.2);
}
100% {
transform: rotate(360deg) scale(1);
}
}
.content-box {
position: relative;
box-shadow: 1px 4px 10px -6px #222;
margin-bottom: 20px;
padding: 1px 0px;
margin-top:30px;
}
.content-box:hover .content-box-icon{
box-shadow: 1px 4px 10px -6px;
}
.content-box:hover a ,.content-box:active a ,.content-box:focus a{
text-decoration: none;
}
.content-box a h4 {
color: #222;
font-weight: 600;
font-family: serif;
font-size: 17px;
}
.content-box-icon {
width: 50px;
height: 50px;
background: #ce2a1b;
display: block;
text-align: center;
line-height: 50px;
font-size: 25px;
border-radius: 100%;
margin: auto;
color: #fff;
}
.bg-vaiolet{
background: #673ab7;
}
.bg-blue{
background:rgb(38, 172, 226);
}
.bg-light-red{
background: #e91740;
}
.bg-light-blue{
background: #009688;
}
.events_bg{
background-image: url(../images/clouds.png);
background-repeat: no-repeat;
}
.site_panel {
width: 100%;
padding: 10px 17px;
display: inline-block;
background: #fdf6cf54;
border: 1px solid #E6E9ED;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
column-break-inside: avoid;
opacity: 1;
transition: all .2s ease;
margin-bottom: 10px;
position: relative;
box-sizing: border-box;
}
.site_title {
border-bottom: 2px solid #E6E9ED;
padding: 1px 5px 6px;
box-sizing: border-box;
margin-bottom: 10px;
display: block;
}
.site_title h2 {
margin: 5px 0 6px;
float: left;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.site_title h2 small {
margin-left: 10px;
}
.site_content {
padding: 0 5px 6px;
float: left;
clear: both;
margin-top: 5px;
width: 100%;
position: relative;
box-sizing: border-box;
}
textarea.form-control  {
background-color: #fff;
color:#b2b1b0;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
border: 1px solid #e9e6e0;
-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
}
input.form-control {
height: 38px;
background-color: #fff;
color:#000;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
border: 1px solid #e9e6e0;
-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
}
form-control::-webkit-input-placeholder { color: black; }
.form-control:-moz-placeholder { color: black; }
.form-control::-moz-placeholder { color: black; }
.form-control:-ms-input-placeholder { color: black; }
.form-control:focus{border-color: #f2a446;  box-shadow: none; -webkit-box-shadow: none;}

/*-- hover-effect --*/
.view {
overflow: hidden;
position: relative;
text-align: center;
height: 282px;
}
.view .mask,.view .content {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.view img {
display: block;
position: relative;
}
.view h5 {
text-transform: uppercase;
color: #fff;
text-align: center;
position: relative;
font-size: 1.5em;
padding: 10px;
background: rgb(20, 161, 255);
margin: 5em 0 0;
letter-spacing:2px;
}
.view p {
font-style: italic;
position: relative;
color: #fff;
text-align: center;
line-height: 2em;
width: 90%;
margin: 2em auto 0;
}
.view-first .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background-color:rgba(0, 0, 0, 0.62);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.view-first h5 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-o-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.view-first p {
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.view-first:hover img {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
}
.view-first:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.view-first:hover h5,
.view-first:hover p{
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.view-first:hover p {
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s;
}
/*-- //hover-effect --*/
/*-- //banner-bottom --*/
.event{
background-color: linen;
text-align: justify;
}
.layouts_more{
margin:2em 0 0;
text-align:center;
}
.layouts_more a{
display:block;
font-size:1em;
color:#ef5874;
text-transform:uppercase;
padding:10px 0;
border:2px solid #ef5874;
font-weight:600;
letter-spacing:2px;
text-decoration:none;
}
.layouts_more a i{
padding-left:1em;
color:#ff4f81;
}
.layouts_more a:hover{
background:#d6bf0f;
border:2px solid #389247;
color:#fff;
}
.layouts_more a:hover i{
padding-left:1.5em;
color:#212121;
}
/*event button*/
.event_more{
margin:2em 0 0;
text-align:center;
padding-left: 12em;
}
.event_more a{
font-size:1em;
color:#389247;
text-transform:uppercase;
padding:10px 0;
border:2px solid #389247;
font-weight:600;
letter-spacing:2px;
text-decoration:none;
}
.event_more a i{
padding-left:1em;
color:#ff4f81;
}
.event_more a:hover{
background:#d6bf0f;
border:2px solid #389247;
color:#fff;
}
.event_more a:hover i{
padding-left:1.5em;
color:#212121;
}
/*view notice*/
.block{
height: 190px;
box-shadow: 0px 1px 2px;
background-color: #ec4f74;
color: #fff;
font-family: bubblegum;
}
.img-holder {
position: relative;
border-radius: 0 15px;
background: #ec4f74;
overflow: hidden;
}
.notice{
position: absolute;
height: 435px;
width: 100%;
/*border: 2px red solid;*/

}
.btn-box
{
position: absolute;
left: 20px;
top: 252px;
border: 1px solid #fff;
height: 72px;
width: 72px;
text-align: center;
padding-top: 8px;
border-radius: 0 10px;
}
.notice_btn{
font-size: 1em;
color: #389247;

padding: 9px 0;
border: 2px solid #389247;
font-weight: 600;

}
.event{
padding-top: 4em 0;
}

.visit{
	color: #fff;

}

.padtop30 {
  padding-top: 30px;

}
   

  /* here is our responsive css */
  
  @media only screen and (max-width: 360px) 
  {
      .web_disigner .parent_circle .child_round_circle 
    {
    border: 15px solid #63cdf4;
    border-radius: 50%;
    height: 100px;
    left: 100px;
    position: absolute;
    top: -38px;
    width: 100px;
    }
    .media-car .car-control.left{
    
    margin-top: 290px;
   
}
.media-car .car-control.right{
    
    margin-top: 290px;
   
}
  }
  .meet_our_team{
    background: #624dd6;
  }
  #bnnr{
    padding: 15em 0;
    background-image:url(../images/new/paper_art.jpg);
    background-attachment: fixed; 
  }
#bnr {
  padding: 4em 0;
    background-image: url(../images/new/doodle_bg.png);
    /*background-attachment: fixed;*/
    background-size: cover, auto 90px, 300px auto;
    background-position: top left, bottom left , bottom left;
}
    
 #view-notice{
 	padding-bottom: 0;
 } 
 .visitor{
 	color: #00000;
  font-weight: bold;
 }
.g-text{
	background-color:#7dd0f0;
	font-size: 1.5em;
	text-align: center;
}
.g-text:hover{
	box-shadow: 0 0 5px #083328;
}

.content-header{
	background-color: red;
}
.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.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-list
{
    -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;
}
.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;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.img_text{
	background-color: #e85836;
	text-align: center;
	color: #fff;
}


.notice_title{
padding-left: 2em; 
font-weight: bold	
}

.no_news{
margin-left:4%;	
}

/*Additional css and media query*/
@media(max-width: 375px)
{
	.notice_section{
		padding:20%;
	}

	.bottom_banner{
		margin-top: 20%;
	}

	.notice_title{
    padding-left: 3em; 
    font-weight: bold	
    }

    .notice_marquee{
      margin-left: 19%;
    }
    .agile-about{
        margin-top: -18%;
    }

    .meet_our_team{
    	margin-top:20%;
    }

    .agile_banner_bottom_grid{
    	margin-top:10%;
    }

    .team_name{
    	font-size:11px;
    }
}

/*Meet our team*/

h2{
  text-align:center;
  padding: 20px;
}

.meet_our_team{
padding:2%;	
}
out-grid h4 {
    font-size: 2em;
    color: #ff0000;
    margin-bottom: 0.7em;
}
.about-grid p {
    font-size: 1em;
	margin-top:1em;	
}
.what-grid h4 {
    font-size: 2em;
    color: #F58703;
}
.what-grid p {
    font-size: 1em;
    line-height: 1.8em;
    margin-top: 1em;
}
.what-bottom {
      margin-top: 2em;
}
.what- {
    padding: 5em 0;
    background: rgb(214, 214, 214);
}
.what-grid p {
    font-size: 1em;
    margin-top: 1em;
}
.what-bottom1 {
    margin-bottom: 2em;
}

.statistics {
    padding: 5em 0;
	text-align:center;
    background-image: url(../images/new/linedpaper.png);
}
.statistics-grids {
    margin-top: 3em;
    margin-bottom: 2em;
}
.statistic {
    background: #6b89a0;
    padding: 2em 2em;
    /*border-radius: 50%;*/
    width: 100%;
    height: 250px;
	text-align:center;

}
.statistic h4 {
    font-size: 3.5em;
    color: #fff;
}
.statistic h5{
    font-size: 1.8em;
    color: #fff;
    padding: .5em 0;
}
.statistic p {
    font-size: 1em;
    color: #eee;
    line-height: 1.8em;
}
/* Bounce To Bottom */
.statistic {
  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;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
 }
.statistic:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #3272a5;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
      padding: 2em 2em;
    /*border-radius: 50%;*/
}
.statistic:hover, .statistic:focus, .statistic:active {
  color: white;
}
.statistic:hover:before, .statistic:focus:before, .statistic:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/**about**/

ul.grid-part li {
    list-style: none;
    font-size: 1em;
    color: #777;
    line-height: 2em;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
ul.grid-part {
    margin-top: 1em;
}
ul.grid-part li :hover {
    color: #F58703;
    padding-left: 0.2em;
}
ul.grid-part li i {
    font-size: 1.2em;
    margin-right: 0.5em;
    color: #49872E;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.about_bg{
	background-image: url(../images/new/main_bg.jpg) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.block1{
  height: 90px;
  background-image: url(../images/new/galleryimg.jpg);
}
.block2{
  height: 90px;
   background-image: url(../images/new/locationimg.jpg);
}
.btn-Gallery {
    box-shadow: 0 0 0 1px #f9f9f9 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #695346, 0 8px 0 1px rgba(232, 93, 6, 0.4), 0 8px 8px 1px rgba(232, 93, 6, 0.39);
    background-color: #d2236e;
    color: #fff;
    font-weight: bold;
    border-radius: 20px;
}
.btn3d {
    transition: all .08s linear;
    position: relative;
    outline: medium none;
    -moz-outline-style: none;
    border: 0px;
    margin-right: 10px;
    margin-top: 15px;
    margin-left: -1.5em;
  }
  @media(max-width: 375px){
  .banner1{
    background-size: cover;
    height: 140px;
  }
  .banner2{
    height: 140px;
  }
  .banner3{
    height: 140px;
  }
  .girl_pic{
    margin-top: -5px;
    max-width: 88%; 
  }
}
@media(min-width : 375px) {
  .logo{
  height:53px ;
}
}
@media(max-width: 375px){
  #myModal
  {
    margin-top: 10em;
  }
  .modal_d{
    height: 280px;
    width:320px;
  }
.modal-image{
  height: 280px;
  width: 320px;
}
}
@media(min-width:734px)
{
  #myModal{
    margin-left: 3em;
  }
  .logo{
    height: 63px;
  }
  .modal_d{
    height: 290px;
      width: 646px;
  }
  .modal-image{
    height: 290px;
      width: 646px;
  }
}
@media (min-width: 412px){
.modal_d {
    height: 290px;
    width: 370px;
}
.modal-image {
    height: 290px;
    width: 370px;
}
}
@media(min-width: 667px){
  .modal_d{
    height: 261px;
      width: 600px;
  }
  .modal-image {
      height: 261px;
      width: 600px;
}
}
@media(min-width: 736px){
  .logo{
    height: 63px;
  }
}
@media(min-width: 768px){
  .logo{
    height: 66px;
  }
}
@media(max-width: 375px){
.agile_banner_bottom_grid {
    border: 1px solid #fa3d03;
    padding: 1em;
    position: relative;
}
}

.girl_pic{
  margin-top: -49px;max-width: 88%;
}
#banners {
    background: #ffeed4;
    margin-top: 0px;
    padding-bottom: 90px;
    background-image: url(../images/new/bggrass.png);
    background-position: bottom center;
    background-repeat: repeat-x;
}
.news {
    margin-top: 90px;
    padding: 20px;
    background: #f0777d;
    border-radius: 20px 70px 30px 70px / 30px 40px 70px 40px;
    -moz-border-radius: 20px 70px 30px 70px / 30px 40px 70px 40px;
    -webkit-border-radius: 20px 70px 30px 70px / 30px 40px 70px 40px;
    width: 340px;
    height: 501px;
}
.container:before, .container:after {
    display: table;
    line-height: 0;
    content: "";
}@media (min-width: 1200px)

.row:before, .row:after {
    display: table;
    line-height: 0;
    content: "";
}
.row:before, .row:after {
    display: table;
    line-height: 0;
    content: "";
}
}
.row {
    margin-left: -20px;
    *zoom: 1;
}
@media (min-width: 1200px)
.span4 {
    width: 370px;
}
@media (min-width: 1200px)
[class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 30px;
}
.news_title {
    position: relative;
    font-size: 32px;
    line-height: 40px;
    font-family: 'Baloo Bhaijaan', cursive;
    color: #000000;
    margin: 10px 0 20px 0;
}
.news_title:after {
    content: "";
    position: absolute;
    height: 3px;
    background: #020202;
    width: 98px;
    bottom: -9px;
    left: 0;
}
.date1 {
    padding-bottom: 33px;
}
.clearfix:before, .clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}
.date1 .txt1.c4 {
    background: #dc948b;
}
.date1 .txt1 {
    float: left;
    width: 78px;
    height: 59px;
    background: #dc948b;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-right: 20px;
    color: #fff3e0;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Baloo Bhaijaan', cursive;
    font-size: 30px;
    line-height: 20px;
    padding-top: 19px;
}
.date1 .txt2 {
    display: table;
}.date1 {
    padding-bottom: 33px;
}
.date1 .txt1.c2 {
    background: #aec5a5;
}
.date1 .txt1 span {
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    font-family: 'Baloo Bhaijaan', cursive;
}.date1 .txt1.c4 {
    background: #b94c3e;
}
.date1 .txt1 {
    float: left;
    width: 78px;
    height: 75px;
    background: #dc948b;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-right: 20px;
    color: #fff3e0;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Baloo Bhaijaan', cursive;
    font-size: 30px;
    line-height: 20px;
    padding-top: 19px;
}
.date1 .txt1 span {
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    font-family: 'Baloo Bhaijaan', cursive;
}
.date1 {
    padding-bottom: 33px;
}
@media (min-width: 1200px)
.span4 {
    width: 370px;
}
@media (min-width: 1200px)
[class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 30px;
}
.span4 {
    width: 300px;
}
.announcements {
    margin-top: 90px;
    padding: 20px;
    background: #5bcacf;
    border-radius: 20px 70px 30px 70px / 30px 40px 70px 40px;
    -moz-border-radius: 20px 70px 30px 70px / 30px 40px 70px 40px;
    -webkit-border-radius: 20px 70px 30px 70px / 30px 40px 70px 40px;
    width: 340px;
    height: 500px;

}
.announcements_title {
    font-size: 32px;
    position: relative;
    line-height: 40px;
    font-family: 'Baloo Bhaijaan', cursive;
    color: #080808;
    margin: 10px 0 20px 0;
}
.announcements_title:after {
       content: "";
    position: absolute;
    height: 3px;
    background: #080808;
    width: 81px;
    bottom: -5px;
    left: 0;
}

.thumb1 {
    margin-bottom: 33px;
}
.thumb1 .thumbnail {
    padding: 0;
    border: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.figure img {
    vertical-align: middle;
}
.announcements p {
    color:#080808;
}.announcements h5 a {
    color: #080808;
}
.news h5 a {
    color: #060100;
}

.caption h5 {
    color: #dc948b;
    font-size: 20px;
    line-height: 28px;
    font-family: 'Baloo Bhaijaan', cursive;
    padding: 0px 0 10px 0;
    margin: 0;
}
.txt2 h5  {
    color: #dc948b;
    font-size: 20px;
    line-height: 28px;
    font-family: 'Baloo Bhaijaan', cursive;
    padding: 0px 0 10px 0;
    margin: 0;
}
.txt2 p a{
  color: #153c06;
    font-size: 20px;
    line-height: 28px;
    font-family: 'Baloo Bhaijaan', cursive;
    padding: 0px 0 10px 0;
    margin-top: 12px;
}

.thumbnail {
  background-color: #5bcacf;
    display: block;
    padding: 4px;
    line-height: 20px;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.thumb1 figure {
    margin: 0;
    float: left;
    margin: 0px 20px 20px 0px;
}
.news_img {
   border-radius: 29%;
    border: 2px solid #060605;
    width: 78px;
    height: 74px;
}
.thumbnail .caption {
    padding: 10px;
}
.thumbnail .caption {
    padding: 0;
}
.thumb1 .caption {
}
.thumbnail .caption {
    padding: 9px;
    color: #333;
    background-color: #5bcacf;
}

@media (min-width: 1200px)
.span4 {
    width: 370px;
}
@media (min-width: 1200px)
[class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 30px;
}
.span4 {
    width: 300px;
}
[class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 69px;
}
@media(max-width: 375px){
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: -8px;
}
}
.school-classes {
    margin-top: 90px;
    padding: 20px;
    background: #b1c542;
    border-radius: 20px 70px 30px 70px / 30px 40px 70px 40px;
    -moz-border-radius: 20px 70px 30px 70px / 30px 40px 70px 40px;
    -webkit-border-radius: 20px 70px 30px 70px / 30px 40px 70px 40px;
    width: 340px;
    height: 500px;
}
.school-classes_title {
    font-size: 32px;
    position: relative;
    line-height: 40px;
    font-family: 'Baloo Bhaijaan', cursive;
    color: #0c0c0c;
    margin: 10px 0 20px 0;
}
.school-classes_title:after {
    content: "";
    position: absolute;
    height: 3px;
    background: #101010;
    width: 130px;
    bottom: -6px;
    left: 0;
}.date2 {
    padding-bottom: 18px;
}.clearfix:before, .clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}.date2 .txt1 {
    float: left;
    width: 60px;
    height: 60px;
    background: #4f9035;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-right: 20px;
    color: #ffeed4;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Baloo Bhaijaan', cursive;
    font-size: 30px;
    line-height: 60px;
}.date2 .txt2 {
    display: table;
}
/*end event/notice*/







@media (min-width: 1201px){
.blog-layout3-section .col-blog-layout3 {
    width: 49.85555%;
}}
.blog-layout3-section{
  padding-top: 3em;
}
.blog-layout3-section .col-blog-layout3 {
    float:right;
    display: inline-block;
    vertical-align: top;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 40px;
}.blog-layout3-section .blog-layout3.sticky-post {
    background-color: #f34235;
    -webkit-box-shadow: 0px 5px 0px 0px #da2a1d;
    -moz-box-shadow: 0px 5px 0px 0px #da2a1d;
    box-shadow: 0px 5px 0px 0px #da2a1d;
}
.blog-layout3-section .blog-layout3 {
    color: #ffffff;
    background-color: #fcc005;
    -webkit-box-shadow: 0px 5px 0px 0px #e7b11f;
    -moz-box-shadow: 0px 5px 0px 0px #e7b11f;
    box-shadow: 0px 5px 0px 0px #e7b11f;
    /*-webkit-border-radius: 300px;*/
    -moz-border-radius: 300px;
    /*border-radius: 300px;*/
    padding: 25px 25px;
    position: relative;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}.blog-layout3-section .blog-layout3-img {
    width: 180px;
    height: 180px;
    float: left;
    border-radius: 50%;
    margin-right: 30px;
    border: 8px solid #f1f1f1;
}
.cover-fix {
    background-repeat: no-repeat;
    position: relative;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}.blog-layout3-section .blog-layout3-img .mask {
    opacity: 0;
    overflow: visible;
    border: 0px solid rgba(0, 0, 0, 0.7);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    transition: all 0.35s ease-in;
}.blog-layout3-section .blog-layout3-img .mask a {
    color: #ffffff;
}.blog-layout3-section .blog-layout3-img .mask .mask-btn {
    position: relative;
    height: 100%;
    vertical-align: middle;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 101;
    border-radius: 50%;}
    
.blog-layout3-section .blog-layout3-img .mask .mask-btn i {
    border-radius: 50%;
    background-color: #f34235;
    color: #ffffff;
    padding: 10px;
    margin-top: 35%;
    margin-bottom: 5px;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}.fa-eye:before {
    content: "\f06e";
}.blog-layout3-section .blog-layout3-img .mask .mask-btn span {
    display: block;
    font-size: 12px;
}.blog-layout3-section .blog-layout3-info img {
    margin-bottom: 20px;
}.blog-layout3-section .blog-layout3-info h2 {
    font-size: 20px;
    font-weight: 500;
}.blog-layout3-section .blog-layout3-info p {
    font-size: 13px;
    margin-top: 0;
}.blog-layout3-section .blog-layout3-info h2 a {
    color: #ffffff;
}.transparent-btn {
    color: #e6c9c9;
    text-shadow: none;
    font-weight: 600;
    background-color: transparent;
    font-size: 15px;
    border: 2px solid #ffffff;
    border-radius: 3px;
    padding: 10px 25px 9px 25px;
    margin: 8px 3px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.transparent-btn:hover{
  background-color: #fff;
  color: red;
}

#about{
  background-image: url(../images/new/bgdots.png),url(../images/new/bgdots.png);
    background-position: center left,center right;
    background-repeat: no-repeat;
}
.well_head{
font-family: 'Grand Hotel', cursive; text-align: left;
}
.well_head1{
  margin-top: 20px;
  font-family: 'Grand Hotel', cursive;
}
@media(max-width: 375px){
  .agile-about .ls-section .heading-agileinfo .well_head1{
  margin-top: 184px;
  font-family: 'Grand Hotel', cursive;
}
.about_bg{
  display: none;
  background: none;
}
}
@media(max-width: 412px){
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
}
.about_bg{
  display: none;
  background: none;
}
}
@media (max-width: 375px){
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: -3px;
}
.block1{
  background: none;
}
.block2{
  background: none;
}
}