/*-----------------------------------------------------------------------------------

    Theme Name: MADEO - HR&A Theme
    Theme URI: http://madeostudio.com
    Description: HR&A Website
    Author: MADEO Media
    Author URI: http://madeostudio.com
    Version: 1.5.6
    template: madeo
    
-----------------------------------------------------------------------------------*/

@import url("../madeo/style.css");
@import url("../madeo/_include/css/color.css.php");
@import url("../madeo/_include/css/custom.css.php");


@import url("_include/css/tabbed-slider.css");
@import url("_include/css/owl.carousel.css");

@import url("_include/css/slick.css");
@import url("_include/css/slick-theme.css");

@import url("_include/css/owl.transitions.css");
@import url("_include/css/simpletextrotator.css");

@import url("_include/css/font-awesome.css");
/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic,600,600italic,700,700italic);*/
@import url( '_include/css/home-page-banner.css' );

/* --- general resets --------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,
hgroup,menu,nav,section,summary,time,mark,audio,video,embed,
object {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
  font-smoothing: antialiased !important;
  vertical-align: baseline;
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  line-height: inherit;
  outline: 0px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  font-variant: normal;
  text-transform: none;
  speak: none;
}
/* --- HTML5 display-role reset for older browsers --------------------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
    font-size: 1em;
    line-height: 1.750em;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    color:#888;
}

h1, h2, h3, h4, h5, h6, #menu ul a, #navigation-mobile li a, 
#image-static .page-caption, #image-static .entry-meta.entry-header, 
#title-page .page-caption, #title-page .entry-meta.entry-header {
    font-family: 'Open Sans', sans-serif;
}
#title-page{
  display: none;
}
ul {
  list-style: none;
}

a {
    color:#5b9ef4;
}
a:hover{
  color:#003e7a;
}

b,strong {
    font-weight: 700 !important;
}

/* Headings */

h1 {
    font-size: 2.375em;
    line-height: 1.526em;
    font-weight: 300;
    color: #003e79;
    letter-spacing: 0.0300em;
}

h2 {
    font-size: 2.125em;
    line-height: 1.294em;
    font-weight: 300;
    letter-spacing: 0.0300em;
}

h3 {
    font-size: 1.500em;
    line-height: 1.417em;
    font-weight: 300;
    letter-spacing: 0.0300em;
    color:#333;
}

h4 {
    font-size: 0.750em;
    line-height: 1.833em;
    font-weight: 700;
    letter-spacing: 0.0950em;
    text-transform: uppercase;
}

.caption {
    font-size: 0.750em;
    line-height: 2.000em;
    font-weight: 400;
    font-style: italic;
    letter-spacing: 0.0600em;
    position: relative;
    padding-left: 25px;
}

.caption:before {
    content: "";
    width: 10px;
    border-bottom: 1px solid;
    display: block;
    position: absolute;
    left: 0px;
    top: 50%;
}

/* General */

.container-fluid {
    padding-right:75px;
    padding-left:75px;
}

.row.full-row {
    margin-left:-75px;
    margin-right:-75px;
}

.img-holder {
    position: relative;
    overflow: hidden;
    line-height:0;
}

.img-holder img {
    width:100%;
    max-width:100%;
    position: relative;
    z-index: 1;
}

.img-holder .caption {
    position: absolute;
    z-index: 2;
    color:#fff;
    bottom:25px;
    right:75px;
}

.img-holder .caption:before {
    border-color:#fff;
}

/* Sections Colors */

.grey-section {
    background-color: #f8f8f8;
    padding:50px 0;
}

.light-blue-section {
    background-color: #5b9ef4;
    padding:50px 0;
}

.blue-section {
    background-color: #003e7a;
    padding:50px 0;
}

hr {
    color: #ececec;
    background-color: #ececec;
}

.button-main {
    border: 0 none;
    border-bottom: 2px solid #5b9ef4;
    padding-left: 0 !important;
    padding-right: 0 !important;
    color: #5b9ef4;
}

.border-with-accent {
    position:relative;
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px solid #F6F6F6;
}

.border-with-accent:after {
    content:" ";
    width:150px;
    display:block;
    position:absolute;
    bottom:-1px;
    left:0;
    /* border-bottom:1px solid #5b9ef4; */
}

ul.bullet-point-list{
    list-style: disc;
    margin-left: 15px;
    list-style-position: outside;
}
ul.bullet-point-list li{
    border:none !important;
    margin:0 !important;
    padding:0px 0px 15px 0px !important;

    
}


/* home case */
.page-id-5319 {
 // background-color: #003e79;
}

.page-id-5319 .wrap_all {
  opacity: 0;
  visibility: hidden;
  transition: opacity 2s ease , visibility 2s ease;
}


.wrap_all{/* background-color : #003e7a; */}

#main{
 background-color : #fff;
}
/*  Header  */

header {
    height:160px;
}

header .col-md-10 {
    padding-left:0;
}

header #logo a, #menu ul li, #search-button {
    line-height: 160px;
}

#logo a img {
    vertical-align: middle;
}

#menu ul li {
    padding: 0 10px;
}



#menu ul li a {
    padding: 0;
    font-size:0.750em;
    color: #bababa;
    letter-spacing: 0.200em;
    line-height: 175px;
}
.normal-header #menu ul li.active a {
  color: #003e79;/*#2D3C48;*/
}
.with-background #menu ul li.active a {
  color: #fff;
}
#menu > ul > li:after {
    display:none;
}

.menu-nav .menu-icon {
    background-image: url(_include/img/menu-mobile.png);
    left:0;
}

/************mobile menu**************/
body.mob_menu_open{
    overflow-x: hidden;
}
.push {
    position: relative;
    overflow: hidden;
}
#navigation-mobile {
    position: fixed;
    right: -320px; /*left or right and the width of your navigation panel*/
    width: 300px; /*should match the above value*/
    z-index: 100;
    background: rgb(0, 62, 121);
    float: inherit;
    -webkit-box-shadow: inset 8px -5px 15px -8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:    inset 8px -5px 15px -8px rgba(0, 0, 0, 0.2);
    box-shadow:         inset 8px -5px 15px -8px rgba(0, 0, 0, 0.2);
    top:0;
    display: block !important;
}
#navigation-mobile #menu-nav-mobile li{
        border: none;
}
#navigation-mobile li a{
    color: #ffffff;
}

#mobile-nav span{
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}
#mobile-nav.active span{
     -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

/************mobile menu**************/


#marker {
    position: absolute;
    display:none;
    border-bottom:2px solid #fff;
    height: 2px;
    -webkit-transition:width .3s ease, left .3s ease;
    -moz-transition:width .3s ease, left .3s ease;
    -ms-transition:width .3s ease, left .3s ease;
    -o-transition:width .3s ease, left .3s ease;
    transition:width .3s ease, left .3s ease;
}
.normal-header #marker {
  border-color: #003e79;/*#2D3C48;*/
}
.with-background #marker {
  border-color: #fff;
}

#search-button {
    float:right;
    color:#e6e6e6;
    margin-left:40px;
    width: 18px;
    height: 18px;
}

#search-button i {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 8px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    line-height: 175px;
}

#search-button i:hover{
    color: #888;
}

header.with-background #search-button i.fa-search{
    color: #fff;
    opacity: 0.6;
}
header.with-background #search-button i.fa-search:hover{
    color: #fff;
    opacity: 1 !important;
}

header.with-background, header.with-background .container-fluid, header.with-background .container {
    height: 350px;
}

header.with-background {
    background:no-repeat center center transparent;
    background-size: cover;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

header.with-background #menu ul li a {
    color: #fff;
    opacity: 0.6;
}

header.with-background #menu ul li.current_page_item a, 
header.with-background #menu ul li.current-menu-item a {
    opacity: 1;
    /*border-top: 2px solid #fff;*/
    /*line-height: 156px;*/
}

header.with-background #menu ul li a:hover{
 /*border-top: 2px solid #fff;
 color: #fff;*/
    opacity: 1 !important;
}

.header-overlay{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

#magic-line { 
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100px;
  height: 2px; 
  background: #fff; 
}

header.with-background #search-button span.search-icon {
    opacity: 0.5;
    background-image: url(_include/img/search-icon-white.png);
}

header.with-background #search-button:hover span.search-icon {
    opacity: 1;
}

header.with-background .menu-nav .menu-icon {
    opacity: 0.5;
    background-image: url(_include/img/menu-mobile-white.png);
}

header.with-background .menu-nav:hover .menu-icon {
    opacity: 1;
}

header.with-background .full-row {
    position: absolute;
    width: 100%;
    bottom: 0;
    margin: 0;
    left: 0;
}

header.with-background .full-row .light-blue-section {
    padding: 20px 75px;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    text-transform: uppercase;
}

header.with-background .container-fluid .full-row .light-blue-section {
    width: calc(33.333% + 20px);
}
header.with-background .full-row .light-blue-section:hover{
  background-color: #003E7A;
  
}

header.with-background .blue-btn {
    color:#fff;
    font-size: 0.750em;
    line-height: 1.833em;
    font-weight: 700;
    letter-spacing: 0.0950em;
    text-transform: uppercase;


}

header.with-background .blue-btn i {
    margin-left: -40px;
    margin-right: 24px;
    font-size: 11px;
    vertical-align: middle;
    opacity: 0.6;
}

header.with-background .full-row .blue-section {
 padding: 10px 75px;
}

header.with-background .container-fluid .full-row .blue-section {
 width: calc(33.333% + 20px); 
}

/* HomePage */

.home-intro {
    padding:80px 0;
}

.home-intro h1.animated {

  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;


  -webkit-animation-delay: 300ms;
  animation-delay: 300ms;

  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  animation-name: fadeInUp;
  min-height: 172px;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    -moz-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
}


