@import "dynamic.css";

html,
body {
    margin: 0;
    font-size: 100%;
    background: #fff;
    font-family: 'Open Sans', sans-serif;
	text-align:justify;
}

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;
}
.logo img{
	max-height:3.5em;
	margin-top:-.8em;
	
}
.logotext
{
    font-family:Georgia;
   
}
.logo{
	margin-top:.4em;
}
.logo h1 span {
    font-size: .9em;
    color:#fff;
    font-weight: 500;
	display:inline-block;
	/*letter-spacing:-.5px;*/
	font-family:Georgia;
	text-shadow: 1px 1px 2px black, 0 0 1em #394692, 0 0 0.2em #207bc3;
	/*text-shadow: 1px 1px 2px black, 0 0 1em #F44336, 0 0 0.2em #FF5722;*/
	/*font-family: 'Roboto Condensed', sans-serif;*/
}
.navbar-brand {
    color: #ffae00;
    height:auto;
}
.logotext
{
    font-family:Georgia;
   
}
.logo p{
	padding-top:.5em;
}

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: 'Raleway', sans-serif;
}

p {
    margin: 0;
    letter-spacing: 1px;
	/*text-align: justify;*/
    font-size: 15px;
    line-height: 1.9;
    color: #666;
    font-family: 'Open Sans', sans-serif;
}

.work-info p
{
    text-align:justify;
    text-align:revert;
}

ul {
    margin: 0;
    padding: 0;
}

label {
    margin: 0;
}
.liststyle{
	color:#666;
	list-style-position:inside;
	line-height:2em;
}

/*-- header --*/

.header-top {
    /*background: #084386;*/
    background: #FD5D5D;
	/*background: #033a6f; 084386*/
	/*background: url(../images/slides11.jpg)no-repeat center top;
	background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;*/
    padding: 8px 0;
}

.bottom_header_left {
    float: left;
    margin: .3em 0 0;
}

.bottom_header_left p {
    font-size: 14px;
    color: #fff;
    line-height: 1.2;
}

.bottom_header_left p span {
    padding-right: 1em;
    color: #fff;
}

.indicate a {
    color: #FFFFFF;
    text-decoration: none;
}
.black_round {
    background-color: #ff9800;
    width: 22.5px;
    height: 20px;
    border-radius: 50%;
    padding: 3px;
}
/*-- social-icons --*/

.bottom_header_right {
    float: right;
    width: auto !important;
    text-align: right;
}

.bottom-social-icons {
   /* width: 50%;*/
    float: right;
    margin-top:.3em;
}

.bottom-social-icons a {
    display: inline-block;
}
.bottom-social-icons p{
	color:#FFFFFF;
	text-align:right;
}
.bottom-social-icons span {
    font-size: 15px;
    padding: 8px 10px;
    color: #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;
}

.bottom-social-icons span:hover {
    color: #000;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
}


/*-- //social-icons --*/

.header-top-righ {
    float: right;
    width: 39%;
    margin-top: 4px;
}

.header-top-righ a {
    color: #fff;
    font-size: 16px;
}

.header-top-righ a span {
    margin-right: 5px;
}



/*--header--*/

.header {
    /*padding: 10px 0;*/
}
.navbar-brand1
{
    display:none;
    float:left;
}
.navbar-nav {
    float: right;
    margin: 0;
   /* width: 100%;*/
 
   }

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0!important;
    border: 1px solid transparent;
    border-radius:0 !important;
}

.navbar-default {
    background-color: #1668ef;
    border-color: #1668ef;
}


/*-- logo --*/

.navbar-brand {
    float: left;
    padding: 0;
}

.navbar-default a.navbar-brand h1 {
    color: #282828;
    font-weight: 600;
    font-style: italic;
    letter-spacing: 1px;
    font-size: 33px;
}

.navbar-default a.navbar-brand h1 span {
    color: #EF5861;
    margin-right: 5px;
}

.navbar-default .navbar-brand label {
    color: #1e3953;
    display: block;
    font-size: 10px;
    text-align: center;
    letter-spacing: 3px;
    font-weight: 600;
    margin-left: 15px;
}
.topright {
    max-height: 50px;
    display: inline-block;
}

/*-- //logo --*/

.navbar-default .navbar-nav>li>a {
    color: #fff;/*-- //282828 --*/
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
    padding: 14px 0;
}

.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: #ef5861;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background-color: transparent;
    color: #047df1;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #202020;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #1e3953;
}

.navbar-default .navbar-nav>.active>a:before {
    background: #1e3953;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
}

.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;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color:#EF5861;/*#047df1;*/
    background: none;
}

.navbar-nav>li {
    float: left;
    margin: 0;
	padding-left:2em;
    /*width: 14.5%;*/
    text-align: center;
}

.navbar-default .navbar-toggle {
    border-color: #ffffff;
}

.main-content {
    padding: 3em 0;
}

.dropdown-menu {
    min-width: 131px;
    text-align: center;
}

.dropdown:hover .dropdown-menu {
   display: block;
    margin-top: 0; 
 }
 
.dropdown-menu.columns-2 {
    min-width: 400px;
}

.dropdown-menu.columns-3 {
    min-width: 600px;
}

.dropdown-menu li a {
    padding: 7px 15px;
    font-weight: 300;
}
.dropdown-menu li a:hover
{
    background:#ef5861;
    color:#fff;
}    

.footercopy-social .dropdown-menu li a:hover,
.footercopy-social .dropdown-menu>.active>a,
.footercopy-social .dropdown-menu>.active>a:hover,
.footercopy-social .dropdown-menu>.active>a:focus
{
    background:#FF9900;
    color:#fff;
}  


.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #EF5861;
    background-color: #fff;
}

.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) 
{
    .bottom-social-icons {
  
    margin-top:-.3em;
}
.welcome-sub-wthree h3
{
    font-size:20px;
}
    .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;
    }
}


/* //navigation */


/*-- banner --*/

.carousel .item {
    background: url(../images/1.jpg) no-repeat bottom right;
    background-size: cover !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}

