/*

Theme Name: Freshworks

Theme URI: http://tbc

Author: dtwoCreative

Author URI: http://www.dtwocreative.co.uk

Description:  Freshworks Theme

Version: 1.0

*/

/* */

.shift, #menu-item-241 a span { position: absolute; left: -999em; }
.posrel { position: relative; }

/* Web fonts */


@font-face {
    font-family: 'bebasregular';
    src: url('fonts/BEBAS___-webfont.eot');
    src: url('fonts/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BEBAS___-webfont.woff2') format('woff2'),
         url('fonts/BEBAS___-webfont.woff') format('woff'),
         url('fonts/BEBAS___-webfont.ttf') format('truetype'),
         url('fonts/BEBAS___-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebas_neuebold';
    src: url('fonts/BebasNeue Bold-webfont.eot');
    src: url('fonts/BebasNeue Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue Bold-webfont.woff2') format('woff2'),
         url('fonts/BebasNeue Bold-webfont.woff') format('woff'),
         url('fonts/BebasNeue Bold-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue Bold-webfont.svg#bebas_neuebold') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
body { -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-size: 16px; }
 
.avenirLight, .webfont-std { font-family:'Avenir LT W01_35 Light1475496'; }
body, .avenirRoman { font-family:'Avenir LT W04_55 Roman1475524'; }
.avenirBlack, .webfont-bold { font-family:'Avenir LT W01_95 Black1475556'; }
.bebas { font-family: 'bebasregular'; }

a, a:hover { text-decoration: none; }

.overflowNone { overflow: hidden; }

.row.fullheight.nomargin.overflowNone {
	overflow-y: auto;
	overflow-x: hidden;
}

h2 { font-weight: normal; }

body > .container { padding-top: 158px; }

body.template-tmplt-home > .container, body#page-contact-us > .container { padding-top: 109px; }

/* .pageblock { max-width: 90%; } */
.as_block, .as_p, .as_div { display: block; }

/* Overrides */

.container.fullwidth { width: 100%; padding-left: 0 !important; padding-right: 0 !important; }
.navbar.navbar-default.navbar-fixed-top { height: 158px; }
body.template-tmplt-home .navbar.navbar-default.navbar-fixed-top, body#page-contact-us .navbar.navbar-default.navbar-fixed-top { height: 109px; }
.col-lg-6.col-md-12.col-sm-12.overflowNone.nopadding.maxheight.fullbackground {  }
.headinner { width: 95% !important; margin-left: 50px; margin-right: 50px; }
.navbar { margin-bottom: 0 !important; }
#navbar { float: right; }
.nomargin { margin-left: 0 !important; margin-right: 0 !important; }
.nopadding { padding-left: 0 !important; padding-right: 0 !important; }
.navbar-nav > li > a { padding-top: 43px !important; padding-bottom: 10px !important; }

#navbar { margin-top: 0px !important;  }
.navbar-brand { background: url('images/fw-logo.svg') no-repeat; width: 254px; height: 64px; margin: 20px; }

/* Text */

.uppercase { text-transform: uppercase; }
.lead { line-height: auto; font-size: 16px !important; }

/* Colors */

.grey-text { color: #b7b7b7; }
.grey-text2 { color: #7b7b7b; }
.grey-text-light { color: #ababab; }
.paleyellow { background-color: #ececd4; }
.left-content a, .left-content a:active, .left-content a:visited { color: #333; text-decoration: underline; }
.cs-item a { text-decoration: none; }
.inverted h1 .grey-text2, .inverted a, .inverted a:active, .inverted a:visited { color: #fff; }

.right-content img { width: 100%; }

.textright { text-align: right; }

/* page nav arrows */

.pagenavleft, .pagenavlright { position: absolute; top: 45%; width: 10%; font-size: 1vw; z-index: 10; }
.iwrap.as_block {  }

/* .pagenavlright:hover, .pagenavleft:hover { background-color: #3c3c3b; color: #fff; } */

.isslick.pagenavleft { top: 65px; left: -20%; } 
.isslick.pagenavlright { top: 65px; right: -20%; }

.isslick.pagenavleft, .isslick.pagenavlright { width: 15%; }

.isslick.pagenavleft, .isslick.pagenavlright { width: 15%; }

.pagenavleft img, .pagenavlright img {  }

.onover, .lnktext { display: none; }

.lnktext { position: absolute; top: 43%; left: 30%; color: #fff; }

.iwrap { position: relative; width: 30%; margin-top: 5%; margin-bottom: 5%; }

.pagenavleft { left: 0px; }
.pagenavlright { right: 0px; }

.pagenavleft .lnktext { left: 40%; }
.pagenavleft:hover { color: #000; }

.pagenavlright .iwrap { float: right; margin-right: 15px; }
.pagenavleft .iwrap { margin-left: 15px; }

/*
.pagenavlright:hover .onover, .pagenavleft:hover .onover { display: block; }
.pagenavlright:hover .offover, .pagenavleft:hover .offover { display: none; }
.pagenavlright:hover .lnktext, .pagenavleft:hover .lnktext { display: block; }
*/

.pagenavlright:hover img, 
.pagenavleft:hover img,
.nextcontent .rightArr:hover img,
.prevcontent .leftArr:hover img { 
	width: 110%; height: 110%;  
}


/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

html,body{ height: calc(100% - 50px); }

body {
  /* Margin bottom by footer height */
  margin-bottom: 50px;
}

.footertop {
	bottom: 0;
	width: 100%;
	background-color: #292929;
	color: #fff;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 50px;
	/* background-color: #ccc; */
	color: #292929;
}

/*
additional classes for customizing the footer nav depending on template in use
.t-casestudy
.t-pages
*/

.footertop a { color: #fff; }

.footertop ul, .footertop li { margin: 0; padding: 0; }
.footertop ul li { padding: 18px 8px; }
.footertop  .t-casestudy  li { padding: 15px 4px 9px 4px; }
.footertop li { display: inline-block; font-size: 85%; }
.footertop ul li.uplink { padding-right: 10px; }
.footertop ul li.uplink a { font-size: 65%; }

.footeritems { float: right; margin-bottom: 0; }
.footeritems li { float: right;  }
.footeritems li a { display: inline-block; width: 100%; }
.footeritems li.plainlink { margin-top: 15px; }
.footeritems li.twitterlink a { margin-top: 17px;  width: 20px; height: 20px; background: url('images/twitter-dark.svg') top center no-repeat; }
.footeritems li.facebooklink a { margin-top: 15px; margin-right: 7px; width: 20px; height: 20px;  background: url('images/fb-dark.svg') top center no-repeat; }

.t-casestudy { font-size: 160%; font-family: 'bebasregular'; }

#menu-item-241 { background-image: url('images/home.png'); background-position: center 80%; background-repeat: no-repeat; padding: 10px; background-size: 30px; }

#menu-item-241.current-menu-item { background-image: url('images/home-active.png'); }

.current-menu-item, .current-page-ancestor { background: #ececd4; url('images/arrows/navindicator.png') top center no-repeat; }



/* .f-active { background: url('images/arrows/navindicator-white.png') center -3px no-repeat; } */
.f-active { background-color: #7b7b7b; }

.pageblock { height: 100%; }

.pageblock .row.fullheight {
	width:100%;
    height:100%;
    min-height:100%;
}

.inverted { background-color: #292929; color: #fff; }
.mapbox { background-color: #fff; }

.maxheight { height: 100%; min-height: 100%; }

.left-content.content-padding { padding: 10% 5% 0 20%; }

.left-content.footertop-content-padding { padding: 0 7%; }

.left-content.content-padding header { margin-bottom: 2vw; }

.left-content.content-padding header h1, .middle-content.content-padding h1 { font-size: 3.7vw; line-height: 3.7vw; }

.middle-content.content-padding { padding: 5% 10% 0 10%; }

.template-tmplt-page .content-body ul li { margin: 0 0 10px 0; font-size: 110%;	line-height: 120%;	padding: 0 0 0 20px; background-image: url('images/arrows/bullet-arrow-2.png');	background-repeat: no-repeat; background-position: left 3px; }

/* Case studies */

.template-tmplt-casestudy-landing, .template-tmplt-casestudy { background-color: #f7f7f2; }

.casestudy-block .col-lg-3 .csnavitem { margin-right: 10px; margin-bottom: 10px; padding: 2%; }
#page-case-studies .left-content.content-padding { padding: 5% 15%; }
.csnavitem .as_p { width: 86%; padding: 5%; font-size: 18px; line-height: 120%; color: #7b7b7b; position: absolute; }
/* .casestudy-block .col-lg-3 .csnavitem:nth-child(4n+4) { margin-right: 0; } */
.casestudy-block a { }
.csnumber { font-size: 7vw; line-height: 100%; text-align: right; display: block; padding-top: 80px; padding-bottom: 0px; padding-right: 10px; }
.casestudy-block a, a .csnumber { color: #3c3c3b; }

.digit { line-height: 44px; margin: 0; padding-top: 20px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .digit { padding-top: 0px; }
    .csnumber { padding-bottom: 20px; padding-top: 50px; font-size: 6.8vw; }
}

.casestudy-block a:hover .paleyellow { background-color: #a2a293; }
.casestudy-block a:hover .csnumber, .casestudy-block a:hover .as_p  { color: #fff; }

.fullbackground { background-size: cover; /* background-size: 100%; */ background-position: 0 0; background-repeat: no-repeat; } 
.casestudy-bg { background-position: 50% 0; background-size: auto 100%; background-repeat: no-repeat; transition: background 3s linear; }

.numberheading { font-size: 220px; line-height: 240px; /* margin-top: 14%; */ }

.template-tmplt-casestudy .left-content.content-padding header h1 { font-size: 3vw; line-height: 3vw; }
.template-tmplt-casestudy .left-content.content-padding p { font-size: 16px; }
.template-tmplt-casestudy .left-content.content-padding .lead { font-size: 20px; }

.cs-item .as_div.csnavitem { }

.row.casestudy-block { margin: 0 !important; padding: 0 !important; }

.thumbrow { position: absolute; bottom: 0; padding-left: 25px; background-color: #292929; float: left; width: 100%; }
.thumbpad { background-color: #292929; padding: 25px 25px 0 0; float: left; width: 20%; }
.thumbpad img { width: 100%; }



/*

html { line-height: 1; }

table { border-collapse: collapse; border-spacing: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

*/

ol, ul { list-style: none; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}



.cf:after, .slick-dots:after {
  content: "";
  display: table;
  clear: both;
}

*, *:before, *:after {
  box-sizing: border-box;
}

.container {
  position: relative;
}

.slick-dots {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0;
  margin: 0 !important;
}
.slick-dots li {
  cursor: pointer;
  float: left;
  width: 33.3%;
  background: #000;
  padding: 0;
  border-right: 1px solid #fff;
}
.slick-dots li:last-child {
  border: none;
}
.slick-dots li, .slick-dots li button {
  outline: none;
}
.slick-dots li button {
  background: #999;
  border: none;
  width: 0px;
  height: 10px;
  padding: 0;
  cursor: pointer;
  display: block;
}

.slick-slide .img--holder {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
}

/* Arrows */
.slick-prev, .slick-next {
    /* 
    font-size: 0;
    line-height: 0;
    */
    position: absolute;
    top: 45%;
    display: block;
    width: 8%;
    min-width: 100px;
    height: auto;
    min-height: 75px;
    
    /*
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: transparent;
    */
    cursor: pointer;
    
    border: none;
    outline: none;
    background: transparent;
}

.prevcontent { position: relative; }

.arrText { position: absolute; top: 45%; color: #fff; }

.nextcontent .arrText { left: 20%; }

/*

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    color: transparent;
    outline: none;
    background-color: #3c3c3b;
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; }

*/

.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
   
    /*
    opacity: .75;
    */
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev { left: 25px; z-index: 1; padding: 20px 70px 20px 10px; }
[dir='rtl'] .slick-prev { right: 25px; left: auto; }
/* .slick-prev:before { content: url('http://freshworks.dev/wp-content/themes/freshworks/images/arrows/arrow-left-white.svg');  } */
/* [dir='rtl'] .slick-prev:before { content: url('http://freshworks.dev/wp-content/themes/freshworks/images/arrows/arrow-right-white.svg'); } */
.slick-next { right: 25px; padding: 20px 10px 20px 70px; }
[dir='rtl'] .slick-next { right: auto; left: 25px;  }
/* .slick-next:before { content: url('http://freshworks.dev/wp-content/themes/freshworks/images/arrows/arrow-right-white.svg'); } */
/* [dir='rtl'] .slick-next:before { content: url('http://freshworks.dev/wp-content/themes/freshworks/images/arrows/arrow-left-white.svg'); } */

.template-tmplt-home .slick-prev { left: 0; }
.template-tmplt-home .slick-next { right: 0; }

.slide-text-box { position: relative; top: 10%; left: 20%; color: #fff; width: 50%; }
.slide-text-box h2 { font-size: 800%; font-size: 8.9vw; }
.slide-text-box p { font-size: 110%; width: 60%; }
.slide-text-box ul li {	margin: 0 0 10px 0;	font-size: 110%;	line-height: 120%;	padding: 0 0 0 20px;	background-image: url(images/arrows/bullet-arrow-1.png);	background-repeat: no-repeat;	background-position: left 3px;}
.slide-text-box h3 a { padding: 8px 12px; color: #FFFFFF; letter-spacing: 2px; font-size: 50%; text-transform:uppercase; padding: 10px 15px; border: 1px solid #FFFFFF; margin: 10% 0 0 40px; }

.slick-slide .img--holder { border-top: 1px solid transparent; }

.template-tmplt-home .slick-prev .arrText, .template-tmplt-home .slick-next .arrText { display: none; }

/* .template-tmplt-home .slick-prev:hover .arrText, .template-tmplt-home .slick-next:hover .arrText { text-transform: uppercase; display: block; } */

.template-tmplt-home .slick-prev:hover .arrText { left: 80%; }

#page-case-studies .slick-prev, #page-case-studies .slick-next { top: -5%; }
#page-case-studies .slick-prev { left: -175px; padding: 20px 10px 20px 70px; }
#page-case-studies .slick-next { right: -175px; padding: 20px 10px 20px 70px; }

.footertopnav a, .footertopnav a:active, .footertopnav a:visited { color: #fff; text-decoration: none; }

/* Ex Large Devices, Wide Screens */

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

}

@media only screen and (max-width : 1520px) {
	.footertop { height: auto !important; }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

	html {
		position: relative;
		min-height: auto;
	}

	html,body{ height: auto; }


	.footertop {
		clear: both;
  		position: relative !important;
  		bottom: 0;
  		width: 100%;
  		/* Set the fixed height of the footer here */
  		height: auto !important;
  		background-color: #292929;
  		color: #fff;
	}
	
	.col-md-12.overflowNone { overflow: visible; min-height: 800px; }
	
	.left-content.content-padding { padding: 0 5%; }
	
	.numberheading { font-size: 100px; }
	.template-tmplt-casestudy .left-content.content-padding header h1 { font-size: 5vw; line-height: 5vw; }

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.nav > li > a { padding-right: 4px; padding-left: 4px; font-size: 12.5px; }
	.left-content.content-padding header h1 { font-size: 9vw; line-height: 9vw; }
	.footeritems { padding-top: 20px !important; }
	.numberheading { font-size: 80px; }
	.template-tmplt-casestudy .left-content.content-padding header h1 { font-size: 6vw; line-height: 6vw; }
	#menu-main-menu li { background-color: #f8f8f8; }
	
	#menu-main-menu li a  { text-indent: 25px; }
}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {

	.navbar-brand { width: 127px; height: 32px; margin: 20px; }
	#navbar { float: none; }
	.headinner { margin-left: 0; margin-right: 0; width: 100% !important; }
	.left-content.content-padding { padding: 0 2%; }
	.left-content.content-padding header h1 { font-size: 8vw; line-height: 8vw; }
	.footeritems { padding-top: 20px !important; }
	.numberheading { font-size: 60px; }
	.template-tmplt-casestudy .left-content.content-padding header h1 { font-size: 7vw; line-height: 7vw; }
	.fullbackground { background-size: 100%; } /* Need to make it 100% width one the screen gets too small */
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	
		.left-content.content-padding { padding: 0 1%; }
		.left-content.content-padding header h1 { font-size: 7vw; line-height: 7vw; }
		.footeritems { padding-top: 20px !important; }
		.numberheading { font-size: 50px; }
		.template-tmplt-casestudy .left-content.content-padding header h1 { font-size: 8vw; line-height: 8vw; }

}

@media screen and (max-height: 800px) {
	
}