@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0 , 0);
    -moz-transform: translate3d(200px, 0 , 0);
    transform: translate3d(200px, 0 , 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    -moz-transform: translate3d(200px, 0 , 0);
    transform: translate3d(200px, 0 , 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0 , 0);
    -moz-transform: translate3d(200px, 0 , 0);
    transform: translate3d(200px, 0 , 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
}


.featured-project .col-md-12 {
    padding:0;
}

.absolute-title {
    color: #fff;
    position: absolute;
    left: 75px;
    z-index: 10000;
}
.featured-project .absolute-title {
    top: 50%;
    -webkit-transform: translateY(-300%);
    -moz-transform: translateY(-300%);
    transform: translateY(-300%);
}


.practice-section .absolute-title {
  left: 15px;
  top: 0;
}

.featured-project-slider .owl-wrapper-outer,
.practice-area-slider .owl-wrapper-outer {
    z-index: 1;
}

.featured-project-slider .owl-controls,
.practice-area-slider .owl-controls,
.home-news-slider .owl-controls{
    z-index: 2;
    position: absolute;
    bottom: 30px;
    left: 75px;
}

.featured-project-slider .item {
    background: no-repeat center center transparent;
    background-size: cover;
}

.featured-project-slider .item img {
    display:none;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
 
.fade-in {
  animation: fadein 5s;
    -moz-animation: fadein 5s; /* Firefox */
    -webkit-animation: fadein 5s; /* Safari and Chrome */
    -o-animation: fadein 5s; /* Opera */
}




.featured-project-slider .item .content {
    height:720px;
    width:100%;
    position: relative;
    background-color:rgba(0,0,0,0.15);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.featured-project-slider .item .content:hover {
   background-color:rgba(0,0,0,0.5);
   cursor: pointer;
}

.featured-project-slider .item .content .project-title {
    position: relative;
    left:75px;
    top:50%;
    transform: translateY(-50%);
}

.featured-project-slider .item .content .project-title h4 {
    margin-bottom:20px;
}

.featured-project-slider .item .caption,
.practice-area-slider .item .caption {
    position: absolute;
    right:75px;
    bottom:30px;
}

.featured-project-slider .item .caption:before {
    top: 12px;
}

@media only screen and (min-width: 992px){
    .featured-project-slider .item .caption {
        max-width: 50vw;
    }
}

@media only screen and (max-width: 991px){
    .featured-project-slider .item .caption {
        bottom: 60px !important;
    }
}

.practice-section .owl-item .project-title img{
  display: none;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.practice-section .owl-item.active .practice-img {
  display: block;
  
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;


  -webkit-animation-delay: 1s;
  animation-delay: 1s;

  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  animation-name: fadeInLeft;

}


.featured-project .owl-item .project-title , .practice-section .owl-item .project-title h2,
.practice-section .owl-item .project-title p, .owl-item .caption {
  display: none;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.practice-section .owl-origin .owl-item .project-title,
.practice-section .owl-origin .owl-item .project-title h2, 
.practice-section .owl-origin .owl-item .project-title p, 
.practice-section .owl-origin .owl-item .caption  {
 -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: block;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-name: fadeOutDown;
  /*-moz-animation-name: fadeOutDown;*/
  animation-name: fadeOutDown;
}

.practice-section .owl-item.active .project-title.fadeDown h2, .practice-section .owl-item.active .project-title.fadeDown p {

}



.featured-project .owl-item.active .project-title , .practice-section .owl-item.active .project-title h2,
.practice-section .owl-item.active .project-title p, .owl-item.active .caption {
  display: block;
  /*-webkit-animation-name: fadeIn;
  animation-name: fadeIn;*/
  
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;


  -webkit-animation-delay: 800ms;
  animation-delay: 800ms;

  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  animation-name: fadeInUp;

}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}



.featured-project-slider .item h2, .featured-project-slider .item h4, .featured-project-slider .item .caption,
.practice-area-slider .item h2, .practice-area-slider .item h4, .practice-area-slider .item p, .practice-area-slider .item .caption {
    color: #fff;
}

.featured-project-slider .item h2 {
    max-width: 90%;
}

.featured-project-slider .item .caption:before,
.practice-area-slider .item .caption:before {
    border-color: #fff;
}

.featured-project-slider .owl-page,
.practice-area-slider .owl-page,
.home-news-slider .owl-page{
    float: left;
    margin-right: 25px;
}

.featured-project-slider .owl-page:last-child,
.practice-area-slider .owl-page:last-child,
.home-news-slider .owl-page:last-child{
    margin-right: 0;
}

.featured-project-slider .owl-page span,
.practice-area-slider .owl-page span,
.home-news-slider .owl-page span{
    display: block;
    width: 10px;
    height: 10px;
    border: 3px solid #fff;
    border-radius: 50%;
    background-color: #fff;
    box-sizing: border-box;
}

.featured-project-slider .owl-page.active span,
.practice-area-slider .owl-page.active span,
.home-news-slider .owl-page.active span{
    background-color: transparent;
}

.practice-section {
    padding:120px 0 80px 0;
}

.practice-area-slider .item .practice-img {
    float:right;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
}
.practice-area-slider .item .practice-img img {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
  opacity: 1;
}
.practice-area-slider .item .practice-img:hover img {
    opacity: 0.5;
}

.practice-area-slider .item .content {
    width:100%;
    position: relative;
    height: 350px;
}

.practice-area-slider .item .content .project-title {
    width:50%;
    position: relative;
    left:0;
    top:40px;
    z-index: 10;
}

.practice-area-slider .item .content .project-title h4 {
    margin-bottom:20px;
}

.practice-area-slider .item .content .project-title h2 {
    margin-bottom:20px;
}
.practice-area-slider .item .content .project-title h2 a {
  color: #fff;
  font-weight: 200;
}

.practice-area-slider .item .caption {
    right:0;
    bottom:0;
}

.practice-area-slider .owl-controls {
    left:0;
    bottom:0;
}

.home-news {
    padding:70px 0;
}

.home-news h4.section-title {
    color:#003e79;
    margin-bottom:25px;
}

.home-news .news-item h3 a {
    color: #003e7a;
    font-weight: 300;
}

.home-news .news-item h3 {
    margin-bottom: 20px;
}

.home-news .news-item p {
    margin-bottom: 50px;
}
.home-news .news-item a.readmore {
  font-size: 16px; 
  color: #5b9ef4; 
  font-family: 'Open Sans';
  border:none;
  font-weight: normal;
  text-transform: capitalize;
  /*letter-spacing:2px;*/
}
.home-news .news-item a.readmore:hover{ 
  color:#003e7a;
  /*background-color: #f8f8f8;
  border-color:#003e7a;*/
}


/************ Services page ************/
#services h2 {
  color: #003e79;
}
#services .service-item {
  border-bottom: 1px solid #F6F6F6;
  overflow: hidden;
  padding: 30px 0;

}
.blue-bar{
  background-color: #003e7a;
  width: 100%;
  height: 17px;
  margin-left: -75px;
  margin-top: -92px;
}
.head-services {
  margin-top: 65px;
}
#header-services .img {
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
   -o-background-size: cover;
    background-size: cover;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 350px;
}
#footer-services .img {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
   -o-background-size: cover;
    background-size: cover;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 550px;
}
#foot-services .caption {
bottom:60px;
float: right;
margin-right: 100px;
}
#services .service-no h5{
  font-size: 0.750em;
  font-weight: 700;
  line-height: 1.375em;
  color: #DCDCDC;
  float: left;
  display: inline;
  margin-top: 3px;
  text-align: right;
  margin-right: 10px;
}
/*
#services .service-no h5:hover{
  color: #003E7A
}
*/
#services .service-content a {
  float: left;
  text-align: left;
  display: inline;
}

#services .service-content h4{
  font-size: 1em;
  font-weight: 500;
  line-height: 1.375em;
  letter-spacing: 0.0300em;
  color: #888888;
  text-transform: none;
}
#services .service-content {
  margin-left: 30px;
}

#services .service-item:hover h4{
  color: #6aa5f5;
}
#services .service-item:hover h5{
  color: #003E7A
}

#services .service-collection{
  margin-left: 50px;
  margin-top: 65px;
}
#services .col-md-8 {
  border-left: 1px #F3F3F3 solid;
  padding-left:30px;
  padding-bottom: 60px;
}


/***************************************/


/************* Single Article *****************/
.article-single .sidebar .sub-navigation a{
    display: block;
    padding: 22px 70px 22px 0px;
    color: #BABABA;
    font-size: 0.75em;
    line-height: 1.833em;
    font-weight: 700;
    letter-spacing: 0.0950em;
    text-transform: uppercase;
    border-bottom: 1px solid #F6F6F6;
    
}
.article-single .sidebar .sub-navigation a:hover{
      color: #003E79;
}

.article-single .sidebar .sub-navigation li  {
  padding: 0 0 0 75px;
  border-bottom: none;
}

.article-content {
    padding-top: 65px;
    padding-bottom: 80px;
    padding-left: 75px;
}
.article-content .full-row{
    padding-left: 75px;
}
.article-content h4 ,.member-content h4{
      color: #003e79;
}
.article-date{
    font-size: 0.750em;
    line-height: 2.000em;
    font-weight: 400;
    font-style: italic;
    letter-spacing: 0.0600em;
    color: #003e79;
    margin-bottom: 20px;
}
.article-single .col-md-8 {
  border-left: 1px solid #F6F6F6;
}

.img-article {
  margin-top: 40px;
}
.img-article .caption {
  float: right;
}



/***************************************/

/******** Contact Page ******************/
#contact .head-contact h1 {
  color: #003e79;
}
.head-contact, .careers-side-head {
  margin-top: 65px;
}
#offices-section {
  margin-top:30px;
  margin-left: 20px;
}
#contact .contact-columns .col-md-8 {
  
  border-left: 1px #F6F6F6 solid;
  margin-top: 75px;
  padding: 0;

}
#contact .team-bar {
    padding: 70px 60px 70px 70px;
    width: 100%;
    display: table;
    margin-top: 80px;
}

#contact .team-bar h3  {
    color: #fff;
    
}
#contact .team-bar a  {
    color: #fff;
}    

#contact .contact-intro{
  margin-left: 40px;
}
#contact .contact-item {
  border-left: 1px #F6F6F6 solid;
  padding-left: 20px;
  margin-top: 60px;
}
#contact .contact-item li:hover,#contact .contact-item li.active {
  border-left: 2px #5b9ef4 solid;
  color: #5b9ef4;
  margin-left: -20px;
  padding-left: 20px;
}
#contact .contact-item li:hover h4,#contact .contact-item li.active h4,
#contact .mobile-map-menu li:hover a h4, #contact .mobile-map-menu li.active a h4{
  color: #5b9ef4;
} 
#contact .contact-item h4 {
  color: #b7b7b7;
  margin-bottom:30px;
}
#contact .mobile-map-menu-trigger{
    cursor: pointer;
}
#contact .mobile-map-menu-trigger i{
    float: right;
    font-size: 22px;
}
#contact .mobile-map-menu-container{
    position: relative;
}
#contact .mobile-map-menu{
    position: absolute;top: 45px;z-index: 1000;background: #fff;width: 100%;padding: 30px 0;opacity:0;
   -webkit-transition: opacity 0.8s ease-in-out;
    -moz-transition: opacity 0.8s ease-in-out;
    -o-transition: opacity 0.8s ease-in-out;
    transition: opacity 0.8s ease-in-out;
}
#contact .mobile-map-menu.open{
  opacity: 1;
}