.carousel .item.item2 {
    background: url(../images/2.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}

.carousel .item.item3 {
    background: url(../images/3.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}

.carousel .item.item4 {
    background: url(../images/4.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}

.carousel .item.item5 {
    background: url(../images/5.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}

.carousel-caption h3 {
    font-size: 55px;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 12px 0 20px;
}

.carousel-caption h2 span,
.carousel-caption h3 span {
    color: #ef5861;
}

.carousel-caption {
    text-shadow: none;
}

.carousel-caption p {
    letter-spacing: 3px;
    font-size: 13px;
    font-weight: 300;
    color: #fff;
}

.carousel-indicators {
    bottom: 20%;
    left: 22%;
}

.carousel-caption {
    position: inherit;
    min-height: 676px;
    padding: 15em 0 0;
    text-align: left;
}

.carousel-caption h6 {
    font-size: 16px;
    letter-spacing: 2px;
}

.carousel-control {
    //line-height: 31em;
}

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


/*-- //banner --*/


/*-- about --*/

h3.tittle {
    color: #000;
    font-size: 3em;
    text-align: center;
    margin-bottom: 16px;
}

h3.tittle span {
    color: #ef5861;
}

.tittle-style {
    position: relative;
}

.tittle-style:before {
    content: "";
    background: #000;
    width: 7%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 46%;
}

.tittle-style:after {
    content: "";
    background: #ef5861;
    width: 3%;
    height: 5px;
    position: absolute;
    top: -2px;
    left: 48%;
    border-radius: 6px;
}

.title-div {
    margin-bottom: 70px;
}

h3.tittle1 {
    color: #262c38;
    font-size: 2em;
	text-align:center;
    letter-spacing: 1px;
    margin-bottom: 20px;
    font-weight: 600;
}

h3.tittle1 span {
    color: #1e3953;
}

.banner-bottom-w3l,
.contact {
    padding: 5em 0 0;
}

.banner_bottom_left h4 {
    font-size: 1.85em;
    color: #262c38;
    letter-spacing: 1px;
    margin-bottom: 20px;
    font-weight: 600;
}

.banner_bottom_left {
    padding-right: 1.5em;
}

.banner_bottom_left p {
    color: #444;
    line-height: 2em;
    margin-bottom: 1em;
}

.banner_bottom_left p:nth-child(1) {
    margin-bottom: 0;
    border-top: 2px solid #ef5861;
    padding-top: 13px;
    
}


/*-- //about --*/


/*-- stats --*/

.stats-info-agile img{
   /* background: url(../images/4.jpg) no-repeat center;
    border: 5px groove cornflowerblue;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    text-align: center;
 */

   border:4px groove #67c9f5; 
width:99%;  
min-height: 420px;   
-webkit-box-shadow: 0px 3px 5px 0px rgba(10, 10, 10, 0.47);
 -moz-box-shadow: 0px 3px 5px 0px rgba(10, 10, 10, 0.47); 
box-shadow: 0px 3px 5px 0px rgba(10, 10, 10, 0.47);
}

.stats-grid {
    padding: 2em 0;
}

.numscroller {
    font-size: 2.5em;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
}

.stats-info-agile p {
    color: #fff;
    font-size: 1em;
}

.stat-border {
    position: relative;
}

.stat-border:before {
    position: absolute;
    top: 0%;
    width: .5%;
    height: 149px;
    background: rgba(255, 255, 255, 0.51);
    content: "";
    left: 97%;
}

.child-stat {
    border-top: 2px solid rgba(255, 255, 255, 0.51);
}


/*-- //stats --*/


/*-- services --*/

.services,
.news,
.testimonials,
.middle-sec-agile,
.aitsresumethree,
.about-sec,
.team,
.blog-cource,
.register-form-main,
.gallery,
.w3_wthree_agileits_icons,
.typo {
    padding: 6em 0;
}

.services {
	background:#0279b5;
    /*background: url(../images/slides11.jpg)no-repeat center top;
	background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;*/
    text-align: center;
    margin-top: -2em;
}

.services h3.tittle {
    text-align: left;
}

.services h3.tittle span {
    color: #fff;
}

.services .tittle-style:after {
    left: 9%;
    background: #1e3953;
}

.services .tittle-style:before {
    left: 7%;
    background: #fff;
}

.services-grids-w3l span {
    font-size: 40px;
    color: #ef5861;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    transition: .5s all;
    background: #fff;
    padding: 12px 24px;
    cursor: pointer;
}

.services-grids-w3l h4 {
    color: #fff;
    font-size: 20px;
    margin: 20px 0 10px;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    transition: .5s all;
    letter-spacing: 1px;
    font-weight: 600;
}

.services-grids-w3l p {
    padding: 0 2em;
    color: #dedede;
    font-size: 14px;
    text-align: center !important;
}

.services-grids-w3l:hover span {
    color: #000;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.services h3.agileits-title span {
    border-left-color: #fff;
}

.services-grids-w3l:hover h4 {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.servi-shadow {
	min-height:15em;
    border: 2px solid #fff;
    padding: 2.5em 0;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.75);
}

.services-moksrow:nth-child(3) {
    margin-top: 2em;
}
/*-- //services --*/



/*staff style*/
.staff-grids
{
     margin-top:4em;
}
.staff-w3l {
    padding: 5em 0;
    background: #eee;
}
.staff-right h4 {
    font-size: 2em;
    color: #05222A;
}
.staff-right ul li {
    list-style: none;
    line-height: 2.5em;
    font-size: 1em;
    color: #777;
}
.staff-left {
    float: left;
    width: 30%;
}
.staff-right {
    float: left;
    width: 70%;
    background: #fff;
    padding: 2em 2em .8em;
}
.staff-right ul {
    margin: 1em 0;
}



.staff2-right
{
    float: left;
    width: 100%;
    background: #fff;
    padding: 2em 2em .8em;
}
.staff2-right h4 {
    font-size: 2em;
    color: #05222A;
}
.staff2-right ul {
    margin: 1em 0;
}
.staff2-right ul li {
    list-style: none;
    line-height: 2.5em;
    font-size: 1em;
    color: #777;
}
.staff-right
{
    text-align:left;
}
.staff1-right h4 {
    font-size: 2em;
    color: #05222A;
}
.staff1-right ul li {
    list-style: none;
    line-height: 2.5em;
    font-size: 1em;
    color: #777;
}
.staff1-left {
    float: left;
}
.staff1-left img {
    float: left;
    height:220px;
}
.staff1-right {
    float: left;
    height:220px;
    background: #fff;
    padding: 2em 2em .8em;
}
.staff1-right ul {
    margin: 1em 0;
}

/*-- news --*/

.news-left-img {
    background: url(../images/s1.jpg) no-repeat 0px 0px;
    background-size: cover;
    min-height: 400px;
}

.news-left-text h5 {
    color: #FFFFFF;
    font-size: 22px;
    letter-spacing: 1px;
}

.news-left-text {
    background: rgba(0, 0, 0, 0.48);
    padding: 15px 0;
    margin: 0 3em;
    text-align: center;
}

.color-event1 {
    background: #FC9928;
}

.color-event2 {
    background: #2da0ff;
}

.color-event3 {
    background: #E91E63;
}

.color-event4 {
    background: #12e8b4;
}

.text-color1 a {
    color: #FC9928;
}

.text-color2 a {
    color: #2da0ff;
}

.text-color3 a {
    color: #E91E63;
}

.text-color4 a {
    color: #12e8b4;
}

.date-grid {
    margin: 10px 0 15px;
}

.admin a {
    color: #212121;
    font-size: .9em;
    margin: 0;
    text-decoration: none;
}

.time {
    margin-top: 6px;
}

.time p {
    color: #383838;
    font-size: .875em;
    margin: 0;
}

.news-left-top-text a {
    text-decoration: none;
    font-size: 18px;
}

.news-left-top-text a:hover {
    color: #000000;
}

.news-grid-info-bottom-w3ls-text p {
    font-size: .9em;
}

.news-left-img1 {
    background: url(../images/s2.jpg) no-repeat 0px 0px !important;
    background-size: cover!important;
}

.yaallahaa-news-grid:nth-child(2) {
    margin: 2em 0 0 0;
}

.news-left-img2 {
    background: url(../images/s2.jpg) no-repeat 0px 0px !important;
    background-size: cover!important;
}

.news-left-img3 {
    background: url(../images/s3.jpg) no-repeat 0px 0px !important;
    background-size: cover!important;
}

.news-left-top-text a:focus {
    outline: none;
}


/*-- model --*/

.model-img-info img {
    width: 100%;
}

.modal-header h4 {
    font-size: 1.5em;
    color: #212121;
    text-decoration: none;
    letter-spacing: 2px;
    padding: 0;
    text-align: center;
}


.modal-body p {
    margin: 1em 0 0 0;
}


/*-- //model --*/


/*-- //news --*/


/*-- Testimonials --*/

.three_testimonials_grid_main {
    margin: 0 auto;
    padding: 0;
    width: 80%;
    background: #EDEDED;
    padding: 3em 0;
    cursor: pointer;
}

.three_testimonials_grid1 h5 {
    font-size: 24px;
    color: #ef5861;
    letter-spacing: 1px;
}

.three_testimonials_grid1 p {
    color: #337ab7;
    line-height: 1.5em;
}

.three_testimonials_grid p {
    margin-top: 10px;
}

.three_testimonials_grid {
    padding-right: 6em;
}


/*--flexisel--*/

.flex-slider {
    background: #222227;
    padding: 70px 0 165px 0;
}

.opportunity {
    background: #28282e;
    margin: 0px 20px;
    padding: 80px 0;
    position: relative;
}

#flexiselDemo1 {
    display: none;
}

.nbs-flexisel-container {
    position: relative;
    max-width: 100%;
}

.nbs-flexisel-ul {
    position: relative;
    width: 9999px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.nbs-flexisel-inner {
    overflow: hidden;
    margin: 0px auto;
}

.nbs-flexisel-item {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    line-height: 0px;
}

.nbs-flexisel-item>img {
    cursor: pointer;
    position: relative;
}


/*---- Nav ---*/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 50px;
    height: 50px;
    position: absolute;
    cursor: pointer;
    z-index: 100;
    top: 46% !important;
}

.nbs-flexisel-nav-left {
    left: 0;
    background: url(../images/right.png) no-repeat 10px 11px #1e3953;
}

.nbs-flexisel-nav-right {
    right: 0;
    background: url(../images/left.png) no-repeat 14px 12px #1e3953;
}


/*--//flexisel--*/


/*-- //Testimonials --*/




.middle-sec-agile {
    background: url(../images/bg4.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    position: relative;
}

.pencil-img {
    position: absolute;
    right: 10%;
    bottom: 0;
}

.middle-sec-agile h4 {
    color: #fff;
    font-size: 40px;
    letter-spacing: 1px;
    margin-bottom: 1em;
}

.middle-sec-agile h4 span {
    color: #ef5861;
    text-align:left !important;
}

.middle-sec-agile h4 {
       text-align:left !important;
}
.middle-sec-agile ul li {
    list-style: none;
}

.middle-sec-agile ul li:nth-child(2) {
    margin: 2em 0;
}

.midle-left-w3l {
    float: left;
    width: 4%;
}

.middle-right {
    float: left;
}

.midle-left-w3l span {
    color: #ef5861;
    font-size: 26px;
}

.middle-right h5 {
    color: #fff;
    font-size: 22px;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 7px;
}

.middle-right p {
    color: #d8d8d8;
}

a.button-style {
    color: #fff;
    background: #1e3953;
    border: none;
    padding: 10px 31px;
    letter-spacing: 1px;
    margin-top: 5em;
    display: inline-block;
    text-decoration: none;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
}


.testimonials a.button-style {
  
    margin-top: 1.5em;
   
}

a.button-style:hover {
    background: #ef5861;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
}


/* //middle section */


/*-- footer --*/

.mkl_footer 
{
    /*background: #1668ef;*/
    background: url(./images/bg.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    /*text-align: center;*/
}

.sub-footer {
    padding: 4em 0 0 0;
}

.mkls_footer_grid_left h4 {
    font-size: 24px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 20px;
}

.mkls_footer_grid_left p {
    color: #e0e0e0;
}

.mkls_footer_grid_left p a {
    text-decoration: none;
    color: #e0e0e0;
}

.mkls_footer_grid_left p a:hover {
    text-decoration: none;
    color: #fff;
}

.botttom-nav-allah {
    margin: 35px 0 45px;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    padding: 10px 0;
}

.botttom-nav-allah ul {
    text-align: center;
}

.botttom-nav-allah ul li {
    list-style: none;
    display: inline-block;
    margin: 10px 20px;
}

.botttom-nav-allah ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    letter-spacing: 2px;
}

.botttom-nav-allah ul li a:hover {
    color: #ef5861;
}

.footer-middle-thanks h2 {
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 600;
    font-style: italic;
}


/*--copy-right--*/

.footer-copy-right 
{
    background:#084386;
    /*padding: 1em 0;
    background: rgba(0, 0, 0, 0.72);*/
}

.footer-copy-right p {
    padding: 1em 0;
    text-align: center;
    color: #fff;
    margin: 0;
    letter-spacing: 2px;
    font-size: 14px;
    margin-top:.5em;
}

.footer-copy-right p a {
    text-decoration: none;
    color: #EA3621;
}

.footer-copy-right p a:hover {
    text-decoration: none;
    color: #0099e5;
}

.footercopy-social {
    float: none;
   /* display:inline-block;*/
 
}
#footerSocial{    margin-top:-1.5em;    }
.ashtikcopy
{
    float:right;
    display:inline-block;
   
}
.ashtikcopy p{ text-align:center    }

.footercopy-social ul {
    padding: 0;
    margin: 0;
    margin-top: 8px;
}


.footercopy-social .dropdown-menu
{
    left:-5em;
    width:120px;
}
.footercopy-social .dropdown-menu li
{
    width:100%;
}

.footercopy-social ul li {
    display: inline-block;
}

.footercopy-social ul li a {
    color: #333;
    text-align: center;
}

.footercopy-social ul li a span.fa.fa-facebook {
    background: #384bb5;
        font-size: 1.5em;
    line-height: 1.8em;
}

.footercopy-social ul li a span.fa.fa-facebook:hover {
    opacity: 0.8;
}

.footercopy-social ul li a span.fa.fa-twitter {
    background: #1da1f2;
}

.footercopy-social ul li a span.fa.fa-twitter:hover {
    opacity: 0.8;
}

.footercopy-social ul li a span.fa.fa-linkedin {
    background: #f26522;
}

.footercopy-social ul li a span.fa.fa-linkedin:hover {
    opacity: 0.8;
}

.footercopy-social ul li a span.fa.fa-vk {
    background: #45668e;
}
.footercopy-social ul li a span{
    height: 37px;
    width: 37px;
    line-height: 35px;
    color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.footercopy-social ul li a span:hover {
    opacity: 0.5;
}

.footercopy-social ul li:nth-child(1) img {
    padding: .25em;
}
.footercopy-social ul li:nth-child(2) {
    margin: 0 .5em;
}

.footercopy-social ul li:nth-child(3) {
    margin: 0;
}

.allah-copy {
    float: left;
    display:inline-block;
}

/*.footercopy-social {
    float: right;
}


--//copy-right--*/


/*--//footer--*/


/* about section */


/*-- /inner_page --*/

.inner_page_agile {
    text-align: center;
      background: url(../images/banner4.jpg) no-repeat top left;
   /* background: url(../images/5.jpg) no-repeat bottom right;*/
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 320px;
}


/* small nav section */

.services-breadcrumb {
    width: 100%;
    border: none;
    padding: 1em 0;
    background: #eee;
}

.services-breadcrumb ul li span {
    padding: 0 1em;
}

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: #EF5861;
    text-decoration: none;
}


/* small nav section */


/* about section */

.about_bottom_left h4 {
    font-size: 2em;
    color: #262c38;
    letter-spacing: 1px;
    margin-bottom: 20px;
    font-weight: 600;
    text-align: left;
}

.about_bottom_left h4 span {
    color: #1e3953;
}

.about_bottom_left p {
    color: #666;
    line-height: 2em;
    margin-bottom: 1em;
}

.about_bottom_left p:nth-child(3) {
    margin-bottom: 0;
}

.banner_bottom_left h4 span {
    color: #1e3953;
}

.about2-info {
    text-align: center;
}


/*-- achievements --*/

li.aitsaitsresumewthreeli-1 {
    list-style: none;
}

.aitsresumethree {
    position: relative;
    background: #F9F9F6;
}

.aitsresumethree h4.title {
    width: 15%;
}

.aitsresumethree h4.title2 {
    width: 14%;
    font-size: 1.6em;
    color: #000;
}

.work-left {
    text-align: right;
    padding: 1em 13px 0 0;
}

.work-right {
    border-left: 1px solid #999;
    padding: 1em 0 2em 13px;
    text-align: left;
}

.work-info h4 {
    font-size: 1.2em;
    background: #1e3953;
    display: inline-block;
    padding: 12px 30px;
    color: #fff;
    position: relative;
    
}

.work-info h4:before {
    width: 0;
    height: 0;
    position: absolute;
    content: '';
    top: 12px;
    right: -14px;
    border-style: solid;
    border-width: 10px 0 10px 16px;
    border-color: transparent transparent transparent #1e3953;
}

.work-info h5 {
    font-size: 23px;
    margin-bottom: 15px;
    display: inline-block;
    padding: 10px 0;
    letter-spacing: 1px;
    font-weight: 600;
}

.work-right.work-right2 {
    min-height: 160px;
    float: right;
}



.work-right.work-right2 h4:before {
    left: -14px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}


/*-- achievements --*/


/*-- about-team --*/

.thumbnail.team-agileits {
    border: none;
    text-align: center;
    border-radius: 0;
    margin: 0;
    padding: 0 0 2em 0;
}

.team .effectd-caption {
	/*min-height: 10em;*/
    padding: 20px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 4px #ccc;
    -moz-box-shadow: 0px 2px 4px #ccc;
    box-shadow: 0px 0px 8px 4px #67c9f5;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    transition: .5s all;
    background-color:#EDEDED;
}

.effectd-caption:hover{
	 box-shadow: 0px 0px 8px 8px #67c9f5;
} 


.team .effectd-caption2 {
	min-height: 10em;
    padding: 20px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 3px #ccc;
    -moz-box-shadow: 0px 2px 3px #ccc;
    box-shadow: 0px 0px 5px 2px #8a6d3b;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    transition: .5s all;
}

.team h4 {
    color: #1e3953;
    font-size: 1.2em;
    cursor: pointer;
}

.effectd-caption p {
    margin: 4px 0 9px;
}

.social-lsicon a {
    color: #000;
    padding: 0 7px;
    font-size: 100%;
    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-lsicon a:hover {
    color: #ef5861;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}


/*-- //about-team --*/


/* about page */


/* courses page */

.blog-grid-text {
    padding: 0 3em;
    margin-top: 2.5em;
}

.blog-grid-text h4 {
    color: #ef5861;
    font-size: 30px;
    /*text-transform: uppercase;*/
    letter-spacing: 1px;
    text-align:left
}

.blog-grid-text h6 {
    font-size: 18px;
    color: #444;
    letter-spacing: 1px;
    margin: 20px 0;
}

.blog-grid-img img {
    border-radius: 50%;
     -webkit-transition: .5s all;
    -moz-transition: .5s all;
    transition: .5s all;
    cursor:pointer;
}


.blog-grid-img img:hover {
      -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
   /* border:2px groove #0099FF;*/
}



/* //courses page */


/* join page */

.register-form {
    margin: 0 auto;
    width: 63%;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    padding: 40px;
}

.register-form input[type="text"],
.register-form input[type="email"],
select.category2 {
    font-size: 16px;
    color: #5a5656;
    padding: 12px;
    border: 0;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.45);
    background: none;
    outline: none;
    margin-bottom: 18px;
}

label.header {
    color: #000;
    font-size: 18px;
    margin: 9px 0px 15px;
    letter-spacing: 1px;
    font-weight: 600;
    padding-left: 10px;
}

.register-form input[type="submit"] {
    outline: none;
    color: #FFF;
    background: #1e3953;
    color: #fff;
    border: none;
    padding: 11px 40px;
    margin: 1em 0 0 0;
    cursor: pointer;
    font-size: 17px;
    letter-spacing: 1px;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
}

.register-form input[type="submit"]:hover {
    background: #ef5861;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
}


/*--placeholder-color--*/

.register-form input::-webkit-input-placeholder {
    color: #5a5656;
}

.register-form input:-moz-placeholder {
    /* Firefox 18- */
    color: #5a5656;
}

.register-form input::-moz-placeholder {
    /* Firefox 19+ */
    color: #5a5656;
}

.register-form input:-ms-input-placeholder {
    color: #5a5656;
}


/*--//placeholder-color--*/


/* //join page */


/*-- gallery --*/

.agile-figcaption {
    background: #084386;
    text-align: center;
    padding: 12px 0;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    transition: .5s all;
    margin-bottom: 26px;
}

.agile-figcaption:hover {
    background: #1668ef;;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    transition: .5s all;
}

[class^='imghvr-']>img,
[class*=' imghvr-']>img {
    width: 100%;
    display: block;
    height: 200px;
    border:4px groove #67c9f5; 
    margin:.3em;
}

.agile-figcaption h4 {
    font-size: 22px;
    margin-bottom: .3em;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
}


/*-- //gallery --*/


/*-- contact --*/

.contact-grid {
    padding: 3em 0 5em;
    width: 60%;
}

.contact-text1 {
    padding-right: .3em;
}

.contact-text1 h4 {
    color: #000;
    font-size: 30px;
    margin-bottom: 18px;
    letter-spacing: 1px;
}

.contact-text1 h4 span {
    color: #1e3953;
}

.contact-text1 p {
    border-bottom: 2px solid #ef5861;
    padding-bottom: 25px;
}

.contact-w3lsright iframe {
    width: 93%;
    min-height: 550px;
    border: none;
}

.contact-lsleft {
    background: url(../images/bg7.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    margin-top: -10em;
    margin-bottom: 5em;
}

.address-grid {
    margin-top: -7em;
    display:inline-block;
}

.address-grid ul {
    padding: 0;
    margin: 2em 0 0 0;
}

.address-grid ul li {
    display: block;
    color: #fff;
    font-size: 16px;
    margin-bottom: 24px;
    letter-spacing: 1px;
}



.address-grid1 ul {
    padding: 0;
    margin: 2em 0 0 0;
}

.address-grid1 ul li {
    display: block;
    color: #555;
    font-size: 16px;
    margin-bottom: 24px;
    letter-spacing: 1px;
}
.w3_address1 span {
    margin-left: -1.35em;
    color:#555;
}



.w3_address span {
    margin-right: 1em;
    font-size: 18px;
    color: #fff;
}

.address-grid ul li a {
    color: #fff;
    text-decoration: none;
}

.contact-grid h4,
.address-grid h4 {
    font-size: 30px;
    color: #fff;
    margin-bottom: 1em;
    letter-spacing: 1px;
    font-weight: 600;
}

.contact-lsleft input[type="text"],
.contact-lsleft input[type="email"],
.contact-lsleft input[type="number"],
.contact-lsleft textarea {
    width: 100%;
    color: #fff;
    background: transparent;
    outline: none;
    letter-spacing: 1px;
    font-size: 100%;
    padding: 12px;
    margin-bottom: 23px;
    border: solid 1px #fff;
    -webkit-appearance: none;
    -webkit-box-shadow: 0 0 18px 0px rgba(54, 55, 55, 0.54);
    -moz-box-shadow: 0 0 18px 0px rgba(54, 55, 55, 0.54);
    box-shadow: 0 0 7px 0px rgba(252, 252, 252, 0.54);
}

.contact-lsleft textarea {
    resize: none;
    min-height: 13.5em;
}

.contact-lsleft input[type="submit"] {
    outline: none;
    color: #000;
    padding: 10px 30px;
    font-size: 16px;
    letter-spacing: 1px;
    background: #fff;
    border: solid 1px #fff;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.contact-lsleft input[type="submit"]:hover {
    background: none;
    color: #fff;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}


/*--placeholder-color--*/

.contact-lsleft ::-webkit-input-placeholder {
    color: #d8d8d8;
}

.contact-lsleft :-moz-placeholder {
    /* Firefox 18- */
    color: #d8d8d8;
}

.contact-lsleft ::-moz-placeholder {
    /* Firefox 19+ */
    color: #d8d8d8;
}

.contact-lsleft :-ms-input-placeholder {
    color: #d8d8d8;
}


/*--//placeholder-color--*/


/*-- //contact --*/


/* login */

.login-form input[type="text"],
.login-form input[type="password"],
.login-form input[type="email"] {
    outline: none;
    font-size: 100%;
    color: #000;
    padding: 12px;
    margin-bottom: 20px;
    width: 100%;
    border: 1px solid #000;
    -webkit-appearance: none;
    display: block;
    background: transparent;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}

.login-form p {
    font-size: 100%;
    color: #000;
    margin-bottom: 10px;
    letter-spacing: 1px;
}


/*-- checkbox --*/

.anim {
    font-size: 100%;
    color: #000;
    cursor: pointer;
    position: relative;
    margin: 10px 0 25px;
    display: inline-block;
    letter-spacing: 1px;
    font-weight: normal;
}

input.checkbox {
    background: #1e3953;
    cursor: pointer;
}

input.checkbox:before {
    content: "";
    position: absolute;
    width: 1em;
    height: 1em;
    background: inherit;
}

input.checkbox:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 1;
    width: 1em;
    height: 1em;
    border: 1px solid #fff;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    -o-transition: .4s all;
    -ms-transition: .4s all;
    transition: .4s all;
}

input.checkbox:checked:after {
    transform: rotate(-45deg);
    height: .5rem;
    border-color: #fff;
    border-top-color: transparent;
    border-right-color: transparent;
}

.radio,
.checkbox {
    display: inline-block;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 0;
}

@keyframes rippling {
    50% {
        border-left-color: #000;
    }
    100% {
        border-bottom-color: #000;
        border-left-color: #000;
    }
}

.login-form {
    width: 60%;
    margin: 0 auto;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    padding: 50px;
}


/*-- //checkbox --*/

.login-form input[type="submit"] {
    font-size: 16px;
    color: #fff;
    background: #ef5861;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 13px 0;
    -webkit-appearance: none;
    width: 100%;
    letter-spacing: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.login-form input[type="submit"]:hover {
    background: #000;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.login-agileits-bottom {
    margin: 1em 0;
    text-align: center;
    float: right;
}

.login-agileits-bottom h6 {
    font-size: 100%;
    letter-spacing: 1px;
}

.login-agileits-bottom h6 a {
    color: #000;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
}

.login-agileits-bottom h6 a:hover {
    color: #ef5861;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
}

.register-forming p {
    margin: 28px 0 0;
    text-align: center;
}

.register-forming p a {
    color: #1e3953;
    border-bottom: 1px dotted #1e3953;
    font-weight: 600;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
}

.register-forming p a:hover {
    color: #ef5861;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
}


/*-- icons --*/

.codes a {
    color: #999;
}

.icon-box {
    padding: 8px 15px;
    background: rgba(149, 149, 149, 0.18);
    margin: 1em 0 1em 0;
    border: 5px solid #ffffff;
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
    cursor: pointer;
}

.icon-box:hover {
    background: #000;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
}

.icon-box:hover i.fa {
    color: #fff !important;
}

.icon-box:hover a.agile-icon {
    color: #fff !important;
}

.codes .bs-glyphicons li {
    float: left;
    width: 12.5%;
    height: 115px;
    padding: 10px;
    line-height: 1.4;
    text-align: center;
    font-size: 12px;
    list-style-type: none;
}

.codes .bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
}

.codes .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;
}

.codes .bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
}

h3.icon-subheading {
    font-size: 28px;
    color: #1e3953 !important;
    margin: 30px 0 15px;
    font-weight: 600;
    letter-spacing: 2px;
}

h3.agileits-icons-title {
    text-align: center;
    font-size: 33px;
    color: #222222;
    font-weight: 600;
    letter-spacing: 2px;
}

.icons a {
    color: #999;
}

.icon-box i {
    margin-right: 10px !important;
    font-size: 20px !important;
    color: #282a2b !important;
}

.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%;
}

.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:991px) {
    h3.agileits-icons-title {
        font-size: 28px;
    }
    h3.icon-subheading {
        font-size: 22px;
    }
    .about-grids{
    margin-top:3em;
}
.staff-grids
{
    margin-top: 3em;
}
.about-grid h4 {
    font-size: 1.7em;
    text-align:left;
}
.staff-right h4
{
    font-size: 1.7em;
}
.staff-left {
    float: left;
    width: 37%;
}
.staff-right {
    float: left;
    width: 63%;
    padding: 1.1em 3em 1.3em;
}
.staff1-left
{
    padding-left:5.5em;
}
.staff-grid:nth-child(2) {
    margin-top: 3em;
}
}

@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;
    }
    .staff-right {
        padding: 1.5em 3em .2em;
    }
    
    .footercopy-social .dropdown-menu
{
    left:-6.75em;
    width:110px;
}
}

