@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('../images/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/fonts/slick.eot');
    src: url('../fonts/fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/fonts/slick.woff') format('woff'), url('../fonts/fonts/slick.ttf') format('truetype'), url('../fonts/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 42px;
    height: 42px;
    margin-top: -21px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: #545454;
	
	border-radius:50%;

	z-index:1;	
}
@media only screen and (min-width:1200px){
	.slick-prev,
	.slick-next
	{
		width: 64px;
		height: 64px;
		margin-top: -32px;
	}
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background:#116c6b;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'Basic-Icons';
    line-height: 1;

    opacity: 1;
    color: #fff;
	font-size: 24px;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media only screen and (min-width:1200px){
	.slick-prev:before,
	.slick-next:before
	{
		font-size: 37px;
	}
}

.slick-prev
{
    left: 10px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: "\3c";
}
[dir='rtl'] .slick-prev:before
{
    content: "\3c";
}

.slick-next
{
    right: 10px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: "\3e";
}
[dir='rtl'] .slick-next:before
{
    content: "\3e";
}

@media only screen and (min-width:1750px){
	.slick-prev
	{
		left: -50px;
	}
	.slick-next
	{
		right: -50px;
	}
}

/* Dots */
.slick-slider
{
    
}

.slick-dots
{
    position: absolute;
    bottom: 50px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 15px;
    height: 15px;
    margin: 0 3px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 15px;
    height: 15px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: #dbdbdd;
}
.slick-dots li button:hover,
.slick-dots li button:focus,
.slick-dots li.slick-active button
{
    outline: none;
	background:#a7acad;
}
.offices-top-carousel .slick-dots li button
{
	background: #4282b0; 
}
.offices-top-carousel .slick-dots li button:hover,
.offices-top-carousel .slick-dots li button:focus,
.offices-top-carousel .slick-dots li.slick-active button
{
	background:#fff;
}

/*
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 56px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 10px;
    height: 10px;

    content: "";
	background: #dddddc;
	border-radius: 50%;
	
    text-align: center;

    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    background: #fff;
}
*/


/*** Custom carousel styles ***/
.dots-out-carousel .slick-dots {   top: -90px; text-align: left; width:100%; left: 15px;  height: 55px;}

/* to resize people details image in different carousels */
.people-carousel .slick-slide img {width:330px;}

.slick-slide {position:relative; outline:none; color: inherit !important;}
@media (min-width : 768px) {
	.dots-out-carousel .slick-dots {		
		bottom: 15px;
		top: auto;
		text-align: left;
		left: auto;
		right: 100%;
		width:31%;
		z-index:1;
		
	}
}
@media (min-width: 1300px) {
	.dots-out-carousel .slick-dots {		
		bottom: 15px;		
		width:30%;
		padding-left: 10px;		
	}
	.person-related-news .dots-out-carousel .slick-dots {		
		width:45%;	
	}
}
@media (min-width : 768px) and (max-width : 1023px) {
	.text-image-carousel .dots-out-carousel .slick-dots,
	.news-carousel .dots-out-carousel .slick-dots,
	.people-carousel .dots-out-carousel .slick-dots {		
		top: -90px;
		left: 15px;
		width: 100%;		
	}
}
@media (min-width : 1024px) {
	.people-carousel .dots-out-carousel .slick-dots {
		right: 115%;
	}
}
@media (min-width : 768px) {
	.carousel-02 .dots-out-carousel .slick-dots {
		right: 115%;
	}
}

@media (min-width : 768px) {
	.office-details-bottom-carousel .dots-out-carousel .slick-dots {
		padding-left: 15px;
		left: -100%;
	}
	.dots-out-carousel.dots-right .slick-dots {
		left:100%; 
		margin-left: 35px;
	}
}
@media (min-width : 1200px) {
	.office-details-bottom-carousel .dots-out-carousel .slick-dots {
		padding-left: 45px;
	}
}

.carousel-02-text {position: absolute; bottom: 0; left:0; width:100%; padding: 0 20px; background:rgb(0,0,0); background:rgba(0,0,0,.8); color:#fff;}

.carousel-image {width: 100%; height: 350px; background-size:cover; background-position:50%;}
@media (min-width : 768px) {
	.text-image-carousel .content-box { min-height:514px; }
	.carousel-text { width: 62%; }
	.carousel-image {position: absolute; top: 0; right: 0; width: 33%; height: 100%; }
	.carousel-image:first-child {left: 0; }
	.carousel-text:last-child { width: 100%; padding-left: 38%;}
}
@media (max-width : 767px) {
	.text-image-carousel .carousel-02 .content-box {padding:0;}
	.text-image-carousel .content-box .carousel-text {padding:40px 20px; box-sizing: content-box;}
}


.listing-controls-carousel .slick-slide {cursor: pointer;}
.listing-controls-carousel .content-box {padding-top: 60px; padding-bottom: 110px;}
@media (min-width : 768px) {
	.listing-controls-carousel .slick-list {overflow: visible;}
}
@media (min-width : 1200px) {
	.listing-controls-carousel .content-box {padding-top: 135px; padding-bottom: 165px;}
}
@media (max-width : 767px) {
	.listing-controls-carousel .slick-list {padding-bottom: 21px;}
	.listing-controls-carousel .slick-dots { bottom: 80px;  padding-left: 17px; }
}

.listings-carousel .title {margin-bottom:1em;}

.carousel-03 .slick-prev {
    left: 10px;
	background: none;
    font-weight: bold;
}
.carousel-03 .slick-next {
    right: 0px;
	background: none;
    font-weight: bold;
}