/*

 Theme Name:   CS2

 Theme URI:    http://www.ForeverCreative.com

 Description:  Styles for the CS2 Chartered Surveyors website

 Author:       Forever Creative

 Author URI:   http://www.ForeverCreative.com

 Version:      1.0.0

 Text Domain:  cs2

 Template: specular

*/

/* =Theme customization starts here

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

@import url("../specular/style.css");


#logo img 
{
    margin-top: -40px;
}

.sticky_header #logo img  {
    margin-top: inherit;	
}

.sticky_header nav .menu > li > ul.sub-menu {
    top: 120px !important;
}

@media (min-width: 1111px)
{
	.container 
	{
    width: 92%;
    max-width: 1200px !important;
	}
}

@media (min-width: 768px)
{
	.container 
	{
    max-width: 1200px !important;
	}
}


/*--- HEADER LOGIN BOX -- */

.top_nav .textwidget

{
	text-align: left !important;
}

#text-4
{
	display: none;
}

.contact-recaptcha
{
	float: left;
	width: 70%;
}

.contact-submit
{
	float: left;
	width: 30%;
	margin-top: 20px;
}

/*--- MOBILE MENU ---*/

.menu-small
{
	background-color: #222222 !important;
}

/*--- HOMEPAGE ---*/

body.home #content

{
	padding-top: 0px !important;
	padding-bottom: 60px !important;
}