@media (max-width: 640px) {
    .icon-box {
        float: left;
        width: 50%;
    }
    .staff-w3l
    {
        padding: 3em 0;
    }
    .staff-right h4
    {
        font-size: 1.6em;
    }
    .staff1-left
    {
        padding-left:1px;
    }

}

@media (max-width: 480px) {
    .bs-glyphicons li {
        width: 31%;
    }
    
    .three_testimonials_grid1 p 
    {
        text-align: center
    }
    .staff-right ul li {
        font-size: 0.96em;
    }

}

@media (max-width: 414px) {
    h3.agileits-icons-title {
        font-size: 23px;
    }
    h3.icon-subheading {
        font-size: 18px;
    }
    .bs-glyphicons li {
        width: 31.33%;
    }
    .about-grids{
    margin-top:2em;
    }
    .staff-grids
    {
        margin-top: 2em;
    }
    .staff-left {
    width: 100%;
    }
    .staff-right {
        width: 100%	
    }
    .staff-left img {
        margin: 0 auto;
    }


    .staff1-left {
        width: 100%;
        height:auto
    }
    .staff1-right {
        width: 100%;
        height:auto;
    }
    .staff1-left img {
        width: 100%;
    }

}

@media (max-width: 384px) {
    .icon-box {
        float: none;
        width: 100%;
    }
    .staff-right h4
    {
        font-size: 1.5em;
    }
}


