* {
-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(//firstuk.org/wp-content/themes/firsttechchallenge/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 {
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(//firstuk.org/wp-content/themes/firsttechchallenge/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(//firstuk.org/wp-content/themes/firsttechchallenge/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(//firstuk.org/wp-content/themes/firsttechchallenge/images/leftcorner.png)
}
.whatwedobox:after {
content: '';
position: absolute;
width: 40px;
height: 40px;
bottom: 0px;
right: -10px;
z-index: 99;
background-image: url(//firstuk.org/wp-content/themes/firsttechchallenge/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(//firstuk.org/wp-content/themes/firsttechchallenge/images/leftcorner.png)
}
.whowearebox:after {
content: '';
position: absolute;
width: 40px;
height: 40px;
bottom: 0px;
right: -10px;
z-index: 99;
background-image: url(//firstuk.org/wp-content/themes/firsttechchallenge/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(//firstuk.org/wp-content/themes/firsttechchallenge/images/leftcorner.png)
}
.blackbox:after {
content: '';
position: absolute;
width: 40px;
height: 40px;
bottom: 0px;
right: -10px;
z-index: 99;
background-image: url(//firstuk.org/wp-content/themes/firsttechchallenge/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(//firstuk.org/wp-content/themes/firsttechchallenge/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-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{ 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;} .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 { color: #fff;
}
::-moz-placeholder { color: #fff;
}
:-ms-input-placeholder { color: #fff;
}
:-moz-placeholder { 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(//firstuk.org/wp-content/themes/firsttechchallenge/images/prev.png) no-repeat left center;
}
.logoslider .slick-next,.logoslider .slick-next:hover,.logoslider .slick-next:focus {
right: 0;
background:#17435c url(//firstuk.org/wp-content/themes/firsttechchallenge/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 { color: #000 !important;
opacity: 1;
}
.wpcf7-form  :-moz-placeholder { color: #000 !important;
opacity: 1;
}
.wpcf7-form  ::-moz-placeholder { color: #000 !important;
opacity: 1;
}
.wpcf7-form :-ms-input-placeholder { 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(//firstuk.org/wp-content/themes/firsttechchallenge/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:''} .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(//firstuk.org/wp-content/themes/firsttechchallenge/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(//firstuk.org/wp-content/themes/firsttechchallenge/images/left-over.svg) no-repeat center center /cover;}
.team-slider .slick-next{
background: url(//firstuk.org/wp-content/themes/firsttechchallenge/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(//firstuk.org/wp-content/themes/firsttechchallenge/images/right-over.svg) no-repeat center center /cover;
} .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;
}
} .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
} @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(//firstuk.org/wp-content/themes/firsttechchallenge/images/right-circle.png) no-repeat left center; background-size: 100%
}
.case-studies-slider .slick-prev{
background:url(//firstuk.org/wp-content/themes/firsttechchallenge/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(//firstuk.org/wp-content/themes/firsttechchallenge/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(//firstuk.org/wp-content/themes/firsttechchallenge/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-wrapper {
width: 100%;
position: relative;
}
.quotes-slide {
min-height: 500px; background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
align-items: flex-end; padding-top: 60px
}
.quotes-slide-overlay {
width: 100%;
}
.quotes-slide-inner {
max-width: 1270px;
padding: 0 15px;
margin: 0 auto;
min-height: 550px; display: flex;
align-items: flex-end; }
.quotes-content {
max-width: 50%;
margin-bottom: 60px!important; }
.quotes-slide-inner h3  {
display: inline; background-color: #FFEC00;
padding: 3px 11px; box-decoration-break: clone; -webkit-box-decoration-break: clone; line-height: 1.3; }
.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
} @media (max-width: 768px) {
.quotes-content {
max-width: 100%;
margin-bottom: 40px; }
.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(//firstuk.org/wp-content/themes/firsttechchallenge/images/right-circle.png) no-repeat left center; background-size: 100%
}
.quotes-slider-wrapper .slick-prev{
background:url(//firstuk.org/wp-content/themes/firsttechchallenge/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(//firstuk.org/wp-content/themes/firsttechchallenge/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(//firstuk.org/wp-content/themes/firsttechchallenge/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;
} .latestnewscarousel-item {
float: none; width: auto; margin: 0; box-sizing: border-box;
} .latestnewscarousel-item > .latestnewscarousel-inner {
margin: 0 10px;
} .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(//firstuk.org/wp-content/themes/firsttechchallenge/images/right-circle.png) no-repeat left center; background-size: 100%
}
.latest-stories-carousel .slick-prev{
background:url(//firstuk.org/wp-content/themes/firsttechchallenge/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(//firstuk.org/wp-content/themes/firsttechchallenge/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(//firstuk.org/wp-content/themes/firsttechchallenge/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;}@media only screen  and (max-width:1320px) {
.yellowrow h2{font-size: 180px; line-height: 180px; font-weight: 600; letter-spacing: -5px}
.yellowrow h3{font-size: 48px; line-height: 54px; font-weight: 600; letter-spacing: -2px}
}
@media only screen  and (max-width:1220px) {
.yellowrow h2{font-size: 160px; line-height: 160px; font-weight: 600; letter-spacing: -4px}
.yellowrow h3{font-size: 44px; line-height: 50px;}
}
@media only screen  and (max-width:1120px) {
.yellowrow h2{font-size: 140px; line-height: 140px; font-weight: 600; letter-spacing: -4px}
.yellowrow h3{font-size: 40px; line-height: 46px;}
}
@media only screen  and (max-width:1024px) {
.desktop-menu ul li a{padding:0 15px;}
.wrap{padding:0 30px;}
.desktop-menu ul li a {
font-size: 17px;
padding: 4px 12px;
.centre-flickr iframe{min-height:450px!important}
}
.contactbanner{padding-top: 175px; padding-bottom: 175px}
#main-nav {
padding-top: 0px;
}
.latest-intro{width:100%; margin-bottom:25px;}
.latest-img{width:100%;}
#bottom-team li.widget:last-child .textwidget p {
font-size: 30px;
line-height: 33px;
}
.quoteboxred p {
font-size: 30px;
line-height: 33px;
}
.quotebox p {
font-size: 30px;
line-height: 33px;
}
.yellowrow h2{font-size: 120px; line-height: 120px; font-weight: 600; letter-spacing: -4px}
.yellowrow h3{font-size: 36px; line-height: 40px;}
}
@media only screen  and (max-width:1023px) {
.desktop-menu{display:none;}
.navbar-toggle{display:block;}
.wrap{padding:0 20px;}
.flex-direction-nav{display:none!important;}
body.home .flexslider .slides > li{height:650px;}
.flexslider .slides > li {
height: 650px;
}
.homecontent{width:100%}
#bottombar li.widget{width:100%; margin:0 0 15px 0;}
#bottombar{    padding: 25px 0 0 0; margin: 25px 0 0 0;}
.footleft {
float: none;
width: 100%;
}
.footright {
float: none;
width: 100%; text-align: left
}
}
@media only screen  and (max-width:769px) {
.clearteam{display:none;}
.clearteam2{display:block;}
.team-item{width:48%;}
.team-item.last{margin-right:2%;}
.team-item.active{width:92%;}
.team-rowin.active .team-desc{max-width:100%;}
#mainbody-single .maincontent{width:100%; margin-bottom:25px;}
.leftnew{  width: 100%;}
.rightnew {  width: 100%;}
#mainbody-single .rightbar{width:100%;}
body.home .flexslider .slides > li{height:450px;}
.flexslider .slides > li {
height: 450px;
}
#main-nav {
padding-top: 15px;
width: 25%; float: right
}
.glyphicon-menu-hamburger {
line-height: 40px;
}
h1{
font-size: 30px; line-height: 32px
}
h2{
font-size: 30px; line-height: 32px
}
h3{
font-size: 30px; line-height: 32px
}
.tealbluerow h2 {
padding-top: 15px
}
.team-inner h3 {
font-size: 30px; line-height: 32px
}
h2,.desclogo h3{
font-size: 30px; line-height: 35px
}
.single-moretilte h3 {
font-size: 30px; line-height: 35px
}
.latest-intro h3 {
font-size: 30px; line-height: 35px
}
.blackbox h2 {
font-size: 30px; line-height: 40px
}
.blackrow h2 {
font-size: 30px; line-height: 40px
}
.whitebox h2 {
font-size: 30px; line-height: 40px
}
.blackbox p {
font-size: 18px;
line-height: 26px;
}
.blackbox li {
font-size: 18px;
line-height: 26px;
}
.blackrow p {
font-size: 18px;
line-height: 26px;
}
.blackrow li {
font-size: 18px;
line-height: 26px;
}
p {
font-size: 18px;
line-height: 26px;
}
li {
font-size: 18px;
line-height: 26px;
}
.whitebox p {
font-size: 18px;
line-height: 26px;
}
.whitebox li {
font-size: 18px;
line-height: 26px;
}
.quoteboxred p {
font-size: 28px;
line-height: 28px;
}
.quotebox p {
font-size: 28px;
line-height: 28px
}
#bottom-team li.widget:last-child .textwidget p {
font-size: 28px;
line-height: 28px;
}
#mainbody {
padding-bottom: 0px;
}
#mainfooter{padding-top: 20px;}
#mainfooter p{font-size: 15px}
#mainfooter strong{font-size: 16px}
.footerone{width: 100%; margin-right: 0%; float: none; padding-bottom: 10px}
.footetwo{width: 100%; margin-right: 0%; float: none; padding-bottom: 10px}
.footerthree{width: 100%; margin-right: 0%; float: none; padding-bottom: 10px}
.footefour{width: 100%; margin-right: 0%; float: none; padding-bottom: 10px}
#copyright{padding-top: 20px; padding-bottom: 20px;}
#copyright p{font-size: 11px; line-height: 15px}
.standardrow{padding-top: 20px; padding-bottom: 20px; padding-left: 0px!important; padding-right: 0px!important}
.standardrow1{padding-left: 0px; padding-right: 0px}
.blueintro p {
font-size: 22px;
line-height: 27px;
padding-left: 0px;
padding-right: 0px;
}
.page-intro p {
font-size: 25px;
line-height: 31px;
}
#bottom-team li.widget:first-child {
float: none;
width: 100%;
}
#bottom-team li.widget:last-child {
float: none;
width: 100%;
}
#bottom-team {
padding: 30px 0 30px 0;
}
.introbanner {
padding-bottom:30px;
}
.redintro {
padding-top: 30px;
padding-bottom: 30px;
}
.homevideo{padding-top: 30px; padding-bottom: 30px}
.related-item {
float: none;
width: 100%;
margin: 0 0% 20px 0;
}
.greybox {
margin-bottom: 15px!important
}
.palegreybox-no-white-inner {
margin-bottom: 15px!important
}
.navybox {
margin-bottom: 15px!important
}
.maincol ul {
padding-bottom: 15px;
}
.yellowquotebox-ramakrishnan p {
width: 100%;
}
.yellowquotebox-ramakrishnan {
background-position: bottom right
}
.latest-news {
padding-left: 20px;padding-right: 20px
}
.hometoppanel-row {
padding-top: 15px;
padding-right: 15px;
padding-left: 15px;
padding-bottom: 15px;
}
.readmore a {
position: relative;
}
.team-item.active .team-img {
max-width: 100%;
}
.white-rounded-button{    background:  none; border: none ;color: #ffffff }
.centre-flickr iframe{min-height:225px!important}
}
@media only screen and (max-width:767px) {
.team-item {
width: 100%;
margin: 0 0 20px 0;
position: relative;
}
.team-inner h3{min-height:10px;}
.short-desc{margin-bottom:0;}
.latest-img {
min-height: 250px;
}
}
@media only screen and (max-width:736px) {
.contactbanner{padding-top: 100px; padding-bottom: 100px}
.sweatbox-inner{
padding-top: 40px;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 80px;
}
.nourishbox-inner{
padding-top: 40px;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 80px;}
.achievebox-inner{
padding-top: 40px;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 80px;}
.aboutpageintro {
padding-bottom: 40px;
padding-top: 40px;
}
}
@media only screen and (max-width: 568px){
body.home .flexslider .slides > li{height:400px;}
.flexslider .slides > li {
height: 200px;
}	
#logo {
margin-left: 0px;
left: 0px;
}
#logo img {
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
}
.contactbanner{padding-top: 50px; padding-bottom: 50px}
.wrap {
padding: 0 0px;
}
greybox {
border-top-width: 10px;
border-right-width: 10px;
border-left-width: 30px;
border-bottom-width: 30px;
padding: 8px;;
}
.palegreybox-no-white-inner {
border-top-width: 10px;
border-right-width: 10px;
border-left-width: 30px;
border-bottom-width: 30px;
padding: 8px;
}
.yellowquotebox {
padding: 7px;
}
.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: 17px;
line-height: 23px;
}
}
@media only screen and (max-width: 480px){
.team-item{width:100%; margin:0 0 20px 0; position:relative;}
.team-item.active{position:relative; width:100%;}
.clearteam2{display:none;}
.footright{float:left; text-align:left; padding:10px 0 0 0;}
.footleft{width:100%;}
} @media only screen and (max-width: 414px){
.wrap{padding:0 15px;}
#header .wrap{
padding-top: 0;
padding-right: 15px;
padding-left: 15px;
padding-bottom: 0;
}
} @media only screen and (max-width: 375px) { 
#aboutquote strong{ background-image: none}
}
@media only screen and (max-width: 320px) { 
}