* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
		  outline:none;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


html,
body{
	padding:0;
	margin:0;
}
body {
	background: #fff;
	color: #11111;
	font-size: 18px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height: 26px;
	-webkit-font-smoothing: antialiased;
	background-image: url(images/page-background.png);
	background-repeat: repeat-y;
	background-size: 100%
}
#canvas {
    position: absolute;
    z-index: 10;
}

.clearfix{clear:both;}

strong{
	font-weight:600;
}
.clear{clear:both;}
a{
	color: #157efb;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	outline: none;
	color:#0a2133;
}
a img ,img{
	border: none;
}
a:focus, a:hover, a:active {
	outline: none;
}
img,fieldset{border:none;}
img{max-width:100%;height: auto;}
h1,h2,h3,h4{
	padding:0;
	margin:0;
font-family: helvetica, arial, serif;

	padding: 0 0 15px;
	font-weight:700; letter-spacing: -1px
}
h1{
font-size: 40px; line-height: 42px
	
}

h1 strong{
color: #157efb; font-weight:700; 
	
}

h2{
font-size: 40px; line-height: 42px
}
h3{
font-size: 40px; line-height: 42px
}
h4{
	font-size:19px;
}

h6{
	font-size:14px;
}

p{
	padding:0 0 15px;
	margin:0;

	font-size: 25px;
    line-height: 32px;
}

li{

	font-size: 25px;
    line-height: 32px;
}

hr{
    height: 1px;
    border: none;
   height: 6px; background: #eee; margin: 25px 0;clear: both;
	display:block; width:100%
}

ul.listbar{list-style:none; padding:0; margin:0;}

a.btn{font-size: 16px; text-transform: uppercase; font-weight: 400;   border: 2px solid #ffffff;
    padding: 10px 20px; border-radius: 3px;display: inline-block; color: #ffffff }

/* Offcanvas */

#offcanvas {

  bottom: 0;

  top: 0;

  height: 100%;

  left: 0;

  right: 0;

  overflow: auto;

  position: fixed;

  z-index: 1000000;

  background-color: rgba(0,0,0,0.1);

  display: none;

}


.off-canvas-wrapper{

  position: relative;

  left: -220px;

}


#offcanvas .navbar-nav{

  margin: 0;

  float: none;



}

#offcanvas .blue-menu-button{

background:none!important; color: #3575DF!important

} 

#offcanvas li {

  float: none;

}

#offcanvas .navbar-nav > li > a:after{content:'';}
#offcanvas .navbar-nav > li > a:hover{color:#3575DF;}

#offcanvas > ul > li{

  background-color: #222;


}


#offcanvas li:last-child{

  border-bottom: none;

}


#offcanvas .dropdown-menu, #offcanvas .flyout-menu{

  display: block;

  width: 100%;

  max-width: 100%;

  position: relative;

  left: 0;

  top: 0;

  border-radius: 0;

  float: none;

  box-shadow: none;

  border: none;

  margin: 0;

  padding: 0;

}


#offcanvas .dropdown-menu > li > a, #offcanvas .dropdown-menu > li > span{

  padding: 10px 20px;

  display: block;

  font-size: 100%;

}


#offcanvas .flyout-menu > li > a, #offcanvas .flyout-menu > li > span{

  padding-left: 35px;

}


#offcanvas .dropdown-menu > li.parent, #offcanvas .flyout-menu > li{

  padding: 0;

}


#offcanvas .navbar-nav > li > a {
	background: none!important;
	color: #3575DF;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 0;
	padding-bottom: 0px;
	display: block;
	font-size: 20px;
font-weight: 700
}


#offcanvas > span{

  position: fixed;

  top: 10px;

  right: 10px;

  z-index: 100000;

  color: #CCC;

  display: none;

}


#offcanvas > span:hover{

  cursor: pointer;

  color: #DDD;

}


.navbar-toggle{

  border: none;

  margin-top: 5px;

  margin-bottom: 5px;

}


.navbar-toggle .glyphicon{

 font-size: 0;

  vertical-align: middle;
  
    
}


.off-canvas-wrapper {

background-image: url("images/mobile-menu-background.png"); background-repeat: no-repeat; background-size: cover; background-position: top left;

  position: absolute;

  top: 0px;

  bottom: 0px;

  overflow: auto;

	right:80px
}