/*-- //icons --*/


/*-- Codes --*/

.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: #999;
    font-size: 0.85em;
    margin-bottom: 1em;
    font-weight: 300;
}

.grid_4 {
    background: none;
}

.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: #1e3953;
    font-weight: 600;
    font-size: 30px;
    letter-spacing: 2px;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    border-top: none !important;
}

.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: #22cdf3;
}

.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-container .tab-content {
    border-radius: 0 2px 2px 2px;
    border: 1px solid #e0e0e0;
    padding: 16px;
    background-color: #ffffff;
}

.table td,
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  /*  padding: 15px!important;*/
  vertical-align:middle !important;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    font-size: 1em;
    color: #666;
    border-top: none !important;
}

.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:768px) {
    .grid_5 {
        padding: 0 0 1em;
    }
    .grid_3 {
        margin-bottom: 0em;
    }
}

@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;
    }
    .progress {
        height: 10px;
        margin-bottom: 10px;
    }
    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;
    }
}

@media (max-width:480px) {
   
   .table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    font-size: .9em;
   
}
  /*  .navbar-brand1
{
    display:block;
    float:left;
}
    */
    .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.ashtik {
        margin-top: 25px;
    }
    
    .work-right h4, .work-right2 h4 {
        float: right !important;
}
}

@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;
    }
}

h3.title-w3l.w3l-2:before {
    right: 25%;
}


/*-- //Codes --*/


/*-- to-top --*/

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 24px;
    right: 1%;
    overflow: hidden;
    z-index: 999;
    width: 64px;
    height: 64px;
    border: none;
    text-indent: 100%;
    background: url("../images/arrow.png") no-repeat 0px 0px;
}

#toTopHover {
    width: 64px;
    height: 64px;
    display: block;
    overflow: hidden;
    float: right;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}


/*-- //to-top --*/


/*--responsive--*/

@media(max-width: 1680px) {
    .carousel-indicators {
        left: 18%;
    }
}

@media(max-width: 1600px) {
    .carousel-indicators {
        left: 16%;
    }
}

@media(max-width: 1440px) {
    .carousel-indicators {
        left: 13%;
    }
	.block 
    {width: 48%;
     margin-right:1%;
    }
    .services {
	    margin-top: -5em;
}
}

@media(max-width: 1366px) {
    .carousel-caption {
        min-height: 630px;
        padding: 13em 0 0;
    }
    .carousel-caption h3 {
        font-size: 48px;
    }
    .carousel-control {
        //line-height: 27em;
        width: 10%;
    }
    .carousel-indicators {
        left: 11%;
    }
    .inner_page_agile {
        min-height: 320px;
    }
}

@media(max-width: 1280px) {
    .carousel-caption {
        min-height: 600px;
        padding: 12em 0 0;
    }
    .carousel-control {
        //line-height: 25em;
        width: 5%;
    }
    .carousel-indicators {
        left: 8%;
    }
    .middle-right h5 {
        font-size: 21px;
    }
}
@media(max-width: 1200px) {
	.navbar-nav>li {
		padding-left:1.5em;
	}
	.bottom_header_right {
    	width: 25%;
	}
	    .services {
	    margin-top: -2.2em;
}
}


@media(max-width: 1080px) {
	.logo h1 span {
		font-size: .8em;
	}
	.bottom_header_right {
    	width: 25%;
	}
    .bottom-social-icons {
        width: 70%;
    }
    .header-top-righ {
        width: 30%;
    }
    .services,
    .news,
    .testimonials,
    .middle-sec-agile,
    .aitsresumethree,
    .about-sec,
    .team,
    .blog-cource,
    .register-form-main,
    .gallery,
    .w3_wthree_agileits_icons,
    .typo {
        padding: 4em 0;
    }
    .banner-bottom-w3l,
    .contact {
        padding: 4em 0 0;
    }
    .navbar-nav {
        width: 100%;
    }
    .carousel-caption {
        min-height: 530px;
        padding: 10em 0 0;
    }
    .carousel-caption h3 {
        font-size: 45px;
    }
    .carousel-caption h6 {
        font-size: 100%;
    }
    .carousel-caption p {
        font-size: 12px;
    }
    .carousel-indicators {
        left: 9%;
        bottom: 16%;
    }
    .stats-info-agile {
        min-height: 500px;
    }
    h3.tittle {
        font-size: 2.8em;
    }
    .services-grids-w3l p {
        padding: 0 1em;
    }
    .carousel-control {
        //line-height: 22em;
    }
    .news-grid-info-bottom-w3ls {
        padding-right: 0;
    }
    .news-grid-info-bottom-w3ls-text p {
        font-size: .85em;
    }
    .news-left-text {
        padding: 13px 0;
        margin: 0 2em;
    }
    .news-left-text h5 {
        font-size: 19px;
    }
    /*.news-left-img {
        min-height: 190px;
    }*/
    .middle-sec-agile h4 {
        font-size: 38px;
    }
    .middle-right h5 {
        font-size: 20px;
    }
    .three_testimonials_grid {
        padding-right: 2em;
    }
    .effectd-caption p {
        font-size: 14px;
    }
    .pencil-img img {
        width: 80%;
    }
    .pencil-img {
        right: 0%;
    }
    .blog-grid-text h4 {
        font-size: 28px;
    }
    .blog-grid-text h6 {
        font-size: 17px;
        margin: 15px 0;
    }
    .blog-grid-text {
        padding: 0 2em;
        margin-top: 1.5em;
    }
    .blog-agileinfo.blog-info-mdl {
        margin: 1.5em 0;
    }
    .register-form {
        width: 67%;
    }
    .staff-right ul li {
    font-size: 0.965em;
    }
    .staff-right {
     padding: 1em 1em 1em;
    }
}

@media(max-width: 1050px) {
    .contact-text1 {
        padding-right: 1em;
    }
    .contact-grid h4,
    .address-grid h4 {
        font-size: 28px;
    }
    .address-grid ul li {
        font-size: 100%;
    }
    .login-form {
        width: 64%;
        padding: 40px;
    }
}

@media(max-width: 1024px) {
    .carousel-caption h3 {
        font-size: 42px;
    }
    .carousel-caption {
        min-height: 500px;
        padding: 10em 0 0 2em;
    }
    .carousel-indicators {
        left: 10%;
        bottom: 10%;
    }
    .banner_bottom_left h4 {
        font-size: 1.9em;
    }
    .banner_bottom_left {
        padding-right: 2em;
    }
    .stats-info-agile {
        min-height: 400px;
    }
    .services {
        margin-top:-2em;
    }
    .services-grids-w3l span {
        font-size: 30px;
        padding: 12px 20px;
    }
    .inner_page_agile {
        min-height: 250px;
    }
    .inner_breadcrumb {
        width: 95%;
    }
}

