@font-face {
  font-family: "Circular Book";
  src: url("../fonts/CircularStd-Book.otf");
}

@font-face {
  font-family: "Circular Bold";
  src: url("../fonts/CircularStd-Bold.otf");
}

html {
  scroll-behavior: smooth;
}


.dre, .dre a, .dre span {
    color:  #000 !important;
}

.list_inner {
	display:  inline-block;
}

.list_inner p {
	width: 20%;
	float: left;
}

.list_inner p:first-child {
	width: 40%;
	float: left;
}

.list_inner p:nth-child(4n) {
	text-align: right !important;
}



/* Slide in underline on link hover 
a {
text-decoration:none;
display: inline-block;
color:#fcf9ef;
}

a:after {
content: '';
display: block;
height: 0px;
width: 0;
background: transparent;
transition: width .3s ease, background-color .3s ease; 
-webkit-transition: width .3s ease, background-color .3s ease; 
-moz-transition: width .3s ease, background-color .3s ease; 
}

a:hover:after {
width: 100%;
background: #fcf9ef;
}

a:hover {
	text-decoration: none;
}*/

a {
color: #000;
text-decoration: none;
background-image: linear-gradient(#000, #000);
background-size: 0% 1px;
background-position-y: 100%;
background-position-x: 0%;
background-repeat: no-repeat;
transition: background-size 0.2s ease-in-out;
}
a:hover,
a:focus,
a:active {
background-size: 100% 1px;
}

#projects a:hover, #project a:hover, #listings a:hover {
	text-decoration: none;
}

#projects a, #project a, #listings a {
	background-image: linear-gradient(#fcf9ef, #fcf9ef);
}

.logo:hover, .logo-mobile:hover {
	text-decoration: none !important;
	background-image: none !important;
}

a.black {
	background-image: linear-gradient(#000, #000) !important;
}

a.nav-link {
	background-image: none;
}

.info_page a:hover:after, .black:hover:after {
	width: 100%;
	background: #000;
}
.info_page a:hover, .black:hover {
	text-decoration: none;
} 

.closeitbutton:hover:after {
	background: #000;
	width:  1px;
}

.nohover:hover, .nohover:hover:after {
	text-decoration: none !important;
	/*border-bottom: none !important;*/
	background: transparent !important;
}
.opacity-0 { 
	opacity: 0;
}

.ql-editor {      
	white-space: inherit !important;
	padding-top: 0 !important;
}

#listings .listing-info, #listings .carousel {
	width:  100%;
}
#listings .office-address {
	min-width: 100px;
	width: 70vw;
}

.slideup .main-pop-box .pager-a {
	position: fixed;
	bottom: 0;
}


.cslogoside {
    width: 100px;
    max-width: 100%;
    padding: 0 5px 20px;
    display: block;
}

.info h1, .info .col-12 div  {
    margin-bottom: 40px;
}

#listings .row {
	margin-left: 0;
	margin-right: 0;
}

.pop-center-content {
	padding-bottom: 25px;
}

#project .pop-center-content {
	padding: 0 30px 25px;
}

.listings h5 a {
	color: #000;
}

.dropdown-item.active, .dropdown-item:active, .dropdown-item.focus, .dropdown-item:focus {
	background: transparent;
}

.dropdown:hover .dropdown-menu{
    display: block;
}
.dropdown-menu{
    margin-top: 0;
    background: transparent;
    border: none;
    margin-left: 20px;
    font-size: 14px;
}

.dropdown-item {
	padding: 0;
	width:  auto;
	max-width: fit-content;
}

.dropdown-item:hover {
	background: transparent;
	width:  auto;
	max-width: fit-content;
}

.dropdown-toggle::after {
	content: none;
}

.dropdown {
	display: inline-block;
}

b {
	font-family: Circular Bold;
}
body#projects {
	background-color: #fcf9ef;
}
#project {
	top: 0px;
}

.menu-mobile {
	background-image: none;
}

body.timespent {
	background: #fffeeb !important;
}

.timespent .copy-column {
	background: #fffeeb !important;
}

.timespent .slideup {
	top: 50vh;
}

.timespent .copy-column {
	height: 50vh;
}


body#listings .nav-item p{
color: #000;
}
body#listings .nav-item a {
	color: #000;
}
 body.info_page .dropdown-item {
    color: #000!important;
}
 body.info_page .hauser .logo {
	color: #000!important;
}


#listings 
.white {
	transition: color .5s ease-in-out !important;
	color: #fff !important;
}
.nav-item p {
	color: #fcf9ef;
}
a:hover {
	color: #fcf9ef;
}
.listings .nav-item p {
	color: #000;
}
.info .nav-item p {
	color: #5074a7;
}
.info .clientlist a:hover {
	text-decoration: none;
}
.info .clientlist div:hover {
	/*text-decoration: underline;*/
	cursor: default;
}
.info .clientlist span{
	font-size: 16px;
	color: #5074a7;
}
.info .clientlist a:hover {
	background-color: #fcf9ef;
}
/*.info .clientlist .hauser:hover {
	background-color: #647469;
}
.info .clientlist .mansur:hover {
	background-color: #dc6152;
}
.info .clientlist .bluebottle:hover {
	background-color: #5d99a7;
}
.info .clientlist .verve:hover {
	background-color: #e3b5a2;
}*/