#offcanvas .glyphicon-remove{

  font-size: 30px; display:none!important;

}
.navbar-toggle {
    color: #727272;
}
.navbar .btn {
    padding-bottom: 6px;
    padding-top: 6px;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-toggle {
    display: none;
}

.navbar-toggle {
    border-radius: 0;
    float: right;
    margin:0 auto;
    position: relative;
	cursor:pointer;
	display: none;
	background: transparent;
	padding:0;
}

.navbar-toggle .glyphicon:focus{outline:none;}

.sr-only {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 10px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.navbar-toggle .glyphicon {
   
    vertical-align: middle;
}
.glyphicon {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 0;
    position: relative;
    top: 0;
}

.glyphicon-menu-hamburger:before{ 
}
.glyphicon-menu-hamburger{

height: 35px; width: 50px; 	background-image: url(images/hamburger.png); 

}
.noscroll {
    overflow: hidden;
}
.off-canvas-wrapper ul{list-style:none; padding:50px 25px 25px 25px ; margin:0; text-align: left}
.off-canvas-wrapper ul li ul{ padding-left: 0px}
.off-canvas-wrapper ul li ul li{ border-bottom: none!important}
.off-canvas-wrapper ul li a{    color: #22415A;}
.off-canvas-wrapper ul li a:hover{    color: #3575DF;}

.off-canvas-wrapper ul ul{padding-top:0; padding-bottom:10px;}
.off-canvas-wrapper ul ul li a{
	display: block;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	background: none!important;
}

.wrap{max-width:1270px; padding:0 15px; margin:0 auto;position: relative;}
.wrap:after,#bottombar:after,#banner-home:after,#header:after,#mainbody:after,#bottom:after,#mainbody ul:after,#mainbody ul:before{clear:both; content:''; display:table;}
ul.modules{list-style:none; padding:0; margin:0;}

#header{width:100%;background-color: #17435c}
#header .wrap{
	max-width: 1270px;
	padding-top: 8px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 8px; 
}
#logo{position: absolute; width: 300px; left: 50%; margin-left: -150px; top: 0px; 	z-index: 9999;}
#logo img{
z-index: 9999;
	padding-top: 10px;
	padding-right: 17px;
	padding-left: 15px;
	padding-bottom: 15px;
	border-radius: 15px;
	background-color: #ffffff; width: 100%; height: auto;
}

#banner-home{position:relative;width: 100%;}
body.home .flexslider .slides > li{height:750px;}

.page-id-11 .flexslider .slides > li{height:725px;}
.page-id-13 .flexslider .slides > li{height:725px;}
.flexslider .slides > li{height:350px;}

.flex-control-nav {width: 100%;  position: absolute; bottom: 40px!important; text-align: right!important; z-index: 99;right:20px;}
.flex-control-paging li a.flex-active {background: #FFF!important;}
body.home .flex-control-nav{text-align:center!important;}
.flex-control-paging li a {  background: none!important;  width: 12px!important;  height: 12px!important; border: 1px solid #fff;box-shadow: none!important; font-size: 0;}
.flex-direction-nav {  position: absolute;  top: 50%; z-index: 999;width: 100%; display:none;}
body.home .flex-direction-nav {display:block;}
.flex-direction-nav a{text-indent:-9999px;    width: 78px!important; height: 94px!important;    font-size: 0;}
#main-nav{
	padding-top: 28px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	float: right;
	text-align: right
}
.desktop-menu{padding: 0;  position: relative;z-index: 99999;}
.desktop-menu ul{list-style:none; padding:0; margin:0;}
.desktop-menu ul li{display: inline-block; position: relative; padding: 0;}
.desktop-menu ul li:first-child a{}
.desktop-menu ul li:last-child a{}
.desktop-menu ul li a{
	display: block;
	font-size: 17px;
	color: #ffffff;
	padding:4px 10px; font-weight: 600


}
.desktop-menu ul li.current-menu-item, .desktop-menu ul li:hover{background:#157efb;color:#ffffff}
.desktop-menu ul li.current-page-ancestor{background:#157efb;color:#ffffff}
.desktop-menu ul li a:hover,.desktop-menu ul li:hover > a,.desktop-menu ul li.current-menu-item a{background:#157efb;color:#ffffff;}
.desktop-menu li ul{
	z-index: 999;
	position: absolute;
	top: 100%;
	left: -9999px;
	width: 220px;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	text-align: left;
	border: 0px solid #fff;
	border-top: none;
	background: #157efb;
}

.desktop-menu li:hover ul{left:0;}
.desktop-menu li ul li{width:100%; border:none; margin:0;    padding: 0;background: none;}
.desktop-menu li ul li:last-child{border:none;}
.desktop-menu li ul li a{padding: 10px 15px!important;  color: #ffffff;  font-size: 15px; line-height:normal;   letter-spacing:0px}
.desktop-menu li ul li a:hover,.desktop-menu li ul li:hover a{background:#17435c; color: #ffffff!important}
.desktop-menu li ul li ul{position:absolute; left:-9999px!important; margin-top:-46px;border-top: 0px solid #fff;}
.desktop-menu li ul li:hover ul{left:100%!important;}
.desktop-menu li ul li.menu-item-has-children a:after{content:'\f0da';color:#FFF; position:absolute;font-family: FontAwesome;    right: 15px; font-size:20px;}
.desktop-menu li ul li.menu-item-has-children li a:after{content:'';}

 #mainbody{
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;	
}






.homecontent{float:left; width:100%;padding: 0px;}
.mainimg{padding:100px 20px 0 20px;float: right;width: 30%;}










	
	.wppb-user-forms input[type=submit]{font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
    border: 2px solid #3b206f;
    padding: 10px 25px;
    border-radius: 3px;
    display: inline-block; cursor: pointer; background-color:#FFFFFF; }
	
	.wppb-user-forms input[type="text"]{ padding:7px !important; border-radius: 10px  !important; }
	.wppb-user-forms input[type="password"]{ padding:7px !important; border-radius: 10px  !important; }
	.wppb-form-field input{ padding:7px !important; border-radius: 10px  !important; }
	
	#loginform{ padding:25px; border-radius: 10px  !important; box-shadow: 0px 0px 5px #cccccc;}
	
	#wppb-register-user{ padding:25px; border-radius: 10px  !important; box-shadow: 0px 0px 5px #cccccc;}
	
	.wppb-user-forms ul{ padding:0px; margin:0px}
	
	#loginleft{ width:47%; float:left; }
	#loginright{ width:47%; float:right; }


.flex-direction-nav{ display: none !important}


.logo{float: left; padding-top: 3px}
.logo img{width: 50px; height: auto}

.blackrow{background-color: #000000;  padding-top: 50px; padding-bottom: 50px; margin-top: 0px}
.blackrow h2{    font-size: 50px;
    line-height: 60px; color: #157efb}
.blackrow h3{color: #ffffff; font-size: 44px;
    line-height: 49px;}
.blackrow p{color: #ffffff; font-size: 23px; line-height: 30px;}

.blackrow li{color: #ffffff; font-size: 23px; line-height: 30px;}

.blackrow a{
	color: #000000;
	font-size: 23px;
	line-height: 30px;
	background-color: #efefef;
	padding-top: 18px;
	padding-right: 22px;
	padding-left: 22px;
	padding-bottom: 18px
}



.darkgreyrow{background-color: #363636;  padding-top: 40px; padding-bottom: 40px; margin-top: 0px}
.darkgreyrow h2{  color: #ffffff}
.darkgreyrow h3{color: #ffffff;}
.darkgreyrow p{color: #ffffff;}

.darkgreyrow li{color: #ffffff; }

.darkgreyrow a{
    display: inline-block;
    background: #157efb;
    padding: 10px 20px;
    color: #FFF;
    margin-top: 15px;
    font-weight: 600;
font-size: 19px; line-height: 25px
}

.darkgreyrow ul{
padding-left: 25px; margin-top: 10px; margin-bottom: 18px

}



.lightbluerow{background-color: #00BED6;  padding-top: 40px; padding-bottom: 40px; margin-top: 0px}
.lightbluerow h2{  color: #000000}
.lightbluerow h3{color: #000000;}
.lightbluerow p{color: #000000;}

.lightbluerow li{color: #000000; }

.lightbluerow a{
    display: inline-block;
    background: #17435c;
    padding: 10px 20px;
    color: #FFF;
    margin-top: 15px;
    font-weight: 600;
font-size: 19px; line-height: 25px
}

.lightbluerow ul{
padding-left: 25px; margin-top: 10px; margin-bottom: 18px

}



.tealbluerow{background-color: #007C9B;  padding-top: 40px; padding-bottom: 40px; margin-top: 0px}
.tealbluerow h2{  color: #ffffff}
.tealbluerow h3{color: #ffffff;}
.tealbluerow p{color: #ffffff;}

.tealbluerow li{color: #ffffff; }

.tealbluerow a{
    display: inline-block;
    background: #17435c;
    padding: 10px 20px;
    color: #FFF;
    margin-top: 15px;
    font-weight: 600;
font-size: 19px; line-height: 25px
}

.tealbluerow ul{
padding-left: 25px; margin-top: 10px; margin-bottom: 18px

}



.tealrow{background-color: #017C9B;  padding-top: 40px; padding-bottom: 40px; margin-top: 0px}
.tealrow h2{    color: #ffffff}
.tealrow h3{color: #ffffff;}
.tealrow p{color: #ffffff; font-size: 19px; line-height: 25px}

.tealrow li{color: #ffffff; font-size: 23px; line-height: 30px;}

.tealrow a{
    display: inline-block;
    background: #157efb;
    padding: 10px 20px;
    color: #FFF;
    margin-top: 15px;
    font-weight: 500;
    font-size: 22px;
}



.navyrow{background-color: #17435c;  padding-top: 40px; padding-bottom: 40px; margin-top: 0px}
.navyrow h2{    color: #ffffff}
.navyrow h3{color: #ffffff;}
.navyrow p{color: #ffffff;}

.navyrow li{color: #ffffff; font-size: 23px; line-height: 30px;}

.navyrow a{
    display: inline-block;
    background: #157efb;
    padding: 10px 20px;
    color: #FFF;
    margin-top: 15px;
    font-weight: 500;
    font-size: 22px;
}





#mainfooter{background-color: #17435c; padding-top: 30px; padding-bottom: 0px; color: #ffffff; margin-top: 30px}
#mainfooter p{color: #ffffff; font-weight: 400; font-size: 16px; line-height: 23px; padding-bottom: 0px}
#mainfooter a{color: #ffffff}

#mainfooter a img{margin-bottom: -3px }

#mainfooter a:hover{color: #157efb}
#mainfooter strong{color: #ffffff; font-weight: 600 ; font-size: 16px; line-height: 21px}


.footerone{width: 39%; margin-right: 16%; float: left}
.footetwo{width: 14%; margin-right: 1%; float: left}
.footerthree{width: 14%; margin-right: 1%; float: left}
.footefour{width: 14%; margin-right: 1%; float: left}

#copyright{background-color: #17435c; padding-top: 20px; padding-bottom: 30px; color: #ffffff}
#copyright p{color: #ffffff; font-size: 14px}

.standardrow{padding-top: 40px; padding-bottom: 40px; padding-left: 15px; padding-right: 15px; margin-left: -0px!important; margin-right: -0px!important; overflow: unset!important; }
.standardrow1{padding-bottom: 40px; padding-left: 15px; padding-right: 15px; margin-left: 0px!important; margin-right: 0px!important;}
.standardrow-banner{padding-bottom: 0px; padding-bottom: 0px; margin-left: 0px!important; margin-right: 0px!important;}

.standardrow-alt{padding-top: 40px; padding-bottom: 40px; }

.button-only-row{padding-top: 20px; padding-bottom: 40px}

.button-only-row a {
    display: inline-block;
    background: #157efb;
    padding: 10px 20px;
    color: #FFF;
    margin-top: 15px;
    font-weight: 600;font-size: 19px; line-height: 25px
}

.button-only-row a:hover {

    color: #000000;

}



.collab-platform a {
    display: inline-block;
    background: #157efb;
    padding: 10px 20px;
    color: #FFF;
    margin-top: 15px;
    font-weight: 600;font-size: 19px; line-height: 25px
}

.collab-platform a:hover {

    color: #000000;

}



.whatwedobox{
	background-color: #D84F52;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 40px;
	padding-bottom: 40px; position: relative
}

.whatwedobox h2{
    font-size: 50px;
    line-height: 60px; color: #ffffff
}

.whatwedobox:before {
    content: '';
    position: absolute;
    width: 40px;
	    height: 40px;
    top: 0px;
    left: -10px;
    z-index: 99;
	background-image: url(images/leftcorner.png)
}

.whatwedobox:after {
    content: '';
    position: absolute;
    width: 40px;
	    height: 40px;
    bottom: 0px;
    right: -10px;
    z-index: 99;
	background-image: url(images/rightcorner.png)
}



.whowearebox{
	background-color: #D84F52;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 40px;
	padding-bottom: 40px; position: relative
}

.whowearebox h2{
    font-size: 50px;
    line-height: 60px; color: #ffffff
}

.whowearebox:before {
    content: '';
    position: absolute;
    width: 40px;
	    height: 40px;
    top: 0px;
    left: -10px;
    z-index: 99;
	background-image: url(images/leftcorner.png)
}

.whowearebox:after {
    content: '';
    position: absolute;
    width: 40px;
	    height: 40px;
    bottom: 0px;
    right: -10px;
    z-index: 99;
	background-image: url(images/rightcorner.png)
}



.blackbox{
	background-color: #000000;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 40px;
	padding-bottom: 40px; position: relative
}

.blackbox h2{
color: #ffffff
}

.blackbox p{
 color: #ffffff
}

.blackbox li{
    font-size: 22px;
    line-height:30px; color: #ffffff
}

.blackbox a{
    display: inline-block;
    background: #157efb;
    padding: 10px 20px;
    color: #FFF;
    margin-top: 15px;
    font-weight: 600;
}


.blackbox a:hover{

    color: #000000;


}



.blackbox:before {
    content: '';
    position: absolute;
    width: 40px;
	    height: 40px;
    top: 0px;
    left: -10px;
    z-index: 99;
	background-image: url(images/leftcorner.png)
}

.blackbox:after {
    content: '';
    position: absolute;
    width: 40px;
	    height: 40px;
    bottom: 0px;
    right: -10px;
    z-index: 99;
	background-image: url(images/rightcorner.png)
}




.redintro{padding-top: 50px; background-color: #157efb; padding-bottom: 50px }
.redintro p{    font-weight: 500; color: #ffffff}


.blueintro{padding-top: 40px; background-color: #017C9B; padding-bottom: 30px }
.blueintro p{  font-weight: 500; color: #ffffff; font-size: 25px; line-height: 32px}

.blueintro h1, .blueintro h2, .blueintro h3, .blueintro h4{   color: #ffffff}


.educatorsintro{padding-top: 50px; background-color: #efefef; padding-bottom: 50px }
.educatorsintro p{    font-size: 30px;
    line-height:32px;     font-weight: 500;}



.introbanner{padding-bottom: 50px}



.whitebox{

}

.whitebox h2{
color: #157efb
}

.whitebox p{
}


.whitebox li{
    font-size: 22px;
    line-height:30px; 
}



.quotebox{
 background-color: #F1F1F1; padding: 20px
}

.quotebox h2{
color: #157efb
}

.quotebox p{
color: #157efb; font-weight: 300
}



.quoteboxred{
 background-color: #157efb; padding: 20px
}

.quoteboxred h2{
 color: #ffffff
}

.quoteboxred p{
color: #ffffff; font-weight: 300; font-size: 25px; line-height: 32px
}



.yellowquotebox{
 background-color: #FFEC00; padding: 20px
}



.yellowquotebox-ramakrishnan{
	background-color: #FFEC00;
	padding-top: 50px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	min-height: 430px;
	background-image: url(images/WWD_Need.jpg)
}

.yellowquotebox-ramakrishnan p{
width: 50%
}



.videorow{ padding-top: 50px; padding-bottom: 50px}

.gutter-sizer,.team-sizer {
    width: 3.2%;
}
.news-sizer {
    width: 1.6%;
}
.gallery-holder, .gallery-item {
    width: 31.16%;
}
.gallery-item,.team-item {
    float: left;
}
.gallery-item img{display:block;}
.medium {
    width: 31.16%;
}
.large {
    width: 100%;
}

.team-item {
    width: 32%;
	margin:0 2% 20px 0 ;
}

.team-item.last{margin-right:0;}

.team-item.active{    width: 97.6%;
    margin-right: 0;
    position: absolute;
    z-index: 999;}
.team-item.active .team-img{ max-width:315px;}
.clearteam,.clearteam2{
    clear: both;
    width: 100%!important;
}
.clearteam2{display:none;}
.team-rowin:after{clear:both;content:''; display:table;}
.team-rowin.active .team-info{ float:left;max-width:311px;}
.team-rowin.active .team-desc{float:right; display:block;max-width: 72%;
    padding: 20px 0 0 0;}

#header-page{padding:0px 0 0 0;}
.page-title{}
.page-title h1{text-align:center;}
.page-intro{color:#FFF; background:#017C9B;; text-align:center; padding:50px 0;font-weight: 500;}
.page-intro p{    font-size: 25px;
    line-height: 32px; padding:0;font-weight: 500;}
.page-intro .wrap{max-width:800px;}
#mainbody-gallery{padding:35px 0 50px;}
.filterMenu ul{list-style:none; padding:0;margin:0 0 35px 0;}
.filterMenu ul li{display: inline-block;    font-size: 19px;  background: #157efb;  color: #FFF;  padding: 10px 25px; cursor: pointer;}
.filterMenu ul li:hover,.filterMenu ul li.active{background:#17435c;}
.filterMenu ul li a{color:#FFF; font-weight: 600}

#mainbody-team{ padding:30px 0;}
.team-inner{
	background: #F3F1F0;
	padding-top: 16px;
	padding-right: 16px;
	padding-left: 40px;
	padding-bottom: 40px;
	position: relative;
	overflow: hidden;
	-webkit-clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0% calc(100% - 25px), 0% 25px);
clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0% calc(100% - 25px), 0% 25px);
}
/*.team-inner:before{content:'';position: absolute;
    position: absolute;
    width: 65px;
    top: -45px;
    left: 0;
    background: #fff;
    z-index: 99;
    transform: skewY(-40deg);
    height: 40px;}
.team-inner:after{content:'';position: absolute;
    width: 65px;
    bottom: -45px;
    right: 0;
    background: #fff;
    z-index: 99;
    transform: skewY(-40deg);
    height: 40px;}*/
.team-img{}
.team-img img{display:block; width: 100%; height: auto}
.team-inner h3{display: block;  padding: 20px 0 15px 0;  line-height: normal; min-height:50px;}
.team-subtitle{padding: 0 0 10px 0;    font-weight: 600;     font-size: 22px;
    line-height: 28px;}
.team-desc{display:none;}
.team-more{display: inline-block;
   background: #157efb;
padding: 10px 20px;
color: #FFF;
margin-top: 15px;
font-weight: 600; cursor:pointer}
.team-more:hover{color: #000000;}
#bottom-team{background:#32D7CF; margin-bottom: -7px}
#bottom-team h3.widget-title{color:#157efb;    font-size: 50px;  line-height: 60px;    padding-top: 20px; }
#bottom-team li.widget{width: 100%;}
#bottom-team li.widget:last-child .textwidget{background:#157efb;color:#FFF; padding:20px;    line-height: normal;     font-size: 50px;
    line-height: 50px; color: #ffffff; font-weight: 300 }


#bottom-team li.widget:last-child .textwidget p{font-size: 40px;
    line-height: 40px; color: #ffffff; font-weight: 300 }

.latest-news{/*background:#000;*/ color:#FFF; padding:35px 0;}
.home .latest-news .wrap{max-width: 1200px;}

.latest-news .wrap{ background:#007c9b;    padding: 16px 16px 40px 40px;max-width: 1230px;
-webkit-clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0% calc(100% - 25px), 0% 25px);
clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0% calc(100% - 25px), 0% 25px);}

.navybox,.palegreybox-no-white-inner,.palegreybox,.contactgreybox, .hometoppanel, .cs-whitetext
   {-webkit-clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0% calc(100% - 25px), 0% 25px);
clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0% calc(100% - 25px), 0% 25px);}

.latest-news .wrap:before{content:'';}
.latest-news .wrap:after{content:'';}
.inner-latest{background:#FFF; padding:13px; color:#000;position: relative;}
.inner-latest:after{clear:both; content:''; display:table;}
.latest-intro{    float: left; width: 30%;}
.latest-intro h2{    color: #000;  font-size: 22px; line-height: 27px; font-weight:600;}
.latest-intro h3{}
.short-desc{font-size: 19px; line-height: 25px;margin-bottom: 60px;}
.readmore{}
.readmore a{display: inline-block;    font-weight: 600;    position: absolute;
    bottom: 10px;
    background: #157efb;
    padding: 10px 20px;
    color: #FFF;
    margin-top: 25px;}
.readmore a:hover{color:#000;}
.latest-img{    float: right;  width: 67%; min-height: 500px;}
.latest-img img{display:block;}

#mainbody-news{padding:50px 0 55px 0;}
.new-thumb{}
.news-item{ float:left;  width: 31.66%;}
.new-inner{
	background: #000;
	padding-top: 16px;
	padding-right: 16px;
	padding-left: 40px;
	padding-bottom: 40px;
	color: #FFF;
	position: relative;
	overflow: hidden;
	-webkit-clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0% calc(100% - 25px), 0% 25px);
clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0% calc(100% - 25px), 0% 25px);
}
.new-bg{color: #000; position:relative;
    background: #FFF;
    padding: 13px;}
.new-bg:after{clear:both; content:''; display:table;}
#intro-page{ background:#007c9b ;color:#FFF;    text-align: center;padding: 20px 0 10px 0;}
/*.new-inner:before{content:'';
    position: absolute;
    width: 65px;
    top: -45px;
    left: 0;
    background: #fff;
    z-index: 99;
    transform: skewY(-40deg);
    height: 40px;}
.new-inner:after{content:'';position: absolute;
    width: 65px;
    bottom: -45px;
    right: 0;
    background: #fff;
    z-index: 99;
    transform: skewY(-40deg);
    height: 40px;}*/
.fts-powered-by-text{display:none!important;}
.fts-tweeter-wrap {background:#FFF; padding:15px;    color: #000;}
	.new-meta{    color: #000;    padding: 5px 0 10px 0;}
h3.new-title{font-size: 25px; line-height: 32px; font-weight:600;   padding: 10px 0 15px 0;}
.new-more{}
.introin b,.introin strong{font-weight:500;}
.new-more a{display: inline-block;    background: #157efb;    padding: 10px 20px;    color: #FFF;    margin-top: 15px;font-weight: 600;}	
.new-more a:hover{color:#000;}
#mainbody-single{padding:0px 0;}
.single-img{}
.single-img img{display:block;width:100%;}
.single-body{ background:#f3f1f0 ;}
.single-body .wrap{background:#FFF; padding:15px 0 35px 0; max-width:1240px;}
.single-left{float: left;width: 67%;}
.single-right{float: right; width: 30%;}
.single-meta{}
.single-meta:after{clear:both; content:''; display:table;}
.single-cate{ display: inline-block;   background: #000;   color: #FFF;    padding: 10px 30px;float: left;margin-bottom: 10px;    clear: both;font-size: 20px; font-weight:600;}
.single-date{    display: inline-block;   background: #000;   color: #FFF;    padding: 10px 30px;float: left;margin-bottom: 0px;    clear: both;font-size: 20px; font-weight:600;}
.single-author{    display: inline-block;    background: #000;    color: #FFF;    padding: 10px 30px;float: left;    clear: both;    font-size: 20px; font-weight:600;}
.single-text{padding-left:30px;    padding-top: 35px;}
.single-text h2{}
.single-morepost{}
.single-moretilte{background:#22425a;color:#FFF;padding: 30px 0 30px 0; text-align:center;}
.single-moretilte h3{padding:0; margin:0; font-size:45px;}
.single-right ul{list-style:none; padding:0; margin:0;}
.single-right .menu li{    margin-bottom: 10px;}
.single-right .menu li a{    display: block;background:#157efb; color:#FFF; padding:10px 20px;font-size: 20px; font-weight:600;}
.single-right .menu li a:hover,.single-right .menu li.current-post-ancestor a{background:#000;}
.single-morecont{padding:35px 0 35px 0;}
#menu-single-new #menu-item-538 a,.latest-news .wrap.news,.new-inner.news,body.category-news .new-inner,body.category-news .latest-news .wrap,.single-meta.news .single-cate ,.single-meta.news .single-date,.single-meta.news .single-author {background:#22425a;}
#menu-single-new #menu-item-539 a,.new-inner.blogs,body.category-blogs .new-inner,.latest-news .wrap.blogs,.single-meta.blogs .single-cate ,.single-meta.blogs .single-date,.single-meta.blogs .single-author{background:#337a98;}
#menu-single-new #menu-item-554 a,.new-inner.case-studies,body.category-case-studies .new-inner,.latest-news .wrap.case-studies,body.category-case-studies .latest-news .wrap,.single-meta.case-studies .single-cate ,.single-meta.case-studies .single-date,.single-meta.case-studies .single-author{background:#363636;}
#twitter-feed-FTC_UK{
	background: #363636;
	margin-top: 35px;
	padding-top: 16px;
	padding-right: 16px;
	padding-left: 40px;
	padding-bottom: 40px;
	color: #FFF;
	position: relative;
	overflow: hidden; margin-right: 10px
}
#twitter-feed-FTC_UK:before{content: '';
    position: absolute;
    width: 65px;
    top: -45px;
    left: 0;
    background: #fff;
    z-index: 99;
    transform: skewY(-40deg);
    height: 40px;}
#twitter-feed-FTC_UK:after{content: '';
    position: absolute;
    width: 65px;
    bottom: -45px;
    right: 0;
    background: #fff;
    z-index: 99;
    transform: skewY(-40deg);
    height: 40px;}
.related-post{}
.related-post:after{content:''; display:table; clear:both;}
.related-item{float: left;   width: 32%;   margin: 0 2% 20px 0;}
.related-item:last-child{margin:0;}
label.screen-reader-text,#searchsubmit{display:none;}
input#s{    padding: 15px 20px;background:#157efb;color:#FFF; border:none;    font-size: 20px; width: 100%; font-weight: 600}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
[type="search"] {
  -webkit-appearance: textfield;
}
.logoslider h2{color: #ffffff;    padding: 0 0 50px 0;}
.desclogo{display:none;    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    padding-top: 50px;}
.desclogo h3{  font-size: 24px;
    line-height: 31px; color: #ffffff; font-weight: 600; letter-spacing: 0px}
.desclogo p{color: #ffffff}
.desclogo a{ display: inline-block;
    background: #157efb;
    padding: 10px 20px;
    color: #FFF;
    margin-top: 15px;
    font-weight:600; font-size: 19px; line-height: 25px
}
.homepage-logo-carousel__item {
   width: 162px;
    height: 162px;
    border: none;
    margin: 28px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
}
.slick-slider-container{position:relative;}
.logoslider .slick-slide{
	 width: 234px;
    height: 234px;
}
.slick-center .homepage-logo-carousel__item{
	width: 234px;
    height: 234px;
	margin:0 auto;
}
.slick-center .homepage-logo-carousel__item img{width:100%;}
#footer-logo{
	background:#17435c;
	padding:50px 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ffffff
}
.logoslider  .slick-next, .logoslider  .slick-prev {
    width: 28px;
    height:100%;
    position: absolute;
    margin-top:0;
    top: 50%;
    z-index: 99;
    -webkit-transition: opacity 250ms;
    transition: opacity 250ms;
}
.logoslider .slick-prev,.logoslider .slick-prev:hover,.logoslider .slick-prev:focus {
       left: 0;
    background:#17435c url(images/prev.png) no-repeat left center;
}
.logoslider .slick-next,.logoslider .slick-next:hover,.logoslider .slick-next:focus {
       right: 0;
    background:#17435c url(images/next.png) no-repeat left center;
}
.slick-prev:before,.slick-next:before{display:none;}
@media only screen and (max-width:768px) {
	.gallery-holder, .gallery-item{width:47.85%;} 
	.news-item{width:100%;}
	.new-thumb img{width:100%;}
	.single-right{display:none;}
		.single-left{width:100%; margin-bottom:20px;}	
	.single-text{padding-right:30px;}
	.latest-intro{width:100%; margin-bottom:25px;}
	.latest-img{width:100%;}
	.filterMenu ul li{font-size:20px; padding:10px 15px;}
}
@media only screen and (max-width: 480px){
	.gallery-holder, .gallery-item,.team-item,.news-item { width: 100%;}
	#bottom-team li.widget{width:100%;}
	.related-item{width:100%; margin-right:0;}
	.filterMenu ul li{width:100%; margin-bottom:5px;}
	.single-cate,.single-date,.single-author{font-size:16px;}
}






#menu-item-1106{    background: #33D7CF;
    color: #ffffff;}

#menu-item-1106:hover{    background: #157efb;
    color: #ffffff;}








.greybox{
	background-color: #ffffff;
	border-top-width: 16px;
	border-right-width: 16px;
	border-left-width: 40px;
	border-bottom-width: 40px; position: relative; border-style: solid; border-color: #363636; padding: 13px; overflow: hidden;
	-webkit-clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0% calc(100% - 25px), 0% 25px);
clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0% calc(100% - 25px), 0% 25px);
}



.greybox a{
    display: inline-block;
    background: #157efb;
    padding: 10px 20px;
    color: #FFF;
    margin-top: 15px;
    font-weight: 600;
}


.greybox a:hover{
    color: #000000;

}







.darkbluebox{
	background-color: #ffffff;
	border-top-width: 16px;
	border-right-width: 16px;
	border-left-width: 40px;
	border-bottom-width: 40px; position: relative; border-style: solid; border-color: #17435c; padding: 13px; overflow: hidden;
	-webkit-clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0% calc(100% - 25px), 0% 25px);
clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0% calc(100% - 25px), 0% 25px);
}



.darkbluebox a{
    display: inline-block;
    background: #157efb;
    padding: 10px 20px;
    color: #FFF;
    margin-top: 15px;
    font-weight: 600;
}


.darkbluebox a:hover{
    color: #000000;

}





.simpledarkbluebox{
	background-color: #17435c;
	border-top-width: 16px;
	border-right-width: 16px;
	border-left-width: 40px;
	border-bottom-width: 40px; position: relative; border-style: solid; border-color: #17435c; padding: 13px; overflow: hidden;
	-webkit-clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0% calc(100% - 25px), 0% 25px);
clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0% calc(100% - 25px), 0% 25px);
}



.simpledarkbluebox a{
    display: inline-block;
    background: #157efb;
    padding: 10px 20px;
    color: #FFF;
    margin-top: 15px;
    font-weight: 600; font-size: 18px
}


.simpledarkbluebox a:hover{
    color: #000000;

}


.simpledarkbluebox p, .simpledarkbluebox h2, .simpledarkbluebox h3, .simpledarkbluebox h4{color: #ffffff}





.yellowbox{
	background-color: #ffffff;
	border-top-width: 16px;
	border-right-width: 16px;
	border-left-width: 40px;
	border-bottom-width: 40px; position: relative; border-style: solid; border-color: #ffed00; padding: 13px; overflow: hidden;
	-webkit-clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0% calc(100% - 25px), 0% 25px);
clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0% calc(100% - 25px), 0% 25px);
}



.yellowbox a{
    display: inline-block;
    background: #157efb;
    padding: 10px 20px;
    color: #FFF;
    margin-top: 15px;
    font-weight: 600; font-size: 18px
}


.yellowbox a:hover{
    color: #000000;

}




.simpleyellowbox{
	background-color: #ffed00;
	border-top-width: 16px;
	border-right-width: 16px;
	border-left-width: 40px;
	border-bottom-width: 40px; position: relative; border-style: solid; border-color: #ffed00; padding: 13px; overflow: hidden;
	-webkit-clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0% calc(100% - 25px), 0% 25px);
clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0% calc(100% - 25px), 0% 25px);
}



.simpleyellowbox a{
    display: inline-block;
    background: #157efb;
    padding: 10px 20px;
    color: #FFF;
    margin-top: 15px;
    font-weight: 600;
}


.simpleyellowbox a:hover{
    color: #000000;

}








.tealbox{
	background-color: #ffffff;
	border-top-width: 16px;
	border-right-width: 16px;
	border-left-width: 40px;
	border-bottom-width: 40px; position: relative; border-style: solid; border-color: #00BED6; padding: 13px; overflow: hidden;
	-webkit-clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0% calc(100% - 25px), 0% 25px);
clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0% calc(100% - 25px), 0% 25px); margin-bottom: 10px!important
}



.tealbox a{
    display: inline-block;
    background: #157efb;
    padding: 10px 20px;
    color: #FFF;
    margin-top: 15px;
    font-weight: 600;
}


.tealbox a:hover{
    color: #000000;

}





.simpletealbox{
	background-color: #00BED6;
	border-top-width: 16px;
	border-right-width: 16px;
	border-left-width: 40px;
	border-bottom-width: 40px; position: relative; border-style: solid; border-color: #00BED6; padding: 13px; overflow: hidden;
	-webkit-clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0% calc(100% - 25px), 0% 25px);
clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0% calc(100% - 25px), 0% 25px);
}



.simpletealbox a{
    display: inline-block;
    background: #157efb;
    padding: 10px 20px;
    color: #FFF;
    margin-top: 15px;
    font-weight: 600; font-size: 18px
}


.simpletealbox a:hover{
    color: #000000;

}


.simpletealbox p, .simpletealbox h2, .simpletealbox h3, .simpletealbox h4{color: #ffffff}










.palegreybox{
	background-color: #ffffff;
	border-top-width: 16px;
	border-right-width: 16px;
	border-left-width: 40px;
	border-bottom-width: 40px; position: relative; border-style: solid; border-color: #F3F1F0; padding: 13px; overflow: hidden;
}



.palegreybox a{
    display: inline-block;
    background: #157efb;
    padding: 10px 20px;
    color: #FFF;
    margin-top: 15px;
    font-weight: 600;
}


.palegreybox a:hover{

    color: #000000;


}



.palegreybox-no-white-inner{
	background-color: #F3F1F0;
	border-top-width: 16px;
	border-right-width: 16px;
	border-left-width: 40px;
	border-bottom-width: 40px; position: relative; border-style: solid; border-color: #F3F1F0; padding: 13px; overflow: hidden;
}



.palegreybox-no-white-inner a{
    display: inline-block;
    background: #157efb;
    padding: 10px 20px;
    color: #FFF;
    margin-top: 15px;
    font-weight: 600;
}


.palegreybox-no-white-inner a:hover{

    color: #000000;


}



.navybox{
	background-color: #ffffff;
	border-top-width: 16px;
	border-right-width: 16px;
	border-left-width: 40px;
	border-bottom-width: 40px; position: relative; border-style: solid; border-color: #17435c; padding: 13px; overflow: hidden;
}



.navybox a{
    display: inline-block;
    background: #157efb;
    padding: 10px 20px;
    color: #FFF;
    margin-top: 15px;
    font-weight: 600;
}


.navybox a:hover{

    color: #000000;


}



.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin-top: 5px;
	margin-right: 29px;
	margin-left: 0;
	margin-bottom: 20px;
}

.section-with-simple-white-fill{background-color: #ffffff; padding: 15px}

.greyrow
{    background: #F3F1F0;; padding-top: 40px; padding-bottom: 40px}


.page-id-307 #mainfooter {
    margin-top: 0px;
}
.home #mainfooter {
    margin-top: 0px;
}

.page-id-520 #mainfooter {
    margin-top: 0px;
}

.page-id-806 #mainfooter {
    margin-top: 0px;
}

.page-id-589 #mainfooter {
    margin-top: 0px;
}

.page-id-796 #mainfooter {
    margin-top: 0px;
}

.page-id-1506 #mainfooter {
    margin-top: 0px;
}

.page-id-696 #mainfooter {
    margin-top: 0px;
}


.page-id-932 #mainfooter {
    margin-top: 0px;
}

.page-id-586 #mainfooter {
    margin-top: 0px;
}

a.cookie-btn {
display: block!important;
font-weight: 600!important;
background: #33D7CF!important;
padding: 3px 10px!important;
color: #FFF!important;
margin-top: 15px!important; font-size: 14px!important; text-decoration: none!important; width: 60px!important; margin-left: auto!important; margin-right: auto!important; border-color: #157efb; border-width: 1px; border-style: solid
}

a.cookie-btn:hover {
background-color: #157efb!important; border-color: #ffffff; border-width: 1px; border-style: solid
}


.hometoppanel-row{
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 15px;
	padding-bottom: 130px; margin-left: 0px!important; margin-right: 0px!important
}
.hometoppanel{background-color: #ffffff; opacity: 0.9; padding-top: 20px;
	padding-right: 20px;
	padding-left: 40px;
	padding-bottom: 40px}

.hometoppanel a{display: inline-block;
font-weight: 600;
background: #157efb;
padding: 10px 20px;
color: #FFF;
margin-top: 25px;}

.hometoppanel a:hover{
color: #000000;}


.cookie-notice-container{font-size: 15px; padding: 15px!important; line-height: 24px}


.cookie-notice-container a{ color: #ffffff; text-decoration: none; font-weight: 600}

.collapseomatic {
background-color: #157efb; background-position: right; color: #ffffff; padding-top: 8px!important; font-size: 19px; line-height: 25px;
}

p.collapseomatic {
 font-weight: 600
}

.collapseomatic_content  p{
font-size: 19px; line-height: 25px
}

.collapseomatic_content li{
font-size: 19px; line-height: 25px
}



.collapseomatic:focus {
background-color: #17435c; background-position: right; color: #ffffff; padding-top: 8px!important
}


.wFormContainer {
margin-top: 0px!important; margin-bottom: 0px!important; padding-top: 40px!important
}

#menu-item-1274 {
    background: #33D7CF;
    color: #ffffff;
}


.collapseomatic_content {
padding-top: 25px!important
}

.maincol ul{padding-left: 25px; margin: 0px; margin-bottom: 25px}
.mainbody ul{padding-left: 25px; margin: 0px}

.copyrightrow a{color: #ffffff}


.tealbox p, .darkbluebox p, .yellowbox p,  .navybox p,.palegreybox-no-white-inner p,.palegreybox p, .greybox p, .contactgreybox p, .hometoppanel p, .introin p, .team-desc p{font-size: 19px; line-height: 25px}



.wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form textarea {
    border: 1px solid #20195C;
    padding-top: 15px;
    padding-right: 18px;
    padding-left: 18px;
    padding-bottom: 15px;
    width: 100%;
    margin-bottom: 10px !important;
    font-size: 16px;
    color: #000000;
}

.wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form textarea {
    border: 1px solid #20195C;
    padding-top: 15px;
    padding-right: 18px;
    padding-left: 18px;
    padding-bottom: 15px;
    width: 100%;
    margin-bottom: 10px !important;
    font-size: 16px;
    color: #000000;
}


.wpcf7-form input[type=submit] {
    font-size: 19px;
    line-height: 25px;
    display: inline-block;
    background: #157efb;
    padding: 10px 20px;
    color: #FFF;
    margin-top: 15px;
    font-weight: 600;
    cursor: pointer;
}

.contactgreybox{
	background-color: #F3F1F0;
	border-top-width: 16px;
	border-right-width: 16px;
	border-left-width: 40px;
	border-bottom-width: 40px; position: relative; border-style: solid; border-color: #F3F1F0; padding: 13px; overflow: hidden;
}

.wpcf7-form  ::-webkit-input-placeholder { /* WebKit browsers */
color: #000 !important;
opacity: 1;
}
.wpcf7-form  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #000 !important;
opacity: 1;
}
.wpcf7-form  ::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #000 !important;
opacity: 1;
}
 .wpcf7-form :-ms-input-placeholder { /* Internet Explorer 10+ */
color: #000 !important;
opacity: 1;
}


#offcanvas li {
  font-size: 16px!important
}

.category-case-studies .listbar{display: none}
.category-case-studies .single-meta {display: none}

.category-case-studies .single-left {
    float: none;
    width: 100%; 
}

.category-case-studies .single-text {
 padding-left: 15px; padding-right: 15px; padding-top: 0px
}

.category-case-studies .single-body .wrap {

    padding: 0px;
   
}

.cs-whitetext{background-color: #ffffff; padding: 25px; opacity: 0.9}

.category-case-studies .single-text h2 { display: none
}


#bottom-team  #text-10 .textwidget{text-align: center; color: #000000; background: url(images/about-footer.png); background-size: cover; min-height: 450px; position: relative; padding-top: 30px; background-position: center center; padding-bottom: 0px; margin-bottom: 7px}


#bottom-team  #text-10 .textwidget a{display: inline-block;
    background: #157efb;
    padding: 10px 20px;
    color: #FFF;
    font-weight: 600;
    cursor: pointer; font-size: 18px; line-height: 26px; position: absolute; bottom: 40px; width: 214px;   margin-left:-107px;
    left:50%;}


#bottom-team  #text-10 .textwidget a:hover{color:#000000}




.callout-button{    background: #33D7CF;
    color: #ffffff;}

.callout-button:hover{    background: #157efb;
    color: #ffffff;}


.pale-green-button{    background: #33D7CF;
    color: #ffffff;}

.pale-green-button:hover{    background: #157efb;
    color: #ffffff;}


.white-rounded-button{    background: #ffffff;
 border-radius: 10px; border-width: 2px; border-style: solid; border-color:#157efb;  }

.white-rounded-button a{   color: #157efb; padding-top: 1px !important; padding-bottom: 1px!important }

.white-rounded-button:hover{    background: #157efb;
    color: #ffffff; }

.white-rounded-button a:hover{ 
    color: #ffffff!important; }


.blue-menu-button{    background: #157efb;
    color: #ffffff;}

.desktop-menu .white-rounded-button a {
color: #157efb
}

.page-template-page_footer2 #mainfooter {

    margin-top: 0px;
} 

.postid-4656 h3{font-size:30px; line-height:32px}

.statbox{position: relative}

.statbox h2{    font-size: 70px;
    line-height: 72px; color: #017C9B}

.statbox h6{color: #157efb; position: absolute; bottom: 0px; left:10px}


.statbox h4 {
    font-size: 17px; line-height: 23px
}

.page-template-page_stories-hub #mainbody-news {
    padding: 0px 0 55px 0;
}


.storiesbox h3{
	font-size: 25px;
	line-height: 32px;
	font-weight: 600;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0px;
}

.stories-readmore a{background: #157efb!important}


.team-list:after{clear: both; display: table;content:''}
/*.team-item-slide.active .team-item-inner{position: absolute;width: 295%;z-index: 999;}
.team-item-slide.active .team-desc{display: block;}
.team-item-slide.active .team-img{max-width: 315px;}*/

.latest-team-grid{    display: flex; position: relative;
    gap: 25px;
    flex-direction: row;
    
    flex-wrap: wrap;}
.team-item-grid{width: 31.95%;}
.team-thumb{margin-bottom: 15px;}
.team-thumb a{background: none;padding:0;margin-top: 0;    display: block;}
.team-info h4{margin: 0;    padding: 0;}
.team-item-grid.active{width: 97.6%;
    margin-right: 0;
    position: absolute;
    z-index: 999;}

.team-slider{padding: 0 15px;}
.team-item-slide{padding: 0 12px;position: relative;}
 h3.team-name{color:#111;     padding: 20px 0 15px 0;}
.team-slider h3.team-name{color:#111;     padding: 20px 0 15px 0;}
.team-slider .slick-prev{
    background: url(images/left.svg) no-repeat center center /cover;
    width: 42px;
    height: 42px;
    left: -40px;

}
.team-slider .slick-prev:hover,.team-slider .slick-prev:focus{background: url(images/left-over.svg) no-repeat center center /cover;}
.team-slider .slick-next{
    background: url(images/right.svg) no-repeat center center /cover;
    width: 42px;
    height: 42px;
    right: -40px;
}
.team-slider .slick-next:hover,.team-slider .slick-next:focus{
    background: url(images/right-over.svg) no-repeat center center /cover;
}
/* Champs cection */


.mappopupnew{	font-family: Helvetica, Arial, sans-serif!important;  }
.mappopupnew h4{color: #000000!important; text-transform: none!important; font-family: Helvetica, Arial, sans-serif!important;font-size: 30px!important; line-height: 32px!important}

.mappopupnew p{font-size: 17px!important; line-height:21px!important;color: #000000!important; text-transform: none!important; font-weight: normal!important; font-family: Helvetica, Arial, sans-serif!important;}

.mappopupnew  .blue-btn {
    font-weight: 600;
    font-size: 17px!important;
    line-height: 21px!important; text-transform: none!important; margin-bottom: 20px!important
}

.mapoutline .wpgmp_map_container{
    border-top-width: 16px;
    border-right-width: 16px;
    border-left-width: 40px;
    border-bottom-width: 40px;
    position: relative;
    border-style: solid;
    border-color: #ffffff;
    overflow: hidden;
    -webkit-clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0% calc(100% - 25px), 0% 25px);
    clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0% calc(100% - 25px), 0% 25px);
}

.wpgmp_map{margin-bottom:-8px!important}

.page-id-7950 #mainfooter {
    margin-top: 0px;
}



.champ-header, .champ-details {text-align: center}

.champ-header p, .champ-details p {padding-bottom: 0px; max-width: 900px; margin-left: auto; margin-right: auto}

.single-champions h1{ padding-top: 20px; padding-bottom: 5px}

.champ-details{background-color: #17435c;  padding-top: 40px; padding-bottom: 40px; margin-top: 0px}



.champ-details p{font-size: 17px; line-height:21px; color: #ffffff}
.champ-details a{color: #00BED6}



.single-champions #mainfooter {
    margin-top: 0px;
}

@media screen and (max-width: 700px) {
    .latest-team-grid{flex-direction: column;}
    .team-item-grid {        width: 100%;    }
}
@media screen and (max-width: 568px) {
    .team-slider .slick-prev {       
        width: 25px;
        height: 25px;
        left: -3px;
      }
      .team-slider .slick-next {       
        width: 25px;
        height: 25px;
        right: -3px;
      }
}







/* CS Slider */

.case-studies-slider {
    width: 100%; background-color: #ffffff
}


.case-studies-slider, .case-study-image img{-webkit-clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0% calc(100% - 25px), 0% 25px);
clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0% calc(100% - 25px), 0% 25px);}


.case-study-slide {
    padding: 20px;
}

.case-study-inner {
    display: flex;
    align-items: center;
}

.case-study-image,
.case-study-content {
    width: 50%;
}

.case-study-image img {
    width: 100%;
    height: auto;
    display: block;
}

.case-study-content {
    padding-left: 40px; padding-right: 80px
}




/* Mobile */
@media (max-width: 768px) {
    .case-study-inner {
        flex-direction: column;
    }

    .case-study-image,
    .case-study-content {
        width: 100%;
    }

    .case-study-content {
        padding: 20px;
        margin-top: 20px;
    }
    
    .case-studies-slider .slick-next{right:10px!important}
.case-studies-slider .slick-prev{left:10px!important}
}


.case-studies-slider .slick-next{
    background: url(images/right-circle.png) no-repeat left center; background-size: 100%
}


.case-studies-slider .slick-prev{
    background:url(images/left-circle.png) no-repeat left center; background-size: 100%
}


.case-studies-slider .slick-next:hover, .case-studies-slider .slick-next:focus {
    background: url(images/right-circle-hover.png) no-repeat left center; background-size: 100%
}


.case-studies-slider .slick-prev:hover, .case-studies-slider  .slick-prev:focus {
    background:url(images/left-circle-hover.png) no-repeat left center; background-size: 100%
}



.case-studies-slider .slick-next, .case-studies-slider .slick-prev {
    width: 28px;
    height: 28px;
    position: absolute;
    margin-top: 0;
    top: 50%;
    z-index: 99;
    -webkit-transition: opacity 250ms;
    transition: opacity 250ms;
}


.case-studies-slider .slick-next{right:40px}
.case-studies-slider .slick-prev{left:40px}









/* Quotes Slider */
.quotes-slider-wrapper {
    width: 100%;
    position: relative;
}

.quotes-slide {
    min-height: 500px; /* or whatever your outer slide height is */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: flex-end; /* aligns inner content to bottom */  padding-top: 60px
}

.quotes-slide-overlay {
    width: 100%;
}

.quotes-slide-inner {
    max-width: 1270px;
    padding: 0 15px;
    margin: 0 auto;
    min-height: 550px; /* your existing min-height */
    display: flex;
    align-items: flex-end; /* ensures content sits at bottom of this inner wrap */
}

.quotes-content {
    max-width: 50%;
    margin-bottom: 60px!important; /* positions content ~60px from bottom */
}

.quotes-slide-inner h3  {
display: inline;                       /* hug text tightly */
    background-color: #FFEC00;
    padding: 3px 11px;                        /* horizontal padding only */
    box-decoration-break: clone;           /* each line gets its own highlight */
    -webkit-box-decoration-break: clone;   /* Safari support */
    line-height: 1.3;                       /* controls vertical spacing */
    
}


.quotes-slide-inner p {
    font-size: 17px;
    line-height: 23px;     font-weight: 700; display: inline-block;      padding: 8px 12px;  background-color: #F3F1F0 ; margin-top: 40px
}

/* Mobile */
@media (max-width: 768px) {


    .quotes-content {
        max-width: 100%;
        margin-bottom: 40px; /* adjust bottom spacing for mobile */
    }
    
    .quotes-slider-wrapper .slick-next{right:10px!important}
.quotes-slider-wrapper .slick-prev{left:10px!important}
    
    .quotes-slide-inner {
    padding: 0 50px;
}
    
    
}



.quotes-slider-wrapper .slick-next{
    background: url(images/right-circle.png) no-repeat left center; background-size: 100%
}


.quotes-slider-wrapper .slick-prev{
    background:url(images/left-circle.png) no-repeat left center; background-size: 100%
}


.quotes-slider-wrapper .slick-next:hover, .quotes-slider-wrapper .slick-next:focus {
    background: url(images/right-circle-hover.png) no-repeat left center; background-size: 100%
}


.quotes-slider-wrapper .slick-prev:hover, .quotes-slider-wrapper  .slick-prev:focus {
    background:url(images/left-circle-hover.png) no-repeat left center; background-size: 100%
}



.quotes-slider-wrapper .slick-next, .quotes-slider-wrapper .slick-prev {
    width: 28px;
    height: 28px;
    position: absolute;
    margin-top: 0;
    top: 50%;
    z-index: 99;
    -webkit-transition: opacity 250ms;
    transition: opacity 250ms;
}


.quotes-slider-wrapper .slick-next{right:40px}
.quotes-slider-wrapper .slick-prev{left:40px}

.quotes-slide, 
.quotes-slide-content {
    pointer-events: auto;
}
.quotes-slider .slick-arrow {
    z-index: 999;
    pointer-events: auto;
}






/* Each slide */
.latestnewscarousel-item {
    float: none;          /* Remove float */
    width: auto;          /* Let Slick handle width */
    margin: 0;            /* remove theme spacing */
    box-sizing: border-box;
}

/* Optional: spacing inside slide */
.latestnewscarousel-item > .latestnewscarousel-inner {
    margin: 0 10px;
}

/* Inner card styling stays the same */
.latestnewscarousel-inner {
    background: #000;
    padding: 16px 16px 40px 40px;
    color: #FFF;
    position: relative;
    overflow: hidden;
    clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0% calc(100% - 25px), 0% 25px);
}

.latestnewscarousel-bg {
    color: #000;
    position: relative;
    background: #FFF;
    padding: 13px;
}
.latestnewscarousel-bg:after {
    clear: both;
    content: '';
    display: table;
}





.latest-stories-carousel .slick-next{
    background: url(images/right-circle.png) no-repeat left center; background-size: 100%
}


.latest-stories-carousel .slick-prev{
    background:url(images/left-circle.png) no-repeat left center; background-size: 100%
}


.latest-stories-carousel .slick-next:hover, .latest-stories-carousel .slick-next:focus {
    background: url(images/right-circle-hover.png) no-repeat left center; background-size: 100%
}


.latest-stories-carousel .slick-prev:hover, .latest-stories-carousel  .slick-prev:focus {
    background:url(images/left-circle-hover.png) no-repeat left center; background-size: 100%
}



.latest-stories-carousel .slick-next, .latest-stories-carousel .slick-prev {
    width: 28px;
    height: 28px;
    position: absolute;
    margin-top: 0;
    top: 50%;
    z-index: 99;
    -webkit-transition: opacity 250ms;
    transition: opacity 250ms;
}


.latest-stories-carousel .slick-next{right:30px}
.latest-stories-carousel .slick-prev{left:30px}

.latestnewscarousel-acf p{    font-size: 19px;
    line-height: 25px;}