.mainbody-wrapper {display: none;}
.educationbar {background: #eee none repeat scroll 0 0; padding: 65px 0;}
.educationbar h3 {font-size: 23px!important; line-height: 26px!important;}
.educationbar h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    margin: 0;
    text-transform: uppercase;
	color: #fe9414!important;
}

.educationbox h3 {
	background: rgba(254, 148, 20, 0.95);
    font-size: 23px;
    line-height: 26px;
    margin: 0;
    padding: 4% 2%;
    width: 15%;
	color: #ffffff!important;
	margin: 0.5%;
	float: left;
}

.educationboxwhite h3 {
	background: rgba(34,34,34, 0.95);
    font-size: 23px;
    line-height: 26px;
    margin: 0;
    padding: 4% 2%;
    width: 15%;
	color: #ffffff!important;
	margin: 0.5%;
	float: left;
}

.educationcontainer {
	margin: 0% auto;
	max-width: 1685px;
}

.edtextbox {position: absolute; bottom: 0px; width: 100%;}


.edbox1, .edbox2, .edbox3, .edbox4, .edbox5, .edbox6, .edbox7, .edbox8, .edbox9, .edbox10, .edbox11, .edbox12, .edbox13, .edbox14 {
	background-size: cover!important;
	background-position: center center!important;
}

.edbox1 {background: url('../../../images/module_images/education/Remote-IT-Support.jpg') no-repeat scroll 0 0;}
.edbox2 {background: url('../../../images/module_images/education/Staff-Training.jpg') no-repeat scroll 0 0;}
.edbox3 {background: url('../../../images/module_images/education/Projector-installs.jpg') no-repeat scroll 0 0;}
.edbox4 {background: url('../../../images/module_images/education/network-cabling.jpg') no-repeat scroll 0 0;}
.edbox5 {background: url('../../../images/module_images/education/IT-Room-design.jpg') no-repeat scroll 0 0;}
.edbox6 {background: url('../../../images/module_images/education/IT-Room-design.jpg') no-repeat scroll 0 0;}
.edbox7 {background: url('../../../images/module_images/education/Remote-IT-Support.jpg') no-repeat scroll 0 0;}
.edbox8 {background: url('../../../images/module_images/education/Staff-Training.jpg') no-repeat scroll 0 0;}
.edbox9 {background: url('../../../images/module_images/education/Projector-installs.jpg') no-repeat scroll 0 0;}
.edbox10 {background: url('../../../images/module_images/education/network-cabling.jpg') no-repeat scroll 0 0;}
.edbox11 {background: url('../../../images/module_images/education/network-cabling.jpg') no-repeat scroll 0 0;}
.edbox12 {background: url('../../../images/module_images/education/IT-Room-design.jpg') no-repeat scroll 0 0;}
.edbox13 {background: url('../../../images/module_images/education/Remote-IT-Support.jpg') no-repeat scroll 0 0;}
.edbox14 {background: url('../../../images/module_images/education/Elements365-Education-Thumbnail.png') no-repeat scroll 0 0;}

.educationintro {
	background: url('../../../images/module_images/education/Education_IT_intro_iamge.jpg') no-repeat scroll 0 0;
	padding: 150px 0px;
	background-size: cover!important;
	background-position: center 16%!important;
}