#contact .map-locations {
  margin-top: 50px;
  padding-bottom: 20px;
}
#contact .map-locations h4 {
  color: #b7b7b7;
  border-top: 2px solid #fff;
  padding-top: 25px;
  margin-top: -25px;
}
#contact .map-locations .locations-bar {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#contact .map-locations .locations-bar  a{
    position: relative;
    color: #818B92;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0 10px;
    display: block;
}
#contact .map-locations .locations-bar li{
    display: inline;
    position: relative;
    float: left;
    margin-left: 40px;
    line-height: 120px;
    z-index: 40;
    border: 2px #fff solid;
    padding-top: 25px;
    background: #fff;
}
#contact .tab-content-contact{
  padding: 0px;
  margin-right:-75px;
  margin-top: 20px;
}

#contact .tab-content-contact .tab-pane {
  height: 415px;
}

#contact .map-locations .locations-bar li:hover h4 , #contact .map-locations .locations-bar li.active h4{
  color: #5b9ef4;
  border-top: 2px solid #5b9ef4;
}
#contact .address-contact .col-md-4{
  width: calc(33.333333333% + 40px);
}
#contact .address-contact .address-content {
  margin-left: 40px;
   margin-top: 40px;
   margin-right:2%;
   margin-bottom: 20px;
}
#contact .address-contact .address-content h3 {
  margin-bottom: 40px;
  color: #003e7a;
}
#contact .address-contact .address-content p {
  text-transform:none;
  color: #888888;
  font-size: 14px;
  line-height: 22px;
}
#contact .address-contact .address-content .contacts {
margin-top: 10px;
margin-bottom:10px;
}
#contact .address-contact .address-content .contacts span{
    display: block;
    height: 22px;
}
#contact .address-contact .address-content .email{
  color: #5b9ef4;
}
#staff-section .light-blue-section {
  
  margin-top:40px;
  margin-right:40px;
  margin-bottom:40px; 
}
#staff-section .blue-content h3 {
  color:#fff;
  margin: 40px;

}
#staff-section .blue-content a {
  color:#fff;
  border-bottom: 1px #fff solid;
}
#careers {
  border-left: 1px #F6F6F6 solid;
}
#careers .careers-info {
  margin-top: 75px;
  margin-right: 40px;
  margin-bottom: 75px;
  margin-left: 60px;
}
#careers .headline  p {
  color: #134880;
  margin-bottom:30px; 
}
#careers .career-item {
  height: 100px;
  border-top: 1px #F6F6F6 solid;

}
#careers .career-item .col-md-1, #careers .career-item .col-md-9, #careers .career-item .col-md-2{
    padding: 0;
} 
#careers .career-item .arrow-icon{
  margin-top: 40px;
  padding-left: 60px;
  -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
#careers .career-item h4{
  float: left;
  text-align: left;
  display: inline;
  color: #dcdcdc;
  margin-top: 38px;
  margin-left: -15px;

}
#careers .career-item:hover h3 {
color:#5b9ef4;
}
#careers .career-item:hover h4 {
color:#003e7a;
}
#careers .career-item:hover .arrow-icon  {
color:#5b9ef4;
-webkit-transform: translate(1em,0);
    -moz-transform: translate(1em,0);
    -o-transform: translate(1em,0);
    -ms-transform: translate(1em,0);
    transform: translate(1em,0);
}


#careers .career-item h3 {
  color:#888;
  float: left;
  text-align: right;
  display: inline;
  margin-left: 60px;
  margin-top:30px; 
}

#footer-contact .img {
  /*background: url('http://hraadvisors.pairserver.com/wp-content/uploads/2015/10/footer-contact.png') center center no-repeat;
  */
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
   -o-background-size: cover;
    background-size: cover;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 550px;
}
#footer-contact .img:after{
   content:'\A';
    position:absolute;
    width:100%; height:100%;
    top:0; left:0;
    background:#000;
    opacity:0.2;
}
#footer-contact .caption, #footer-services .caption {
bottom:60px;
float: right;
margin-right: 100px;
}
.map-contact{
  width:100%;
  height:415px;
}

/******************Careers****************************/
#careers-page .page-content .col-md-8 {
    margin-top: 75px;
    border-left: 1px #F6F6F6 solid;
}
@media only screen and (min-width: 992px){
    #careers-page .page-content .col-md-8 {
        margin-top: 0;
        padding-top: 75px;
    }
}
#careers-page .page-content .careers-auto-list{
    margin-top: 50px;
}
a.resumator-job-link{
    color:#5b9ef4 !important;
}

div.resumator-job-info.resumator-jobs-text, .resumator-jobs-text{
        color: #BABABA !important;
}
.resumator-job-title{
    color:#003e79 !important;
}
.resumator-job-description p, .resumator-job-description ul li{
    color: #888 !important;
}

/***************************************/

/******************client list****************************/
.client-list-columns .col-md-4.sidebar{
    padding-top: 55px;
}
/***************************************/


/***********About page **************/
#about .row > .col-md-4 h1{
  margin: 0 0 0 -75px;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 75px;
    border-bottom: 1px solid #F6F6F6;
}

#about .row > .col-md-4{
  padding-top: 40px;
}
#about  p {
font-size: 14px;
line-height:22px;
margin-bottom: 40px;
}
#about .caption {
  margin-bottom: 0px;
  font-size: 12px;
}
.page-submenu{
    background-color: #5b9ef4;
    padding: 15px 0;
}
.page-submenu-dark-blue{
    background-color: #003e7a;
    padding: 15px 0;
}
.page-submenu h4, .page-submenu-dark-blue h4{
    color:#fff;
}
.page-submenu a.page-submenu-trigger span.menu-icon, .page-submenu-dark-blue a.page-submenu-trigger span.menu-icon{
    background-image: url(_include/img/menu-mobile.png);
    opacity: 1;
    position: absolute;
    right: 15px;
    width: 16px;
    height: 16px;
}
.page-submenu a.page-submenu-trigger span.menu-icon.close, .page-submenu-dark-blue a.page-submenu-trigger span.menu-icon.close{
    background-image: url(_include/img/menu-mobile.png);
}
.page-submenu-list-container{
   background-color: #003e7a;
   overflow-y: hidden;
   /*height: auto;*/
   transition: max-height 300ms ease-in-out;
   -webkit-transition: max-height 300ms ease-in-out;
   -o-transition: max-height 300ms ease-in-out;
   -ms-transition: max-height 300ms ease-in-out;
   -moz-transition: max-height 300ms ease-in-out;
}
.page-submenu-list-container.closed{
   max-height: 0;
}
.page-submenu-list-container .page-submenu-list li {
    border-bottom: 1px solid rgba(0,0,0,0.4);
    padding: 10px 25px;
}
.page-submenu-list-container .page-submenu-list li a{
    color: #fff;
}
.page-submenu-list-container .page-submenu-list li:last-child{
    border-bottom: none;
}
.quote-author{
 text-align: right; 
}
/***************************************/
/********** News Page **************/
#news .head-news h1 {
  color: #003e79;
  padding: 0 0 30px 75px;
  border-bottom: 1px solid #F6F6F6;
}
#news .blue-bar{ 
width: 120%;
}
.head-news {
  margin-top: 65px;
  margin-left: -75px;
  box-sizing: content-box;
}

#header-news .img {
  background: url('http://hraadvisors.pairserver.com/wp-content/uploads/2015/10/header-contact.png') center center no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
   -o-background-size: cover;
    background-size: cover;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 350px;
}
#header-news .img:after{
   content:'\A';
    position:absolute;
    width:100%; height:100%;
    top:0; left:0;
    background:#1d2e49;
    opacity:0.6;
}

#news .sub-navigation {
    margin-left: -75px;
    box-sizing: content-box;
    display: none !important;
}

#news .sub-navigation .toggle-container {
    padding: 0 0 0 75px;
    border-bottom: 1px solid #F6F6F6;
}
#news .sub-navigation .toggle-container .items {
    display: block;
    padding: 25px 70px 25px 0;
    color: #BABABA;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.8em;
    line-height: 1.350em;
    letter-spacing: 0.15em;
}
#news .sub-navigation .toggle-container .items i {
    float: right;
    margin-right: -20px;
    font-size: 0.9em;
    line-height: 1.75em;
    color: #DCDCDC;
}

#news .sub-navigation .toggle-container.active .items, 
#news .sub-navigation .toggle-container.active .items i,
#news .sub-navigation .toggle-container.active .sub-items li.active a h4
{
    color: #5b9ef4;
}

#news .filter-content {
    display: none;
}
#news .sub-items {
  border-left: 1px solid #F6F6F6 ;
}
#news .sub-items li {
    padding-bottom:10px;
    padding-left: 30px;
}
#news .sub-items li h4 {
  color: #BABABA;
}
#news .sub-items li h4:hover {
  color: #5b9ef4;
}

#news .news-items .item p {
  float: left;
  text-align: left;
  display: inline;
  color: #003e7a;
  margin-top: 5px;
  margin-left: -30px;
  font-size: 0.750em;
  font-style: italic;
}
#news .news-items .item h3 {
  color:#888;
  float: left;
  text-align: left;
  display: inline;
  
}
#news .news-items .item h3:hover {
  color:#5b9ef4;
}
#news .news-items .item {
overflow: hidden;
padding: 70px 0 70px 20px;
border-bottom: 1px solid #F6F6F6;
margin-left: 70px;

}
#news .news-items .item:last-child{
  border-bottom:none;
}
#news .col-md-8 { 
 border-left: 1px solid #F6F6F6;
 height: 100%;
 padding-bottom:0;
 padding-left:30px;
 padding-right: 10px;
 }

 #news .col-md-4 {
  padding-right: 0px;
 }
#news .news-load {
    padding: 40px 13px 40px 0;
    width: calc(66.666% + 60px);
    cursor: pointer;
     -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#news .news-load:hover{
  background-color:#003e79;
  -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.light-blue-section.contact-us {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.light-blue-section.contact-us:hover {
    background-color:#003e79;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.light-blue-section.contact-us:hover:after {
    background:#003e79 !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.light-blue-section.contact-us:after {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.cities .cities-columns .contact-us .fa {
  /*display: none !important;*/
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 75px;
}

#news .news-load h3 {
    color: #fff;
    text-align: center;
}