body.home #content h2
{
	color: #fff !important;	
	padding:  35px 0 15px 0 !important;
	margin-bottom: 25px !important;
	font-size: 24px !important;
	font-family: 'Raleway';
	border-bottom: none !important;
	background-image: url(/wp-content/themes/cs2/images/heading-underline.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}

a.btn-arrow
{
	display: inline-block;
	width: 100%;
	line-height: 36px;
	color: #fff !important;
	font-weight: 700 !important;
	font-size: 20px !important;
	background-image: url(/wp-content/themes/cs2/images/btn-arrow.png);
	background-repeat: no-repeat;
	background-position: center right;
}

#home-intro
{
	border-top: 15px solid #e70188;
	background-size: cover;
}

#home-intro .wpb_content_element
{
	margin-bottom: 5px !important;
}



#home-intro.row-dynamic-el .media .type_image.alignment_center
{
	width: auto !important;
	margin: auto !important;
	left: 0 !important;
}

.homePg-workforus p

{
	font-size: 18px;
	line-height: 1.3em;
}

#homepg-contact
{
	border-top: 15px solid #d4057f;
}

#homepg-contact.section-style 
{
    padding-top: 20px !important;
    padding-bottom: 30px !important;
}

body.home #content #homepg-contact.section-style h2
{
	margin-top:  0px !important;
	padding-top: 0px !important;
}


/*--- HOME INTEGRATED---*/


#integrated h3
{
	font-size: 24px;
	margin: 0px;
	font-weight: 700;
}


#integrated p.sub-heading
{
	font-size: 18px;
	font-weight: 700;
	margin: 0;
}

#integrated p
{
	font-size: 16px;
	line-height: 1.2em;
}

#integrated a.btn-arrow
{
	float: right;
	width: auto;
	text-align: right;
	padding-right: 45px;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

/*--- HOME ABOUT BLOCKS ---*/

#homepg-about .vc_column-inner 
{
	padding-right: 0px;
}

#homepg-about p
{
	font-size: 26px;
	font-weight: 700;
}

#homepage-latest #homepg-about .wpb_content_element:first-child
{
	margin-bottom: 15px !important;
	margin-top:  15px;
}

#homepage-people
{
	margin-bottom: 0px !important;
}

/*--- SEARCH ---*/

.blog-article.alternate-style .content
{
	width: 90% !important;
}

/*--- HOME LATEST NEWS ---*/


#homepage-latest .recent_news

{
	background-color: #f0f0f0;
	padding: 0 15px;
}

body.home #content h2#homepg-heading-news

{
	display: block;
	padding-left: 15px !important;
	padding-bottom:  40px !important;
	background-position: 15px 75px;
	background-color: #e91a94 !important;
}

#homepage-latest .wpb_content_element
{
	margin-bottom: 0 !important;
}

#homepage-latest .recent_news.vertical .blog-item dt
{
	width: 85px !important;
	height: 85px !important;
}

#homepage-latest .recent_news.vertical h5
{
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2em;
}

#homepage-latest .recent_news.vertical .date
{
	display: none;
}

#homepage-latest .recent_news.vertical p
{
	margin-top: 0;
}

#homepage-latest p.btn-latestNews
{
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;	
	margin-top: 10px !important;
	margin-bottom: 35px !important;
}

#homepage-latest p.btn-latestNews a:link,
#homepage-latest p.btn-latestNews a:visited
{
	color: #bbbbbb !important;
}


#homepage-workForUs .vc_column-inner
{
	margin-left: 20px;
	margin-right: -30px;
}

/*--- INTERNAL PAGE ---*/

.header_page ul.page_parents
{
	left: 0;
	margin-top: 20px;
}


.breadcrumbss ul.page_parents li a:hover
{
	color: #fff;
	opacity: 1;
}

.slider-img
{
	height: 220px!important;
}

.page-title
{
	position: relative;
	z-index: 10;
	display: inline-block;
	padding:  25px 15px 15px 15px;
	/*min-width: 400px;*/
	margin-top: -27px;
	margin-bottom: 25px ;
	background-color: rgba(0, 171,235, 0.8) ;
}

.page-title h1,
.page-title h2
{
	color: #fff;	
	padding-bottom: 15px;
	font-size: 24px;
	font-family: 'Raleway';
	text-transform: uppercase;
	background-image: url(/wp-content/themes/cs2/images/heading-underline.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}

h2.page-title 
{
	color: #fff !important;	
	padding:  20px 15px 35px 15px;
	font-size: 24px;
	font-family: 'Raleway';
	text-transform: uppercase;
	background-image: url(/wp-content/themes/cs2/images/heading-underline.png);
	background-repeat: no-repeat;
	background-position: 15px 55px;
	background-color: rgba(233, 26, 148, 0.8) ;
}

h2.morePeople
{
	display: inline-block;
	/*min-width: 500px;*/
	color: #fff !important;	
	padding:  20px 15px 35px 15px;
	font-size: 24px;
	font-family: 'Raleway';
	text-transform: uppercase;
	background-image: url(/wp-content/themes/cs2/images/heading-underline.png);
	background-repeat: no-repeat;
	background-position: 15px 75px;
	background-color: rgba(142, 198, 63, 0.8) ;
	margin-top: 10px;
}

/*--- SECTOR PAGE ---*/

h2.sector-heading
{
	font-weight: 700 !important;
	display: block !important;
	text-align: center !important;
	text-transform: none !important;
	border-bottom: none !important;
	padding-bottom: 0 !important;
	margin-bottom:  20px !important;
}

.sector-block .wpb_content_element
{
	margin-bottom:  10px !important;
}

.sector-block p
{
	margin: 0px;
	font-size: 14px;
	min-height: 100px;
}

a.vc_btn3.vc_btn3-block
{
	display: inline-block;
}

/*--- TEAM PAGE ---*/

li.profile
{
	position:relative;
	height: 360px;
	overflow: hidden;
}

li.profile .profileImg

{
	position: absolute;
	z-index: 1;
	padding: 0 !important;
}

li.profile .profile-name
{
	position: absolute;
	bottom: 0px;
	z-index: 15;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
	min-height: 40px;
	width: 100%;
	background-color: rgba(40, 40, 40, 0.8);
}

li.profile .profile-info
{
	position: absolute;
	z-index: 99;
	margin-top: 360px;
    height: 100%;
	width: 100%;
	max-width: 282px;
    overflow: hidden;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
	background-color: rgba(51, 49, 52, 0.8);
}

/* --- profile hover state --- */

li.profile:hover .profile-name
{
	display: none;
}

li.profile:hover .profile-info
	{
	margin-top: 0px;
	height: 100%;
	color: #fff;
	background-color: rgba(236, 0, 140, 0.8);
	}

li.profile div.profile-top,
li.profile div.profile-contact
{
	padding: 0px;
}

li.profile div.profile-top
{
	margin-top: 50px;
}

li.profile .profile-top H3
{
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 38px;
	background-image: url(/wp-content/themes/cs2/images/heading-underline-profile.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}

li.profile .profile-top p.job-title
{
	margin-top: 5px;
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 14px;
}

li.profile div.profile-contact p
{
	margin: 0px;
}

ul.cs2-directors-and-associates li

{
	margin-bottom: 15px;
}


/*--- PROFILE DETAIL PAGE ---*/



.cs2-contact-info H2

{

	border-bottom: none !important;

	padding-bottom: 0px !important;

	margin-bottom: 15px;

}



.cs2-contact-info p

{

	margin: 0px;

}



.cs2-contact-info 

{

	margin-bottom: 40px;

}



.cs2-more-people p.view-more

{

	font-size: 18px;

	text-align: center;

	font-weight: 700;

	text-transform: uppercase;

}



.cs2-more-people p.view-more a

{

	color: #aaaaaa !important;

}





.cs2-right-box .profile-image2

{

	display:none;

}



.cs2-right-box:hover

{	

	cursor: pointer; 

	cursor: hand; 

}



.cs2-right-box:hover .profile-image1

{

	display:none;

}



.cs2-right-box:hover .profile-image2

{

	display:block;

}





/*--- CONTACT PAGE ---*/

#contactUs
{
	margin-top: -75px;
}

.contact-blocks .wpb_content_element
{
	margin-bottom: 0 !important;
}

.page-id-14 .vc_row .vc_row
{
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.contact-info
{
	color: #fff;
	background-color: #282828;
	padding-top: 25px;
	margin-bottom: 15px;
	min-height: 200px;
}

.vc_row.contact-info
{
	margin-left: 0 !important;
}

.btn-vacancies a.vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat
{
	color: #fff;
	background-color: #ea108b;
}

#footer-values
{
	margin-top: 60px;
}

/*--- NEWS PAGE ---*/



#blog-header

{

	min-height: 100px;

	background-color: #ec008b;

}



/*--- FOOTER ---*/



footer#footer .widget-title

{

	color: #fff !important;

	background-image: url(images/footer-title-bg.png);

	background-repeat:  no-repeat;

	background-position: bottom left;

	padding-bottom: 10px;

	margin-bottom:  15px;

}



footer#footer a

{

	color: #fff !important;

}



footer .inner .widget ul li

{

	padding: 0px;

}







nav .menu > li

{

	height: 95%;

	padding-right: 5px !important;

	padding-left: 5px !important;

}



@media screen and (min-width: 480px) {

	

	#logo img

	{

		max-height: 50px;

	}


	

}

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

	.header_tools {
     display: none;
    }

}




@media screen and (min-width: 1032px) {
	
	h2.morePeople
{
	background-position: 15px 55px;
}


	
a.btn-arrow
{
	font-size: 24px !important;
}


	#logo img

	{

		max-height: 80px;

	}

	

	/*--- MENU ---*/



	#logo img

	{

		top: 20%;

	}

	

	#text-4

	{

	display: block;

	}

	

	#contact-open,

	#contact-close

	{

		color: #fff;

		margin-top: 0px;



		letter-spacing: 0.05em;

		text-transform: uppercase;

		transition: all 2s; 

		-moz-transition: all 2s;

		-webkit-transition: all 2s; 

		-o-transition: all 2s; 

	}



	#contact-open

	{

		font-size: 0.7em;

		padding: 10px 50px 10px 30px;

		background-color: #00abeb;

	}





	#contact-close

	{

		float: right;

		font-size: 0.9em;

		text-transform: uppercase;

		text-align: center;

		padding: 15px 30px;

		width: 120px;

		background-color: #282828;

	}



	#contact-open:hover

		{

		cursor: pointer; cursor: hand; 

		background-color: #0497ce;

		}



	#header-contactInfo

	{

		position: absolute;

		z-index: 1000;

		top: 0px;

		right: 0px;

		width: 100%;

	}

	

	#header-contactInfo .vc_col-sm-6

	{

		float: left;

		width: 50%;

		position: relative;

		min-height: 1px;

		padding-left: 15px;

		padding-right: 15px;

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		box-sizing: border-box;

	}



	.header-contactClose

	{

		border-top: 15px solid #282828;

	}



	.header-contactCont
	{
		color: #fff;
		background-color: #00abeb;
		box-shadow: 0 2px 7px rgba(0,0,0,0.1);
		transition: all 0.25s ease-in-out;
	}

	p.form-heading
	{

		text-align: center;

		text-transform: uppercase;

		font-size: 1.2em;

	}



	p.form-desc

	{

		text-align: center;

		font-size: 0.9em;

		font-weight: 300;

	}



	#header-contactInfo label

	{

		font-size: 1.2em;

		text-align: center;

		margin-bottom: 3px;

	}



	#header-contactInfo input[type=text],

	#header-contactInfo input[type=email],

	#header-contactInfo textarea,

	#header-contactInfo select

	{

		color: #fff;

		background-color: #00abeb;

		margin-bottom: 10px;

		border: 2px solid #fff !important;

		border-radius: 0px;

	}



	#header-contactInfo input[type=text],

	#header-contactInfo input[type=email]

	{

		padding: 20px 10px;

		height: 50px;

	}



	#header-contactInfo select

	{

		width: 100%;

		height: 50px;

		-webkit-appearance: none;

		-moz-appearance: none;

		-ms-appearance: none;

		-o-appearance: none;

		appearance: none;

		background: #00abeb url("/wp-content/themes/cs2/images/select-arrow-down.png") no-repeat;

		background-position: 95% center;

		padding: .4em 2em .5em .7em;

		margin-bottom: 10px;		

	}



	#header-contactInfo select::-ms-expand 

	{

		display: none;

	}



	#header-contactInfo textarea

	{

		height: 125px;

		font-family: Raleway;

	}



	#header-contactInfo p.forgotten a:link,

	#header-contactInfo p.forgotten a:visited

	{

		color: #fff;

	}



	#header-contactInfo input[type=submit]

	{

		float: right;

		color: #fff;

		text-transform: uppercase;

		padding: 12px 40px;

		background-color: #00abeb;

		border: 2px solid #fff;

	}



	header-contactClose

	{

		border-top: 15px solid #282828;

	}

	

	#homepg-about .vc_column-inner 

	{

		padding-right: 15px;

	}

	

	#homepage-latest #homepg-about .wpb_content_element:first-child

	{

		margin-top:  0px;

	}

	

	body.home #content h2#homepg-heading-news

	{

	margin-left: -15px !important;

	margin-right: -15px !important;

	}

	

	#homepage-latest .recent_news

	{

		background-color: #f0f0f0;

		padding: 0px;

	}



	

}



@media screen and (min-width: 1219px) {

	

	

	nav .menu > li

	{

		height: 95%;

		padding-right: 10px !important;

		padding-left: 10px !important;

	}

}



.cs2-button, .cs2-offices-accordion div.accordion-body div.accordion-inner a.vc_btn 

{

  background: #0ab0ed !important;

  border: none;

  border-radius: 0px;

  color: #fff;

  font-weight: 600;

  font-family: Raleway;

  padding: 10px 20px;

  display: inline-block;

  text-transform: uppercase; 

}



 .cs2-button:hover, .cs2-offices-accordion div.accordion-body div.accordion-inner a.vc_btn:hover 

{

    background: #ec018c !important;

    color: #fff; 

}



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

  div.top_nav {

    display: block !important; }

    div.top_nav .span6 {

      display: inline-block; }

      div.top_nav .span6:first-child {

        display: none; } }



.open_search_button {

  color: #0ab0ed !important; }



a.cs2-envelope {

  float: left;

  display: block;

  width: 20px;

  height: 12px;

  /*background: url(images/icons/envelope.png) no-repeat;

  background-size: contain;

  overflow: hidden;*/

  text-indent: -9999px;

  margin-top: 14px;

  margin-right: 5px; }



div.textwidget {

  color: #0ab0ed;

  font-family: Raleway;

  font-weight: 500;

  font-size: 18px; }





nav .menu > li > ul.sub-menu 

{

  top: 100px !important; 

}



nav .menu > li > ul.sub-menu a 

{

    color: #282828; 

}



nav .menu > li > ul.sub-menu a:hover 

{

      color: #00abeb; 

}



.menu-small ul li a 

{

  color: #fff !important; 

}



.header_9 nav .menu>li.current-menu-item > a, 

.header_9 nav .menu>li.current-menu-parent > a, 

.header_9 nav .menu>li > a:hover

{

	border-bottom: none !important;

}



.header_9 nav .menu>li.current-menu-item, 

.header_9 nav .menu>li.current-menu-parent, 

.header_9 nav .menu>li:hover

{

	border-bottom: 5px solid #00abeb;

}



div.cs2-mobile-search 

{

  clear: both;

  padding: 10px; 

}



div.cs2-mobile-search form div.input-append 

{

    display: -webkit-box;

    display: -webkit-flex;

    display: flex; 

}



div.cs2-mobile-search form div.input-append > input 

{

      -webkit-box-flex: 1;

      -webkit-flex: 1;

      flex: 1;

      border: none;

      border-radius: 0;

      padding: 7px; 

}



div.cs2-mobile-search form div.input-append > button 

{

      font-size: 1rem !important;

      border: none;

      background: #0AB1ED;

      color: #fff; 

}



div.cs2-mobile-search form div.input-append > button:hover 

{

        background: #EC018C; 

}



div.top_wrapper {

  transition: transform 0.4s ease 0s; }



body.open_search div.viewport {

  -webkit-transform: translate3d(0px, 0px, 0px) !important;

  transform: translate3d(0px, 0px, 0px) !important; }

body.open_search div.top_wrapper {

  -webkit-transform: translate3d(0px, 80px, 0px);

  transform: translate3d(0px, 80px, 0px); }



.page_parents li {

  padding-left: 10px;

  padding-right: 5px; }



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

  body, html, .viewport {

    background-color: #fff !important; } }



/*h2 {

  padding-bottom: 20px;

  margin-bottom: 30px;

  border-bottom: solid 1px #e7e7e7;

  display: inline-block;

  width: auto !important;

  color: #1c1d32 !important;

  text-transform: uppercase !important; }*/



#content {

  padding-top: 40px !important;

  padding-bottom: 0px !important;

  background-color: #fff !important; }



.header_page h1 {

  position: relative;

  z-index: 2;

  background: #E3E3E3;

  font-size: 18px !important; }



.standard_section {

  margin-bottom: 0 !important; }



.services_medium {

  width: 100%; }

  .services_medium img {

    width: 60px;

    height: 60px;

    border-radius: 0;

    cursor: pointer; }



/*.services_media 

{

  position: relative;

  cursor: pointer;

  background: #1C1D32; 

}



  .services_media h5 

{

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    margin-top: 0;

    text-align: center;

    font-weight: 600;

    color: #fff;

    transform: translateY(-25%);

    -webkit-transform: translateY(-25%);

    z-index: 2; 

}

  .services_media p {

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    margin-top: 0;

    text-align: center;

    color: #fff;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    opacity: 0;

    z-index: 2;

    padding: 0 20px;

    box-sizing: border-box; }

  .services_media h5, .services_media p, .services_media img {

    transition: opacity 0.5s;

    -webkit-transition: opacity 0.5s; }



html.no-touch .services_media:hover h5 {

  opacity: 0; }

html.no-touch .services_media:hover p {

  opacity: 1; }

html.no-touch .services_media:hover img {

  opacity: 0.7; }



*/

div.home-top-box {

  clear: both; }



div.cs2-introduction 

{

	font-size: 26px;

	color: #fff;

	font-weight: 700;

	text-align: center;

	padding: 15px 10%; 

	margin: 0px!important;

	background: #282828;

}



div.cs2-introduction p

{

	margin: 0px;

	font-size: 18px;

    letter-spacing: 1px; 

	line-height: 1.2em;

}

div.cs2-introduction  

{ 

	font-weight: 500; 

	margin: 5px 0px;

	line-height: 1.1em;

}



  div.cs2-introduction a.cs2-read-more {

    color: #968c83;

    text-transform: uppercase;

    font-weight: 600;

    font-size: 18px;

    letter-spacing: 2px; }

    div.cs2-introduction a.cs2-read-more:after {

      content: "+";

      color: #1c1d32; }

    div.cs2-introduction a.cs2-read-more:hover {

      color: #1c1d32; }

    div.cs2-introduction a.cs2-read-more.open:after {

      content: "-"; }

  div.cs2-introduction div#more {

    display: none; }



 @media screen and (min-width: 800px) 

 {

    div.cs2-introduction 

	 {

      padding: 20px 10%;

	 } 

	  div.cs2-introduction p 

	 {

    font-size: 26px;

    letter-spacing: 5px; 

	 }

}



div.cs2-news-ticker {

  background: #fff;

  padding-bottom: 30px; }

  div.cs2-news-ticker ul {

    padding-left: 0;

    list-style: none;

    overflow: hidden; }

    div.cs2-news-ticker ul li {

      color: #1c1d32;

      font-weight: 600;

      text-align: center;

      font-size: 17px;

      display: block; }

      div.cs2-news-ticker ul li span {

        display: block;

        padding: 10px 20px; }

        div.cs2-news-ticker ul li span:before {

          content: "";

          background: url(images/award-badge.svg);

          background-size: 100% 100%;

          width: 32px;

          height: 45px;

          display: inline-block;

          vertical-align: middle;

          margin-right: 10px; }





@media screen and (min-width: 800px) {

          div.cs2-news-ticker ul li span {

            padding: 10px 10%; } }



.swiper-slide-active .animated {

  -webkit-animation: none !important;

  -moz-animation: none !important;

  animation: none !important; }

.swiper-slide-active .with_animation {

  visibility: visible !important; }



.home section.slider div.text {

  display: none; }

.home section.slider div.nav-slider a span.icon-wrap {

  border-radius: 50px;

  width: 40px;

  height: 40px;

  background: #3d4754; }

  .home section.slider div.nav-slider a span.icon-wrap i {

    line-height: 40px; }

.home section.slider div.nav-slider a.prev {

  left: 10px; }

.home section.slider div.nav-slider a.next {

  right: 10px; }

.home section.slider div.content {

  text-align: center; }


  .home section.slider div.content p {

    padding: 0 45px; }



div.request-a-callback h2 {

  border-color: #968c83;

  margin-bottom: 0 !important; }

div.request-a-callback select {

  height: 40px;

  border: none;

  border-radius: 3px;

  width: 100%;

  -webkit-appearance: none; }

div.request-a-callback .cs2-submit input {

  background: #0ab0ed;

  border: none;

  border-radius: 3px;

  color: #fff;

  font-weight: 600;

  font-family: Raleway;

  height: 40px;

  padding: 4px 12px;

  text-transform: uppercase; }

  div.request-a-callback .cs2-submit input:hover {

    background: #ec018c; }





@media screen and (min-width: 850px) {

  div.request-a-callback div.cs2-form-wrapper {

    display: -webkit-box;

    display: -webkit-flex;

    display: flex; }

    div.request-a-callback div.cs2-form-wrapper > div {

      -webkit-box-flex: 1;

      -webkit-flex: 1;

      flex: 1;

      padding-right: 10px; }

      div.request-a-callback div.cs2-form-wrapper > div span {

        float: none; }

      div.request-a-callback div.cs2-form-wrapper > div label {

        opacity: 0;

        position: absolute; }

      div.request-a-callback div.cs2-form-wrapper > div.cs2-submit {

        flex: none;

        padding-right: 0; }

        div.request-a-callback div.cs2-form-wrapper > div.cs2-submit input {

          width: 100%; }

      div.request-a-callback div.cs2-form-wrapper > div select {

        height: 40px;

        border: none;

        border-radius: 3px;

        width: 100%;

        -webkit-appearance: none; } }

div.request-a-callback div.wpb_text_column {

  clear: both; }

  div.request-a-callback div.wpb_text_column p {

    color: #1c1d32;

    font-size: 18px;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 25px !important; }



.cs2-actions div.vc_col-sm-6 h3 {

  color: #fff; }

.cs2-actions div.vc_col-sm-6 ul {

  padding-left: 0;

  list-style: none; }

  .cs2-actions div.vc_col-sm-6 ul li a:after {

    content: "";

    background: url(images/triangle-right.png) no-repeat;

    background-size: cover;

    vertical-align: middle;

    margin-left: 5px;

    width: 6px;

    height: 10px;

    display: inline-block; }

  .cs2-actions div.vc_col-sm-6 ul li a:hover {

    color: #968C83 !important; }





@media screen and (min-width: 768px) {

  .cs2-actions > div.container > .section_clear {

    display: -webkit-box;

    display: -webkit-flex;

    display: flex; }

    .cs2-actions > div.container > .section_clear div.vc_col-sm-6 {

      -webkit-box-flex: 1;

      -webkit-flex: 1;

      flex: 1; }

  .cs2-actions div.cs2-left-box {

    border-right: solid 20px #fff; } }



.codeless_slider_swiper {

  Smin-height: 300px !important; }



div.cs2-filters 

{

  margin-bottom: 20px; 

}



div.cs2-filters form 

{

    margin-bottom: 0;

    padding: 20px 0;

}

div.cs2-filters form h2 

{

    color: #323232 !important;

    border-bottom: none;

    margin-bottom: 0;

	padding-top: 8px;

    padding-bottom: 0;

}

    div.cs2-filters form label 

{

      opacity: 0;

      position: absolute;

      pointer-events: none; 

}



div.cs2-filters form select, 

div.cs2-filters form input[type="text"]

{

      border: 1px solid #b1b1b1;

      border-radius: 0px;

      width: 100%;

      box-sizing: border-box;

      height: 40px; 

}

 

div.cs2-filters form select 

{

	-webkit-appearance: none;

	-moz-appearance: none;

	-ms-appearance: none;

	-o-appearance: none;

	appearance: none;

	height: 40px;

	color: #999;

	background: url("/wp-content/themes/cs2/images/selectFilter-arrow-down.png") no-repeat;

	background-position: 95% center;

	padding: .4em 2em .5em .7em;

	margin-bottom: 10px;		

}



div.cs2-filters form select::-ms-expand 

	{

		display: none;

	}



div.cs2-filters form input[type="submit"] 

{

	background: #0ab0ed;

	border: none;

	border-radius: 0px;

     color: #fff;

      font-family: Raleway;

      font-weight: 600;

      text-transform: uppercase; 

}



div.cs2-filters form input[type="submit"]:hover 

{

	background: #EC018C; 

}



 @media screen and (min-width: 800px) {

      div.cs2-filters form {

        display: -webkit-box;

        display: -webkit-flex;

        display: flex; }

        div.cs2-filters form h2 {

          margin-right: 10px; }

        div.cs2-filters form > div {

          -webkit-box-flex: 1;

          -webkit-flex: 1;

          flex: 1;

          padding-right: 10px; }

        div.cs2-filters form select, div.cs2-filters form input[type="text"] {

          margin-bottom: 0; }

        div.cs2-filters form input[type="submit"] {

          -webkit-box-flex: 1;

          -webkit-flex: 1;

          flex: 1; } }



ul.cs2-directors-and-associates li img 

{

  display: block; 

}

ul.cs2-directors-and-associates li div 
{
  padding: 15px 25px; 
}

ul.cs2-directors-and-associates li span 
{
  display: block; 
}

.cs2-staff li {

  background: #1c1d32;

  color: #fff;

  margin-bottom: 20px; }

  .cs2-staff li a {

    padding: 10px 20px;

    display: block; }

    .cs2-staff li a span {

      display: block; }

.cs2-staff:last-child {

  border-top: solid 1px #dfdcda;

  padding-top: 20px;

  padding-bottom: 20px; }

ul.cs2-directors-and-associates, .cs2-staff, ul.cs2-case-study-list {
  overflow: hidden;
  padding-left: 0;
  list-style: none; 
}

  ul.cs2-directors-and-associates li, .cs2-staff li, ul.cs2-case-study-list li 
{
    float: left;
    width: 100%;
    margin-right: 2%; 
}


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

    ul.cs2-directors-and-associates li:nth-child(2n), .cs2-staff li:nth-child(2n), ul.cs2-case-study-list li:nth-child(2n) {

      margin-right: 0; }

    ul.cs2-directors-and-associates li:nth-child(2n+1), .cs2-staff li:nth-child(2n+1), ul.cs2-case-study-list li:nth-child(2n+1) {

      clear: both; } }



@media screen and (min-width: 900px) and (max-width: 1099px) {
	
	li.profile .profile-name
	{
		max-width: 232px;
	}

    ul.cs2-directors-and-associates li, .cs2-staff li, ul.cs2-case-study-list li {

      width: 32%;

      margin-bottom: 20px; }

      ul.cs2-directors-and-associates li:nth-child(3n), .cs2-staff li:nth-child(3n), ul.cs2-case-study-list li:nth-child(3n) {

        margin-right: 0; }

      ul.cs2-directors-and-associates li:nth-child(3n+1), .cs2-staff li:nth-child(3n+1), ul.cs2-case-study-list li:nth-child(3n+1) {

        clear: both; } }



@media screen and (min-width: 1100px) {
	
	li.profile .profile-name
	{
		max-width: 232px;
	}

    ul.cs2-directors-and-associates li, .cs2-staff li, ul.cs2-case-study-list li {

      width: 23.5%; }

      ul.cs2-directors-and-associates li:nth-child(4n), .cs2-staff li:nth-child(4n), ul.cs2-case-study-list li:nth-child(4n) {

        margin-right: 0; }

      ul.cs2-directors-and-associates li:nth-child(4n+1), .cs2-staff li:nth-child(4n+1), ul.cs2-case-study-list li:nth-child(4n+1) {

        clear: both; } }



.cs2-no-results {

  padding-bottom: 40px; }



.cs2-our-people-single div.cs2-left-box {

  margin-bottom: 20px; }

.cs2-our-people-single div.cs2-contact-info strong, .cs2-our-people-single div.cs2-contact-info a {

  color: #1c1d32;

  font-weight: 600; }

.cs2-our-people-single div.cs2-right-box {

  text-align: right; }

  .cs2-our-people-single div.cs2-right-box img {

    margin-bottom: 20px; }

  .cs2-our-people-single div.cs2-right-box a {

    margin-bottom: 10px; }



@media screen and (min-width: 800px) {

  .cs2-our-people-single div.container {

    overflow: hidden; }

    .cs2-our-people-single div.container div.cs2-left-box {

      float: left;

      width: 48%; }

    .cs2-our-people-single div.container div.cs2-right-box {

      float: right;

      width: 48%; } }



.cs2-more-people 

{

  margin-top: 50px;

  padding: 0; 

}



 .cs2-more-people h2 

{



}

  .cs2-more-people li {

	  

    color: #fff; 

}

    .cs2-more-people li a:hover 

{

      color: #0AB1ED !important; 

}

  .cs2-more-people ul.cs2-staff li 

{

    background: #968C83; 

}

    .cs2-more-people ul.cs2-staff li a:hover {

      color: #1c1d32 !important; }



section.cs2-case-study-single h2 {

  margin-bottom: 20px;

  text-transform: none !important; }

section.cs2-case-study-single p {

  margin-top: 0; }

section.cs2-case-study-single div.cs2-case-study-details {

  padding: 15px;

  color: #fff;

  background: #1c1d32; }

  section.cs2-case-study-single div.cs2-case-study-details h2, section.cs2-case-study-single div.cs2-case-study-details h3, section.cs2-case-study-single div.cs2-case-study-details p, section.cs2-case-study-single div.cs2-case-study-details li {

    color: #fff !important; }

  section.cs2-case-study-single div.cs2-case-study-details h3 {

    font-size: 13px;

    font-weight: 600;

    display: inline-block; }

  section.cs2-case-study-single div.cs2-case-study-details p {

    display: inline-block; }

  section.cs2-case-study-single div.cs2-case-study-details ul {

    padding-left: 0;

    list-style: none;

    margin-top: 0; }

    section.cs2-case-study-single div.cs2-case-study-details ul li:before {

      content: "- "; }

section.cs2-case-study-single div.cs2-case-study-description {

  margin-bottom: 40px; }

  section.cs2-case-study-single div.cs2-case-study-description h2 {

    margin-bottom: 0;

    border-bottom: none;

    margin-top: 40px; }

section.cs2-case-study-single div.cs2-case-study-gallery {

  margin-bottom: 20px; }

  section.cs2-case-study-single div.cs2-case-study-gallery ul {

    padding-left: 0;

    margin-top: 0;

    list-style: none; }

section.cs2-case-study-single div.cs2-testimonial {

  margin-bottom: 40px; }

  section.cs2-case-study-single div.cs2-testimonial > blockquote {

    padding: 0;

    margin: 0;

    color: #1c1d32;

    font-size: 18px;

    line-height: 24px;

    font-weight: 500; }

    section.cs2-case-study-single div.cs2-testimonial > blockquote p:first-child:before {

      content: "";

      background: url(images/quote-open.png) no-repeat;

      width: 45px;

      height: 36px;

      display: inline-block;

      margin-right: 10px; }

    section.cs2-case-study-single div.cs2-testimonial > blockquote p:last-child {

      margin-bottom: 0; }

      section.cs2-case-study-single div.cs2-testimonial > blockquote p:last-child:after {

        content: "";

        background: url(images/quote-close.png) no-repeat;

        width: 45px;

        height: 36px;

        display: inline-block;

        margin-left: 10px;

        vertical-align: top; }

  section.cs2-case-study-single div.cs2-testimonial > em {

    color: #ea108c;

    font-style: normal;

    font-size: 14px;

    font-weight: 600; }

section.cs2-case-study-single div.cs2-project-manager {

  overflow: hidden;

  margin-bottom: 40px; }

  section.cs2-case-study-single div.cs2-project-manager h2 {

    display: block;

    border-bottom: none;

    margin-bottom: 0; }

  section.cs2-case-study-single div.cs2-project-manager h3 {

    font-size: 13px;

    font-weight: 600; }

    section.cs2-case-study-single div.cs2-project-manager h3 span {

      display: block; }

  section.cs2-case-study-single div.cs2-project-manager > div.cs2-left-box {

    float: left;

    width: 48%;

    margin-right: 4%; }

  section.cs2-case-study-single div.cs2-project-manager > div.cs2-right-box {

    float: left;

    width: 48%; }



@media screen and (min-width: 800px) {

  section.cs2-case-study-single > div {

    overflow: hidden; }

    section.cs2-case-study-single > div > div.cs2-left-box {

      float: left;

      width: 48%;

      margin-right: 4%; }

    section.cs2-case-study-single > div > div.cs2-right-box {

      float: left;

      width: 48%; } }

section.cs2-case-study-single div.cs2-actions {

  clear: both; }

  section.cs2-case-study-single div.cs2-actions > div {

    padding: 20px 25px;

    border-left: 2px solid #1C1D32;

    color: #fff;

    margin-bottom: 30px; }

    section.cs2-case-study-single div.cs2-actions > div h2 {

      color: #fff !important;

      margin-bottom: 0;

      border-bottom: 0; }

    section.cs2-case-study-single div.cs2-actions > div ul {

      padding-left: 0px;

      margin-top: 0;

      list-style: none; }

      section.cs2-case-study-single div.cs2-actions > div ul li a:after {

        content: "";

        background: url(images/triangle-right.png) no-repeat;

        background-size: cover;

        vertical-align: middle;

        margin-left: 5px;

        width: 6px;

        height: 10px;

        display: inline-block; }

      section.cs2-case-study-single div.cs2-actions > div ul li a:hover {

        color: #968C83 !important; }

    section.cs2-case-study-single div.cs2-actions > div.cs2-left-box {

      background: #EA108B; }

    section.cs2-case-study-single div.cs2-actions > div.cs2-right-box {

      background: #0ab1ed; }

  

@media screen and (min-width: 800px) {

    section.cs2-case-study-single div.cs2-actions {

      display: flex; }

      section.cs2-case-study-single div.cs2-actions > div {

        float: left;

        width: 50%;

        box-sizing: border-box;

        flex: 1; } }



section.cs2-case-study-single .cs2-related-case-studies 

{

	padding: 30px 0px 10px; 

}



hr.cs2-hr,

section.cs2-case-study-single hr.cs2-casestudy

{

	border-top: 1px solid #c8c8c8;

}

section.cs2-case-study-single .cs2-related-case-studies h2 

{

    color: #fff !important;

    text-transform: uppercase !important; 

	padding:  30px 15px 35px 15px !important;

	margin-bottom: 25px !important;

	font-size: 24px !important;

	font-family: 'Raleway';

	border-bottom: none !important;

	background-image: url(/wp-content/themes/cs2/images/heading-underline.png);

	background-repeat: no-repeat;

	background-position: 15px 65px;

	background-color: #99cc52;

	min-width: 500px;

}



ul.cs2-case-study-list li {

  position: relative;

  background: #1c1d32;

  margin-bottom: 20px; }



@media screen and (max-width: 767px) {
	
	.header_page.normal .breadcrumbss
	{
		display: block !important;
	}

    ul.cs2-case-study-list li {
      margin-bottom: 10px; } }

  ul.cs2-case-study-list li a div {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    transform: translateY(-25%);
    -webkit-transform: translateY(-25%);
    color: #fff;
    padding: 0 20px;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 1s;
    -webkit-transition: opacity 1s;
    z-index: 10; }

    ul.cs2-case-study-list li a div h3 {
      color: #fff;
      font-size: 21px;
      font-weight: 600; }



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

        ul.cs2-case-study-list li a div h3 {

          font-size: 12px;

          line-height: 16px; } }

  ul.cs2-case-study-list li a img {

    opacity: 1;

    transition: opacity 1s;

    -webkit-transition: opacity 1s;

    width: 100%; }

  ul.cs2-case-study-list li a:hover div {

    opacity: 1; }

  ul.cs2-case-study-list li a:hover img {

    opacity: 0.3; }



.cs2-contact-us .cs2-form-wrapper label {

  opacity: 0;

  position: absolute;

  pointer-events: none; }

.cs2-contact-us .cs2-form-wrapper input[type="text"], .cs2-contact-us .cs2-form-wrapper input[type="tel"], .cs2-contact-us .cs2-form-wrapper input[type="email"], .cs2-contact-us .cs2-form-wrapper select, .cs2-contact-us .cs2-form-wrapper textarea {

  border: solid 1px #968c83 !important;

  border-radius: 3px;

  width: 100%;

  padding: 8px 12px;

  height: 40px;

  font-family: Raleway;

  font-weight: 500; }

.cs2-contact-us .cs2-form-wrapper select {

  -webkit-appearance: none; }

.cs2-contact-us .cs2-form-wrapper input[type="submit"] {

  background: #0AB0ED;

  border: none;

  border-radius: 3px;

  color: #FFF;

  font-weight: 600;

  font-family: Raleway;

  height: 40px;

  padding: 4px 12px;

  float: right; }

  .cs2-contact-us .cs2-form-wrapper input[type="submit"]:hover {

    background: #EC018C; }

.cs2-contact-us .cs2-form-wrapper textarea {

  height: 200px; }



@media screen and (min-width: 600px) {

  .cs2-contact-us .cs2-form-wrapper {

    overflow: hidden; }

    .cs2-contact-us .cs2-form-wrapper > div {

      float: left;

      margin-right: 2%; } }



@media screen and (min-width: 600px) and (max-width: 899px) {

  .cs2-contact-us .cs2-form-wrapper div {

    width: 49%; }

    .cs2-contact-us .cs2-form-wrapper div:nth-child(2n) {

      margin-right: 0; }

    .cs2-contact-us .cs2-form-wrapper div:nth-child(2n+1) {

      clear: both; } }



@media screen and (min-width: 900px) {

  .cs2-contact-us .cs2-form-wrapper > div {

    width: 32%; }

    .cs2-contact-us .cs2-form-wrapper > div:nth-child(3n) {

      margin-right: 0; }

    .cs2-contact-us .cs2-form-wrapper > div:nth-child(3n+1) {

      clear: both; } }



div.accordion-heading {

  background: #1c1d32;

  color: #fff; }

  div.accordion-heading a.accordion-toggle {

    color: #fff !important; }

    div.accordion-heading a.accordion-toggle:before {

      left: auto !important;

      right: 10px;

      border: none !important;

      color: #fff !important;

      background-color: transparent !important; }



div.accordion-body div.accordion-inner {

  float: none !important;

  padding: 25px !important;

  width: 87%;

  max-width: 1100px !important;

  margin: 0 auto; }



.cs2-offices-accordion div.accordion-body div.accordion-inner p {

  margin-bottom: 5px;

  margin-top: 0; }

  .cs2-offices-accordion div.accordion-body div.accordion-inner p strong {

    color: #1c1d32; }

.cs2-offices-accordion div.accordion-body div.accordion-inner a.vc_btn {

  margin-top: 20px; }



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

  .page-template-default section.slider .codeless_slider .swiper-slide .content.vertical_centered {

    margin-left: 0 !important; } }



.cs2-categories-and-services h2 {

  color: #fff !important; }

.cs2-categories-and-services .wpb_text_column ul {

  padding-left: 0;

  list-style: none;

  margin-top: 0 !important; }

  .cs2-categories-and-services .wpb_text_column ul li {

    border-bottom: solid 1px #413f4a;

    color: #fff;

    padding: 12px 20px; }

    .cs2-categories-and-services .wpb_text_column ul li a {

      color: #fff; }

      .cs2-categories-and-services .wpb_text_column ul li a:hover {

        color: #0AB1ED; }

.cs2-categories-and-services .wpb_content_element {

  margin-bottom: 10px !important; }



div.cs2-read-more-accordion div.accordion-heading {

  background: #fff;

  color: #fff !important; }

  div.cs2-read-more-accordion div.accordion-heading a.accordion-toggle {

    color: #fff !important; }

    div.cs2-read-more-accordion div.accordion-heading a.accordion-toggle:before {

      color: #1c1d32 !important;

      content: "+" !important;

      width: 100% !important;

      background: none !important;

      font-size: 40px !important;

      font-weight: 500 !important; }

  div.cs2-read-more-accordion div.accordion-heading.in_head a.accordion-toggle:before {

    content: "-" !important; }

div.cs2-read-more-accordion div.accordion-body {

  border-bottom: solid 1px #dfdcda; }

  div.cs2-read-more-accordion div.accordion-body div.accordion-inner {

    padding: 0px 0 30px 0 !important;

    width: 100%; }



section.cs2-service-and-sector {

  position: relative;

  z-index: 2; }

  section.cs2-service-and-sector .wpb_wrapper .cs2-button, section.cs2-service-and-sector .wpb_wrapper .cs2-offices-accordion div.accordion-body div.accordion-inner a.vc_btn, .cs2-offices-accordion div.accordion-body div.accordion-inner section.cs2-service-and-sector .wpb_wrapper a.vc_btn {

    float: right; }

  section.cs2-service-and-sector div.cs2-related-case-studies {

    background: #e3e3e3;

    padding: 30px 0; }

    section.cs2-service-and-sector div.cs2-related-case-studies h2 {

      margin-bottom: 10px;

      border-bottom: solid 1px #ccc9c6; }

  section.cs2-service-and-sector div.cs2-more-people {

    margin-top: 0; }



#blog ul.info > li {

  border-left: solid 1px #c4bfbb;

  margin-right: 5px;

  padding-left: 5px; }

  #blog ul.info > li.cs2-page-views {

    display: none; }

  #blog ul.info > li:first-child {

    border-left: 0;

    padding-left: 0; }

#blog .content {

  padding-top: 0; }

  #blog .content h1 {

    text-transform: none; }

  #blog .content p strong {

    color: #1c1d32; }

#blog .media {

  margin-bottom: 20px; }

#blog .form-submit {

  overflow: hidden; }



/*#blog aside ul li {

  border-bottom: none; }



#blog aside ul li:after 

{

    content: ""; 

}*/



body.blog aside .tagcloud a,

#blog aside .tagcloud a {

  border-radius: 0;

  background: #ea108b;

  font-weight: 500;

  font-size: 18px; }


section.cs2-case-study-single div.cs2-case-study-details h3 {
 padding-right: 8px;
}



@media screen and (min-width: 767px) {
	
  #blog .content {
    padding-right: 20px; }

  #blog aside {
    border-left: solid 1px #dfdcda;
    padding-left: 20px; } }

.archive #blog .content h1, .blog #blog .content h1 {
  font-size: 18px;
  line-height: 24px;
  text-transform: none;
  margin-bottom: 10px; }

.archive #blog .content .text, .blog #blog .content .text {
  margin-bottom: 20px; }

  .archive #blog .content, .blog #blog .content {

    position: relative;

    padding-left: 60%; }

    .archive #blog .content .media, .blog #blog .content .media {

      margin-top: 10px;

      width: 57%;

      position: absolute;

      top: 0;

      left: 0; }

    .archive #blog .content ul.info li, .blog #blog .content ul.info li {

      display: block;

      border-left: none;

      float: none;

      padding-left: 0; }

      .archive #blog .content ul.info li.cs2-author, .archive #blog .content ul.info li.cs2-tags, .blog #blog .content ul.info li.cs2-author, .blog #blog .content ul.info li.cs2-tags {

        display: none; }

      .archive #blog .content ul.info li.cs2-page-views, .blog #blog .content ul.info li.cs2-page-views {

        display: block; }

        .archive #blog .content ul.info li.cs2-page-views:before, .blog #blog .content ul.info li.cs2-page-views:before {

          content: url(images/icon-views.png);

          margin-right: 4px;

          vertical-align: middle; }

      .archive #blog .content ul.info li.cs2-date:before, .blog #blog .content ul.info li.cs2-date:before {

        content: url(images/icon-clock.png);

        margin-right: 5px;

        vertical-align: middle; }



div.clients_el div.pagination a {

  opacity: 1 !important;

  display: block !important;

  z-index: 10; }

  div.clients_el div.pagination a.prev {

    left: -40px; }

  div.clients_el div.pagination a.next {

    right: -40px; }



section.clients div.item {

  height: 100px;

  line-height: 100px;

  text-align: center; }

  section.clients div.item a {

    vertical-align: middle;

    display: inline-block;

    max-width: 100%; }



.page-id-217 #content h2 {

  margin-bottom: 0 !important; }

.page-id-217 #content ul {

  padding-left: 20px;

  margin-bottom: 20px; }



span.wpcf7-not-valid-tip {

  color: #EA108B; }



div.wpcf7-validation-errors, div.wpcf7-response-output {

  border: none;

  padding: 0;

  color: #EA108B;

  margin-left: 0;

  margin-top: 10px; }



.p_pagination .pagination {

  overflow: hidden; }



.gform_wrapper {

  clear: both; }

  .gform_wrapper ul.gform_fields {

    padding-left: 0;

    list-style: none;

    margin-bottom: 0; }

    .gform_wrapper ul.gform_fields li {

      margin-bottom: 10px; }

  .gform_wrapper .no-labels label {

    position: absolute;

    top: -9999px;

    left: -9999px; }

  

@media screen and (min-width: 768px) {

    .gform_wrapper .three-column-form ul {

      overflow: hidden; }

      .gform_wrapper .three-column-form ul li {

        width: 32%;

        margin-left: 2%;

        float: left; }

        .gform_wrapper .three-column-form ul li:nth-child(3n+1) {

          clear: both;

          margin-left: 0; }

        .gform_wrapper .three-column-form ul li.full-width-field {

          width: 100%; } }

 

@media screen and (min-width: 768px) {

    .gform_wrapper .request-a-callback-form {

      display: -webkit-box;

      display: -webkit-flex;

      display: flex; }

      .gform_wrapper .request-a-callback-form .validation_error {

        position: absolute;

        margin-top: -15px; }

      .gform_wrapper .request-a-callback-form .gform_body {

        -webkit-box-flex: 1;

        -webkit-flex: 1;

        flex: 1; }

        .gform_wrapper .request-a-callback-form .gform_body ul {

          overflow: hidden; }

          .gform_wrapper .request-a-callback-form .gform_body ul li {

            width: 31.33%;

            margin-right: 2%;

            float: left; }

      .gform_wrapper .request-a-callback-form .gform_footer {

        margin-top: 13px; } }

  .gform_wrapper input[type="text"], .gform_wrapper select, .gform_wrapper textarea {

    border: 1px solid #968C83 !important;

    border-radius: 3px;

    width: 100%;

    padding: 8px 12px;

    height: 40px;

    font-family: Raleway;

    font-weight: 500;

    box-sizing: border-box; }

  .gform_wrapper textarea {

    height: 200px; }

  .gform_wrapper select {

    -webkit-appearance: none; }

  .gform_wrapper input[type="submit"] {

    background: #0AB0ED;

    border: medium none;

    border-radius: 3px;

    color: #FFF;

    font-family: Raleway;

    height: 40px;

    padding: 4px 12px;

    text-transform: uppercase;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    letter-spacing: 1.5px; }

    .gform_wrapper input[type="submit"]:hover {

      background: #EC018C; }

  .gform_wrapper .validation_error, .gform_wrapper .validation_message {

    color: #EA108B; }

  .gform_wrapper .validation_message {

    margin-top: -7px; }

  .gform_wrapper .gform_footer {

    text-align: right; }

    .gform_wrapper .gform_footer img {

      margin-left: 10px; }

  .gform_wrapper .gform_confirmation_message {

    margin-bottom: 80px; }



.three-column-form .gform_confirmation_message {

  margin-bottom: 80px; }



.request-a-callback-form .gform_confirmation_message {

  margin-bottom: 30px; }



/*# sourceMappingURL=style.css.map */







.cs2-right-box{

	background: #0ab1ed;

}

.cs2-left-box {

	background: #ea108b;

}



.blank-bg, .cs2-our-people-single .cs2-left-box, .cs2-our-people-single .cs2-right-box {

	background: none !important;

}



.flexslider {

	margin-bottom: 0 !important;

	border: none !important;

	box-shadow: none !important;

}

.vc_button-2-wrapper {

	float: right;

}

.wpb_column > .wpb_wrapper > *:last-child {

	margin-bottom: 0;

}



.services_bg {

	display: block;

	width: 22% !important;

	height: 231px;

	margin-right: 4%;

}

.services_bg:last-of-type {

	margin-right: 0;

}



.services_media {

	height: 231px;

	background: none;

}

li.profile .profileImg {
    width: 282px !important;
}

ul.cs2-directors-and-associates li img {
    max-width: 100% !important;
}

li.profile .profile-name {
 width: 232px !important;
}

.bx-wrapper .bx-controls-direction a {
 background-color: #ec008c !important;
 opacity: 0.7 !important;
}

.bx-wrapper .bx-controls-direction a:hover {
 background-color: #ec008c !important;
 opacity: 1 !important;
}

.bx-prev:hover {
 background-position: 12px 12px !important;
 opacity: 1 !important;
}

.bx-next:hover {
 background-position: 12px 12px !important;
 opacity: 1 !important;
}

.bx-wrapper .bx-next {
    background: url(https://cs2.co.uk/wp-content/uploads/2017/12/next-white.png) no-repeat !important;
    background-position: 12px 12px !important;
}

.bx-wrapper .bx-prev {
    background: url(https://cs2.co.uk/wp-content/uploads/2017/12/prev-white.png) no-repeat !important;
    background-position: 10px 12px !important;
}

.sw-container {
	width: 100%;
    max-width: 1200px;
	text-align: center;
	margin: 1.5em auto;
}

.sw-circle {

	max-height: 600px;
    max-width: 600px;

    min-height:300px;
    min-width:300px;

	margin: 0 auto;

}

.sw-circle img {
    display: block;
    margin: 0 auto;
}

 .mobile_view_sw {
  display: none;
  padding-bottom: 60px;
 }

.fancybox-skin {
 background: none !important;
 box-shadow: none !important;
}

#comments {
 display: none;
}

.nonvisible {
    display: none;
    width: 0 !important;
    max-width: 0px !important;
}

h2 {
	font-size: 13px !important;
}

.what-we-do-title h5 {
	font-weight: 700;
	text-transform: uppercase;
    color: #fff !important;
    background-image: url(//cs2.co.uk/wp-content/themes/cs2/images/footer-title-bg.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    padding-bottom: 10px;
    margin-bottom: 0px;
	margin-top: 60px;
}

.what-we-do-section {
	background-color: #1b1e32;
	padding-left: 50px;
	padding-right: 50px;
}

#fws_5b1a9da15694e {
	margin-top: -80px;
}

.what-we-do-section h2 {
	color: white !important;
	position: relative;
    top: 230px;
}

.what-we-do-section a {
	color: white !important;
}

.what-we-do-section ul {
	position: relative;
    top: -90px;
    left: -40px;
}

.what-we-do-section li {
	list-style: none;
}

.mailchimp-form-contactus {
    display: block;
    padding-top: 60px;

    position: relative;
}

.mailchimp-container {
	background-color: rgba(233, 26, 148, 0.8) !important;
	padding-top: 2.2rem;
    margin-bottom: 32px;	
}

#fws_5da6fd809c5cb {
	margin-top: 85px !important;
	margin-bottom: 38px !important;
}

#gform_13 label {
	display: none;
}

.width-33 {
	display: inline-block;
	width: 32%;
	margin-right: 1%;
}

.footer-style-header {
	line-height: 28px;
    font-size: 24px;
	text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
	color: #fff !important;
    background-image: url(//cs2.co.uk/wp-content/themes/cs2/images/footer-title-bg.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

#input_13_10 {
	list-style: none;
}

label#label_13_10 {
	display: inline-block;
}

input#gform_submit_button_13 {
    margin-right: 2%;
}

.name_over_graduate {
    position: relative;
    top: -61px;
    background-color: rgba(40,40,40,.8);
    font-size: 0.5rem;
    padding: 3px;
    width: 87%;
    margin: 0 auto;
}

#graduate_sidebar ul.info {
	display: none;
}

#graduate_sidebar .latest_blog .blog-item.boxed .content {
	padding: 16px 0px;
}

.graduate-blog dl {
    padding: 0px 15px !important;
}

.mobile-only-spacer {
  display: none;
}

.mobile-only {
  display: none;
}

.graduate-buttons {
	width: 100%;
	margin-top: 12px;
}

.btn-blue.btn-vacancies a.vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat {
 background-color: rgba(0,171,235,.8);
}

.pink-button a {
	background-color:#ea108b !important;
}

.pink-button a:hover {
	background-color:#0ab0ed !important;
}

.vc_row .bristol-landing-row {
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-top: -35px;
}

.mobile-only {
	display: none !important;
}

.desktop-only {
	display: inherit;
}

.black-text {
	color: #000000;
	font-size: 1.2rem;
    position: relative;
    top: -30px;
}

.pre-header-links a{
	color: #000000;
}

.pre-header-links a:hover {
	color: #0ab0ed;
}

.pre-header-space {
	padding-left: 16px;
}

span.vc_icon_element-icon.vc_li.vc_li-world {
	color: #ffffff;
}

.home-sectionTOM {
	background-color: #333333 !important;
}

#content.home-sectionTOM {
	background-color: #333333 !important;
}

.homepage-icons {
	color: #ffffff !important;
	text-align: center;
	font-size: 3.85rem;
}

.homepage-icons :hover{
	color: #00abeb !important;	
}

.vc_icon_element-icon.vc_li.vc_li-world, .vc_icon_element-icon.vc_li.vc_li-settings, .vc_icon_element-icon.vc_li.vc_li-bubble, .vc_icon_element-icon.vc_li.vc_li-user, .vc_icon_element-icon.vc_li.vc_li-location {
	color: #fff;
	text-align: center;
	font-size: 3.85rem;
    transition: color 0.45s ease-in;		
}

.vc_icon_element-icon.vc_li.vc_li-world:hover, .vc_icon_element-icon.vc_li.vc_li-world:hover:after,
.vc_icon_element-icon.vc_li.vc_li-world:hover:before,.vc_icon_element-icon.vc_li.vc_li-world:hover i, 
.vc_icon_element-icon.vc_li.vc_li-world:hover span {
	color: #00abeb !important;	
}

.vc_icon_element-icon.vc_li.vc_li-settings:hover, .vc_icon_element-icon.vc_li.vc_li-settings:hover:after,
.vc_icon_element-icon.vc_li.vc_li-settings:hover:before,.vc_icon_element-icon.vc_li.vc_li-settings:hover i, 
.vc_icon_element-icon.vc_li.vc_li-settings:hover span {
	color: #00abeb !important;	
}

.vc_icon_element-icon.vc_li.vc_li-bubble:hover, .vc_icon_element-icon.vc_li.vc_li-bubble:hover:after,
.vc_icon_element-icon.vc_li.vc_li-bubble:hover:before,.vc_icon_element-icon.vc_li.vc_li-bubble:hover i, 
.vc_icon_element-icon.vc_li.vc_li-bubble:hover span {
	color: #00abeb !important;	
}

.vc_icon_element-icon.vc_li.vc_li-user:hover, .vc_icon_element-icon.vc_li.vc_li-user:hover:after,
.vc_icon_element-icon.vc_li.vc_li-user:hover:before,.vc_icon_element-icon.vc_li.vc_li-user:hover i, 
.vc_icon_element-icon.vc_li.vc_li-user:hover span {
	color: #00abeb !important;	
}

.vc_icon_element-icon.vc_li.vc_li-location:hover, .vc_icon_element-icon.vc_li.vc_li-location:hover:after,
.vc_icon_element-icon.vc_li.vc_li-location:hover:before,.vc_icon_element-icon.vc_li.vc_li-location:hover i, 
.vc_icon_element-icon.vc_li.vc_li-location:hover span {
	color: #00abeb !important;	
}

.white-text {
	color: #ffffff;
    font-size: 1.15rem;
    margin-top: -25px !important;
    transition: color 0.45s ease-in;	
}

.white-text a:hover {
	color: #00abeb !important;		
}

.black-text-list {
	color: #000000;
	list-style: none;
}

.white-text-list {
	color: #ffffff;
	list-style: none;
	font-size: 1.15rem;
	line-height: 2rem;
}

.white-text-list li {
	border-bottom: 1px solid #ffffff;
}

.green-list a {
 color: #8ec63f;	
}

.pink-list a {
	color: #EC018C;
}

.blue-list a {
	color: #0ab0ed;
}

.green-list {
 color: #8ec63f;	
}

.pink-list {
	color: #EC018C;
}

.blue-list {
	color: #0ab0ed;
}

.white-link-span {
	color: #ffffff;
	float: none !important;
	margin-left: 0px !important;
}

.link-span {
	color: #333333;
	float: none !important;
}

.white-text-list {
	list-style-position: outside;
	list-style: square;
}

.white-text-list li {
	border-bottom: 1px solid #968C83;
	width: 85%;
}

.sectors-overlay {
	font-size: 26px;
    position: relative;
    top: -86px;
    opacity: 0.84;
}

.sectors-overlay a {
	font-size: 18px !important;	
}

.mailchimp-container {
	background: #EC018C !important;
}

.gform_wrapper input[type="submit"]:hover {
	background-color: #1b1e32;
}

.pink-contact {
	background-color: #EC018C !important;
	font-size: 1.25rem !important;
}

body.home #content {
	padding-bottom: 0px !important;
}

.case-study-header {
	font-size: 25px !important;
	margin-bottom: 20px !important;
}

.case-study-subheader {
	font-size: 16px !important;
}

.cs2-project-manager {
	margin-bottom: 20px;
}

.contact-info-175
{
	color: #fff;
	background-color: #282828;
	padding-top: 25px;
	margin-bottom: 15px;
	min-height: 175px;
}

.contact-blocks {
	margin-left: 15px !important;
}

body.home #content .owl-carousel h2 {
    font-weight: 600;
    text-transform: uppercase;
    margin: 0px !important;
    font-size: 15px !important;
    padding: 0px !important;
    background-image: none !important;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

.breadcrumbs {
	margin-top: -40px !important;
}

@media (min-width: 768px) {
 .sector-block.vc_col-sm-2 {
     width: 20% !important;
 }
}

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

 h2.vc_custom_heading.sector-heading {
 	min-height: 48px;
 }
	
 .what-we-do-section h2 {
	color: white !important;
	position: relative;
    top: 108px;
 }
	
	
 .vc_col-sm-8 {
  padding-left: 32px !important;		
 }
	
}

@media only screen and (max-width: 978px) {
	
  .pre-header-links-section {
    width: 98% !important;	
    position: relative;
    top: -32px;
}


 ul.sub-menu.non_mega_menu {

 }
	
 .vc_col-sm-4.graduate-blog {
  margin-top: 32px;
  width: 100%;
 }
	
 .graduate-page-left-content {
  width: 100% !important;
 }


 .graduate-buttons {
  width: 380px;
 }

 .pink-button {
	margin-left: 15px;
 }

}



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

  .pre-header-links-section {
    width: 98% !important;	
    position: absolute;
    top: -54px;
    left: 0px;
 }
	
	.footer_social_icons {
     position: inherit;
     left: 230px;		
	}
	
	.white-text-list {
		margin-top: 0px !important;
	}
	
	.white-text {
		margin-top: 0px !important;
		margin-bottom: 15px !important;
	}
	
 .white-link-span {
	 display: inline !important;
	}
	
 .link-span {
	 display: inline !important;
	}
	
 .wpb_text_column.text-header-graduate-blog {
  max-width: 356px;		
 }
	
 .wpb_text_column.wpb_content_element.vc_custom_1556554406448 {
  margin-left: 0px !important;
  margin-right: 0px !important;
 }
	
 .mobile-only-spacer {
  display: block;
 }
	
 .mobile-only {
  display: block;
 }
	
 .mobile_view_sw {
  display:block;
 }
 .sw-container {
  display: none;
 }
	.what-we-do-section {
		padding-left: 0px;
		padding-right: 0px;
		
	}
 .what-we-do-section h2 {
    top: 260px;
    font-size: 1.1em !important;
    z-index: 2;
    left: -109px;
	}
 .what-we-do-section li {	

    line-height: 1rem;
    padding-bottom: 1rem;
	}
	
 .what-we-do-section li:first-child {	
    padding-top: 1.4rem;
	}

 .what-we-do-section ul {
	top: -213px;
    left: 10px;
	}
	
 .wwd-ul1 {
	border-top: solid 2px #96c11f;	
	}
	
 .wwd-ul2 {
	border-top: solid 2px #e6007e;	
	}
	
 .wwd-ul3 {
	border-top: solid 2px #009fe3;	
	}
	
 .wwd-ul4 {
	border-top: solid 2px #96c11f;	
	}
	
 .wwd-ul5 {
	border-top: solid 2px #e6007e;	
	}
	
 .wwd-additional-space {
	min-height: 100px;	
	}
	
 .mobile-width-wwd {

	}
	
 .mobile-block-wwd {
	min-width: 100%;	
	max-height: 320px;
	}
	 
 .mobile-block-wwd-image {
	 position: relative;
	 float: left;
     max-width: 200px;
    }
	
 .mobile-block-wwd-links {
	 position: relative;
	 float: right !important;
     max-width: 200px;
    }
	
 .mobile-block-wwd-image img {
     max-width: 200px !important;
    }	

 .mobile-only {
	display: inherit !important;
 }

 .desktop-only {
 	display: none !important;
 }	
	
 #blog-header {
	min-height: 10px;
	max-height: 10px !important;
 }
	
 .header_page, .header_page {
     height: 110px !important;
 }	
	
 .header_page ul.page_parents {
 	margin-top: 0px;
 }

@media only screen and (max-width: 489px)
{
	
 .footer_social_icons {
     position: relative;
     left: 0px;		
	}
}	

@media only screen and (max-width: 480px)
{
	
	h5 {
	    word-break: break-word;
	}

	.mobile-block-wwd {
		margin-bottom: 50px !important;
	}
	
	.mobile-block-wwd-links {
	 max-width: 300px;
     top: -181px;
     left: 50px;
	}
	.mobile-block-wwd-image {
		max-width: 300px;
	}
	.mobile-block-wwd-image img {
		max-width: 300px !important;
		opacity: 0.4;
	}
 .what-we-do-section h2 {
    top: 122px;
    left: 0px;
	font-size: 1.45rem;
	}
	
	.what-we-do-section ul {	
	top: -132px;
    left: -50px;
	}
	
 .wwd-additional-space {
	min-height: 245px;	
	}	
	
	.mobile-fix-wwd {
		float: none !important;
	}
	
  .wpb_text_column.text-header-graduate-blog {
      max-width: 236px;
  }
	
 .pink-button {
	margin-left: 0px;
 }
	
}

@media only screen and (max-width: 449px)
{
	 .footer_social_icons {
     position: relative;
     left: 230px;		
	}
}