/************ GOOGLE FONTS URL ************/
@font-face {
    font-family: 'myriadroman';
    src: url('../fonts/myriad_roman_1-webfont.eot');
    src: url('../fonts/myriad_roman_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriad_roman_1-webfont.woff2') format('woff2'),
         url('../fonts/myriad_roman_1-webfont.woff') format('woff'),
         url('../fonts/myriad_roman_1-webfont.ttf') format('truetype'),
         url('../fonts/myriad_roman_1-webfont.svg#myriadroman') format('svg');
    font-weight: normal;
    font-style: normal;

}

*{ margin:0px; padding:0px;}
body { height:100%; width:100%; font-weight:400; overflow-x:hidden; background-color:#ffffff; font-family: 'myriadroman', sans-serif; padding:0px; font-size:12px; line-height:18px;}

/************ COMMON CSS ************/
.clear { clear:both;}
img           { border:0; vertical-align:top; outline:none;}
a             { color:#434343; text-decoration:none; outline:none; }
a:hover       { text-decoration:none; }
:focus        { outline:none; }
ul,li,ol 	  { list-style:none; margin:0px; padding:0px;}
.member_desc ul{list-style:square;margin: 10px 0px;padding: 0px 0px 0px 40px;}
.member_desc li{list-style:square;}
button, button:hover { cursor:pointer; font-family: 'myriadroman', sans-serif;}
input,button,select,textarea {font-weight:400; font-family: 'myriadroman', sans-serif;}
p{ padding:0px; margin:0px;}
a:focus { outline:none;}


.wrapper {}


/************ Header Section CSS ************/
header { background:#fff; padding:0px 0;}
.logo { padding:20px 0px 55px 0px;}
.logo img {display: block;margin-left: 8%;float: left;}
#main_head{border-bottom: 4px solid rgb(0, 192, 255);}
/************ Header Section CSS ************/
.navbar-default.custom-navigation { float: right;width: 60%;/*background-color: #d4652e;*/ border:none;  border-radius:0px; font-family: 'myriadroman', sans-serif; min-height:inherit; margin-top:41px;}
.custom-navigation .navbar-nav > li > a { color: rgb(0, 192, 255); padding: 5px 25px;font-size: 15px;font-weight: bold;}
.custom-navigation .navbar-nav > .active > a, 
.custom-navigation .navbar-nav > .active > a:hover, 
.custom-navigation .navbar-nav > .active > a:focus {
    color: #000;
    background-color:rgba(255,255,255, 0.50);
}
.navbar-default{background-color: transparent !important;}
.custom-navigation .navbar-nav > li > a:hover, 
.custom-navigation .navbar-nav > li > a:focus {
    color: #000;
    background-color:rgba(255,255,255, 0.50);
}

.custom-navigation .navbar-nav > .open > a, 
.custom-navigation .navbar-nav > .open > a:hover, 
.custom-navigation .navbar-nav > .open > a:focus {
    color: #000;
    background-color:rgba(255,255,255, 0.50);
}



.post_row { 
    width: 100%;
    float: left;
    padding-bottom: 10px;
    border-bottom: 4px double #D5D5D5;
    padding-top: 10px;
}
.post_name {
    color: #000;
    font-size: 18px;
    margin-bottom: 14px;
        margin-left: 20px;
            width: 50%;
            float: left;
                line-height: 23px;
}
.post_image {
    width: 40%;
    text-align: center;
    padding: 5px;
    border: 1px solid #EAEAEA;
    float: right;
    margin-left: 20px;
}
.post_desc {
    float: left;
    width: 50%;
    margin-left: 20px;
}
.post_image img {
    width: 100%;
    max-width: 100%;
}
.post_content {
    line-height: 17px;
    color: #565656;
    margin-bottom: 15px;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.news_section{width: 100%;    float: left; padding-top: 30px;}
.recent_news{width: 30%;    float: right;}
.recent_news .col-lg-3{width: 100%;}
.container{width: 100%;}
input[type="button"]{padding: 5px 20px 5px;}

.tempclass{height: 115px !important;}







.team{margin: 10px 10px 0;border: 1px solid #E1E1E1;    border-radius: 4px;}
.team p{font-size: 14px !important;}
.team img{height: auto !important;}
.team .mask{background-color: rgba(0, 0, 0, 0.7) !important;border-radius: 4px;}
.our_team{width: 84.7%;margin: 0 auto;padding: 30px 0;}
.box-overlay{position: absolute;width: 100%;bottom: 0px;background: rgba(0, 192, 255, 0.56) none repeat scroll 0% 0%;}
.box-overlay h3{padding: 0px;color: rgb(255, 255, 255);text-align: left;margin: 10px 0px 0px 10px;font-size: 18px;}
.box-overlay span{text-align: left;float: left;margin-left: 10px;color: rgb(255, 255, 255);margin-bottom: 5px;}
.team_section{    float: left;width: 100%;margin-bottom: 80px;}

.member_desg{ /*border-bottom: 4px solid #d7d4c5;  border-top: 4px solid #d7d4c5;*/ width: 100%;  display: inline-block;   font-size: 20px;    font-style: normal;
    font-weight: 600; line-height: 1em;  margin: 0;  padding: 0 0 8px; color: #00C0FF;font-weight: bold;margin-top: 5px;float: left;}
.member_desg label{color: #000; text-decoration: none !important}
.teamname{padding-top: 20px; font-size: 55px;}
.team_details{    /*background-color: #f7f5f0;padding: 18px;*/}
.member_content label{    font-size: 18px;margin: 20px 0; text-decoration: underline;}
.member_content{float: left;width: 79%; padding-left: 5px; padding-right: 20px;}
.member_image{float: left;width: 20%;  margin-left: 5px;}
.member_image img{width: 100%;    /*border: 1px solid #D5D5D5;border-radius: 4px;*/}
.member_desc{float: left;width: 100%;font-size: 15px;line-height: 23px;color: #6D6D6D; /*border-bottom: 1px solid #E4E4E4;*/padding-bottom: 15px; text-align: justify; padding-right: 10px;}
.xtra_detail label{font-size: 15px; margin: 15px 10px 0 0;}
.xtra_detail a{    font-size: 15px;color: #e19e5a;}
.xtra_detail span{    font-size: 15px;color: #333333;}
.xtra_detail hr{border-color: #E19E5A; margin-top: 5px;margin-bottom: 5px;}
.xtra_detail h2 { color: #E19E5A; text-transform: uppercase; font-size: 22px;}
.xtra_detail > p {  text-align: justify;}
.biosep{border-color:#e19e5a;margin-top: 0;}
.funfact{width: 100%;float: left;margin-bottom: 80px;padding-left: 4px;}
.funfact-header{ float: left;}
.funfact h2{color:#E19E5A}
.funfact-block h2 { color: #e19e5a; font-size: 23px; text-transform: uppercase;}
.funfact-block header {    border-top: 4px solid #fec524; border-top-color:#6d6d6d;}
.funfact-content {  float: left;   width: 100%;}
.funfact-block{ float: left;  margin-top: 20px; padding: 0 10px; position: relative;  width: 33%;}
.fun-block-content p{  color: #6d6d6d;
    font-family: cursive;
    font-size: 1.8em;
    font-style: normal;
    font-weight: normal;
    line-height: 1.12em;}
.opportunities{    margin-top: 15px;float: left;width: 100%;}
.opportunities h3{color: #00C0FF;font-size: 25px;font-weight: bold;}
.opportunities label{font-size: 16px;    margin: 20px 0px 10px 0;}
.res_text,.req_text{    margin-left: 15px;font-size: 15px;line-height: 22px;color: #565656;}
.othe_req{margin-left: 15px;}
.othe_req label{    font-size: 14px;margin: 10px 10px 0px 0px;}
.othe_req span{font-size: 13px;}
.othe_req p {
    border-bottom: 1px solid #E4E4E4;
    padding: 2px 0px 8px 0; }




.featured_project{width: 100%;margin: 70px 0;}
.featured_project h2{ text-align: center; color: #E19E5A;border-bottom: 4px double #E19E5A;padding-bottom: 10px;width: 90%;margin: 0 auto;margin-bottom: 30px;margin-top: -30px;}
.jcarousel-wrapper{margin:0 auto; border:0; position:relative;width: 100%;}
.jcarousel{position:relative; overflow:hidden; width:100%}
.jcarousel ul{width:20000em; position:relative; list-style:none; margin:0; padding:0}
.jcarousel li{cursor: pointer;width:230px; padding:0 2px; float:left; border:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;    box-sizing:border-box; position:relative}
.jcarousel img{display:block; max-width:100%; width:100%; height:240px !important}
.promo-details{position:absolute; left:2px; right:2px; top:0; bottom:0; padding:10px; background:url(../images/promobg1.png) repeat 0 0}
.promo-details h3{color:#fff; font-weight:700; font-size:18px; text-transform:uppercase; border-bottom:1px solid #fff; padding:0 0 6px; margin:0 0 17px}
.promo-details p{color:#fff; font-size:14px; line-height:18px}
.jcarousel-control-prev,.jcarousel-control-next{position:absolute; top:0; width:19px; height:100%; text-align:center; color:#fff;text-decoration:none; font:24px/27px Arial, sans-serif; vertical-align:middle}
.jcarousel-control-prev{background:url(../images/icon-prev.jpg) no-repeat 50% 50%; left:0px}
.jcarousel-control-next{background:url(../images/icon-next.jpg) no-repeat 50% 50%; right:0px}
.promo-bg2{background-image:url(../images/promobg2.png)}
.promo-bg3{background-image:url(../images/promobg3.png)}
.promo-bg4{background-image:url(../images/promobg4.png)}
.jcarousel-pagination{position:absolute; bottom:-40px; left:50%; -webkit-transform:translate(-50%, 0); -ms-transform: translate(-50%, 0); transform:translate(-50%, 0); margin:0}
.jcarousel-pagination a{text-decoration:none; display:inline-block; font-size:11px; height:10px; width:10px; line-height:10px;
background:#fff; color:#4E443C; border-radius:10px; text-indent:-9999px; margin-right:7px; -webkit-box-shadow:0 0 2px #4E443C;
-moz-box-shadow:0 0 2px #4E443C; box-shadow:0 0 2px #4E443C}
.jcarousel-pagination a.active{background:#4E443C; color:#fff; opacity:1}
.featured_projname{    width: auto;
    position: absolute;
    bottom: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.77);
    right: 0;
    left: 0;
    height: 40px;
    line-height: 35px;
    color: #FFF;
    font-size: 16px;
    display: block;
    overflow: hidden;
    margin-right: 2px;
    padding: 0;
    margin-left: 2px;display: none;}
.jcarousel li:hover .featured_projname{display: block;}

.gallery-list .gallery_title{    margin-left: 5px;color: #E19E5A;border-bottom: 1px solid #E19E5A;margin-right: 5px;padding-bottom: 5px;}

.clients .col-sm-3{width: 15%;}
.clients .view img{height: auto}
.clients .mask h2{color: #fff !important;border: none !important;}
.galleria-thumbnails .galleria-image{height: 30% !important;width: 35% !important;    margin-bottom: 5px;}
.galleria-thumbnails .galleria-image img{height: 100% !important;width: 100% !important;left: 0 !important;}
.galleria-stage{ bottom: 0;
    float: right !important;
    left: 24% !important;
    width: 100% !important;height: 460px;
   /* position: relative !important;
    overflow: unset !important;*/
  }
  .galleria-image{height: 100% !important; }
   .galleria-image img{height: 100% !important;}
  .galleria-thumbnails{  height: 500px !important;
    overflow: hidden  !important;
    position: relative  !important;
    width: 100%  !important;
    left: 0 !important;
right: 0 !important;
  }
.galleria-thumbnails-container {
    bottom: 400px  !important;
   /* height: auto  !important;*/
    left: 0;
    position: absolute;
    right: 0;
    width: 32%  !important;
    z-index: 2;
}
.slick-slider {
    margin-bottom: 0 !important;
}
.portfolio-entry-content {
    font-size: 15px;
    line-height: 25px;
   /* margin: -50px 0 50px !important;*/
   float: left;
}
.galleria-thumb-nav-left{display: none !important}
.galleria-thumb-nav-right{display: none !important}

.portfolio_slick.slick-initialized.slick-slider {
    width: 100%;
}
.slick-list{width: 100% !important}
.slick-track{width: 100% !important}
.gallery .slick-slide{width: 100% !important}
.galleria{width: 100%;}
.galleria-container{width: 100%;}
.galleria-images{width: 100%;}
.galleria-image > img{width: 100%;}



/*for media ips*/

.page-main-img {
    -webkit-box-shadow: 0 4px 4px -2px #000000;
    -moz-box-shadow: 0 4px 4px -2px #000000;
    box-shadow: 0 4px 4px -2px #000;
}


.blog-item {
    float: left;
    margin-bottom: 30px;
    margin-right: 4%;
    width: 45%;
	min-height: 500px;
	position:relative;
}
.blog-thumbnail {
    border-bottom: 4px solid #E19E5A;
    position: relative;
}
.blog-thumbnail{ 

 background-position: center center !important;
    background-size: cover !important;
    float: left;
    margin: 0 0.3% 4.3% 0;
    overflow: hidden;
    padding-bottom: 48.7%;
    position: relative;
    top: 0;
    width: 100%;
}
.blog-content {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #eeeeee;
    border-radius: 0 0 5px 5px;
    padding: 20px 15px 10px 0;
    min-height: 500px;
}
.blog-button {
	position:absolute !important;
	bottom:15px;
	right:0px;
}

.buton-mini {
    font-size: 13px !important;
    padding: 10px 21px 12px !important;
}
.buton-mini a{
    color: #fff;
}
.buton {
    border: medium none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 5px 0;
    outline: medium none;
    padding: 5px 15px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    z-index: 1;
}
.b_inherit {
    background: #E19E5A none repeat scroll 0 0;
    box-shadow: 0 -3px 0 0 rgba(0, 0, 0, 0.2) inset;
	float:right;
}
.buton::after {
    content: "";
    position: absolute;
    transition: all 0.3s ease 0s;
    z-index: -1;
}
.buton-2::after {
    background: #000 none repeat scroll 0 0;
    border-radius: 5px;
    height: 0;
    left: 0;
    opacity: 0.1;
    top: 0;
    width: 100%;
}
.buton-2:hover::after, .buton-2:active::after {
    height: 100%;
}
.blog-style-3 .day {
    color: #fff;
    display: block;
    font-size: 44px;
    font-weight: 900;
    line-height: 44px;
    margin: 0 0 0 -4px;
}

.blog-style-3 .blog-date {
    background: #E19E5A none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 -3px 0 0 rgba(0, 0, 0, 0.2) inset;
    float: left;
    margin: 0px 24px 50px 0;
    overflow: hidden;
    padding-top: 5px;
    position: relative;
    text-align: center;
    width: 76px;
}
.blog-style-3 .monthyear {
    color: #fff;
    display: block;
    font-size: 13px;
    line-height: 24px;
    margin: 2px 0 0;
}
.blog-item .blog-title a {
    font-size: 24px;
    transition: all 0.2s ease-in-out 0s;
}
.blog-item .blog-title a {
    color: #E19E5A;
}
.blog-style-3 .blog-date {
    text-align: center;
}
.blog-intro {
	padding:10px 0 10px 0;
}
p.blog-intro {
    text-align: justify;
    font-size: 14px;
}
.blog-meta {
    color: #727272;
    font-size: 12px;
    font-weight: 300;
}
.blog-style-3 .blog-date .comment-count {
    border-bottom: 1px solid transparent;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #fff;
    margin-top: 0px;
    padding: 5px 0;
}


.galleria-thumbnails .galleria-image{position: relative;
top: 0px;
overflow: hidden;
float: left;
width: 24.77%;
padding-bottom: 23.7%;
margin: 0px 0.3% 0.3% 0px;
background-position: center center;
background-size: cover;}

/*.galleria-stage .galleria-image{position: relative;
top: 0px;
overflow: hidden;
float: left;
width: 100%;
padding-bottom: 23.7%;
margin: 0px 0.3% 0.3% 0px;
background-position: center center;
background-size: cover;}*/




/*.galleria-stage .galleria-image img{opacity: 0 !important;}*/

.projectImg{ background-position: center center !important;
    background-size: cover !important;
    float: left;
    margin: 0 1.3% 1.3% 0;
    overflow: hidden;
    padding-bottom: 31%;
    position: relative;
    top: 0;
    cursor: pointer;
    width: 45.77%;}
.projectslideImg{ background-position: center center !important;
    background-size: cover !important;
     background-repeat: no-repeat !important;
    float: left;
    margin: 0 0.3% 0.3% 0;
    overflow: hidden;
    /*padding-bottom: 47.7% !important;*/
    min-height: 515px;
   /* position: absolute;*/
    top: 0;
    width: 100%;}
.projectMiddle{
    height: 515px;
    overflow: hidden !important;
    /*margin-top: -20px;*/
}


@media (min-width: 768px){
.custom-navigation .navbar-nav > li { float:none; display:inline-block; font-size:14px; text-transform:uppercase; letter-spacing:0.3px;}
.custom-navigation .navbar-nav {float: none; text-align:center; margin: 0;}
.custom-navigation .navbar-nav > li > a{padding: 5px 15px !important;}

}

@media (max-width: 1123px){
.navbar-default.custom-navigation{width: 68%;}
.logo img{margin-left: 2%;}
.clients .col-sm-3{width: 20%;}
.galleria-stage {
    bottom: 105px;
    float: right !important;
    left: 232px !important;
    width: 100% !important;
}
.galleria-thumbnails-container {
    bottom: 400px !important;
    left: 0;
    position: absolute;
    right: 0;
    width: 32% !important;
    z-index: 2;
  }
}

@media (max-width: 1082px){
.tempclass {height: 109px !important;}
}

@media (max-width: 1024px){
    .projectMiddle{ margin-top: -20px !important; height: 353px;}

.projectImg{ padding-bottom: 33.7%;  width: 46.77%;}

}

@media (max-width: 980px){
  .logo img {
    display: inline-block;
    margin-left: 0;
    float: none;
    height: 40px !important;
}
.team_section .col-sm-3 {width: 33%;}
.navbar-default.custom-navigation{width: 100%;margin: 15px 0px 0px !important;}
.clients .col-sm-3{width: 25%;}
.projectMiddle{ margin-top: 10px !important;  max-height: 440px !important; }
.projectslideImg{margin-top: 20px;}
}




@media (max-width: 768px){
    .galleria-thumbnails-container {display: none;}
/*.galleria-thumbnails-container {
     left: 0;
    position: absolute;
    right: 0;
    top: 396px;
    width: 100% !important;
    z-index: 2;}*/

.galleria-stage {
    bottom: 105px;
    float: left !important;
    left: 0 !important;
    width: 100% !important;}

    
.portfolio-entry-content{margin: 0 !important;}
.member_content{width: 100%;}
.member_image{width: 100%;float: left;}
.news_section,.recent_news{width: 100%;}
footer{position: static !important;}
.view img{height: auto !important;}
.banner-content{position: static !important;width: 100% !important;}
.banner-content-box1{width: 100%;text-align: center;}
.banner-content-box2{text-align: center;max-width: 100% !important;margin-left: 0 !important;background-color: rgba(0, 0, 0, 0.6) !important;margin-top: 1px !important;padding-bottom: 30px !important;}
.col{width: 100%;}
.alignleft{width: 100% !important;}
.tempclass {height: 85px !important;}
.logo img {
    display: block;
    margin-left: 2%;
    float: left;
    height: 40px !important;
}
.navbar-toggle{margin-top: -49px;}
.navbar-default.custom-navigation {
    width: 100%;
    margin: 13px 0px 11px !important;
    float: right;
}
.dropdown-menu{position: static;float: none;text-align: center;}
.team_section .col-sm-3 {width: 50%;float: left;}
.clients .col-sm-3 {width: 33%;float: left;}
.funfact-block{width: 100%;}
/*.galleria-container{ height: 1150px !important} */
.galleria-thumbnails-list{ margin-top: 239px !important;}
.galleria-thumbnails-container{top: 511px !important; }
.blog-item{width: 100%;}

.projectMiddle{max-height: 402px;}
.projectslideImg{margin-top: 30px !important;min-height: 319px;}

.projectImg{ padding-bottom: 26.7% !important;  width: 32.77% !important;}

}
@media (max-width: 767px){
    .projectMiddle {width: 100% !important; margin-top: 28px; }
    .leftport{width: 100%;}
    .rightport{width: 100%;}

}

@media (max-width: 640px){
/*.galleria-container{ height: 970px !important} */
.galleria-thumbnails-list{margin-top: 358px !important;}
/*.galleria-image {height: auto !important;}*/
.galleria-stage .galleria-image > img{ width: 100% !important;height: auto !important; top: 0 !important;}
.galleria-thumbnails-container{top: 0 !important; }
.galleria-thumbnails{height: auto !important;}
.blog-item{width: 100%;}
.projectMiddle{ height: 337px;margin-top: 0 !important;}
.birds_portfolio .col-sm-12.col-md-8{float: left; width: 100%;}
.birds_portfolio .col-sm-12.col-md-4 { float: left;  width: 100%;}

.projectImg{ padding-bottom: 26.7% !important;  width: 32.77% !important;}

}
@media (max-width: 540px){

.team_section .col-sm-3 {width: 100%;float: left;}
.clients .col-sm-3 {width: 50%;float: left;}
.galleria-thumbnails-container {
     left: 0;
    position: absolute;
    right: 0;
    top: 396px;
    width: 100% !important;
    z-index: 2;}

.galleria-stage {
    bottom: 105px;
    float: left !important;
    left: 0 !important;
    width: 100% !important;}
.portfolio-entry-content{margin: 0 !important;}
.blog-item{width: 100%;}
.projectMiddle{margin-top: 10 !important;/* max-height: 177px !important;*/}
.projectImg{ padding-bottom: 26.7% !important;  width: 32.77% !important;}
.blog-item {position:relative; min-height: 0;}
.blog-content {	min-height: 75px;}

.blog-button {position:relative !important;margin-top:3em;}


}

/************ Middle Section CSS ************/
.main-container {     margin-bottom: 67px;}
.latest-news-section  { background:#ebebeb; /*padding:20px 20px 20px 30px;*/ padding:20px 9px 20px 18px; margin:10px 0 0;}
.news-title { font-size:20px; text-transform:uppercase; padding-bottom:20px; color:rgb(0, 192, 255); font-weight:bold;border-bottom: 1px solid #E19E5A;
    padding-bottom: 20px;
    margin-bottom: 20px;}
.latest-news-list { padding:0px; list-style:none; margin:0px;}
.latest-news-list li { display:block; padding-bottom:25px;}
.latest-news-list li  a { padding-right:20px; display:block; font-size:13px; color:#111111; word-wrap:break-word; /*background:url(../images/arrow.png) right center no-repeat;*/}
.latest-news-list li a::before{ font-family: 'FontAwesome';speak: none;-webkit-font-smoothing: antialiased;/*content: '\f0a9';*/float: right;}
.latest-news-list li  a  strong { display:block;}
.news-link  a{font-size:13px;  color:rgb(0, 192, 255); padding-right:15px; font-weight:bold; text-transform:uppercase; /*background:url(../images/arrow.png) right center no-repeat;*/}
.news-link a::after{font-family: 'FontAwesome';speak: none;-webkit-font-smoothing: antialiased;content: '\f0a9';margin-left: 10px;}
.homepage .col-sm-4{ padding-left:0px;}
.banner-content { position:absolute; z-index:99; bottom:20%; left:30%; width:70%;}
.banner-content-box1 { font-size:30px; display: inline-block; color:#fff; line-height:34px; padding:10px; background-color: rgb(0, 192, 255);opacity: 0.75;}
.banner-content-box2 { font-size:14px; display: inline-block;  max-width:60%; margin-left:5%; margin-top:10px; color:#fff; line-height:18px; padding:10px; background-color: rgba(0, 0, 0, 0.55);}
.banner-section .owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.banner-section  .owl-theme .owl-controls .owl-page span {    background: #fff;}
.navbar-default .navbar-toggle .icon-bar {   background-color: #fff;}
.navbar-toggle{background-color: #40D0FF;}
.navbar-default .navbar-toggle {border-color: #40D0FF;}
.navbar-default .navbar-toggle:focus { background-color: #40D0FF;}
.gallery-list{    background-color: #ebebeb;margin-top: 10px;margin-right: 8px;  padding: 0 10px; padding-bottom: 20px;}
.gallery-list .col-sm-3 { padding:0px; }
.view {
   margin: 5px 5px 0;
   float: none;
   border: 5px solid #f5f5f5;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff ;
}

.FeaturedProjects { background-position: center center !important;
background-size: cover !important;
float: left;
margin: 0px 0.3% 0.3% 0px;
overflow: hidden;
padding-bottom: 53.7%;
position: relative;
top: 0px;
width: 100%;
}



.view .mask,.view .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
   width:100%;
       height: 230px;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: left;
   position: relative;
   font-size: 18px;
   padding: 0 10px;
   margin: 20px 0 0 0;
}
.view p {
   font-style: normal;
   font-size: 10px;
   position: relative;
   color: #fff;
   padding: 10px;
   text-align: left;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgb(0,192,255,0.70);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
	
.view:first-child { margin-left:0px;}
.gform_wrapper {  margin: -26px 0 1em !important; }

/*------------------------------------*\
-------- DEMO Code: accordion
\*------------------------------------*/
/*----- Accordion -----*/
.accordion, .accordion * {
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}

.accordion {
    overflow:hidden;
    box-shadow:0px 1px 3px rgba(0,0,0,0.25);
    border-radius:3px;
    background:#f7f7f7;
}

/*----- Section Titles -----*/
.accordion-section-title {
    width:100%;
    padding:15px;
    display:inline-block;
    border-bottom:1px solid #1a1a1a;
    background:#C3C8C8;
    transition:all linear 0.15s;
    /* Type */
    font-size:1.200em;
    text-shadow:0px 1px 0px #1a1a1a;
    color:#605e5e;
}

.accordion-section-title.active, .accordion-section-title:hover {
    background:#605e5e;
    color: #fff;
    /* Type */
    text-decoration:none;
}

.accordion-section:last-child .accordion-section-title {
    border-bottom:none;
}

/*----- Section Content -----*/
.accordion-section-content {
    padding:15px;
    display:none;
}
.fa-plus::before {
   content: "\f067";
}

.entry-content{padding-bottom: 60px}
/************ Footer Section CSS************/
footer {    float: left; padding:15px 0; background:#605e5e; position:static; width:100%; left:0px; bottom:0px;    padding-left: 10px;padding-right: 10px;z-index: 9999;}
.footer-left-side { font-size:13px; color:#fff; line-height:28px;} 

.social-icons {}
.social-icons ul { padding:0px; margin:0px; text-align:right;}
.social-icons ul li { display:inline-block; margin-right:10px; vertical-align:top;}
.social-icons ul li a { display:block; width:25px; height:25px;} 
.social-icons ul li a.instagram{ background:url(../images/social-icon.png) no-repeat -25px 0px;}
.social-icons ul li a.linkedin{ background:url(../images/social-icon.png) no-repeat -50px 0px;}
.social-icons ul li a.facebook{ background:url(../images/social-icon.png) no-repeat 0px 0px;}
.social-icons ul li a.twitter{ background:url(../images/social-icon.png) no-repeat -100px 0px;}
.social-icons ul li a.pinterest{ background:url(../images/social-icon.png) no-repeat -75px 0px;}

.dropdown:hover .dropdown-menu {display: block;margin-top: 0; }


.mask h3{ color : #E19E5A;}
.mask span{color: #E19E5A;}
.member_content h1{   font-size: 26px; margin-bottom: 5px;}
.member_desg{margin: 0;}

/*.prevImg{background: url(../images/arrow-left.png) no-repeat ;  position: absolute;
  top: 50%;
  z-index: 99;
  width: 15px;
  left: 20px;  background-size: 100%;cursor: pointer;}
.nextImg{background: url(../images/arrow-right.png) no-repeat ;  position: absolute;
  top: 50%;
  z-index: 99;
  width: 15px;
  right: 20px;  background-size: 100%;cursor: pointer;}*/
.xtra_detail > p { text-align: left; }
.member_content label{ font-size: 20px;}