#news .news-load .loading-icon {
    width: 26px;
    height: 28px;
    margin-right: 30px;
    vertical-align: text-bottom;
    background: no-repeat url(https://hraadvisors.com/wp-content/themes/madeo-child/_include/img/load.png) transparent;
    display: none;
}

#news .news-load .loading-icon.loading-state{
    -webkit-animation:spin 800ms linear infinite;
    -moz-animation:spin 800ms linear infinite;
    animation:spin 800ms linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }





/***************************************/


/***** Search Page *****/

body.search-active {
    overflow:hidden;
}
/*
@-webkit-keyframes silde_to_top {
    0% {
        top: -100%;
    }
    100% {
        top: calc(0%+32px);
        z-index: 1000000;
    }
}

.search-template{
    -webkit-animation-name: silde_to_top;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
}
*/
.search-template {
    display:none;
    width:100%;
    position:fixed;
    left:0;
    top:0;
    z-index:999999;
    overflow-y: auto;
    background-color: #f8f8f8;
    border-bottom: 2px solid #f6f6f6;
}
.search-template.active{
    bottom:0;
}

.search-template .search-header {
    padding: 0;
    height:160px;
}

.search-template .search-header .search-input {
    width: 90%;
    height: 55px;
    margin: 50px 0 5px 0;
    font-family: 'Open Sans';
    font-size: 2em;
    line-height: 55px;
    font-weight: 300;
    letter-spacing: 0.05em;
    color: #888888;
    vertical-align: top;
    border: 0 none;
    background-color: transparent;
}

.search-template .search-toggle {
    text-align: right;
    line-height: 160px;
    margin-left: 45px;
}
body.search-active .search-template .search-toggle {
    margin-left: 35px;
}


.search-template .search-toggle i {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
}

.search-template .logo a {
    display: block;
    color: #2D3C48;
    font-weight: 600;
    font-size: 42px;
    letter-spacing: -2px;
    line-height: 155px;
    text-transform: uppercase;
}

.search-template .logo a img {
    max-width: 100%;
    opacity: 1;
    vertical-align: middle;
    -webkit-transition: opacity 0.15s ease-in-out 0s;
    -moz-transition: opacity 0.15s ease-in-out 0s;
    -o-transition: opacity 0.15s ease-in-out 0s;
    transition: opacity 0.15s ease-in-out 0s;
}

.search-template .logo img.retina {
    display: none;
}

.search-template .search-content {
    padding: 50px 0;
}

.search-template .search-item {
    padding: 30px 0;
    margin:0 15px;
    overflow: hidden;
    border-bottom:1px solid #F6F6F6;
}

.search-template .search-item:last-child {
    border-bottom:0 none;
}

.search-template .search-item .col-md-4 {
    padding-left:0;
}

.search-template .search-item .col-md-8 {
    padding-right:0;
    padding-left:8px;
}

.search-template .search-item .col-md-4 a {
    color:#003e7a;
}

.search-template .search-item .caption.date {
    color:#003e7a;
    font-size: 1em;
    text-transform: none;
}

.search-template .search-item .col-md-8 h3 a {
    color: #888888;
    font-weight:300;
    text-transform: capitalize;
}

.search-template .search-item .col-md-8 h3 a:hover {
    color: #5b9ef4;
}

/*********************** 
 * Sidebar *
 * ********************/

.portfolio-pages .row > .col-md-4,
.col-md-4.sidebar {
    padding-right: 0;
}

.sidebar .sidebar-content {
    width:100%;
}

.sidebar .sidebar-content.fixed-case {
    position:fixed;
    left:75px;
    top:0;
}

.admin-bar .sidebar .sidebar-content.fixed-case {
    top:32px;
}

.sidebar .sidebar-content.fixed-case.end-case {
    position:absolute !important;
    top:inherit;
    left:15px !important;
    bottom:0;
}

.admin-bar .sidebar .sidebar-content.fixed-case.end-case {
    top:inherit;
}

.team-page .sidebar .sidebar-content.fixed-case.end-case {
  left: inherit !important;
  bottom: inherit !important;
}

.portfolio-pages .sub-navigation,
.sidebar .sub-navigation {
    margin-left: -75px;
    box-sizing: content-box;
}

.portfolio-pages .sub-navigation li,
.portfolio-pages .sub-navigation ul li,
.sidebar .sub-navigation li {
    padding: 0 0 0 75px;
    border-bottom: 1px solid #F6F6F6;
}

.portfolio-pages .sub-navigation li a,
.portfolio-pages .sub-navigation ul li a,
.sidebar .sub-navigation li a {
    display: block;
    padding: 22px 70px 22px 0;
    color: #BABABA;
    font-size: 0.750em;
    line-height: 1.833em;
    font-weight: 700;
    letter-spacing: 0.0950em;
    text-transform: uppercase; 
}
.portfolio-pages .sub-navigation li > a:hover{
  color:#5B9EF4;
}
.sidebar .sub-navigation .toggle-container a:hover{
  color:#5B9EF4;
}
.sidebar .sub-navigation li a:hover{
  color: #003E79;
}
.sidebar .sub-navigation .member-contact li a:hover{
  color: #003E79;
}

.portfolio-pages .sub-navigation li a span,
.sidebar .sub-navigation li a span {
    display:block;
    text-transform: uppercase;
}

.portfolio-pages .sub-navigation li a i,
.sidebar .sub-navigation li a i {
    float: right;
    margin-right: -20px;
    font-size: 0.9em;
    line-height: 1.75em;
    color: #DCDCDC;
}

.portfolio-pages .sub-navigation li.clear-filters span.clear-icon,
.sidebar .sub-navigation li.clear-filters span.clear-icon,
.sidebar .sub-navigation li.clear-news-filter span.clear-icon{
    float: right;
    display: inline-block;
    width:11px;
    height:12px;
    margin-top: 3px;
    margin-right: -20px;
    background: no-repeat url(_include/img/filter-close.png) center center transparent;
}

.portfolio-pages .sub-navigation li.clear-filters a:hover,
.sidebar .sub-navigation li.clear-filters a:hover{
  color: #888888;
}

.portfolio-pages .sub-navigation li.clear-filters a:hover span.clear-icon,
.sidebar .sub-navigation li.clear-filters a:hover span.clear-icon {
    background-image: url(_include/img/filter-close-grey.png);
}

.portfolio-pages .sub-navigation li.active > a, 
.portfolio-pages .sub-navigation li.active > a i,
.sidebar .sub-navigation li.active > a,
.sidebar .sub-navigation li.active > a i {
    color: #5b9ef4;
}
.portfolio-pages .sub-navigation li:hover > a i {
  color: #5B9EF4
}
.portfolio-pages .sub-navigation li:hover > a i.fa-times{
  color: #888888;
}
.portfolio-pages .sub-navigation .filter-content,
.sidebar .sub-navigation .filter-content {
    display: none;
    padding-bottom:30px;
}

.portfolio-pages .sub-navigation .filter-content .checkbox-holder,
.sidebar .sub-navigation .filter-content .checkbox-holder {
    font-size: 0.90em;
    float: left;
    clear: both;
    cursor: pointer;
}

.portfolio-pages .sub-navigation .filter-content .active-checkbox,
.sidebar .sub-navigation .filter-content .active-checkbox {
    color: #5b9ef4;
}

.portfolio-pages .sub-navigation .filter-content .btn,
.sidebar .sub-navigation .filter-content .btn {
    margin: 0 10px 0 0;
    padding: 0;
    width: 16px;
    height: 16px;
    position: relative;
    background-color: #fff;
    border: 1px solid #5b9ef4;
    border-radius: 3px;
    box-shadow: 0 0 0 #fff;
}

.portfolio-pages .sub-navigation .filter-content .btn input,
.sidebar .sub-navigation .filter-content .btn input {
    margin: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    display: none;
}

.portfolio-pages .sub-navigation .filter-content .btn.active:after,
.sidebar .sub-navigation .filter-content .btn.active:after {
    content:" ";
    width: 6px;
    height: 6px;
    position: absolute;
    left:4px;
    top:4px;
    background-color: #5b9ef4;
}

.portfolio-pages .sub-navigation .filter-holder ul {
    border-left:0 none !important;
    margin-bottom: 0 !important;
}