.educationintro p, .educationintro h1 {color: #ffffff!important;}

.educationleft {
	max-width: 1240px;
    padding-left: 150px;
    text-align: left;
    width: 50%;
}

.edboxmain {border-left: 5px solid #fff; border-right: 5px solid #fff; box-sizing: border-box; float: left; width: 20%;}
.edboxmain h3 {color: #fff; font-size: 25px; line-height: 28px; margin: 0; padding: 90px 10px;}
.edboxtextbox {position: relative; z-index: 100;}
.edboxbottom {background: #fab900 none repeat scroll 0 0; height: 100px; margin: 0 auto; width: 60%;}
.edboxbottom .edboxmain {width: 33.333%!important;}
.edboxtextbox a {text-decoration:none; color:#fff !important;}
.edboxmain h3, a:hover {text-decoration:none !important;}
.edboxmain a {text-decoration:none;}
.overlay {
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; 
}

.overlay:after {
  position: absolute;
  content:"";
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; 
}

.overlay:hover:after  {
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; 
}

.orange:after {
  background-color: #fe9414;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; 
}

.grey:after {
  background-color: #555555;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; 
}

.lightgrey:after {
  background-color: #999999;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; 
}

/* OVERLAY BEFORE */

.overlay:before {
  position: absolute;
  content:"";
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; 
}

.overlay:before  {
  opacity: .85;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; 
}

.orange:before {
  background-color: #fe9414;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; 
}

.grey:before {
  background-color: #555555;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; 
}

.lightgrey:before {
  background-color: #999999;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; 
}

.flip-container {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
  float: left;
    margin: 0.5%;
    width: 320px;
}

.flip-container:hover .flipper, .flip-container.hover .flipper {
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
		transform: rotateY(180deg);
}

.flip-container, .front, .back {
	width: 320px;
	height: 150px;
}

.flipper {
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;
  -o-transition: 0.6s;
	-o-transform-style: preserve-3d;
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}

.front, .back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.front {
	background: rgba(254, 148, 20, 0.95) none repeat scroll 0 0;
    color: #ffffff;
}

.front h3 {
    color: #ffffff;
    font-size: 23px;
    line-height: 26px;
	position: absolute;
	left: 0;
	right: 0;
	top: 50px;
}

.back {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
	transform: rotateY(180deg);
	background: #eeeeee;
}

.back img {
	padding: 20px;
	height: 150px;
}

@media (max-width: 1580px) {
	.edboxmain h3 {font-size: 20px; line-height: 22px;}
	.educationcontainer {padding: 0px 35px;}
}

@media (max-width: 1560px) {
	.educationcontainer {padding: 0px 15px;}
}

@media (max-width: 1450px) {
	.educationbox h3 {font-size: 19px;line-height: 21px;}
}

@media (max-width: 1310px) {
	.edboxmain h3 {padding: 90px 2px!important;}
}

@media (max-width: 1240px) {
 .edcustomhide {display: none;}
 .edboxmain {border-bottom: 10px solid #fff; width: 25%;}
 .edboxbottom .edboxmain {width: 25%!important;}
 .edboxbottom  {width: 100%!important;}
 .edbox1:after, .edbox3:after, .edbox6:after, .edbox8:after, .edbox9:after, .edbox11:after {background-color: #fe9414!important;}
 .edbox1:before, .edbox3:before, .edbox6:before, .edbox8:before, .edbox9:before, .edbox11:before {background-color: #fe9414!important;}
 .edbox2:after, .edbox4:after, .edbox5:after, .edbox7:after, .edbox10:after, .edbox12:after, .edbox13:after {background-color: #555555!important;}
 .edbox2:before, .edbox4:before, .edbox5:before, .edbox7:before, .edbox10:before, .edbox12:before, .edbox13:before {background-color: #555555!important;}
}

@media (max-width: 1150px) {
	.educationbox {width: 24%;}
}

@media (max-width: 1000px) {
 .edboxmain {width: 33.333%;}
 .edboxbottom .edboxmain {width: 33.333%!important;}
 .edbox1:after, .edbox3:after, .edbox5:after, .edbox7:after, .edbox9:after, .edbox11:after, .edbox13:after {background-color: #fe9414!important;}
 .edbox1:before, .edbox3:before, .edbox5:before, .edbox7:before, .edbox9:before, .edbox11:before, .edbox13:before {background-color: #fe9414!important;}
 .edbox2:after, .edbox4:after, .edbox6:after, .edbox8:after, .edbox10:after, .edbox12:after {background-color: #555555!important;}
 .edbox2:before, .edbox4:before, .edbox6:before, .edbox8:before, .edbox10:before, .edbox12:before {background-color: #555555!important;}
 .educationleft {padding-left: 50px; width: 70%;}
}

@media (max-width: 900px) {
	.educationbox {width: 32.333%;}
	.bottom-a-wrapper {display: block!important;}
	h1, .uk-h1 {font-size: 33px; line-height: 33px;}
}

@media (max-width: 767px) {
	.bottom-a-wrapper {display: block!important;}
}

@media (max-width: 750px) {
 .edboxmain {width: 50%;}
 .edboxbottom .edboxmain {width: 50%!important;}
 .edbox1:after, .edbox4:after, .edbox5:after, .edbox8:after, .edbox9:after, .edbox12:after, .edbox13:after {background-color: #fe9414!important;}
 .edbox1:before, .edbox4:before, .edbox5:before, .edbox8:before, .edbox9:before, .edbox12:before, .edbox13:before {background-color: #fe9414!important;}
 .edbox2:after, .edbox3:after, .edbox6:after, .edbox7:after, .edbox10:after, .edbox11:after {background-color: #555555!important;}
 .edbox2:before, .edbox3:before, .edbox6:before, .edbox7:before, .edbox10:before, .edbox11:before {background-color: #555555!important;}
}

@media (max-width: 700px) {
	.educationbox {width: 49%;}
}

@media (max-width: 525px) {
 .edboxmain {width: 100%;}
 .edboxbottom .edboxmain {width: 100%!important;}
 .edbox1:after, .edbox3:after, .edbox5:after, .edbox7:after, .edbox9:after, .edbox11:after, .edbox13:after {background-color: #fe9414!important;}
 .edbox1:before, .edbox3:before, .edbox5:before, .edbox7:before, .edbox9:before, .edbox11:before, .edbox13:before {background-color: #fe9414!important;}
 .edbox2:after, .edbox4:after, .edbox6:after, .edbox8:after, .edbox10:after, .edbox12:after {background-color: #555555!important;}
 .edbox2:before, .edbox4:before, .edbox6:before, .edbox8:before, .edbox10:before, .edbox12:before {background-color: #555555!important;}
}

@media (max-width: 500px) {
	.educationbox {width: 99%;}
}