@media(max-width: 991px) {
	.navbar-nav>li {
		padding-left:.8em;
	}
	.logo h1 span {
		font-size: .7em;
	}
	
    .bottom-social-icons {
        width: 75%;
    }
    .bottom_header_right {
        width: 25%;
    }
    .navbar-default a.navbar-brand h1 {
        letter-spacing: 0px;
        font-size: 28px;
    }
    .navbar-nav {
        width: 100%;
    }
    .navbar-default .navbar-nav>li>a {
        font-size: 13px;
    }
    div#bs-example-navbar-collapse-1 {
        padding: 0;
    }
    .navbar-default .navbar-brand label {
        font-size: 8px;
        letter-spacing: 2.8px;
        margin-left: 27px;
    }
    .carousel-caption {
        padding: 10em 0 0 0em;
    }
    .carousel-indicators {
        left: 16.5%;
    }
    .carousel-control {
        width: 11%;
    }
    .tittle-style:before {
        width: 10%;
        left: 45%;
    }
    .tittle-style:after {
        width: 4%;
    }
    .stats-info-agile {
        min-height: 500px;
        width: 100%;
        margin: 3em auto 0;
    }
    .banner_bottom_left {
        padding-right: 1em;
        width:100%;
    }
    .services {
        margin-top: -10em;
        /*padding-top: 10em;*/
    }
    .services-grids-w3l {
        padding-right: 0;
    }
    .services .tittle-style:before {
        left: 6%;
    }
    .services-grids-w3l h4 {
        font-size: 19px;
    }
    .yaallahaa-news-left:nth-child(2) {
        margin-top: 2em;
    }
    .news-left-text h5 {
        font-size: 20px;
    }
    .news-left-text {
        padding: 14px 0;
        margin: 0 5em;
    }
    .news-left-top-text a {
        font-size: 20px;
    }
    .news-left-img {
        min-height: 220px;
    }
    .news-grid-info-bottom-w3ls {
        margin: 18px 0;
    }
    .midle-left-w3l {
        width: 5%;
    }
    .midle-left-w3l span {
        font-size: 21px;
    }
    .middle-right h5 {
        font-size: 19px;
    }
    .three_testimonials_grid_main {
        width: 100%;
        padding: 2.5em 0;
    }
    .nbs-flexisel-nav-left {
        left: -87px;
    }
    .nbs-flexisel-nav-right {
        right: -87px;
    }
    .nbs-flexisel-nav-left,
    .nbs-flexisel-nav-right {
        top: 41% !important;
    }
    .mkls_footer_grid_left {
        padding: 0;
    }
    .mkls_footer_grid_left p {
        font-size: 14px;
    }
    .botttom-nav-allah ul li {
        margin: 10px 15px;
    }
    .footer-middle-thanks h2 {
        font-size: 26px;
    }
    .botttom-nav-allah {
        margin: 30px 0 35px;
        padding: 7px 0;
    }
    .footer-copy-right p {
        font-size: 13px;
    }
    .footercopy-social ul li a span {
        height: 25px;
        width: 25px;
        font-size: 14px;
        line-height: 25px;
    }
    .about2-info {
        margin-top: 2em;
    }
    p {
        font-size: 14px;
    }
    .work-info h5 {
        padding: 10px 0 0;
    }
    .thumbnail.team-agileits img {
        width: 100%;
    }
    .team-grids:nth-child(3),
    .team-grids:nth-child(4) {
        margin-top: 2em;
    }
    .blog-grid-text {
        padding: 0 1em;
        margin-top: .5em;
    }
    .blog-grid-text h4 {
        font-size: 25px;
    }
    .blog-grid-text h6 {
        font-size: 100%;
        margin: 13px 0;
    }
    .blog-agileinfo.blog-info-mdl {
        margin: 2em 0;
    }
    .register-form {
        width: 85%;
    }
    .w3gallery-grids {
        padding: 0 .5em;
    }
    .agile-figcaption h4 {
        font-size: 18px;
        margin-bottom: 0;
    }
    .agile-figcaption {
        margin-bottom: 15px;
    }
    .contact-w3lsright {
        text-align: center;
        margin-top: 3em;
    }
    .contact-w3lsright iframe {
        width: 80%;
        min-height: 550px;
    }
    .contact-lsleft {
        margin-top: -10em;
    }
    .address-grid {
        margin-top: 13em;
    }
    .contact-grid {
        padding: 2em 0 5em;
        width: 80%;
    }
    .contact-lsleft textarea {
        min-height: 12.5em;
    }
    .login-form {
        width: 80%;
    }
    .logo img{
		max-height:3.4em;
	}    
    
}

@media(max-width: 900px) 
{
    .logo img{
		max-height:2.9em;
	}    
	.topright {
    max-height: 40px;
    display: inline-block;
    }    
    .pencil-img img {
        width: 70%;
    }
    .nbs-flexisel-nav-right {
        right: -65px;
    }
    .nbs-flexisel-nav-left {
        left: -65px;
    }
    .address-grid ul li {
        font-size: 14px;
    }
    .carousel-indicators {
        left: 12.5%;
    }
   
}

@media(max-width: 800px) 
{
    .logo img{
		max-height:2.5em;
	}    
	.topright {
    max-height: 35px;
    display: inline-block;
    }
    .bottom_header_left p {
        font-size: 13px;
    }
    .bottom-social-icons span {
        font-size: 14px;
    }
    .header-top-righ a {
        font-size: 100%;
    }
    .inner_page_agile {
        min-height: 200px;
    }
    .carousel-caption {
        padding: 8em 0 0 2em;
        min-height: 430px;
    }
    .carousel-caption h3 {
        font-size: 38px;
        margin: 10px 0 19px;
    }
    .carousel-control {
        width: 8%;
        //line-height: 18.5em;
    }
    .banner-bottom-w3l,
    .contact {
        padding: 3em 0 0;
    }
    .title-div {
        margin-bottom: 60px;
    }
    .middle-sec-agile {
        padding: 4em 0 13em;
    }
    .pencil-img img {
        width: 60%;
    }
    .news,
    .testimonials,
    .aitsresumethree,
    .about-sec,
    .team,
    .blog-cource,
    .register-form-main,
    .gallery,
    .w3_wthree_agileits_icons,
    .typo {
        padding: 3em 0;
    }
    .three_testimonials_grid_main {
        width: 85%;
    }
    .nbs-flexisel-nav-left {
        left: -9px;
    }
    .nbs-flexisel-nav-right {
        right: -9px;
    }
    .nbs-flexisel-nav-left,
    .nbs-flexisel-nav-right {
        width: 40px;
        height: 40px;
        background-position: 6px 8px;
    }
}

@media(max-width: 768px) 
{  
     .topright {
    max-height: 35px;
    display: inline-block;
    }
    .logo img{
		max-height:2.6em;
	} 
	.bottom_header_right {
    width: 30%;
    }
    .navbar-default a.navbar-brand h1 {
        font-size: 27.6px;
        padding-left: 8px;
    }
    .carousel-caption p {
        letter-spacing: 2px;
    }
    .carousel-control {
        width: 6%;
        //line-height: 18em;
    }
    h3.tittle {
        font-size: 2.7em;
    }
    .banner_bottom_left h4 {
        font-size: 1.8em;
    }
    .middle-sec-agile h4 {
        font-size: 34px;
    }
    .middle-sec-agile {
        padding: 3em 0 7em;
    }
    .about_bottom_left h4 {
        font-size: 1.9em;
        letter-spacing: 0px;
    }
}

@media(max-width: 767px) 
{
 
 
    .nav>li {
        text-align: center;
    }
    div#bs-example-navbar-collapse-1 {
        position: absolute;
        width: 100%;
        z-index: 9999;
        top:3em;
    }
    .navbar-toggle {
        position: absolute;
        right: 0;
    }
    .navbar-nav {
        margin: 0;
        width: 100%;
        float: none;
        background: rgba(0, 0, 0, 0.77);
        padding: 0;
    }
    .navbar-nav>li {
        float: none;
        margin: 0;
        width: 100%;
    }
    .navbar-nav>li>a {
        margin: .7em 0;
    }
    .navbar-default .navbar-nav>li>a {
        font-size: 14px;
        color: #fff;
        padding: 7px 0;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }
    .navbar-toggle {
        background-color: transparent;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #FFFFFF;
    }
    .navbar-default .navbar-toggle {
        margin: 7px 20px;
    }
    .navbar-default a.navbar-brand h1 {
        font-size: 30px;
        padding-left: 10px;
    }
    .navbar-default .navbar-brand label {
        letter-spacing: 3px;
    }
    .header {
        padding: 5px 0;
    }
    .header-top {
        padding: 6px 0;
    }
  
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #333;
        background-color: White;
    }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        background:#ef5861;
        color:#fff;
    }
    
    .footercopy-social .dropdown-menu {
  position: absolute;
  float: none; 
    }
    
     .dropdown-menu {
  position: static;
  float: none; 
    }
}

@media(max-width: 736px) 
{
     .logo img{
		max-height:2.3em;
	} 
	.topright {
    max-height: 30px;
    display: inline-block;
    }
	.logo h1 span {
		font-size: .7em;
	}
	 .bottom_header_right {
        width: 30%;
    }
    .work-right.work-right2 {
        min-height: 238px;
    }
}

@media(max-width: 667px) 
{
     .logo img{
		max-height:2.2em;
	} 
	.topright {
    max-height: 25px;
    display: inline-block;
    }
    .bottom_header_right {
        text-align:right;
        width:30%;
    }
    .services-grids-w3l {
        width: 61%;
        margin: 0 6em;
    }
    .services-grids-w3l:nth-child(2) {
        margin:2em 6em;
    }
    .services-grids-w3l p {
        padding: 0 2em;
    }
    .news-left-top-text a {
        font-size: 19px;
    }
    .mkls_footer_grid_left h4 {
        font-size: 22px;
        margin-bottom: 18px;
    }
    .mkls_footer_grid_left p {
        font-size: 95%;
    }
    .botttom-nav-allah ul li a {
        letter-spacing: 1px;
    }
    .allah-copy, .ashtikcopy {
        float: none;
        width:100%;
    }
    .footercopy-social {
        float: none;
       
    }
  #footerSocial{    margin-top:-0.5em;   }
    .sub-footer {
       /* padding: 3em 0;*/
    }
    .navbar-default .navbar-toggle {
        margin: 9px 20px;
        padding: 7px 9px;
    }
    .work-info h5 {
        font-size: 20px;
        letter-spacing: 0px;
    }
    .blog-grid-img {
        margin-top: 3em;
    }
    .contact-lsleft {
        margin-bottom: 4em;
    }
}

@media(max-width: 640px) 
{
      .logo img{
		max-height:2.2em;
	} 
	.topright {
    max-height: 25px;
    display:none;
    }
    .bottom_header_right {
        text-align:right;
        font-size:90%;
       /* width:20%;*/
    }
        .bottom_header_right a span{
       
        font-size:75% !important;
       /* width:20%;*/
    }
    
    .black_round {
    
    width: 18px;
    height: 18px;
   
}
    .carousel-caption {
        padding: 7em 0 0 2em;
        min-height: 400px;
    }
    .carousel-caption h3 {
        font-size: 35px;
    }
    .carousel-control {
        //line-height: 16em;
    }
    .work-right.work-right2 {
        min-height: 262px;
    }
    .contact-text1 h4 {
        font-size: 27px;
    }    
    .login-form {
        padding: 30px;
    }
    .login-form p {
        font-size: 14px;
        margin-bottom: 7px;
    }
    .login-form input[type="text"], .login-form input[type="password"], .login-form input[type="email"] {
        font-size: 14px;
        padding: 10px;
        margin-bottom: 15px;
    }
    .anim, .login-agileits-bottom h6 {
        font-size: 14px;
    }
    .login-form input[type="submit"] {
        font-size: 100%;
        padding: 11px 0;
    }
    .register-forming p {
        margin: 22px 0 0;
    }
    .anim {
        margin: 8px 0 20px;    
    }
    .login-agileits-bottom {
        margin: .8em 0;
    }
    .news-left-text h5 {
        font-size: 17px;
    }
    .news-left-text {
        margin: 0 4em;
    }
    .services-grids-w3l {
        width: 68%;
        margin: 0 5em;
    }
    .services-grids-w3l:nth-child(2) {
        margin: 2em 5em;
    }
    .agile-figcaption h4 {
        font-size: 16px;
    }
}