.portfolio-pages .sub-navigation .filter-holder > .filter-content {
    margin-left: -75px;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.portfolio-pages .sub-navigation .filter-holder > .filter-content li {
    padding: 0 0 0 75px !important;
    border-left: 0;
    border-top: 1px solid #F6F6F6 !important;
}

.portfolio-pages .sub-navigation .filter-holder > .filter-content li a{
    display: block;
    padding: 22px 70px 22px 0;
    color: #BABABA;
    font-size: 0.750em;
    line-height: 1.833em;
    font-weight: 700;
    letter-spacing: 0.0950em;
    text-transform: uppercase; 
    border-left: 0 none !important;
}

.portfolio-pages .sub-navigation .filter-holder > .filter-content li a:hover{
  color:#5B9EF4;
}

.portfolio-pages .sub-navigation .filter-holder > .filter-content li.active > a, 
.portfolio-pages .sub-navigation .filter-holder > .filter-content li.active > a i {
    color: #5b9ef4;
}

.portfolio-pages .sub-navigation li.clear-filters a,
.sidebar .sub-navigation li.clear-filters a {
    color: #DCDCDC;
}

/*********************** 
 * Portfolio Pages *
 * ********************/

.portfolio-pages {
    border-bottom: 1px solid #F6F6F6;
}

.portfolio-pages .col-md-8 {
    border-left: 1px solid #F6F6F6;
}

.portfolio-pages p.border-with-accent {
    margin-bottom:20px;
}

/*********single-portfolio************/
.single-portfolio .page-content .project-content > h3:first-of-type, .single-portfolio .page-content .project-content > p:first-of-type {
        margin-bottom: 50px;
}


/***** Portfolio Page *****/

.portfolio .row > .col-md-4 {
    padding-top:40px;
}

.portfolio .col-md-8 {
    padding-top:40px;
    padding-bottom:0;
    padding-left:30px;
}

.portfolio h4.projects-count {
    font-style: normal;
    color: #003e7a;
    font-weight: 700;
    float: right;
    margin: 0 0 30px 0;
}

.portfolio .portfolio-holder {
    margin: 0 -25px 25px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    box-lines: multiple;
    clear: both;
}

.portfolio-holder .portfolio-item.mix{
    display:none;
}
.portfolio .portfolio-item {
    padding: 0 25px;
    margin-bottom: 35px;
}
.portfolio .portfolio-item .pic {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.portfolio .portfolio-item .pic .img {
    display: block;
    width: 100%;
    height: 120px; 
    -webkit-transition: all 1s ease; 
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease; 
    transition: all 1s ease;
    background-size: cover;
    background-position: center;
}
.portfolio .portfolio-item .pic:hover .img{
  -webkit-transform:scale(1.10); /* Safari and Chrome */
        -moz-transform:scale(1.10); /* Firefox */
        -ms-transform:scale(1.10); /* IE 9 */
        -o-transform:scale(1.10); /* Opera */
         transform:scale(1.10);
}
.portfolio .portfolio-item:hover h3 a {
    color: #003E79;
}
.portfolio .portfolio-item h3 {
    font-size: 0.75em;
    margin-bottom: 5px;
    margin-top: 30px;
}

.portfolio .portfolio-item h3 a {
    color: #888888;
}

.portfolio .portfolio-item span {
    font-size: 0.75em;
}

.portfolio .portfolio-load {
    padding: 40px 13px 40px 0;
    width: calc(66.666% + 60px);
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.portfolio .portfolio-load h3 {
    color: #fff;
    text-align: center;
}

.portfolio .portfolio-load .loading-icon {
    width: 26px;
    height: 28px;
    margin-right: 30px;
    display: inline-block;
    vertical-align: text-bottom;
    background: no-repeat url(https://hraadvisors.com/wp-content/themes/madeo-child/_include/img/load.png) transparent;
    display: none;
}
.portfolio-load:hover {
background-color:#003e79;
-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.portfolio .row > .col-md-4 h1 {
    margin: 0 0 0 -75px;
    padding-top:25px;
    padding-bottom: 25px;
    padding-left: 75px;
    border-bottom: 1px solid #F6F6F6;
}

/***** Project Single Page *****/

.project-single .project-content {
    padding-top:65px;
    padding-bottom:80px;
    padding-left:55px;
}

.project-single .project-content h4 {
    color:#003e7a;
    margin-bottom:30px;
}

.project-single .project-content .img-holder {
    margin:0 0 50px 0;
    overflow: hidden;
}

.project-single .project-content .img-holder img {
    max-width:100%;
    width:100%;
    height: auto;
    float:left;
    margin-bottom: 10px;
}

.project-single .project-content .img-holder .caption {
    color:#DCDCDC;
    margin-right:75px;
    position: static;
    float:right;
    clear:both;
    font-size: 12px;
}

.project-single .project-content .img-holder .caption:before {
    border-color:#DCDCDC;
}

/***** Single Service *****************/
.project-single .project-content ul li:first-child, 
.single-team .team-pages .member-content ul li:first-child,
body.page-template-default #content ul li:first-child,
.single .article-content ul li:first-child{
    margin-top: 20px;
    padding-top: 20px;
}
.project-single .project-content ul li, .single-team .team-pages .member-content ul li,
body.page-template-default #content ul li, .single .article-content ul li{
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #F6F6F6;
}

.accordion-heading .accordion-toggle {
position: relative;
display: block;
padding: 20px 20px 20px 25px;
color: #4E4E4E;
font-weight: 300;
font-size: 1.5em;
}
.panel {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: 1px solid #DFDFDF;
margin-bottom: 20px;
-webkit-transition: border 0.1s linear 0s;
-moz-transition: border 0.1s linear 0s;
-o-transition: border 0.1s linear 0s;
transition: border 0.1s linear 0s;
}





/* Team page */

.team-pages {
    border-bottom: 1px solid #F6F6F6;
}

.team-pages .col-md-8 {
    padding-left: 55px;
    padding-top: 70px;
    padding-bottom: 20px;
    border-left: 1px solid #F6F6F6;
}

.team-page .team-members-holder {
    margin: 0 -75px 0 -55px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    box-lines: multiple;
    clear: both;
}

.team-page .team-section {
    padding-bottom:25px;
    clear: both;
}

.team-page .team-section h4 {
    margin-bottom:25px;
    color: #003e7a;
}

.team-page .team-member {
    padding: 0;
    margin-bottom: 35px;
    line-height: 100%;
    text-align:center;
}

.team-page .team-member .member-thumb {
    display:block;
    position:relative;
    margin-bottom: 15px;
}

.team-page .team-member img {
    margin-bottom: 0;
}

.team-page .team-member .member-title {
    padding:0 10px;
    display: none;
    position:absolute;
    bottom: 15px;
    left:0;
    color: #fff;
    font-size: 0.8em;
    line-height: 1.5em;
    font-weight: 400;
    width: 100%;
}

.team-page .team-member .member-name,
.team-page .team-member span {
    display: block;
    font-size: 0.75em;
    color: #888888;
}

.team-page .team-member .member-name {
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.70em;
}

.team-page .team-member span {
    font-weight: 700;
}

.team-member img {
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    /*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");*/
    filter: grayscale(100%); /* Current draft standard */
    -webkit-filter: grayscale(100%); /* New WebKit */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */ 
    filter: gray; /* IE */
    -webkit-filter: grayscale(1); /* Old WebKit */
    will-change: filter;
} 

.team-member img:hover {
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    /* filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");*/
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    filter: none;
}

.team-page .team-member:hover .member-title {
    display:none;
}

.team-page .team-member:hover .member-name,
.team-page .team-member:hover span {
    color: #003e7a;
}

.sidebar .sub-navigation .scroll-menu h4 {
    margin: 25px 0;
    color: #5b9ef4;
}

.sidebar .sub-navigation ul ul {
    margin:0 0 25px 0;
    padding: 0;
    border-left:1px solid #F6F6F6;
}

.sidebar .sub-navigation ul ul li {
    margin: 0 0 0 -1px;
    padding: 0 0 20px 0;
    border-bottom:0 none;
}

.sidebar .sub-navigation ul ul li:last-child {
    padding: 0;
}

.sidebar .sub-navigation ul ul li a {
    margin:0;
    padding: 2px 0 2px 27px;
}

.sidebar .sub-navigation ul ul li.active a {
    padding-left: 25px;
    color:#5b9ef4;
    border-left: 2px solid #5b9ef4;
}

/* Single Team */

.team-member-page .member-content {
    padding-bottom:70px;
}

.team-member-page .member-info {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 40px;
}

.team-member-page img {
    width: 150px;
    float: left;
}

.team-member-page .member-details {
    margin-left: 180px;
    position: absolute;
    left: 0;
    bottom: 40px;
}

.team-member-page .member-details h2 {
    margin-bottom: 10px;
}

.team-member-page .member-details h2, 
.team-member-page .member-details h4 {
    color: #003e79;
}

.sidebar .sub-navigation .member-contact li a {
    color:#5b9ef4;
}

.sidebar .sub-navigation .member-contact li a i {
    float: inherit;
    margin-right:15px;
    font-size: 1.2em;
    color: #DCDCDC;
}

/****ACCESS*********/
#sign-in-section .button-main.button-small{
    padding: 8px 10px !important;
    border: medium none;
    background-color: rgb(91, 158, 244);
    color: rgb(255, 255, 255);
}
#sign-in-section .lost_pwd{
    font-weight: normal;
    font-size: 0.75em;
}
#sign-in-section input[type="checkbox"]{
    display:inline-block;margin-right:7px;    
}
#sign-in-section input[type="checkbox"]+label{
    font-size: 0.75em;    
}

/***********site map**************/
.default-template-content #wp-realtime-sitemap-pages{
    margin-top:50px;
}

/*************** Inclusive cities page *****************/
.cities-news-slider .item-news .bg-img {
    background-size: cover;
    background-position: center;
    height: 180px;
}
.cities-news-slider {
  padding-left: 25px;
  padding-right: 25px;
}
.cities-news-slider .item-news {
  padding-left: 25px;
  padding-right: 25px;
}
.cities-news-slider .item-news .item-news-detail {
  margin-top:30px;
  font-size: 0.75em;
  line-height: 1.5;
  color: #003e7a;
}
.cities-news-slider .item-news .item-news-detail .sub-data {
  font-weight: 700;
  margin-top: 20px;
}
.cities-news-slider .slick-prev:before, .cities-news-slider .slick-next:before {
  content: '';
}
.cities-news-slider .slick-prev{
  background-image: url(_include/img/arrow_news-left.svg);
  background-position: center;
  background-size: cover;
  display: block;
  height: 25px;
  width: 15px;
  position: absolute;
  top: 90px;
  left: 0px;
}
.cities-news-slider .slick-next{
  background-image: url(_include/img/arrow_news-right.svg);
  background-position: center;
  background-size: cover;
  display: block;
  height: 25px;
  width: 15px;
  position: absolute;
  top: 90px;
  right:0px;
}


.cities .fixed-sidebar-container {
  padding-top: 65px;
  padding-bottom: 70px;
}
.cities .fixed-sidebar .head-cities h1{
  letter-spacing: 0.3px;
  color:#003e7a;
  line-height: 1.263;
}

.cities .fixed-sidebar .cities-sections .cities-menu-item{
    /*border-left: 1px solid #5b9ef4;*/
    /*padding-left: 35px;*/
    margin-top: 30px;
    position: relative;
}
.cities .fixed-sidebar .cities-sections .cities-menu-item:after {
    content: '';
    position: absolute;
    left: 0px;
    display: inline-block;
    height: 93%;
    top: 5px;
    z-index: 0;
    width: 1px;
    border-left: 1px solid #5b9ef4;
}
.cities .fixed-sidebar .cities-sections .cities-menu-item li {
  /*margin-bottom: 15px;*/
}
.cities .fixed-sidebar .cities-sections .cities-menu-item li a h4{
  line-height: 3.3333;
  color: #5b9ef4;
  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  -ms-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  /*transition: transform .2s ease-out;*/
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 0ms;
  animation-delay: 0ms;
  -webkit-animation-name: translatebc;
  -moz-animation-name: translatebc;
  animation-name: translatebc;
}
.cities .fixed-sidebar .cities-sections .cities-menu-item li a.active h4{
  /*padding-left: 10px;*/
  color: #003e7a;
  display: block;
  /*-webkit-animation-name: fadeIn;
  animation-name: fadeIn;*/
  
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 0ms;
  animation-delay: 0ms;
  -webkit-animation-name: translate;
  -moz-animation-name: translate;
  animation-name: translate;

}