.left-column {
		/* position: relative !important; */
		height: 100vh;
		z-index: 2;
		left: 15px;
		top: 5px;
		/*width: 145px;*/
		height: 0px;
	}

	.second-column {
		position: fixed;
		height: 100vh;
		z-index: 2;
		left: 120px;
		top: 80px;
		width: 245px;
		height: 165px;
	}

	.about-column {
		position: fixed;
		height: 100vh; 
		z-index: 2;
		left: 120px;
    	top: 220px;
		overflow: scroll;
		/*width: 45%;*/
	}

	.copy-column {
	position: fixed;
    background:#fcf9ef!important;
    top: 100vh;
    width: 100%;
    height: 71vh;
    overflow: auto;
    max-width: 100%;
    left: 0;
    padding-top: 20px;
    z-index: 9;
    /*font-size: 1rem;*/
		/*position: fixed;
		height: 100vh;
		z-index: 2;
		left: 360px;
		top: 15px;
		max-width: 20%;
		overflow: scroll;
		/*width: 45%;*/
		
		transition: all .5s ease-in-out !important;
		padding-top: 60px;
border-top: 30px solid #fcf9ef;
	}

	.casestudy {
	    position: fixed;
	    bottom: 10px;
	    left: 0;
	    right: 0;
	    margin: auto;
	    z-index: 9;
	    color: #fafdd9;
	    text-align: center;
	    /*text-decoration: underline;*/
	    cursor: pointer;
	}

	.slideup {
		top:29vh;
	}

	.closeitbutton {
	  position: absolute;
	  right: 32px;
	  top: 32px;
	  width: 32px;
	  height: 32px;
	  z-index: 999;
	  cursor: pointer;
	}
	.closeitbutton:hover {
	  opacity: 1;
	}
	.closeitbutton:before, .closeitbutton:after {
	  position: absolute;
	  left: 15px;
	  content: ' ';
	  height: 33px;
	  width: 1px;
	  background-color: #000;
	  z-index: 99999;
	}
	.closeitbutton:before {
	  transform: rotate(45deg);
	}
	.closeitbutton:after {
	  transform: rotate(-45deg);
	}

	.casestudybutton {
		font-size: 18px;
	}


	.copy-column h2 {
		font-size: 16px;
		margin-bottom: 40px;
	}

	.copy, .copyfooter, .copyfooter p {
		/*min-height: 64vh;*/
		transition: all .5s ease-in-out !important;
	}

	.copyfooter {
		position: relative;
		bottom: 10px;
		margin-top: 80px;

	}
	.copyfooter p {
		font-size: 11px;
		line-height: 1.3em;
		transition: color .5s ease-in-out;
	}

	.christies .logo, .christies .nav-link, .christies .temp, .christies .swipetext, .christies h2, .christies .copy, .christies .copyfooter {
		color: #404a20;
		transition: color .5s ease-in-out;
	}
	#project.christies {
		/*background: #c17b4b;*/
	}

	#project.westlake {
		/*background: #d08e7e;*/
	}
	#project .copy, #project .copyfooter, #project h2, #project nav a, #project a, #project .nav-item {
		color: #fcf9ef !important;
	}
	


	.slideup h2, .copyfooter p {
		font-size: 1rem;
		line-height: 1.2rem;
	}

	.hauser .logo, .hauser .nav-link, .hauser .temp, .hauser .swipetext, .hauser h2, .hauser .copy, .hauser .copyfooter {
		color: #fcf9ef;
		transition: color .5s ease-in-out;
	}
	#project.hauser { 
		/*background: #647469;*/
	}

	.atlantic .logo, .atlantic .nav-link, .atlantic .temp, .atlantic .swipetext, .atlantic h2, .atlantic .copy, .atlantic .copyfooter {
		color: #fbf7c6;
		transition: color .5s ease-in-out;
	}
	#project.atlantic {
		/*background: #8d511c;*/
	}

	.bluebottle .logo, .bluebottle .nav-link, .bluebottle .temp, .bluebottle .swipetext, .bluebottle h2, .bluebottle .copy, .bluebottle .copyfooter {
		color: #4970aa;
		transition: color .5s ease-in-out;
	}
	#project.bluebottle {
		/*background: #5d99a7;*/
	}

	.mansur .logo, .mansur .nav-link, .mansur .temp, .mansur .swipetext, .mansur h2, .mansur .copy, .mansur .copyfooter {
		color: #e8d869;
		transition: color .5s ease-in-out;
	}
	#project.mansur {
		/*background: #dc6152;*/
	}

	.verve .logo, .verve .nav-link, .verve .temp, .verve .swipetext, .verve h2, .verve .copy, .verve .copyfooter {
		color: #8d4215;
		transition: color .5s ease-in-out;
	}
	#project.verve {
		/*background: #e3b5a2;*/
	}

	.info_page .logo, .listings h2, .listings .copy, .listings .copyfooter {
		color: #000;
		transition: color .5s ease-in-out;
	}
	#listings.listings, .info_page {
	    background: #fcf9ef;
	}

	.info_page .left-column .nav-item {
		color: #000 !important;
	}

	.contact .logo, .contact .nav-link, .contact .temp, .contact .swipetext, .contact h2, .contact .copy, .contact .copyfooter, .contact .copy a {
		color: #5072a8;
		transition: color .5s ease-in-out;
	}
	#contact.contact {
		/*background: #984a1a;*/
	}

	.contact .copy {
		margin-top: 15px;
		width: 100%;
	}

	.contact .second-column {
		width: auto;
		position: relative;
		left:auto;
	}

	.contact .third-column {
		position: relative;
		height: 100vh;
		z-index: 2;
		/*left: 440px;*/
		top: 80px;
		width: auto;
		height: auto;
	} 

	.info_page .logo:hover, .listings h2:hover, .listings .copy:hover, .listings .copyfooter {
		color: #000;
		transition: color .5s ease-in-out;
	}

	/* .info .logo, .info h1, .info a, .info .nav-link, .info .temp, .info .swipetext, .info h2, .info .copy, .info .copyfooter {
		color: #5074a7 !important;
		transition: color .5s ease-in-out;
	} */
	
	/* .info .copy a {
		color: #5074a7;
		text-decoration: underline;
	} */
	.info .copy {
		max-width: 80%;
	}

	.cs-offset {
		margin-left: 200px;
    	margin-top: 95px;
	}

	.info .infosidebar {
		position: fixed;
	    left: 35px;
	    /* top: 200px; */
	    color: #5074a7;
	    z-index: 99999;

	}

	.info .atf .infosidebar p {
	font-size: 18px;
	line-height: 24px;
}

	.cs-col {
		top: 95px;
	}

	.clientlist {
		/*position: absolute;*/
		width: 100%;
		margin-top: 125px;
		margin-left: 0;
		margin-right: 0;
		padding: 0;
	}

	.info .infofooter {
		margin: 0;
	}

	.clientlist .col-12 {
		font-size: 7em;
		border-bottom: 1px solid #5074a7;
		line-height: 1em;
		padding: 14px 0px;
		font-size: 18px;
	}

	.infowrapper {
	    margin-right: 0;
		padding-right: 0;
	}

	.info .atf {
		margin-top: 0px;
		margin-left: 0;
		margin-right: 0;
	}
	.info_page .atf {
		margin-top: 0px;
		margin-left: 0;
		margin-right: 0;
	}

	/* .info .atf p {
		color: #5074a7;
		font-size: 18px;
		margin-bottom: 4px;
		line-height: 23px;
	} */

	.info h1, .info .col-12 div {
		margin-bottom: 40px;
	}

	.info h2 {
		margin-bottom: 15px;
		line-height: 1.2;
	}

	
	.info article {
		font-size: 12px;
	}

	/* 
	*/

	/* .info .clientlist, .info .clientlist a, .info article p {
		color: #5074a7 !important;
	} */

	.info .left-column {
		position: fixed !important;
		left: 5px;
	}

	.main-wrap {
		margin-right: 0;
	}

	.temp {
		position: fixed;
		bottom: 10px;
		left: 15px;
		z-index: 2;
		color: #fff;
		transition: color .5s ease-in-out;
	}

	.swiper-button-next, .swiper-button-prev {
		color: #fff !important;
		/*width: 15px !important;
		height: 15px !important;*/
	}

	.swiper-button-next:after, .swiper-button-prev:after {
		font-size: 15px !important;
	}



	/* swiper specific */

	.swiper-slide:nth-child(n+2) {
		width: auto !important;
	}

	

	.swiper-slide img {
		z-index: 0;
		height: 100vh;
	}

	/* end swiper specific */

	html,
        body {
            position: relative;
            height: 100%;
        }

        body {
            /*background: #eee;*/
            font-family: "Circular Book";
            font-size: 18px;
            color: #000;
            margin: 0;
            padding: 0;
            font-weight: 500;
        }

        .swiper-container {
            width: 100%;
            height: 100vh;
            margin-left: auto;
            margin-right: auto;
        }

        .swiper-slide {
            /*text-align: center;*/
            /*font-size: 16px;*/
            background: #fff;
            background-size: cover;

            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }

.signup {
	/*display: none;*/
	position: fixed;
    bottom: 15px;
    right: 20px;
}

.signup input {
	float: left;
}

.signup input.email {
	font-size: .7em;
    padding: 3px 0 3px 10px;
    border: 1px solid #ccc;
    color: #000;
}

.signup input.button {
	background: #ccc;
    color: #fff;
    padding: 4px 10px;
}

.nav-item {
	color: #fcf9ef !important;
	margin-left: 20px;
	font-size: 14px;
}

.logo {
	font-size: 14px;
}

	
	a:hover,
	a:active,
	a:focus {
		outline: 0;
		border: 0;
		cursor: pointer;
	}
	body {
		padding-top: 0px;
		font-family: "Circular Book";
		line-height: 1.3;
	}
	.centered-title {
		padding: 40px 15px;
		text-align: center;
	}
	
	.logo {
		display: inline-block;
		margin-bottom: 60px;
		color: #fcf9ef;
		padding-top: 10px;
		transition: color .5s ease-in-out;
	}
	.dropdown-item {
		color: #fcf9ef !important;
	}
	.logo:hover {
		/*color: #fff;*/
		text-decoration: none;
		transition: color .5s ease-in-out;
	}
	.logo sup {
		font-size: .5em;
		position: relative;
		top: -6px;
		left: -4px;
	}
	.logo img {
		width: 90%;
		height: auto;
		margin: 20px 0px 5px 15px;
		display: block;
		max-width: 160px;
	}

	.overlay {
		height: 100%;
	    width: 100%;
	    background-color: rgba(0,0,0,.3);
	    z-index: 2;
	    position: absolute;
	    padding-left: 1px;
		margin-bottom: 0;
	}

	.nav{
		margin-top: 15px;
	}
	.nav a, p {
	    font-size: 18px;
	    line-height: 24px;
	}
	.nav-link {
		display: block;
		padding: 0px 0px 3px 0px;
		color: #fff;
		font-weight: 500;
		transition: color .5s ease-in-out;
	}

	.swipetext {
		position: absolute;
		bottom: 10px;
		left: 40px;
		color: #fcf9ef;
	}

	.slideup .closeitbutton {
		position: fixed;
		top: 32vh;
		right: 25px;
		transition: all 500ms;
	}

	.swipetext {
		font-size: 14px;
	}

	.swiper-wrapper .swiper-slide:first-child .swipetext {
		/*left: 120px;*/
	}

	.collapse.show{
		margin-bottom: 10px;
	}
	.nav-link.active,
	.collapse-item.active {
		text-decoration: underline;
	}
	.nav a:hover,
	.collapse-item:hover {
		/*font-weight: bold;*/
		/*font-weight: 500;*/
		/*color: #fff;*/
		text-decoration: underline;
	}
	.collapse-item {
		display: block;
		padding: 0px 0 3px 40px;
		color: #000;
		//font-family: "Circular Book";
		font-weight: 300;
	}

	.press{

	}
	.press-list ul{
		list-style: none;
		padding:0px;
	}
	.press-list ul li{
		font-size: 12px;
		padding:0px;
	}
	.press-list ul li a{
		color: black;
		display: block;
		font-weight: 400;
		-webkit-transition: color 100ms ease-in;
		-moz-transition: color 100ms ease-in;
		-o-transition: color 100ms ease-in;
		transition: color 100ms ease-in;
	}
	.press-list ul li a:hover{
		color: #b5e0f1;
		text-decoration: none;
		cursor: pointer;
		-webkit-transition: color 100ms ease-out;
		-moz-transition: color 100ms ease-out;
		-o-transition: color 100ms ease-out;
		transition: color 100ms ease-out;

	}
	.press-logo{
		height: 30px;
		display: block;
		margin-top: 30px;
		margin-bottom: 10px;
	}


	.contact-content{
		margin-top: 100px;
		font-weight: 300;
		font-size: 12px;
	}

	.contact-content a{
		color: black;
		display: block;
		font-weight: 400;
		-webkit-transition: color 100ms ease-in;
		-moz-transition: color 100ms ease-in;
		-o-transition: color 100ms ease-in;
		transition: color 100ms ease-in;

	}
	.contact-content a:hover{
		color: #b5e0f1;
		text-decoration: none;
		cursor: pointer;
		-webkit-transition: color 100ms ease-out;
		-moz-transition: color 100ms ease-out;
		-o-transition: color 100ms ease-out;
		transition: color 100ms ease-out;

	}


	
	.books-content{
		margin-top: 30px;
	}

	.book{
		margin-bottom: 20px;
	}

	.book  small{
		margin-top: 20px;
		display: block;
		font-size: 10px;
	}
	.book  small a{

	}



	input[type="submit"]{
		background: none;
		border: none;
		padding: 0;
		font-size: 11px;
		color: black;
		display: block;
		font-weight: 500;
		-webkit-transition: color 100ms ease-in;
		-moz-transition: color 100ms ease-in;
		-o-transition: color 100ms ease-in;
		transition: color 100ms ease-in;
	}

	input[type="submit"]:hover,
	input[type="submit"]:active,
	input[type="submit"]:focus{

		color: #b5e0f1;
		text-decoration: none;
		cursor: pointer;
		-webkit-transition: color 100ms ease-out;
		-moz-transition: color 100ms ease-out;
		-o-transition: color 100ms ease-out;
		transition: color 100ms ease-out;
    	outline: none;
	}

	.modal-backdrop{
		background-color: transparent;
	}
	.close {
		float: right;
		font-size: 1.5rem;
		font-weight: 300;
		line-height: 1;
		color: #000;
		text-shadow: 0 0 0 #fff;
		opacity: 1;
	}

	.modal-dialog{
		border: none;
		border-radius: 0px;
		top: 0;
		margin: 0 auto;
		width: 100%;
		max-width: none;
	}


	.modal-content{	
		border-radius: 0px;
		border: none;
		box-shadow: none;
	}

	.modal-footer{

    	border-top: none;
    	/*border-bottom: 1px solid #e9ecef;*/
	}
	.modal-footer a{
		color: black;
		display: block;
		font-weight: 400;
		-webkit-transition: color 100ms ease-in;
		-moz-transition: color 100ms ease-in;
		-o-transition: color 100ms ease-in;
		transition: color 100ms ease-in;
		
	}
	.modal-footer  a:hover{
		color: #b5e0f1;
		text-decoration: none;
		cursor: pointer;
		-webkit-transition: color 100ms ease-out;
		-moz-transition: color 100ms ease-out;
		-o-transition: color 100ms ease-out;
		transition: color 100ms ease-out;

	}

	.modal-header{
		border-bottom: none;
	}
	
	#listings .clientlist a {
		    font-size: 2em;
		    border-bottom: 1px solid #5074a7;
		    line-height: 1.475em;
		    text-align: left !important;
		    color: #000;
		    padding: 10px 30px;
		}
		#listings .clientlist {
			margin-top: 125px;
		}