@media(max-width: 600px) 
{
     .logo img{
		max-height:2.8em;
	} 
	.topright {
    max-height: 30px;
    display: inline-block;
    }
    
    /* .bottom_header_right 
     {
        text-align:center;
        width: 100%;
    }*/
    .services 
    {
        margin-top: -6em;
    }
    .stats-info-agile {
        min-height: 300px;
    }
    
    .stats-info-agile img
    {
        min-height: auto;
    }
    
    .numscroller {
        font-size: 2em;
    }
    .stats-info-agile p {
        font-size: 95%;
    }
    .stat-border:before {
        height: 133px;
        left: 101%;
    }
    .three_testimonials_grid {
        padding-right: 1em;
        width: 100%;
        margin: 30px 0 0;
    }
    .three_testimonials_grid_pos {
        width: 100%;
    }
    .grid-test-allah-agile img {
        margin: 0 auto;
    }
    .three_testimonials_grid1 h5 {
        font-size: 20px;
        text-align: center
    }
    .news-grid-info-bottom-w3ls {
        margin: 15px 0;
    }
    .midle-left-w3l {
        width: 6%;
    }
    .mkls_footer_grid_left {
        padding: 0 1em;
        width: 100%;
    }
    .mkls_footer_grid_left:nth-child(2){
        margin:2em 0;
    }
    .footer-middle-thanks h2 {
        font-size: 25px;
    }
}

@media(max-width: 568px) {
	/*.logo h1 span {
		font-size: .7em;
	}*/
	.logo img{
		max-height:3em;
	}    
	/*.bottom-social-icons {
		display:none;
    }*/
    .carousel-caption h3 {
        font-size: 32px;
    }
    .carousel-caption h6 {
        font-size: 14px;
    }
    .carousel-caption {
        min-height: 367px;
    }
    .carousel-caption p {
        font-size: 11px;
    }
    .carousel-indicators {
        left: 14%;
        bottom: -2%;
    }
    .banner-bottom-w3l, .contact {
        padding: 2.5em 0 0;
    }
    h3.tittle {
        font-size: 2.4em;
    }
    .banner_bottom_left h4 {
        font-size: 1.4em;
        margin-bottom: 14px;
    }
    .title-div {
        margin-bottom: 50px;
    }
    .services {
        padding-top: 9em;
    }
    .three_testimonials_grid_main {
        padding: 2em 0;
    }
    .navbar-default .navbar-nav>li>a {
        font-size: 13px;
        padding: 4px 0;
    }
    .carousel-caption h3 {
        font-size: 30px;
    }
    .carousel-caption h6 {
        font-size: 13px;
    }
    .inner_page_agile {
        min-height: 150px;
    }
    .about_bottom_left h4 {
        font-size: 1.7em;
    }
    .work-right.work-right2 {
        min-height: 287px;
    }
    .work-info h5 {
        font-size: 19px;
    }
    .register-form input[type="text"], .register-form input[type="email"], select.category2 {
        font-size: 100%;
        padding: 11px;
        margin-bottom: 16px;
    }
    label.header {
        font-size: 17px;
        margin: 2px 0px 3px;
        padding-left: 7px;        
    }
    .w3gallery-grids {
        width: 50%;
    }
    .contact-w3lsright iframe {
        width: 90%;
        min-height: 500px;
    }
    .contact-grid h4, .address-grid h4 {
        font-size: 25px;
    }
    .contact-lsleft input[type="text"], .contact-lsleft input[type="email"], .contact-lsleft textarea {
        font-size: 14px;
        padding: 11px;
    }
    .contact-lsleft textarea {
        min-height: 11.5em;
    }
    .contact-grid {
        padding: 1em 0 4em;
        width: 90%;
    }
    .login-form {
        width: 90%;
    }
   
}

@media(max-width: 480px) 
{
    .mask p
    {
        font-size:12px; 
    }
      .news img
   {
   	 
        top:21em;
       
   }
    .logo img{
		max-height:2.55em;
		margin-top: -.5em;
	} 
	.topright {
   
    display:inline-block;
    }
    .bottom_header_right {
      margin-top: .4em;
    } 
    
	.logo h1 span {
		font-size:.57em;
	}
	/*.logo img{
		display:none;
	}*/
    .bottom_header_left p span {
        padding-right: .5em;
    }
    .bottom-social-icons span {
        font-size: 13px;
        padding: 8px 5px;
    }
    .header-top-righ {
        width: 36%;
    }
    .bottom-social-icons {
        width: 60%;
    }
    .carousel-caption p {
        font-size: 10px;
    }
    .carousel-caption {
        min-height: 333px;
        padding: 6em 0 0 2em;
    }
    .carousel-indicators {
        left: 17%;
    }
    .carousel-control {
        //line-height: 14em;
    }
    .tittle-style:before {
        width: 15%;
        left: 42%;
    }
    .tittle-style:after {
        width: 6%;
        left: 47%;
    }
    p {
        font-size: 90%;
    }
    .stats-info-agile {
        min-height: 200px;
        width: 100%;
        margin: 2em auto 0;
    }
    .services-grids-w3l {
        width: 80%;
        margin: 0 2em;
    }
    .services-grids-w3l:nth-child(2) {
        margin: 2em 2em;
    }
    .news-left-text {
        margin: 0 2em;
    }
    .news-left-top-text a {
        font-size: 17px;
    }
    .news-grid-info-bottom-w3ls-text p {
        font-size: .75em;
    }
    .news-left-img {
        min-height: 200px;
    }
    .news-grid-info-bottom-w3ls {
        margin: 8px 0;
    }
    .yaallahaa-news-grid:nth-child(2) {
        margin: 1.5em 0 0 0;
    }
    .yaallahaa-news-left:nth-child(2) {
        margin-top: 1.5em;
    }
    .middle-sec-agile h4 {
        font-size: 29px;
        letter-spacing: 0px;
    }
    .middle-right h5 {
        font-size: 17px;
    }
    .midle-left-w3l span {
        font-size: 16px;
    }
    .midle-left-w3l {
        width: 5%;
    }
    a.button-style {
        padding: 10px 21px;
        font-size: 100%;
        margin-top: 1.5em;
    }
    .three_testimonials_grid_main {
        width: 80%;
    }
    .botttom-nav-allah ul li {
        margin: 7px 7px;
    }
    .botttom-nav-allah ul li a {
        font-size: 13px;
    }
    .botttom-nav-allah {
        margin: 24px 0 25px;
    }
    .footer-copy-right p {
        letter-spacing: 1px;
    }
    .work-left {
        text-align: left;
        padding: 0;
        width: 100%;
    }
    .work-right {
        border-left: none;
        padding: 1em 0 1em 1em;
        text-align: left;
        width: 100%;
    }
    .work-right.work-right2 {
        min-height: 0;
    }
    .work-left:nth-child(2) {
        padding: 0 0 1em 1em;
    }
    .team-grids {
        padding: 0 .5em;
    }
    .team h4 {
        font-size: 19px;
    }
    .effectd-caption p {
        font-size: 90%;
    }
    .social-lsicon a {
        font-size: 13px;
    }
    .team .effectd-caption {
        padding: 15px;
    }
    .blog-grid-img {
        margin-top: 0;
        width: 100%;
    }
    .blog-grid-text {
        padding: 0 1em;
        margin-top: 0;
        width: 100%;
    }
    .blog-grid-img img {
        width: 60%;
        margin: 0 auto;
    }
    .blog-grid-text:nth-child(2) {
        margin-top: 1em;
    }
    .blog-grid-img.blog-img-rght {
        margin-top: 1em;
    }
    .register-form {
        width: 94%;
        padding: 30px;
    }
    .register-form input[type="submit"] {
        padding: 10px 33px;
        font-size: 100%;
    }
    .contact-w3lsright {
        margin-top: 2em;
    }
    .contact-w3lsright iframe {
        width: 100%;
        min-height: 434px;
    }
    .contact-grid {
        width: 100%;
    }
}

@media(max-width: 440px) {
    .bottom_header_left p {
        font-size: 12px;
        text-align:center
    }
  /*  .bottom_header_right {
        width: 100%;
    }*/
    .header-top-righ {
        margin-top: 2px;
    }
    .carousel-caption p {
        letter-spacing: 1px;
    }
    .middle-right h5 {
        font-size: 100%;
    }
    .midle-left-w3l span {
        font-size: 14px;
    }
    .pencil-img img {
        width: 52%;
    }
    .about2-info img {
        width: 67%;
    }
    .anim, .login-agileits-bottom h6 {
        font-size: 13px;
    }
    .login-form p {
        font-size: 13px;
    }
}

@media(max-width: 414px) {
   .bottom_header_right {
       
margin-top: -.5em;
    }
    .header-top-righ {
        width: 41%;
        text-align: left;
        margin-left: 10px;
        margin-top: 4px;
    }
    .bottom_header_left {
        margin: .5em 0;
        text-align: center;
        float: none;
    }
    .bottom-social-icons {
        width:100%;
        text-align: right;
    }
    .header {
        padding: 6px 0;
    }
    .carousel-caption h6 {
        font-size: 12px;
    }
    .carousel-caption h3 {
        font-size: 25px;
        margin: 7px 0 12px;
    }
    .carousel-caption {
        min-height: 274px;
        padding: 5em 0 0 1em;
    }
    .carousel-control {
        line-height: 12em;
    }
    .banner-bottom-w3l, .contact {
        padding: 2em 0 0;
    }
    h3.tittle {
        font-size: 2.1em;
        margin-bottom: 12px;
    }
    .title-div {
        margin-bottom: 40px;
    }
    .services .tittle-style:after {
        left: 10%;
    }
    .news-left-img {
        min-height: 274px;
        width: 100%;
    }
    .news-grid-info-bottom-w3ls {
        margin: 14px 0;
        width: 100%;
        padding: 0;
    }
    .news-left-top-text a {
        font-size: 18px;
    }
    .news-grid-info-bottom-w3ls-text p,.services-grids-w3l p {
        font-size: 90%;
    }
    .yaallahaa-news-left:nth-child(2) {
        margin-top: 1em;
    }
    .news-left-text {
        margin: 0 4em;
        padding: 15px 0;
    }
    .middle-sec-agile h4 {
        font-size: 26px;
    }
    .middle-right {
        float: left;
        width: 93%;
    }    
    .midle-left-w3l {
        width: 7%;
    }
    .midle-left-w3l span {
        font-size: 17px;
    }
    .middle-right h5 {
        font-size: 100%;
        line-height: 1.6;
    }
    .botttom-nav-allah ul li {
        margin: 7px 5px;
    }
    .footer-middle-thanks h2 {
        font-size: 22px;
    }
    .news, .testimonials, .aitsresumethree, .about-sec, .team, .blog-cource, .register-form-main, .gallery, .w3_wthree_agileits_icons, .typo {
        padding: 2em 0;
    }
    .contact-text1 h4 {
        font-size: 23px;
        letter-spacing: 0px;
    }
    .three_testimonials_grid_main {
        width: 93%;
    }
    .contact-lsleft {
        margin-bottom: 3em;
    }
    .modal-header h4 {
        font-size: 1em;
        letter-spacing: 1px;
    }
    .contact-w3lsright iframe {
        min-height: 376px;
    }
}