@-webkit-keyframes translate {
  0% {
    -webkit-transform: translateX(0px)
  }

  100% {
    -webkit-transform: translateX(10px)
  }
}

@keyframes translate {
  0% {
    -webkit-transform: translateX(0px)
  }

  100% {
   -webkit-transform: translateX(10px)
  }
}

@-webkit-keyframes translatebc {
  0% {
    -webkit-transform: translateX(10px)
  }

  100% {
    -webkit-transform: translateX(0px)
  }
}

@keyframes translatebc {
  0% {
    -webkit-transform: translateX(10px)
  }

  100% {
   -webkit-transform: translateX(0px)
  }
}
.cities .fixed-sidebar .cities-sections .cities-menu-item li a {
  padding-left: 35px; 
  display: block;
}
.cities .fixed-sidebar .cities-sections .cities-menu-item li a.active {
  /*border-left: 3px solid #003e7a;*/
    display: inline-block;
    position: relative;
}
.cities .fixed-sidebar .cities-sections .cities-menu-item li a.active:after {
    content: '';
    position: absolute;
    left: -1px;
    display: inline-block;
    height: 26px;
    top: 5px;
    width: 3px;
    z-index: 1;
    border-left: 3px solid #003e7a;
}

.cities .fixed-sidebar .cities-sections .cities-menu-item li a:hover h4{
  color: #2D3C48;
  /*-webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;*/

  
}


.cities .cities-columns .cities-content {
    /*padding-top: 80px;*/
    /*padding-left: 70px;*/
    padding-left: 0px;
    border-left: 1px solid rgba(0, 62, 122, 0.08);
}
.cities .sec {
  padding-top: 70px;
  padding-bottom:70px;
  padding-left: 70px;
  /*border-bottom: 1px solid rgba(0, 62, 122, 0.08);*/
  position: relative;
}
.cities .sec::after {
  content: '';
  position: absolute;
  left: 0;
  bottom:0;
  display: inline-block;
  height: 1px;
  /*width: 120%;*/
  width: 100vw;
  border-bottom: 1px solid rgba(0, 62, 122, 0.08);
}
.cities .head-sec{
    margin-bottom: 40px;
    line-height: 1.583;
    color: #003e7a;
}
.cities h3 {
  font-size: 1.25em;
}
.cities .cities-columns .cities-content .overview p {
  margin-bottom: 10px;
  color: #888888;
}
.cities .cities-columns .cities-content .overview h4 {
  padding-bottom: 20px;
  padding-top: 20px;
}
.cities .cities-columns .cities-content .overview .expand-link i {
  margin-left: 10px;
}

.cities .cities-columns .cities-content .sub-head {
  display: inline-block;
  position: relative;
  margin-bottom: 40px;
  color: #003e7a;
  letter-spacing: 2px;
  line-height: 1.66667;
  z-index: 1;
}
.cities .cities-columns .cities-content .services .services-group {
  z-index: 1;
  position: relative;
}

.cities .cities-columns .cities-content  .sub-head::after {
  content: '';
  position: absolute;
  left: 0;
  display: inline-block;
  height: 1px;
  bottom: -5px;
  width: 30px;
  border-bottom: 1px solid #003e7a;
  margin-top: 5px;
}
.cities .cities-columns .cities-content .projects .project-item {
  margin-bottom: 46px;
  display: none;
}
.cities .cities-columns .cities-content .projects .project-item .col-md-8 {
  padding-left: 35px;
}
.cities .cities-columns .cities-content .projects .project-item .title {
  color: #003e7a;
}
.cities .cities-columns .cities-content .projects .project-item .location {
  color: #5b9ef4;
}
.cities .cities-columns .cities-content .projects .project-item .location,
.cities .cities-columns .cities-content .projects .project-item .title.no-subtitle{
  margin-bottom: 16px;
}
.cities .cities-columns .cities-content .projects .project-item .project-item-image{
  height: 180px;
}
.cities .cities-columns .cities-content .projects .project-item .project-item-image .bg-img {
    background-size: cover;
    background-position: center center;
    background-color: #F8FBFD;
    height: 100%;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.cities .cities-columns .cities-content .projects .project-item .project-item-image .bg-img .has-background {
    background-size: cover;
    background-position: center center;
    display: block;
    min-height: 100%;
    /*min-height: 330px;*/
    transition: transform 0.4s, opacity 1s;
    -webkit-transition: transform 0.4s, opacity 1s;
    -moz-transition: transform 0.4s, opacity 1s;
}
.cities .b-lazy {
    opacity: 0;
    transition: opacity 1s;
    -webkit-transition: opacity 1s;
    line-height: 0;
}
.cities .b-loaded {
    opacity: 1;
    background-color: #fff;
}
.cities .cities-columns .cities-content .projects .project-item p {
    font-size: 0.8125em;
    line-height: 1.769;
    color: #888888;
}
.cities .expanded-text {
  display: none;
}
.cities .cities-columns .cities-content .projects .more-projects {
    /*border-radius: 6px;*/
    width: 100%;
    display: block;
    padding: 15px 0;
    color: #fff;
    text-align: center;
}
.cities .cities-columns .cities-content .projects .more-projects .fa {
  font-size: 1.2em;
  margin-left: 15px;
}

.cities .cities-columns .cities-content .services {
  background-color: #F6FBFE;
  width: calc(100% + 75px);
  padding-right: 75px;
  /*overflow: hidden;*/
}
.cities .cities-columns .cities-content .services:after {
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100vw;
  z-index:0;
  background:#F6FBFE;
}
.cities .cities-columns .cities-content .services .services-group .service {
    border: none;
    border-bottom: 1px solid rgba(0, 62, 122, 0.08);
    margin-bottom: 0px;
    /*margin-bottom: 15px;*/
    /*padding-bottom: 15px;*/
    
}
.cities .cities-columns .cities-content .services .services-default>.services-heading {
  background-color: #F6FBFE;
  border:none;
  padding-right: 0px;
}
.cities .cities-columns .cities-content .services .services-default .services-title .icon-div {
    position: absolute;
    /*top: 16px;*/
    right: 0px;
    width: 22px;
    height: 22px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.cities .cities-columns .cities-content .services .services-default .services-title {
  position: relative;
  cursor: pointer;
  padding-right: 40px;
  text-transform: initial;
}
.cities .cities-columns .cities-content .services .services-default .services-title:first-letter {
    text-transform: uppercase;
}
.cities .cities-columns .cities-content .services .services-default .services-title .icon-div .icon {
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0 auto 0;
    display: block;
    overflow: hidden;
}
.cities .cities-columns .cities-content .services .services-default .services-title .icon-div .icon:before {
    /*top: 24px;
    left: 10px;
    right: 10px;
    height: 2px;*/
    top: 9px;
    width: 21px;
    height: 1px;
}
.cities .cities-columns .cities-content .services .services-default .services-title .icon-div .icon:after {
    top: 0px;
    left: 10px;
    bottom: 0px;
    height: 21px;
    width: 1px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.cities .cities-columns .cities-content .services .services-default .services-title .icon-div .icon:before, .cities .cities-columns .cities-content .services .services-default .services-title .icon-div .icon:after {
    content: '';
    position: absolute;
    background: #5b9ef4;
    -webkit-transition: 150ms all ease-out;
    transition: 150ms all ease-out;
}
.cities .cities-columns .cities-content .services .services-default .services-title {
  color :#5b9ef4;
  /*font-size: 1.500em;*/
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.25em;
  line-height: 1.5;

    -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.cities .cities-columns .cities-content .services .services-default .services-title.collapsed {
  color: #003e7a;
    -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}


.cities .cities-columns .cities-content .services .services-default .services-title.collapsed .icon-div .icon:after {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.cities .cities-columns .cities-content .services .services-default>.services-heading+.services-collapse .services-body {
  background-color: #F6FBFE;
}
.cities .cities-columns .cities-content .services .services-default .services-body p{
  color: #888888;
  padding-right: 70px;
  /*margin-bottom: 14px;*/
  padding-bottom: 14px;
  background-color: #F6FBFE;
}
.cities .cities-columns .cities-content .services .view-services {
  float: right;
  padding-top: 20px;
}
.cities .cities-columns .cities-content .expertise .image-with-caption {
  margin-bottom: 40px;
  overflow: hidden;
}
.cities .cities-columns .cities-content .expertise .image-with-caption .img-fluid{
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
} 
.cities .cities-columns .cities-content .expertise .image-with-caption p {
  max-width: 50%;
  float:right;
  color: #888888;
  font-size: 0.6875em;
  line-height: 1.63;
}
.cities .cities-columns .cities-content .expertise .popup {
  /*border-radius: 6px;*/
  padding: 35px 85px 35px 45px;
  margin-bottom: 10px;
  position: relative;
}
.cities .cities-columns .cities-content .expertise .popup .head .head-popup-main {
  color: #fff;
}
.cities .cities-columns .cities-content .expertise .popup .head .head-popup {
  color: #003e7a;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.75;
}
.cities .cities-columns .cities-content .expertise .popup {
  cursor: pointer;
}
.cities .cities-columns .cities-content .expertise .popup .plus-icon {
  right: 35px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cities .team-page .row {
  margin: 0;
}
/*.cities .team-page .team-member {
  margin-bottom: 0px;
}*/
.cities .team-page .team-member .member-name {
    font-size: 0.75em;
    line-height: 1.75;
    text-align: center;
}
.cities .team-page .team-member span {
  font-weight: 700;
  text-align: center;
  font-size: 0.75em;
  /*line-height: 1.75;*/
  -webkit-transition: color 0.15s ease-in-out 0s;
  -moz-transition: color 0.15s ease-in-out 0s;
  -o-transition: color 0.15s ease-in-out 0s;
  transition: color 0.15s ease-in-out 0s;
}

.cities .cities-columns .contact-us {
  width: calc(100% + 75px);
  padding-left: 70px;
  padding-right: 95px;
  /*margin-top: -162px;*/
  position: relative;
}
.cities .cities-columns .contact-us::after {
  content: '';
  position: absolute;
  display: inline-block;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100vw;
  z-index:-1;
  position:absolute;
  background:#5b9ef4;
}
.cities .cities-columns .contact-us h3 {
  color: #fff;
  display: inline-block;
}
.cities .cities-columns .contact-us .fa{
  float: right;
  display: inline-block;
  /*font-size: 25px;*/
  font-size: 34px;
  opacity: 0.3;
  color: #fff;
}

.cities .plus-icon {
    position: absolute;
    top: 5px;
    right: 0px;
    width: 22px;
    height: 22px;
}
.cities .plus-icon .icon {
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0 auto 0;
    display: block;
    overflow: hidden;
}
.cities .plus-icon .icon:after, .cities .plus-icon .icon:before  {
    content: '';
    position: absolute;
    background: #fff;
    -webkit-transition: 150ms all ease-out;
    transition: 150ms all ease-out;
}
.cities .plus-icon .icon:before {
    top: 9px;
    width: 21px;
    height: 1px;
}
.cities .plus-icon .icon:after {
  top: 0px;
  left: 10px;
  bottom: 0px;
  height: 21px;
  width: 1px;
  -webkit-transform: rotate(0);
  transform: rotate(0);

}

.cities .expertise-modal .close {
    position: absolute;
    top: -40px;
    right: -40px;
    color: #fff;
    opacity: 1;
    /*font-size: 34px;*/
}

.modal-opened-cities {
  overflow: hidden;
} 



@-webkit-keyframes anim-open {
  0% { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1); }
  100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); }
}

@keyframes anim-open {
  0% { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); }
  100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@-webkit-keyframes anim-close {
  0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: scale3d(0.9, 0.9, 1); }
}

@keyframes anim-close {
  0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); }
}