/* ===================== project page new css ===================== */

.main-pop-box{
	color: #000;
	padding-top: 30px;
}
.main-pop-h h3{
	text-align: center;
	font-size: 28px;
	margin: 40px 0px;
}
.main-pop-box .pop-center-content p {
	text-align: left;
	color: #000;
	font-size: 20px;
	line-height: 25px;
	font-weight: 100;
}
.main-pop-box ul{
	padding-left: 0px;
	list-style-type: none;
}
.main-pop-box ul li {
	display: flex;
	font-size: 18px;
	line-height: 24px;
}
.pop-li-left {
	width: 150px;
}
.pager-a{
	display: flex;
    justify-content: space-between; 
    padding: 20px 30px;
    font-size: 18px;
    /*text-decoration: underline;*/
}
/*#project .pager-a {
	padding: 20px 15px;
}*/
.listing-info p , .listing-info a{
	font-size: 18px;
	color: #000;
}

.listing-info .col-md-12 {
	padding-left: 0;
}

.listing-info .a-learn {
	margin-bottom: 20px;
}

.listing-info {
	padding-left: 30px;
    margin-top: 0px;
}
.infowrapper-1 h4{
	color: #5074a7;
	font-size: 19px;
    line-height: initial;
}
.infowrapper-1 h1{
	font-size: 24px;
}
.info h2 {
	font-size: 14px;
}
.music-img-m{
	margin: 110px 0px;
	max-height: 75vh;
}
.infofooter p{
	position: relative;
	font-size: 18px;
}
.infofooter p span{
	color: #5074a7;
	font-size: 9px;
	position: absolute;
	left: 20px;
}
.d-flex-style{
	display: flex;
	justify-content: center;
}
.journal{
	margin-top: 0px;
    text-align: center;
}
.journal p {
font-size: 36px!important;
color: #000;
}
/* .journal-bg{
	background-image: url(/img/journal-bg.PNG);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 100vh;	
	background: green;
	margin-top: 50px;
} */
.journal-bg img{
	margin-top: 50px;
	width: 100vw;
	margin-bottom: 20px;
}
.journal-ul{
	font-size: 15px;
	color: #000;
	padding-left: 36% !important;
}
.journal-content p {
	font-size: 24px;
}
.new-row-m{
	margin: 25px 0px;
}
.under-line{
	text-decoration: underline;
}
.new-row-m img{
	margin: 20px 0px;
}
.new-row-m p {
	margin-bottom: 25px;
}
.pop-p-content p:first-child , .pop-p-content p:nth-child(2){
	margin-bottom: 25px;
}
.journal-footer{
	/*background: #aabba1;*/
	padding-top: 30px;
	/*margin-top: 200px;*/
}
.top-discription p {
	text-align: center;
	font-size: 24px;
	margin: 50px 0px;
	color: #000;
}
.journal-form-1 p:first-child {
	text-decoration: underline;
    font-size: 26px;
    margin-bottom: 25px;
}
.journal-form-1 p:nth-child(2) {
	font-size: 16px;
}
.journal-form{
	margin-top: 20%;
}
.journal-form-2 form input{
	background: transparent;
    border: none;
	border-bottom: 2px solid #000;
	position: relative;
}
.journal-form-2 form{
	margin-top: -5%;
}
.journal-form-2 form input, .journal-form-2 form input::placeholder , .subscribe-input{
	color: #000!important;
	font-size: 26px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.journal-form-2 form input:focus, .journal-form-2 form input:active:focus{
	background: transparent;
	border-color: #000;
}
.subscribe-input{
	position: absolute;
	right: 0;
}
.journal-bg .journalbg-2 ,.journal-bg .journalbg-3{
	margin-top: 0px;
}
.journal-bg .journalbg-3{
	margin-bottom: 60px;
}

/* ================ grid page =================== */

.grid-images{
	/*margin-top: 150px;*/
    width: 98vw;
    margin: 150px auto 0px auto;
}
.grid-boxes p a{
    font-size: 18px;
    color: #000;
}
.grid-boxes img{
	margin-bottom: 50px;
}

.info .logo {
	margin-left: 15px;
}

/* ========== listing ======== */
.main-listings {
	margin-top: 0px;
	width: 100%;
}
.main-listings .grid-images {
	margin-top: 0;
}
/*.listing-info{
    margin-top: 16rem;
}*/
.listing-info p {
	font-size: 18px;
	font-weight: 500;
	color: #000;
	line-height: 24px;
	margin-bottom: 0;
}
.listing-info .a-learn a , .listing-info .a-learn a:hover{
    color: #000;
    text-decoration: underline;
    font-weight: 500;
}
.main-office-div{
    color: #000;
    padding: 70px 20px;
}
.office-address{
  display: flex;
  padding-left: 10px;  
}
.office-address p:first-child{
    font-size: 18px;
    font-weight: 500;
    width: auto;
    float: left;
    padding-right: 20px;
}
/* .office-address p:last-child{
    font-size: 11px;
	font-weight: 500;
	line-height: initial;
} */
.office-content p {
    font-size: 18px;
    font-weight: 500;
	margin-bottom: 36px;
	line-height: 23px;
}
.list-bg img{
	width: 100vw;
}
.office-content h5{
    color: #000;
    text-decoration: underline;
    font-size: 18px;
	font-weight: 500;
	line-height: 23px;
}

/*.main-listings{
	margin-left: 1.57%;
}*/





/* ========================responsive =================== */



/*
@media only screen and (min-width: 2249px) {
	.info .atf p {
		color: #5074a7;
		font-size: 25px;
		line-height: 33px;
	}
	.infowrapper-1 h1 {
		font-size: 48px;
	}
	.infowrapper-1 h4 {
		font-size: 27px;
	}
	.info .clientlist a {
		font-size: 25px;
	}
	.infofooter p span {
		font-size: 22px;
	}
	.infofooter p {
		font-size: 22px;
	}
.main-pop-box ul li {
    display: flex;
    font-size: 20px;
}
.main-pop-box .pop-center-content p {
    text-align: left;
    color: #000;
	font-size: 25px;
}
.journal-form-1 p:first-child {
    text-decoration: underline;
	font-size: 33px;
}
.journal-form-1 p:nth-child(2) {
    font-size: 19px;
}
.journal-form-2 form {
    margin-top: -3%;
}
.journal p {
    font-size: 46px!important;
}
.main-pop-box ul {
    padding-left: 60px;
    list-style-type: none;
}
.pager-a {
	padding: 20px 30px 20px 80px;
}


}*/

@media screen and (max-width:1919px){
	/* info page */

	.clientlist .col-12 {
		font-size: 6em;
	}

}




@media only screen and (max-width: 1679px) {
	/* journal page */
	.journal-form-2 form input, .journal-form-2 form input::placeholder, .subscribe-input {
		font-size: 20px;
		margin-bottom: 0px;
		padding-bottom: 0px;
		margin-top: 9px;
	}
	.journal-form-1 p:first-child {
		text-decoration: underline;
		font-size: 23px;
	}
	.journal-form-1 p:nth-child(2) {
		font-size: 15px!important;
	}
/* popup */
.pop-li-left {
    width: 130px;
}
/* .main-pop-box ul li {
    font-size: 11px;
    line-height: 15px;
} */
/* .main-pop-box .pop-center-content p {
    font-size: 18px;
    line-height: 23px;
} */
/*.main-listings {
    margin-left: 2%;
}*/



}

@media only screen and (max-width: 1439px) {

/* info page */
.clientlist .col-12 {
	font-size: 4em;
}
/* .infofooter p , .infofooter p span{
    font-size: 13px;
} */
/* journal page */
/*.main-pop-box ul li {
    font-size: 13px;
}*/
.journal-form-2 form input, .journal-form-2 form input::placeholder, .subscribe-input {
    font-size: 18px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
}
/* pop up */
/* .main-pop-box .pop-center-content p {
    font-size: 17px;
} */
/*.main-pop-box ul li {
	display: block;
}*/
/*.pop-li-left {
    width: 150px;
    font-size: 16px;
    font-weight: 300;
}*/
/*#project .pop-li-left {
    font-size: 14px;
}*/
/*.main-pop-box ul li {
    display: block;
    padding: 4px 0px;
}*/
 /* listing-grid */
/*  .grid-boxes p a {
	font-size: 22px;
} */



}



@media only screen and (min-width: 1023px){
	.resposnive-start{
		display: none;
	}
}

@media only screen and (max-width: 1023px) {
	.infowrapper-1 h1 {
		font-size: 24px;
		line-height: 1.2;
	}
	.info .atf p {
		font-size: 18px;
	}
	.info .col-12 .ql-editor {
		margin-bottom: 32px;
	}
	.clientlist {
		margin-top: 35px;
	}
	.infofooter p span {
		font-size: 15px;
		left: 40%;
		bottom: -30px;
	}
	.info .col-12 .atf-content div {
		margin-bottom: 62px;
	}
	.info .col-12 .aft-content {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.clientlist .col-12 {
		font-size: 3em;
	}
	/* journal */
	.journal {
		margin-top: 130px;
		text-align: center;
	}
	.journal-ul {
		padding-left: 12% !important;
	}
	.responsive-remove{
		display: none;
	}
	.resposnive-start{
		display: block;
		font-size: 16px!important;
    line-height: initial;
	padding-left: 10%;
	color: #000;
	}
	/*.main-listings {
		margin-left: 3%;
	}*/
	.journal-footer {
		background: #aabba1;
		padding-top: 10px;
		margin-top: 70px;
	}
	.journal {
		margin-top: 90px;
		text-align: center;
	}


}
@media only screen and (min-width: 767px) {
	.mobile-nav-degree{
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	.nav-item {
		margin-left: 0px!important;
	}
	.nav a {
		font-size: 26px;
	}
	.nav li {
		padding: 2px 15px;
	}
	/* mobile-nav-degree */

	.mobile-nav-degree {
		display: flex;
		margin-top: 90px;
		color: #5072a8;
	}
	/* #listings.listings {
		background: #e4b5a1;
	} */
	.listing-info p {
		font-size: 16px;
		font-weight: 500;
		color: #000;
		line-height: initial;
		/* color: #8f430f; */
	}
	/*.main-listings {
		margin-left: 4%;
	}*/
.modal-body .nav.flex-column.text-left .nav-item a:hover::after {
	bottom: -6px;
	position: relative;
}
 
}

@media only screen and (max-width: 424px) {}

@media only screen and (max-width: 374px) {

	.modal-footer p, .modal-footer a {
		font-size: 14px;
	}
	.main-listings {
		margin-left: 5%;
	}
}


/* list pages resposnive */

@media only screen and (max-width: 1023px) {
    
    /* listings list */
    .office-content p {
        font-size: 16px;
        font-weight: 300;
        margin-bottom: 26px;
        line-height: 1.2;
    }
    .office-address p:first-child {
        font-size: 16px;
        font-weight: 500;
        width: 100px;
    }


}
/*@media only screen and (min-width: 2249px) {

    .grid-boxes p a {
        font-size: 40px;
    }
    .grid-boxes img {
        margin-bottom: 80px;
        width: 100%;
    }

		.grid-boxes p a {
			font-size: 40px;
		}
		.grid-boxes img {
			margin-bottom: 80px;
			width: 100%;
		}
	.listing-info p {
		font-size: 20px;
	}
	.office-address p:first-child {
		font-size: 32px;
	}
	.office-content p {
		font-size: 28px;
	}
	.office-address p:last-child {
		font-size: 22px;
	}
	.office-content h5 {
		font-size: 32px;
	}
	
	
	}*/


	/* ================ mobile view  ==============*/
	@media only screen and (max-width: 767px) {
	
		.mobile-nav-degree {
			display: flex;
			margin-top: 90px;
			color: #5072a8;
		}
		 /* #listings.listings {
			background: #e4b5a1;
		} 
		.listing-info p , .listing-info .a-learn a, .listing-info .a-learn a:hover,
		 .main-office-div, .office-content h5, .grid-boxes p a {
			color: #8f430f;
		} */
		.closeitbutton:before, .closeitbutton:after {
			position: absolute;
			left: 15px;
			content: ' ';
			height: 43px;
		}
		.main-pop-h h3 , .main-pop-box ul, .main-pop-box .pop-center-content p{
			/* color: #355425!important; */
			text-align: left;
		}
		.copy-column {
			width: calc(100%)!important;
			max-width: calc(100%)!important;
		}
		.journal p {
			line-height: initial;
		}
		.journal-ul {
			padding-left: 0% !important;
		}
		.pop-p-content p:first-child, .pop-p-content p:nth-child(2) {
			margin-bottom: 40px;
		}
		.new-row-m p {
			margin-bottom: 25px;
		}
		.pop-center-content {
		    padding-bottom: 0;
		}
		.journal-footer {
			background: #aabba1;
			padding-top: 10px;
			margin-top: 70px;
		}
		.journal {
			margin-top: 90px;
			text-align: center;
		}
		.resposnive-start {
			padding-left: 0%;
		}
		.pop-p-content{
			padding: 0px 17px;
		}
		.resposnive-start {
			padding: 0px 14px;
		}
		.subscribe-input {
			position: absolute;
			right: 12px;
		}
	
	}


.timespent .copy-column .pop-center-content p {
		text-align: center !important;
	}
	
 .main-pop-box .pop-center-content {
	margin: 0 auto;
}
.listings .main-pop-box .col-md-12.pop-center-content {
	margin: 0 auto;
	display: flex;
}

.info_page .atf .col-md-6.hidden-xs {
	position: relative;
}
.info_page .atf .col-md-6.hidden-xs .infosidebar {
	position: fixed;
    left: 30px;
    top: 0px;
    max-width: 50%;
    bottom: 0;
    margin: auto;
    display: block;
    height: 95px;
}
.info_page .row.infofooter.d-flex-style {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.info_page .atf .col-md-6.hidden-xs .infosidebar p {
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
}
.info_page .atf .col-md-6.hidden-xs .infosidebar p .img-fluid.cslogoside {
	padding: 0;
	max-width: 95px;
}

.playlistslink {
	margin-left: 33px !important;
}

.info_page .atf .col-md-6.hidden-xs .infosidebar p span {
	float: left;
	width: 100%;  
	max-width: 405px;
	margin-left: 25px;  
}
.info_page .atf .col-md-6 .col-12.col-head {
	margin: 20px 0 0 0;
}

.info_page .atf .col-md-6 .col-12.col-inner {
	margin: 15px 0;
}
.info_page .atf .col-md-6 .col-12.col-inner p {
	float: left;
	width: 50%;
	margin-bottom: 6px;
}
.info_page .atf .col-md-6 div h3 a {
	color: #000;
	width: auto;
	display: table;  
	border-bottom: 2px solid #000;
	padding-bottom: 2px;
	text-decoration: none;  
}
.info_page .atf .col-md-6 .row.new_ways .col-12.col-inner p {
	width: 100%;
}
.info_page .atf .col-md-6 .row.new_ways .col-12.col-inner .img-fluid.cslogoside {
	width: 100%;
	max-width: 300px;
}
.info_page .atf .col-md-6 .row.clientlist {
	margin-top: 0;
}
.info_page .atf .col-md-6 .row.clientlist .col-12.col_head {
	padding: 0;
	border: none;
}
.info_page .atf .col-md-6 .row.clientlist .col-12.col-inner {
	border: none;
}
.info_page .atf .col-md-6 .row.clientlist .col-12.col-inner p {
	width: 33.33%;
	text-align: left !important;
	max-width: 100%;
	margin-bottom: 6px;
}
.info_page .atf .col-md-6 .row.clientlist .col-12.col-inner p a {
	color: #000;
	text-decoration: none;
}
.info_page .atf .col-md-6 .row.jobs_section .col-12.col-inner p {
	width: 100%;
} 
.info_page .atf .col-md-6 .row.team_row .col-12.col_head .col_main_head, .info_page .atf .col-md-6 .row.new_ways .col-12.col_head .col_main_head, .info_page .atf .col-md-6 .row.clientlist .col-12.col_head .col_main_head, .info_page .atf .col-md-6 .row.jobs_section .col-12.col_head .col_main_head {
	color: #000;
	width: 100%;
	display: table;
	border-bottom: 1px solid #000;
	padding-bottom: 2px;
}

.black {
	color:  #000;
}

.black:hover {
	color:  #000;
}

.info_page .atf .col-md-6 .row.jobs_section .col-12.col-inner .jobs_links p {
	margin-bottom: 10px;
}
.info_page .atf .col-md-6 .row.jobs_section .col-12.col-inner p a{
	color: #000;
	width: auto;
	/*display: table;*/
	/*border-bottom: 2px solid #000;*/
	padding-bottom: 0px;
	text-decoration: none;
}

 
.foot_botm {
	float: left;
	width: auto;
	position: fixed;
	display: flex;
	align-items: baseline;
	padding: 45px 30px 10px 30px;
	bottom: 0;
	left: 0;
}
.foot_botm .foot_left {
	float: left;
	width: auto;
}

.foot_botm .foot_left a {
	float: left;
	color: #000;
	text-decoration: none;
	margin-left: 30px;
}
.foot_botm .foot_left a:nth-child(1) {
	margin-left: 0px;
}
.foot_botm .foot_center {
	/* margin: 0 auto; */
	/* display: table; */
	margin-left: 50px;
	float: left;
	top:  2px;
	position: relative;
}
.foot_botm .foot_center p {
	margin-bottom: 0;
	font-size: 14px;
	    line-height: 1.6;
    overflow: visible;
}
.foot_botm .foot_left a {
	font-size:  14px;
}
.foot_botm .foot_right {
	float: right;
}
.copyright_txt p {
	position: relative;
	top:  -6px;
}

.dre {
	position:  relative;
	top:  -2px;
}

html {
	overflow-x: hidden;
}

.avilable_listing {
	width: 100%;
	float: left;
}

.avilable_listing .list_inner {
	float: left;
	width: 100%;
	display: flex; 
	justify-content: space-between;
	border-top: 2px solid #000;
	margin-top: 0;
	padding-top: 20px;
}
.main-pop-box .pop-center-content p.available_lis-ttl {
	margin: 30px 0 30px 0;
	float: left;  
	width: 100%;
	text-align: center;
}

.main-pop-box .col-md2 ul {
	margin-top: 120px;
	margin-bottom: 110px;
}
.main-pop-box .pop-center-content .officed-address p {
	font-size: 14px;
	line-height: 17px;
}



.info_page .atf .w-100.atf-content > div {
	margin: 30px 0;
	display: table;
	width: 100%;
}
.info_page .atf .row.team_row, .info_page .atf .row.new_ways, .info_page .atf .col-md-6 .row.clientlist, .info_page .atf .row.jobs_section {
	margin: 30px 0;
}
.info_page .atf .col-md-6 .row.clientlist .col-12.col-inner {
	border: none;
	margin-bottom: 0; 
	padding-bottom: 0;
}

.info_page .atf .col-md-6 .row.clientlist .col-12.col-inner p a::after {
	display: none;
} 

.info_page .atf .row.jobs_section .col-12, .info_page .atf .row.new_ways .col-12, .info_page .atf .row.team_row .col-12 {
	padding: 0;
}
 
.copy-column .main-pop-box {
	padding-bottom: 30px;
}