@media(max-width: 384px) {
    .carousel-caption {
        padding: 4.5em 0 0 1em;
    }
    .carousel-indicators {
        bottom: -5%;
    }
    .stats-info-agile {
        padding: 1em 1em 0;
    }
    .about_bottom_left h4 {
        font-size: 1.5em;
        margin-bottom: 10px;
    }
    .team-grids {
        padding: 0 1em;
        width: 100%;
    }
    .team-grids:nth-child(2) {
        margin-top:1.5em;
    }
    .blog-grid-text h4 {
        font-size: 23px;
    }
    .register-form {
        width: 100%;
        padding: 20px;
    }
    .w3gallery-grids {
        width: 100%;
    }
    .botttom-nav-allah ul li a {
        letter-spacing: 0px;
    }
    .login-form {
        width: 100%;
    }
    .nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
        top: 38% !important;
    }
}

@media(max-width: 375px) {
    .services-grids-w3l {
        width: 95%;
        margin: 0 0em;
    }
    .services-grids-w3l:nth-child(2) {
        margin: 2em 0;
    }
    .modal-header h4 {
        font-size: 1.7em;
    }
    .contact-w3lsright iframe {
        min-height: 330px;
    }
}

@media(max-width: 320px) {
    .header-top-righ {
        margin-top: 2px;
    }
    
    .logo img {
    max-height: 2.35em;
    margin-top: -.5em;
}
    .navbar-default a.navbar-brand h1 {
        font-size: 27px;
    }
    .navbar-default .navbar-brand label {
        letter-spacing: 2.8px;
        font-size: 7.5px;
        margin-top: 4px;
    }
    .navbar-default .navbar-toggle {
        margin: 7px 13px;
        padding: 6px 7px;
    }
    .header {
        padding: 5px 0 2px;
    }
    .carousel-caption h6 {
        letter-spacing: 1px;
    }
    .carousel-caption h3 {
        font-size: 22px;
        margin: 7px 0 12px;
        letter-spacing: 0px;
    }
    .carousel-caption {
        padding: 3.5em 0 0 .5em;
        min-height: 238px;
    }
    .carousel-control {
        line-height: 11em;
    }
    .carousel-indicators {
        bottom: -11%;
        left: 19%;
    }
    .carousel-caption p {
        font-size: 9px;
    }
    .banner-bottom-w3l, .contact {
        padding: 1.5em 0 0;
    }
    h3.tittle {
        font-size: 1.9em;
        margin-bottom: 9px;
    }
    .tittle-style:after {
        width: 8%;
        left: 45%;
    }
    .tittle-style:before {
        width: 20%;
        left: 39%;
    }
    .title-div {
        margin-bottom: 30px;
    }
    .banner_bottom_left h4 {
        font-size: 1.3em;
        margin-bottom: 6px;
    }
    p {
        font-size: 12px;
        line-height: 1.8em;
    }
    .stats-info-agile p {
        font-size: 12px;
        letter-spacing: 0px;
    }
    .numscroller {
        font-size: 1.8em;
    }
    .stats-grid {
        padding: 1em 0;
    }
    .stat-border:before {
        height: 95px;
        left: 99%;
    }
    .stats-info-agile {
        min-height: 170px;
    }
    .services .tittle-style:after {
        left: 12%;
    }
    .news-left-text {
        margin: 0 3em;
    }
    .news-left-img {
        min-height: 215px;
    }
    .news-left-top-text a {
        font-size: 17px;
    }
    .middle-sec-agile {
        padding: 2em 0 15em;
    }
    .middle-sec-agile h4 {
        font-size: 23px;
    }
    .middle-right {
        width: 90%;
    }
    .midle-left-w3l {
        width: 10%;
    }
    .sub-footer {
        padding: 2em 0;
    }
    .footer-middle-thanks h2 {
        font-size: 20px;
        letter-spacing: 1px;
    }
    .mkls_footer_grid_left:nth-child(2) {
        margin: 1.5em 0;
    }
    .footer-copy-right p {
        font-size: 12px;
    }
    .footercopy-social ul li a span{
        height: 32px;
        width: 32px;
        line-height: 34px;
        font-size: 13px;
    }
    .navbar-nav>li>a {
        margin: .5em 0;
    }
    .inner_page_agile {
        min-height: 100px;
    }
    .services-breadcrumb ul li span {
        padding: 0 .5em;
    }
    ul.short_ls li {
        font-size: 14px;
    }
    .services-breadcrumb {
        padding: .6em 0;
    }
    .about_bottom_left h4 {
        font-size: 1.25em;
    }
    .blog-grid-text h4 {
        font-size: 20px;
        letter-spacing: 0px;
    }
    .contact-text1 h4 {
        font-size: 22px;
    }
    .contact-grid h4, .address-grid h4 {
        font-size: 24px;
        margin-bottom: .8em;
    }
    .address-grid ul li {
        font-size: 13px;
        margin-bottom: 20px;    
    }
    .w3_address span {
        margin-right: .7em;
    }
    .address-grid ul {
        margin: 1.5em 0 0 0;
    }
    .contact-lsleft textarea {
        min-height: 9.5em;
    }
    .contact-grid {
        padding: 1em 0 3em;
    }
    .contact-lsleft {
        margin-bottom: 2em;
    }
    .login-form {
        padding: 20px;
    }
    .login-agileits-bottom {
        margin: 0 0 1em;
        float: none;
    }
    .login-form p {
        font-size: 13px;
        letter-spacing: 0px;
    }
    .register-forming p {
        margin: 17px 0 0;
    }
    .login-form input[type="text"], .login-form input[type="password"], .login-form input[type="email"] {
        margin-bottom: 11px;
    }
    .modal-header h4 {
        font-size: 1.5em;
    }
    .contact-w3lsright iframe {
        min-height: 276px;
    }
}

@media(max-width: 280px) {
   .bottom_header_right 
   {
       display:none;
    }
}

/*--//responsive--*/



 
  .newslink
  {
      color:Blue;
  }
  
  /*marquee*/
.marquee{
	width:99%;
	height:42px;
	float:left;
	padding-top:5px;
	top:11px;
	margin:0px;
	position:relative;
	background:#c5242a;
	overflow:hidden;
	margin-bottom:0px;
}

.marquee a{
	font-size:24px;
	color:#FFFFFF;
	}
.marquee a:hover{
	color:Yellow;
}

.about_left
{
    min-height:600px;
}

.context .head {
	background: #F66; 
	color: #FFF; 
	padding: 3px 5px; 
	font-size: 16px;
	border: 1px solid #F33;
	margin-bottom:1.5em;
	
		
}


.imageAlumni
{
    padding:1px; 
	background:#FFF; 
	border:1px solid #CCC;
	box-shadow: 0px 0px 3px #CCC;
	height:120px;
	width:110px;
}

.mask {
    text-decoration: none;
    overflow: hidden;
    display: block;
}

img.zoom-img {
  -webkit-transform:scale(1, 1);
  -webkit-transition-timing-function:ease-out;
  -webkit-transition-duration:500ms;
  -moz-transform:scale(1, 1);
  -moz-transition-timing-function:ease-out;
  -moz-transition-duration:500ms;
}
img.zoom-img:hover {
  -webkit-transform:rotate(-5deg) scale(1.15);
  -webkit-transition-timing-function:ease-out;
  -webkit-transition-duration:750ms;
  -moz-transform:scale(1.15);
  -moz-transition-timing-function:ease-out;
  -moz-transition-duration:750ms;
  overflow: hidden;
}

img.zoom {
  -webkit-transform:scale(1, 1);
  -webkit-transition-timing-function:ease-out;
  -webkit-transition-duration:500ms;
  -moz-transform:scale(1, 1);
  -moz-transition-timing-function:ease-out;
  -moz-transition-duration:500ms;
  cursor:pointer;
}
img.zoom:hover {
  -webkit-transform:scale(1.5);
  -webkit-transition-timing-function:ease-out;
  -webkit-transition-duration:750ms;
  -moz-transform:scale(1.5);
  -moz-transition-timing-function:ease-out;
  -moz-transition-duration:750ms;
  overflow: hidden;
}


.news-gridtext2 {
    -webkit-box-shadow:-2px 4px 25px 3px #1e3953;
    -moz-box-shadow:-2px 4px 25px 3px #1e3953;
    box-shadow:-2px 4px 25px 3px #1e3953;
	-webkit-transition:.5s all;
	-moz-transition:.5s all; 
	transition:.5s all;
	
}

.news-gridtext2:hover{
	box-shadow:-2px 4px 60px rgba(25, 13, 15, 0.38);
} 

/*-- news --*/  
.news-w3lgrids{
padding-bottom:2em;
}

 
.news-gridtext {
    -webkit-box-shadow:-2px 4px 5px 3px rgba(25, 13, 15, 0.17);
    -moz-box-shadow:-2px 4px 5px 3px rgba(25, 13, 15, 0.17);
    box-shadow:-2px 4px 5px 3px rgba(25, 13, 15, 0.17);
	-webkit-transition:.5s all;
	-moz-transition:.5s all; 
	transition:.5s all;
	min-height:20em;
}
.news-gridtext:hover{
	box-shadow:-2px 4px 50px rgba(25, 13, 15, 0.38);
} 
.news-w3img a {
    display: block;
    overflow: hidden;
}
.news-w3img a img {
  width: 100%;
  border: 3px solid #FD5D5D;
  -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;	
}

.zoomE{
    background: #ef7047;  
    left: 39%;
    opacity: 0;
    padding:1em;
    position: absolute;  
    text-align: center;
    top: 20%;
    visibility: hidden;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
	
	font-size: 1.5em;  
    color: #fff;
}


.news-w3img:hover .zoomE{
    opacity: .85;
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
	-moz-transform: scaleX(1);
	-o-transform: scaleX(1);
	-ms-transform: scaleX(1);
}
	
.news-left-img a img:hover{
-webkit-transform:rotate(-5deg) scale(1.15);
	-webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
}
.news-w3imgtext {
    padding:2em 2.5em; 
    text-align: center;
    position: relative; 
}

.news h5 {
    display: inline-block;
    background: #FD5D5D;
    padding: .8em 1.5em;
    font-size: 1em;
    color: #fff;
    position: absolute;
    top: -18px;
    left: 32%;
    letter-spacing: 1px;
    font-family: 'Roboto Condensed', sans-serif;
}
.news h4 {
    font-size: 1.4em;
    padding-bottom: .5em;
    font-weight: 300;
    letter-spacing: 1px;
}
.news h4 a{
	color:#333;
	text-decoration:none;
	-webkit-transition:.5s all;
	-moz-transition:.5s all; 
	transition:.5s all;
	
}

.news h4 .bengali{
	
	font-weight:800;
}