.popup-div.expertise-modal {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
    overflow: auto;
    overflow-y: scroll;
    background: rgba(0,0,0,0.75);
}
/* Inner */
.expertise-modal .popup-inner {
    width: 100%;
    padding: 57px;
    overflow: hidden;
    height: 100%;
    position: relative;
}
.expertise-modal .popup-inner:after {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #003e7a;
}

.cities .expertise-modal.opened .popup-inner .modal-body,
.cities .expertise-modal.closed .popup-inner .modal-body{
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.cities .expertise-modal.opened .popup-inner .modal-body{
    -webkit-animation-name: anim-open;
    animation-name: anim-open;
}
.cities .expertise-modal.closed .popup-inner .modal-body{
    -webkit-animation-name: anim-close;
    animation-name: anim-close;
}

.cities .expertise-modal.popup-div .close {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #fff;
    opacity: 1;
    /*font-size: 34px;*/
}



.cities .expertise-modal .modal-dialog .modal-content {
  box-shadow: 0 7px 11px rgba(0, 0, 0, 0.2);
}
.cities .expertise-modal .modal-body{
  min-height: calc(100vh - 114px);
  width: 100%;
  padding: 0px;
  overflow: hidden;
  /*border-radius: 6px;*/

} 
.cities .expertise-modal .modal-body iframe {
  min-height: 100%;
  width: 100%;
  position: absolute;

}

.page-template-template-inclusive-cities.modal-open {
  margin-right: 0px;
}
.page-template-template-inclusive-cities .modal-backdrop {
  opacity: 1;
  background-color: transparent;
}
.single-expertise.cities {
  padding-top: 130px;
}
.single-expertise.cities .cities-columns .cities-content {
  border: none;
}
.single-expertise.cities .cities-columns .cities-content .head-cities h2 {
  color: #5b9ef4;
  margin-bottom: 40px;
}
.single-expertise.cities .sec.projects {
  padding-left: 0;
}
.single-expertise.cities .head-sec h3{
  color: #003e79;
}
.single-expertise .page-separator{
  padding-top:70px;
}
.single-expertise .content-text p {
    margin-bottom: 20px;
    color: #888888;
}
/*************** Inclusive cities page end *****************/

/***** Footer *****/

footer {
    padding:100px 0 0 0;
    font-size: 0.9em;
    background-color: #fff;
    border-top: 1px solid #F6F6F6;
    z-index: 1000;
}

footer .col-md-12 {
    padding:0;
}

footer .col-md-8 {
    position:relative;
    padding: 0 0 100px 0;/*50px 0 120px 0;*/
    border-bottom: 8px solid #5b9ef4;
}

footer .col-md-8:after {
    content:" ";
    width:15px;
    position:absolute;
    left:0;
    bottom:-8px;
    border-bottom: 8px solid #fff;
}

.resized-columns .inner-content, footer .inner-content {
    width: 100%;
}

.resized-columns .col-md-4 .inner-content  footer .inner-content {
    margin:0 auto;
    padding: 0 20px;
}
footer .col-md-12 .col-md-4:first-child .inner-content{
  float:left;
    padding: 0 40px 0 0;
}

.resized-columns .col-md-4:first-child .inner-content {
    float:left;
    padding: 0 40px 0 0;
}

.resized-columns .col-md-4:last-child .inner-content{
  float:right;
  padding: 0 0 0 40px;
} 
footer .col-md-12 .col-md-4:last-child .inner-content, footer .col-md-8 .col-md-6:last-child .inner-content {
    float:right;
    padding: 0 0 0 40px;
}

footer .locations h2 {
    color: #003e7a;
}

footer .locations p {
    margin-bottom: 25px;
    line-height: 1.7em;
}

footer ul {
    margin:0;
    width:100%;
    display: block;
    overflow: hidden;
}

footer ul li {
    float:left;
}

footer li a {
    font-weight: 400;
}
footer li a:hover{
  color:#003E7A;
}

footer .footer-menu li {
    width: 50%;
}

footer ul:not(.footer-menu) li {
    float:left;
    padding:0 5px;
    line-height: 1.5;/*100%;*/
    border-right:1px solid #F6F6F6;
}

footer ul:not(.footer-menu) li:first-child {
    padding-left:0;
}

footer ul:not(.footer-menu) li:last-child {
    border-right:0 none;
}

footer .social-links {
    margin-bottom: 25px;
}

footer .social-links li{
    margin-right: 30px;
    font-size: 2em;
    color: #5b9ef4;
    cursor: pointer;
}

footer .social-links a {
    /*font-size: 2em;
    margin-right: 30px;*/
    font-size: 0;
    color: transparent;
    line-height: 0;
}
/*footer .social-links a:hover,*/ 
footer .social-links li:hover {
    color: #003e79;
}
footer p.copyright{
    line-height: 1.5;margin-top: 10px;
}
footer p.copyright, footer ul:not(.footer-menu) li {
    font-size: 0.87em;
}
footer a.madeo-copyright {
  font-size: 1em;
  font-weight: 500;
  color:#888888;
  line-height: 1.5;
}
footer a.madeo-copyright p {
    font-size: 12px;
}

#footer-logo img {
  width:89px; 
  height:41px;
}

.intro-form-desc p {
  padding-bottom: 20px;
  padding-left: 15px;
  font-size: 16px;
}
.footer-form .signup-email-form .form-control {
    border: none;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid #5b9ef4;
    font-size: 16px;
    line-height: 1.75;
    color: #5b9ef4;
    padding-left: 0;
    padding-bottom: 15px;
    height: 50px;
}
.footer-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #5b9ef4;
}
.footer-input::-moz-placeholder { /* Firefox 19+ */
 color: #5b9ef4;
}
.footer-input:-ms-input-placeholder { /* IE 10+ */
 color: #5b9ef4;
}
.footer-input:-moz-placeholder { /* Firefox 18- */
 color: #5b9ef4;
}
.footer-form .signup-email-form .submit-btn {
  width: 50px;
  height: 50px;
  background-color: #5b9ef4;
  border: none;
  float: right;
}
.footer-form .signup-email-form .submit-btn .fa {
    color: #fff;
    font-size: 17px;
}

.footer-form {
  padding-bottom: 50px;
  margin-bottom: 50px;
  /*border-bottom: 1px solid rgba(0,62,122,0.08);*/
}
.footer-form .submit-col {
  padding-right: 0;
}
.footer-form:after {
    content: '';
    position: absolute;
    left: 15px;
    display: inline-block;
    width: calc(100% - 15px);
    border-bottom: 1px solid rgba(0,62,122,0.08);
    margin-top: 50px;
}

.footer-form .row {
  margin: 0;
}
footer .col-md-12.subscribe-done {
  padding-left: 15px;
  padding-bottom: 50px;
  margin-bottom: 50px;
}
footer .col-md-12.subscribe-done h3 {
  font-size: 24px;
  line-height: 28px;
  color: #003e7a;
}
#subscribe-result {
  display: inline-block;
  padding-left: 15px;
  /*padding-top: 50px;*/
}
#subscribe-result p{
  /*font-size: 24px;
  line-height: 28px;*/
  font-size: 16px;
  line-height: 1.75;
  color: #003e7a;
  padding-top: 50px;
  /*text-transform: capitalize;*/
}
#subscribe-result p::first-letter { 
  text-transform: uppercase;
}

.subscribe-done:after {
  content: '';
  position: absolute;
  left: 15px;
  display: inline-block;
  width: calc(100% - 15px);
  border-bottom: 1px solid rgba(0,62,122,0.08);
  margin-top: 50px;
}

label.error:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 6px solid #003e7a;
    position: absolute;
    top: -6px;
    left: calc(50% - 4px);
}
label.error {
    color: #fff;
    -webkit-transition: .5s ease-in-out all;
    transition: .5s ease-in-out all;
    /*font-family: Roboto;*/
    font-size: 11px;
    line-height: 18px;
    font-weight: 400;
    top: 0;
    background-color: #003e7a;
    position: relative;
    bottom: -3px;
    /*left: 0;*/
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateX(-50%);
    left: 50%;
    margin-top: 10px;
    padding: 5px 10px;
    margin-bottom: 0;
}

.password-protected {
  padding: 100px 0 70px;
}
.password-protected input[type=password] {
    border: none;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid #5b9ef4;
    font-size: 16px;
    line-height: 1.75;
    color: #5b9ef4;
    padding-left: 0;
    padding-bottom: 15px;
    height: 50px;
}
.password-protected input[type=submit] {
    height: 50px;
    background-color: #5b9ef4;
    border: none;
    color: #fff;
    padding: 0 20px;
    margin-left: 10px;
}
.password-protected p {
  margin-bottom: 30px;
}

/**** Menu Resize ****/
@media only screen and (max-width: 1200px){
.practice-area-slider .item .content .project-title h2 a{
    position: absolute;
  }
  .practice-area-slider .item .content .project-title p {
    top:150px !important;
    position: absolute; 
  }
}
@media only screen and (max-width: 1140px) {
  .practice-area-slider .item .content{
        height: 380px;
  }
    #menu ul li {
        margin-left: 10px;
    }
    
    #search-button {
        margin-left: 20px;
    }
}

