/****************************** Slider Start ******************************/
.newcontent h2 { font-size: 38px; line-height: 44px; color: #484c4f; font-weight: 700; margin-bottom: 18px; } 
.newcontent h3 { font-size: 20px; line-height: 26px; color: #c90; margin-bottom: 20px; }
.newcontent p { font-size: 18px; line-height: 26px; margin: 0 0px 10px; }
blockquote.slide-content { font-size: 18px; line-height: 26px; margin: 0 0px 10px; }
@media only screen and (max-width: 1060px) {
.slideshow .slide img { display: block; }
.slideshow .slide .slide-wrap { margin-top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.slideshow .slide.slide-data { background-image: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.triplets.tripletsPitch { width: 100%; display: -webkit-flex; display: flex; align-items: flex-start; }
.tripletsPitch .triplet { width: 31%; min-height: 350px; display: inline-block; vertical-align: top; }
.triplet-sml.pitch img { width: auto; }
.tripletsPitch .triplet .pitch-text { padding: 20px; background: #fff; }
.tripletsPitch .triplet .pitch-text p { padding: 0; }
}
@media only screen and (max-width: 979px) {
.slideshow { margin-top: 0; }
.slideshow .slide img { max-width: 350px; }
.slideshow .newcontent h2 { font-size: 30px; line-height: 36px; }
.slideshow .newcontent p { font-size: 14px; line-height: 20px; }
blockquote.slide-content { font-size: 18px; line-height: 26px; margin: 0 0px 10px; }
}
@media only screen and (max-width: 767px) {
	.slideshow .slide.slide-data {
    padding: 0;
}
.slideshow .slide .slide-wrap {
    padding:0 15px 10px;

}
.slideshow { height: 300px; }
.slideshow .slide img { max-width: 100%; }
.slideshow .newcontent h2 { font-size: 22px; line-height: 28px; margin-bottom: 10px; }
.slideshow .newcontent h3 { font-size: 16px; line-height: 22px; margin-bottom: 10px; }
}
@media only screen and (max-width: 639px) {
.slideshow { height: 550px; }
.slideshow .slide img { margin: 0 auto; float: none; }
.slideshow .slide .slide-wrap { width: 100%; float: left; margin-top: 20px; }
.triplets.tripletsPitch { display: inline-block; vertical-align: top; }
.tripletsPitch .triplet { width: 100%; max-width: 100%; min-height: auto; height: auto; background-size: cover; background-position: bottom right; }
}
/****************************** Slider End ******************************/

/****************************** Location Start ******************************/
.city-area { width: 100%; display: -webkit-flex; display: flex; align-items: flex-start; -webkit-flex-flow: row-reverse; flex-flow: row-reverse; }
.location-container { position: relative; font-family: "Source Sans", sans-serif; }
.location-container, .location-container * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.location-container .custom_page_title img { max-width: 100%; }
.city-key { width: 600px; padding: 50px; padding-bottom: 0; position: relative; display: inline-block; vertical-align: top; }
.city-key h3 { margin-bottom: 15px; padding-left: 30px; font-size: 16px; line-height: 22px; color: #f5715c; }
.city-key ul { width: 100%; height: 680px; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.city-key ul li { width: 45%; float: left; list-style-type: none; margin-bottom: 5px; }
.city-key ul li:nth-child(2n) { float: right; }
.location-container ul li .place-name { display: inline-block; vertical-align: middle; font-size: 12px; line-height: 18px; color: #f3715d; }
.location-container .count { width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin-right: 10px; text-align: center; font-size: 13px; line-height: 25px; color: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.ofc-address { width: 100%; padding: 20px 50px 0; position: relative; }
.ofc-address h3 { margin-bottom: 15px; padding-bottom: 10px; font-size: 16px; line-height: 22px; color: #f5715c; border-bottom: solid 1px #f5715c; }
.ofc-address ul { width: 100%; height: 700px; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.ofc-address ul li { width: 18%; margin-bottom: 8px; margin-right: 1.8%; list-style-type: none; position: relative; }
.ofc-address ul li:nth-child(5n) { margin-right: 0; }
.location-container .ofc-address .count { width: 20px; height: 20px; line-height: 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: absolute; top: 0; left: 0; }
.location-container .ofc-address .place-name { padding-left: 30px; font-size: 11px; line-height: 17px; }

.violet { background: #9a51a0; }
.dark-pink { background: #ed008c; }
.light-yellow { background: #fcb043; }
.light-green { background: #13a89d; }
.dark-green { background: #11677a; }
.dark-green2 { background: #12677b; }
.light-brown { background: #bf6577; }
.light-red { background: #ee1c23; }
.light-pink { background: #e76ba8; }
.dark-blue { background: #244090; }
.light-brown2 { background: #ce7c28; }
.cyan { background: #01adf0; }
.dark-blue2 { background: #23408f; }
.cyan2 { background: #00adef; }
.dark-purple { background: #ae3294; }
.light-sky { background: #8fb4e0; }
.light-sky2 { background: #a1dcf0; }
.light-red2 { background: #f26b73; }
.light-orange { background: #f38559; }
.dark-brown { background: #543956; }
.green { background: #00a750; }
.light-sky3 { background: #6ecce0; }
.light-yellow2 { background: #fbd745; }
.light-pink2 { background: #f3a7c8; }
.dark-brown2 { background: #753f57; }
.dark-violet { background: #5952a0; }
.light-orange2 { background: #f79081; }
.light-red3 { background: #ef415a; }
.dark-violet2 { background: #7390c9; }
.dark-brown3 { background: #9b7966; }
.light-orange3 { background: #f79976; }
.dark-blue3 { background: #365bab; }
.light-yellow3 { background: #ece57a; }
.dark-brown4 { background: #c74126; }

@media only screen and (max-width: 979px) {
.city-key { padding: 20px; padding-left: 0; }
.ofc-address { padding: 20px 0; }
.city-key h3 { padding-left: 0; }
.ofc-address ul { height: 830px; }
}
@media only screen and (max-width: 767px) {
.city-area { align-items: center; }
.city-key { width: 700px; }
.city-key ul { height: auto; display: inline-block; vertical-align: top; }
.city-key ul { float: left; }
.ofc-address ul { height: auto; display: inline-block; vertical-align: top; }
.ofc-address ul li { width: 23%; display: inline-block; vertical-align: top; }
.ofc-address ul li:nth-child(5n) { margin-right: 1.8%; }
.ofc-address ul li:nth-child(4n) { margin-right: 0; }
}
@media only screen and (max-width: 639px) {
.city-area { display: inline-block; vertical-align: top; }
.city-key { max-width: 100%; padding-right: 0; }
.ofc-address ul li { width: 48%; float: left; clear: left; margin-right: 0 !important; }
.ofc-address ul li:nth-child(2n) { float: right; clear: right; }
}
/****************************** Location End ******************************/


.container-white { padding-top: 0; }
#header .call-ph, #header .quote { display: none; }
#topMoblie-menu > .contact { display: none; }


/******************************* Responsive *******************************/
.infobox-form form .field-label { margin-bottom: 8px; }
.slicknav_nav li a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media only screen and (max-width: 1030px) {
#footer { padding-top: 40px; }
#footer ul, #footer .vcard { margin-top: 0; }
.hero-content h1 { font-size: 34px; line-height: 40px; }
}
@media only screen and (max-width: 979px) {
/* Animation */
@-webkit-keyframes slideInUp {
	from { -webkit-transform: translate3d(0, 80%, 0); transform: translate3d(0, 80%, 0); visibility: visible; }
	to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes slideInUp {
	from { -webkit-transform: translate3d(0, 80%, 0); transform: translate3d(0, 80%, 0); visibility: visible; }
	to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
/* #header { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: slideInUp; animation-name: slideInUp; } */

@-webkit-keyframes slideInDown {
	from { -webkit-transform: translate3d(0, -80%, 0); transform: translate3d(0, -80%, 0); visibility: visible; }
	to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes slideInDown {
	from { -webkit-transform: translate3d(0, -80%, 0); transform: translate3d(0, -80%, 0); visibility: visible; }
	to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
/* Animation */
#header { height: 60px; }
#header.sticky { width: 100%; position: fixed !important; top: 0; left: 0; z-index: 999; background-color: #fff; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: slideInDown; animation-name: slideInDown; }
ul.slicknav_nav { width: 100%; position: absolute; top: 100%; text-align: left; }
#header { text-align: center; vertical-align: top; z-index: 9999; }
#header .contact { display: inline-block; vertical-align: top; float: none; margin: 10px 0; }
#header img { position: absolute; top: 0; height: 50px; z-index: 999; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); }
#header .call-ph, #header .quote { width: 25px; height: 25px; display: block; top: -40px; position: relative; z-index: 100; float: left; font-size: 0; }
#header .call-ph { margin: 0 10px; background-image: url('../img/contact.jpg'); background-repeat: no-repeat; background-size: 25px; }
#header .quote:before { content: "\f003"; font-family: 'FontAwesome'; font-size: 22px; color: #cacaca; }

#topMoblie-menu > .contact { display: block; }
#topMoblie-menu #header .contact { display: none; }
#topMoblie-menu { text-align: center; }
#topMoblie-menu .contact { display: inline-block; vertical-align: top; float: none; margin: 10px 0; font: 300 16px "Roboto Condensed", "Source Sans Pro", "Source Sans", Arial, sans-serif !important; color: #474b4d !important; background-position: left center; padding-left: 87px; background-size: 60px; background-image: url('../img/contact.jpg'); background-repeat: no-repeat; text-align: left; }
#topMoblie-menu .contact .callNow em { font-weight: 600; font-style: normal; }
#topMoblie-menu .contact strong { font-size: 24px; line-height: 30px; color: #c90; font-weight: 700; text-decoration: underline; }

.slicknav_nav li.current-menu-item a { background: #474b4d; color: #fff; }
.slideshow { height: 360px; }
.tripletsPitch .triplet .pitch-text p { font-size: 14px; line-height: 20px; }
#footer { text-align: center; }
.footer-links { float: none; display: inline-block; vertical-align: top; text-align: center; margin-bottom: 20px; }
#footer .vcard { float: none; display: inline-block; vertical-align: top; }

.ctas .cta { margin-right: 20px; }
.ctas .cta:last-of-type { margin-left: 0; }
.getQuoteSection .wpcf7 label { width: 120px; }
.getQuoteSection .btn-submit { margin-left: 120px; }
.getQuoteSection input, .getQuoteSection select, .getQuoteSection textarea { max-width: 100%; }
.getQuoteSection textarea { height: 100px; resize: none; }
.triplet-lrg { max-width: 100%; }
.triplet-sml .contact-info { height: auto !important; }

}
@media only screen and (min-width: 640px) and (max-width: 767px) {
.slideshow { height: 560px; }
}
@media only screen and (max-width: 767px) {
.slideshow .slide img { max-width: 400px; margin: 0 auto; float: none; }
.slideshow .slide .slide-wrap { width: 100%; float: left; margin-top: 20px; }
.steps { text-align: center; }
.steps .step.step-3 { background: #464b4e; }
.step-3 .step-content { margin-top: 10px; }
#footer { padding: 20px; }

.article-sml .rpNum { width: 10%; text-align: left; }
.article-sml .article-title, .article-sml .article-content { width: 86% !important; }
.article-sml section:last-child { padding-bottom: 0 !important; }
.getQuoteSection input, .getQuoteSection select, .getQuoteSection textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.getQuoteSection form > p { text-align: center; }
.getQuoteSection .btn-submit { margin-left: 0; margin-bottom: 0; }


}
@media only screen and (max-width: 639px) {
#header { height: 50px; }
body .slicknav_menu, .slicknav_menu .slicknav_btn { height: 50px; }
.slicknav_menu .slicknav_icon { padding-top: 15px; }
#header { text-align: center; }
#header img { max-width: 110px; height: auto; }
.steps .step .getQuoteStep { margin: -2px 0 0 3px; }
#header .call-ph, #header .quote { top: -37px; }

.slideshow { height: 600px; }
.slideshow .slide img { max-width: 100%; }
.steps .step-title { font-size: 18px; line-height: 24px; }

.hero-content h1 { font-size: 24px; line-height: 24px; padding-bottom: 12px; }
.hero-content h3 { font-size: 16px; line-height: 22px; }
.article-scroll-NOT .article-title { font-size: 24px !important; margin-top: 0 !important; }
.article-sml .rpNum { font-size: 50px; }
.article-sml .article-title { font-size: 18px !important; line-height: 24px !important; }

.triplets .article-caseStudy { padding: 15px; }
.article-caseStudy h3 { font-size: 18px; }

.servicePrices, .servicePrices .servicePricesPrice { width: 100%; display: inline-block; vertical-align: top; margin-top: 0; }
.servicePrices .servicePricesPrice { border-bottom: solid 1px #666; }
.servicePrices .servicePricesPrice:last-of-type { border-bottom: 0; }
}
.custom-breadcrumb{
    margin: 20px 0;
    color: #555;
    text-transform: capitalize;
}
.custom-breadcrumb ol { 
    list-style: none; 
}
.custom-breadcrumb ol li {
    display: inline-block;
    vertical-align: top;
}
@media (min-width: 771px){
 .triplets{position: relative;}
 .triplets .article{position: static;}
 .triplets.bottom .infobox-form{position: absolute;top: auto;bottom: 15px; right:0px;}
 .triplets.devices-inner-pages .infobox-form{position: fixed; right: 50%; top: 15px; margin-right: -500px;}
 .infobox-form{transition: opacity 3s linear;}
}

/*--------------------------------*/
/**SLIDER**/
.ms-slide-info h2 {font-size: 37px;
    line-height: 44px;
    color: #484c4f;
    font-weight: 700;
    margin-bottom: 18px;
width:100%;
display:block;}
.ms-slide-info h3 { font-size: 20px;
    line-height: 26px;
    color: #c90;
    margin-bottom: 15px; }
.ms-slide-info {   
    font: 18px/26px "Source Sans Pro", "Source Sans", Arial, sans-serif;
    color: #555;}
.ms-slide-info p {
    margin: 0 0px 10px;
    font: 18px/26px "Source Sans Pro", "Source Sans", Arial, sans-serif;
    color: #555;}
.ms-slide-info a { color: #555; background-color: transparent; padding: 0; text-transform: none; text-decoration: underline; font-size: 15px;}
.ms-slide-info a:hover {background-color: transparent;}
/*----------------------------------------------*/
.london-page{
	background-color: #fff;
	padding: 20px 10px;
	font-family: 'Roboto Condensed';
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
}
.london-page h1, .h1 {
    font: 400 26px/36px 'Roboto Condensed';
    padding-left: 10px;
    color: #fff;
    background: #dbae10;
    margin-bottom: 20px;
    width: 100%;
	display: block;
}
.london-page h2, .london-page h4, .article-sml .article-title, .h2 {
    border-bottom: 2px solid #c90;
    color: #c90;
    padding: 0 0 10px;
    margin: 20px 0;
    text-transform: uppercase;
    background: transparent;
    font: bold 24px/30px "Roboto Condensed", sans-serif;
    width: 100%;
	display: block;
}
.london-page h3{
    font-size: 20px;
    line-height: 26px;
    border-bottom: 1px solid #c90;
    color: #c90;
    padding: 0 0 10px;
    margin: 20px 0;
    text-transform: uppercase;
    font-weight: 300;
}
.london-page h4{
	font-size: 18px;
    line-height: 24px;
    font-weight: 300;
}
.london-page ul{
	margin-left: 0;
	margin-bottom: 20px;
	overflow: hidden;
    line-height: 28px;
}
.london-page ul li {
    padding-left: 20px;
    position: relative;
    color: #000;
    list-style-type: none;
    margin-bottom: 5px;
}
.london-page ul li a{
	color: #000;
}
.london-page ul li:before{
	font-family: FontAwesome;
	color: #c90;
	font-size: 20px;
	font-style: normal;
	line-height: 26px;
	position: absolute;
	width: 36px;
	left: 0;
	top: 0;
	content: "\f101";
}
.london-page table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #ccc;
    width: 100%;
    margin: 10px 0 20px;
}
.london-page td {
    border: 1px solid #ccc;
    padding: 3px 10px;
}
.london-page .infobox.geography{
	background: transparent;
	color: #000;
}
.london-page .infobox.geography th, .infobox.geography td {
    height: 20px;
    border: 1px solid #ccc;
    text-align: left;
    padding: 15px 0 10px 20px;
}
.london-page .list-group, .london-page .ContentSection .ContentSection__content{
    margin:0 0 20px 0;
}
.list-section li {
    width: calc(33% - 20px);
    float: left;
}
.london-page .article-scroll-Text {    
    background-color: #f1f1f1;
    color: #000 !important; 
    border-bottom:0;
}
.london-page .article-scroll-Text .article-title {
    color: #000 !important;
    border-bottom: 2px solid #000;
    text-align: left;
}
.london-page .article-scroll-Text ul li::before{
	display:none;
}
.london-page  .article-scroll-NOT .article-content ul li {
   background: rgba(0, 0, 0, 0) url("../img/check.png") no-repeat scroll 0 6px;
    padding-left: 40px;
    margin: 10px 0 12px;
    font-size: 17px;
    list-style: none;
}
.london-page .infobox.geography th.heading {
    background: #dbae10;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
}
.london-page .table-heading td {
    background: #dbae10;
    color: #fff;
    font-weight: bold;
}
.london-page .infobox.geography th {
    width: 30%;
}
.london-page section.new-section h2, 
.london-page  section.new-section ul li, 
.london-page  section.new-section ul li a, .black-border{
	color: #000;
	border-color: #000;
}
.london-page  section.new-section ul li::before {
    color: #000;
    font-size: 12px;
    font-style: normal;
    line-height: 26px;    
    content: "\f04e";
}
.london-page .new-section {
    background: #f4f4f4;
    padding: 20px;
}
/*--------------------------------*/
/**SLIDER**/
.ms-slide-info h2 {font-size: 37px;
    line-height: 44px;
    color: #484c4f;
    font-weight: 700;
    margin-bottom: 18px;
width:100%;
display:block;}
.ms-slide-info h3 { font-size: 20px;
    line-height: 26px;
    color: #c90;
    margin-bottom: 15px; }
.ms-slide-info {   
    font: 18px/26px "Source Sans Pro", "Source Sans", Arial, sans-serif;
    color: #555;}
.ms-slide-info p {
    margin: 0 0px 10px;
    font: 18px/26px "Source Sans Pro", "Source Sans", Arial, sans-serif;
    color: #555;}
.ms-slide-info a { color: #555; background-color: transparent; padding: 0; text-transform: none; text-decoration: underline; font-size: 15px;}
.ms-slide-info a:hover {background-color: transparent;}

.location-container .ofc-address .place-name a{
color: #f3715d;}