.news  h4 a:hover {
	color:#FF5722;
}  
.news a.w3-agilebtn {
    padding: .6em 1.5em;
    color: #999;
    font-size: 0.9em;
    border-color: #999;
    margin: 1.5em 0 0;
}
.news a.w3-agilebtn:hover{ 
    color: #fff; 
} 


.news-w3imgtext p{
    color: #444 !important;
   /* line-height: 1.8em;
	text-align:justify;*/
}
/*-- //news --*/ 




/*-- //counters --*/

.stats { 
    background: url(../images/institute/bg.jpg)no-repeat center;
    padding-top:2.5em;
    padding-bottom:2.5em;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
.stats2 { 
    background: url(../images/institute/bg2.jpg)no-repeat center;
    padding-top:2.5em;
    padding-bottom:2.5em;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}

.count-icon span {
    font-size: 25px;
    color: #ffffff;
    margin-bottom: 15px;
}

.stats-grid {
    text-align: center;
    margin: 0 auto;
}

.counter-number {
    font-size: 25px;
    color: #00b381;
    font-weight: 500;
    letter-spacing: 1px;
    border: none;
    line-height: 17px;
}

.imghight img {
    height: 15em;
    !important: ;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}

/*-- //counter --*/

.close
{
    color:Red;
    font-size:2em;
}
.close:hover
{
    color:Red;
}
/*.topright {
    max-height: 50px;
    display: inline-block;
}*/
.about-grid h4 {
    font-size: 2em;
    color: #F58703;
    margin-bottom: 0.7em;
}
.about-grid p {
    font-size: 1em;
	margin-top:1em;	
}
.about-grids{
    margin-top:4em;
}
@media(max-width:1200px){
	
.block 
{width: 48%;
 margin-right:1%;
}
}



@media(max-width:1125px)
{
  .block 
{width: 48%;
 margin-right:1%;
}
}

@media(max-width:1024px)
{
  .news h4 {
    font-size: 1em;
}
}



.moreme{
	color:#F58703; 
	font-size:1.3em !important;
	cursor:pointer;
}
.moreme:hover{
	color:#2196F3;
	text-decoration: none;
  -webkit-transition-timing-function:ease-out;
  -webkit-transition-duration:500ms;
    -moz-transition-timing-function:ease-out;
  -moz-transition-duration:500ms;
  
}

.more2
{
    color:#2196F3;	
	cursor:pointer;
}
.more2:hover{
	color:#F58703; 
	text-decoration: none;
  -webkit-transition-timing-function:ease-out;
  -webkit-transition-duration:500ms;
    -moz-transition-timing-function:ease-out;
  -moz-transition-duration:500ms;
  
}

.archive .moreme{
	color:#8a6d3b !important; 
	font-size:1.3em !important;
}
.archive .moreme:hover{
	color:#F58703 !important;
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}
/*-- team --*/
.ch-grid img {
    width: 100%;
}

.ch-grid:after,
.ch-item:before {
    content: '';
    display: table;
}

.ch-grid:after {
    clear: both;
}

.ch-grid li {
    width: 240px;
    height: 240px;
    display: inline-block;
    margin: 17px;
}

.ch-item {
    width: 100%;
    height: 95%;
    border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: relative;
    cursor: default;
    -webkit-perspective: 900px;
    -moz-perspective: 900px;
    -o-perspective: 900px;
    -ms-perspective: 900px;
    perspective: 900px;
    cursor: pointer;
}

.ch-info {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.ch-info>div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-position: center center;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
        background-size: contain;
}

.ch-info .ch-info-front {
    box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.3);
}

.ch-info .ch-info-back {
    -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    background: #111;
    opacity: 0;
}

.ch-img-1 {
    background: url(../images/c1.png)no-repeat;
    z-index: 12;
}

.ch-img-2 {
    background: url(../images/c2.png)no-repeat;
    z-index: 11;
}

.ch-img-3 {
    background: url(../images/c3.png)no-repeat;
    z-index: 10;
}

.ch-img-4 {
    background: url(../images/c4.png)no-repeat;
    z-index: 10;
}
.ch-img-5 {
    background: url(../images/c5.png)no-repeat;
    z-index: 10;
}
.ch-img-6 {
    background: url(../images/c6.png)no-repeat;
    z-index: 10;
}
.ch-img-7 {
    background: url(../images/c7.png)no-repeat;
    z-index: 10;
}
.ch-img-8 {
    background: url(../images/c8.png)no-repeat;
    z-index: 10;
}
.ch-img-9 {
    background: url(../images/c9.png)no-repeat;
    z-index: 10;
}
.ch-img-10 {
    background: url(../images/c10.png)no-repeat;
    z-index: 10;
}
.ch-img-11 {
    background: url(../images/c11.jpg)no-repeat;
    z-index: 10;
}
.ch-img-12 {
    background: url(../images/c12.png)no-repeat;
    z-index: 10;
}

.ch-info h4 {
    color: #fff;
    font-size: 20px;
    text-align: center;
    margin: 0 15px;
    padding-top: 4.5em;
    text-shadow: 0 0 1px #fff;
    letter-spacing: 1px;
}
.ch-info p {
    color: #fff;
    text-align: center;
    margin: 0 15px;
    text-shadow: 0 0 1px #fff;
    letter-spacing: 1px;
}

.ch-item:hover .ch-info-front {
    -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    opacity: 0;
}

.ch-item:hover .ch-info-back {
    -webkit-transform: rotate3d(1, 0, 0, 0deg);
    -moz-transform: rotate3d(1, 0, 0, 0deg);
    -o-transform: rotate3d(1, 0, 0, 0deg);
    -ms-transform: rotate3d(1, 0, 0, 0deg);
    transform: rotate3d(1, 0, 0, 0deg);
    opacity: 1;
}

/*-- team --*/





/* added for inquiry*/

/*
.enquiry {
	width: 300px;
	position: fixed;
	top: 30%;
	left: -269px;
	-webkit-transition: all 0.7s ease-in-out 0s;
	-moz-transition: all 0.7s ease-in-out 0s;
	-ms-transition: all 0.7s ease-in-out 0s;
	-o-transition: all 0.7s ease-in-out 0s;
	transition: all 0.7s ease-in-out 0s;
	z-index:9999;
}



.enquiryH {
	float: left;
	margin-top: 110px;
	cursor: pointer;
}

.enquiryC {
	background: url(../images/enquirybg1.png) #EEE repeat;
	float: left;
	width: 257px;
	padding: 5px;
	height: 440px;
	border: 1px solid #069;
	font-size: 13px;
}

.enquirySource {
	background: url(../images/enquirybg1.png) #EEE repeat;
	float: left;
	width: 257px;
	padding: 5px;
	height: 440px;
	font-size: 13px;
}

.enquiry:hover {
	left: -12px !important;
}

*/
/*--administration--*/
.teamgrids {
   
}
.teaminfo {
    border: 1px solid #e8e8e8;
    padding: 1em 2em;
    border-top: transparent;
    -webkit-box-shadow: 0px 2px 14px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 14px -5px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 14px -5px rgba(0,0,0,0.75);
}
.padd {
    margin-bottom: 1.2em;
}
.padd h2 {
    margin-bottom: 0em;
      text-align:left;
}
.teaminfo h2 {
    font-size: 1em;  
   /*  margin: 1em 0 ;  */
  
        color: #666;
    font-family: 'Open Sans', sans-serif;
}
.teamgrid1 h3 {
    color: #000;
    /* text-transform: uppercase; */
    margin: 1em 0 ;
    font-size: 21px;
    text-align:center;
}
.teamgrid1 i.fa {
    color: #ff4c4c;
    font-size: 1.2em;
    padding-right: .5em;
}
.teamgrid1 img
{
    margin-top:.5em;
    width:60%;
    height:5px;
    text-align:center;
}
.padd p {
    font-size: 1em;
    text-align:center;
    padding:0px !important;
    line-height:1em !important;
}

@media(max-width:991px)
{
 .padd h2 {
    margin-bottom: 1em !important;
    text-align: center;
}


}
/*---*/

.radio label, .checkbox label, label {
    font-size: 0.95em;
    font-weight: 300;
    vertical-align: middle;
    color:#777;
}

ul.about_links {
    padding: 0;
    margin: 1em 0;
    list-style: none;
}
ul.about_links li {
    padding: 0px 20px 10px;
    position: relative;
}
ul.about_links li:before {
    color: #f96868;
    content: "\f10c";
    font-family: 'fontawesome';
    font-size: 12px;
    height: 5px;
    left: 5px;
    top: 4px;
    position: absolute;
    width: 5px;
}
/*Topper page*/
.about {
    padding: 5em 0;
    background-color: #f4f4f4;
}
.wthree_testimonials_grid_pos {
    padding-right: 0;
    padding-left: 0;
}
.wthree_testimonials_grid1 h5 {
    font-size: 1em;
}
.wthree_testimonials_grid1 h5 {
    font-size: 1.5em;
    color: #000;
    margin: 1.5em 0 0.5em;
    letter-spacing: 1px;
}
.wthree_testimonials_grid p {
    margin: 1em 0 0;
    font-size: 16px;
    line-height: 1.8em;
    letter-spacing: 1px;
    text-align: justify;
}
.testimonials {
    /*-- background: url(../images/2.jpg) no-repeat 0px 0px;--*/
	
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-attachment: fixed;
	padding:5em 0;
}
.wthree_testimonials_grid_pos img {
    border-radius: 50%;
}

.wthree_testimonials_grid_main {
    margin: 0 auto;
    background: #fff;
    padding: 2em;
    width: 80%;
}
.wthree_testimonials_grid img {
    padding: 0 .5em;
}

.wthree_testimonials_grid p {
    margin: 1em 0 0;
    font-size: 16px;
    line-height: 1.8em;
    letter-spacing: 1px;
	text-align:justify;
}

.wthree_testimonials_grid1 h5 {
    font-size: 1.5em;
    color: #000;
    margin: 1.5em 0 0.5em;
	letter-spacing: 1px;
	text-align:center;
}

.wthree_testimonials_grid1 p {
    color: #00959f;
    letter-spacing: 1px;
    text-align:center;
}
.wthree_testimonials_grid_pos img
{
    border: 4px groove #67c9f5;
}
.glry-mgg1 {
    padding: 5px;
}
#gallry-photos-cate {
    padding: 40px 0px;
    background: #f4f4f4;
}
.glry-tt {
    position: absolute;
    z-index: 99;
    background: #890008;
    color: #fff;
    padding: 4px 16px;
    left: -13px;
    bottom: 25px;
}
.galry-pics img {
    width: 100%;
    height: 220px;
}
#gallry-photos-cate a {
    color: #fff;
}
.galry-pics {
    border: 9px solid #fff;
}
.galry-pics {
    position: relative;
    margin: 10px auto;
}
.galry-pics {
    border: 9px solid #fff;
}
.more-bttn-commn {
    background: none;
    color: #890008;
    border: 2px solid #FD5D5D;
    padding: 10px 28px;
    border-radius: 0;
    font-size: 17px;
}
.view-pdf span {
    background-color: #FD5D5D;
    color: white;
    padding: 4px 33px;
    border-radius: 5px;
    font-weight: bolder;
}