@media only screen and (max-width: 992px) {
    #menu {
        display: none;
    }
    
    #mobile-nav {
        height: 160px;
        width: 60px;
        display: block;
        float: left;
    }
    
    #search-button {
        margin-left: 20px;
    }
    .password-protected input[type=password] {
      margin-left: -90px;
    }
    .password-protected input[type=submit] {
      margin-left: 5px;
    }
}

@media only screen and (max-width: 768px) {
.footer-form .signup-email-form .form-control {
  margin-bottom: 30px;
}  
.footer-form .submit-col {
  padding-right: 15px;
}  
    
.featured-project-slider .item h2, .featured-project-slider .item h4, .featured-project-slider .item .caption, .practice-area-slider .item h2, .practice-area-slider .item h4, .practice-area-slider .item p, .practice-area-slider .item .caption {
    bottom: 60px !important;
}


    .container-fluid {
        padding-right: 25px;
        padding-left: 25px;
    }
    
    .row.full-row {
        margin-left: -25px;
        margin-right: -25px;
    }
}

/******* Retina Display *******/

@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (-moz-min-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2/1),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 2dppx) {
        
    .search-template .logo a img.standard {
        display: none;
    }

    .search-template .logo a img.retina {
        display: inline-block;
    }
    
}

@media only screen and (min-width: 992px){
.body-push{
left: 0em !important;
}
#navigation-mobile{
  display: none !important;
}

}


@media only screen and (max-width: 991px) and (min-width: 767px){
  .last-locations{
    padding-left: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .cities .sec {
    padding-left: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .cities .sec::after {
    left: -75px;
    width: 120%;
  }
  .cities .cities-columns .cities-content {
    border-left:none;
    padding-left: 15px;
  }
  .cities .cities-columns .cities-content .projects .project-item .project-item-image {
    margin-bottom: 20px;
  }
  .cities .cities-columns .cities-content .projects .project-item .col-md-8 {
    padding-left: 15px;
  }
  .cities .team-page .team-member {
    margin-bottom: 35px;
  }
  .cities .cities-columns .cities-content .projects .project-item .project-item-image {
    height: auto;
  }
  .cities .cities-columns .cities-content .projects .project-item .project-item-image .bg-img {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 66.64%;
  }
  .cities .cities-columns .contact-us {
    margin-left: -75px;
    padding-left: 75px;
    padding-right: 95px;
    width: calc(100% + 150px);
    position: relative;
}
  /*.cities .cities-columns .cities-content .expertise .popup {
    padding: 15px 40px 15px 20px;
  }*/
  /*.cities .cities-columns .cities-content .expertise .popup .plus-icon {
    right: 13px;
  }*/
  .cities .cities-columns .contact-us .fa {
    position: absolute;
    top: 50%;
    right: 75px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  
  .cities .cities-columns .cities-content .services {
    margin-left: -75px;
    padding-left: 75px;
    padding-right: 75px;
    width: calc(100% + 150px);
    overflow: hidden;
  }
  /* end of Cities page css */
  .article-single img {
    width: 100%;
    height: auto;
  }
  .practice-area-slider .item .content .project-title h2 a{
    position: absolute;
  }
  .practice-area-slider .item .content .project-title p {
    top:150px !important;
    position: absolute; 
  }
  #navigation-mobile{
  display: block !important;
}
.article-single .col-md-8{
  padding-left: 15px;
  border-left:none;
}
.article-single .container-fluid {
  padding-right: 15px;
  padding-left: 15px;
}
  .portfolio-pages .col-md-8, #services .col-md-8,  #news .col-md-8{
    border-left: none;
  }
  #search-button i {
    line-height: 160px;
  }
  #contact .contact-columns .col-md-8 , #careers{
    border-left: none;
  }
  #careers .careers-info {
    margin-left: 40px !important;
  }
  #contact .team-bar{
        margin-left: -15px;
        width: 110% !important;
        padding: 70px 60px;
  }

  .home-news .resized-columns .col-md-4 .inner-content {
    float: none !important;
    padding: 0 !important;
  }

  .home-news .news-item {
    margin-bottom: 50px;
  }
  .home-news .news-item:last-child {
    margin-bottom: 0;
  }
  
  .home-news .news-item p {
      margin-bottom: 10px;
  }


  /* footer */

  footer .col-md-12 .col-md-4 .inner-content , footer .col-md-8 .col-md-6 .inner-content {
    float: none !important;
    padding: 0 !important;
  }

  footer .col-md-8 {
    padding: 50px 0 50px 0;
  }

  footer .col-md-8 .col-md-6 {
    margin-bottom: 40px;
  }

  footer .col-md-8 .col-md-6:last-child {
    margin-bottom: 0;
  }

  footer .col-md-12 > .col-md-4:first-child {
    margin-bottom: 30px;
  }

  footer .col-md-8:after {
    border-bottom: 0;
  }

  footer .locations p {
    width: 100%;
    float: left;
  }



  .search-header .col-md-4 , .search-header .col-md-8 {
    float: left;
  }

  .search-header .col-md-4 {
    width: 25%;
  }

  .search-header .col-md-8 {
    width: 75%;
  }




  .portfolio-pages .row > .col-md-4, .col-md-4.sidebar {
    height: auto !important;
  }

  .sidebar .sidebar-content {
    width: 100%;
  }

  .sidebar .sidebar-content.fixed-case {
    position: relative;
    top: auto !important;
    left: auto !important;
    bottom: auto !important;
    right: auto !important;
  }

  .team-pages .col-md-8 {
    padding-left: 0;
    border-left: 0;
  }

  
  .portfolio-pages .sub-navigation, .sidebar .sub-navigation {
    margin-right: -60px;
  }

  header.with-background .container-fluid .full-row .light-blue-section {
      width: calc(50% + 20px);
  }
  
  header.with-background, header.with-background .container-fluid, header.with-background .container{
      height: 210px;
  }
  
  
  .practice-area-slider .owl-item:not(.active) .item a.practice-img{
    display:none;   
  }
  
  .practice-area-slider .owl-item .item a.practice-img{
    width:100%;
   }
   .practice-area-slider .owl-item .item a.practice-img img{
       margin-left:50%;
   }
   
   .practice-section{
       padding: 70px 0 100px 0;
   }
   .practice-section .col-md-12{
       padding:0;
   }
   .practice-section .absolute-title,.practice-area-slider .item .content .project-title, .featured-project .absolute-title, .featured-project-slider .item .content .project-title{
      left:75px !important;
    }
    .practice-area-slider .item .caption, .featured-project-slider .item .caption{
      right:75px !important;
  }
  
  .practice-area-slider .owl-controls, .home-news-slider .owl-controls{
      bottom: -30px;
  }
  
  .page-submenu-list-container .page-submenu-list li{
      padding: 15px 75px;
  }
  
  
  .project-single .project-content{
      padding-left: 15px;
  }
  
  #services .col-md-8{
      padding-left: 0;
      margin-top:30px;
  }
  #services .service-collection{
      margin-left:0;
      margin-top: 0;
  }
  
  
  .portfolio .col-md-8{
      padding-left:0;
      width:100%;
  }
  .portfolio .portfolio-item{
      padding-left: 15px;
  }
 
  #contact .tab-content-contact, #contact .address-contact .address-content,
  #careers .careers-info{
    margin-left: 0;
    margin-right: 0;
  }
  
  #careers, .news-load{
      width:100% !important;
  }
  
  #careers .career-item h3{
        margin-left: 30px;
        margin-right: 30px;
        font-size: 1em;
  }
  #careers .career-item .arrow-icon{
        margin-top: 25px;
  }
  
  #news .news-items .item{
      margin-left: 0;
      padding:40px 0 40px 20px
  }
  #news .col-md-8{
      padding-left: 15px;
  }
  
  #news .news-items .item p{
      margin-left: -35px;
  }
  
  #contact .contact-intro{
      margin:0;
  }
  
}



@media only screen and (max-width: 767px) {
  .cities-news-slider .item-news {
    padding:0px;
  }
  /*.team-page .team-member {
    width: 100%;
  }*/
  .cities .head-sec {
    font-size: 1.3em;
    line-height: 1.4;
  }
  .cities .cities-columns .contact-us .fa {
    right: 25px;
  }
  .cities .cities-columns .cities-content .services {
    margin-left: -25px;
    padding-left: 25px;
    padding-right: 25px;
    width: calc(100% + 50px);
  }
  .cities .cities-columns .contact-us {
    margin-left: -25px;
    padding-left: 25px;
    padding-right: 50px;
    width: calc(100% + 50px);
    position: relative;
  }
  .cities .expertise-modal .popup-inner {
    padding: 57px 0 0 0;
  }
  .cities .expertise-modal.popup-div .close {
    top: 15px;
    right: 15px;
  }
  .cities .expertise-modal .modal-body {
    min-height: calc(100vh - 57px);
  }
  .cities .expertise-modal .close {
    right: 15px;
  }

  .practice-area-slider .item .caption {
    bottom:10px !important;
  }
  .featured-project-slider .item .caption{
    bottom: 40px;
  }
  .home-intro{
    min-height: 640px;
  }
  .search-template .search-toggle {
    text-align: left;
    margin-left: 0px;
  }
  #contact .contact-intro{
      margin:0;
      padding-left: 30px;
  }

  .team-pages .col-md-8 {
    padding-left: 15px;
  }


  .portfolio-pages .sub-navigation, .sidebar .sub-navigation {
    margin-right: -15px;
  }

  header.with-background .container-fluid .full-row .light-blue-section {
    width: 100%;
  }
  
  footer .locations p{
      float: none;
      width:100%;
  }
  .social-links-mobile{
      margin-bottom: 30px;
  }
  

  
  .practice-section .absolute-title,.practice-area-slider .item .content .project-title,
  .featured-project .absolute-title, .featured-project-slider .item .content .project-title{
      left:25px !important;
  }
  
  .practice-area-slider .item .caption,
  .featured-project-slider .item .caption{
      right:25px !important;
  }
  
  
  .practice-area-slider .item .content .project-title{
      width:70%;
  }
  .practice-area-slider .item .content{
      height:480px;
  }
  
  .page-submenu-list-container .page-submenu-list li{
      padding: 10px 25px;
  }
  
  
  .map-locations{
      display: none;
  }
  
}