.int-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;  
  font-weight: bold;
  text-align: center;
}

.int-wrapper > * {
  padding: 10px;
  flex: 1 100%;
  align-items: stretch;
	  
}


.int-box { 
  color:grey;
  text-align: left;
  padding:10px;
  margin:5px;
  display: flex;
  flex-wrap:wrap; }

.int-box1 { background:#95569e; min-height:160px; }
.int-box2 { background:#3ead5c; min-height:160px; }
.int-box-grey { background:#3c3c3b; min-height:160px; text-align: center; }
.int-box-no-background { background:#fff; min-height:160px; text-align: left; padding:0px; margin-top:40px; }
	
.int-left-col {
	width:45%;
  background: #95569e;
  margin: 10px 0 10px 0;
  max-width:425px;
}

.int-right-col {
	width:45%;
  background: #3ead5c;
  margin: 10px 0 10px 0;
  flex-direction: row;
  max-width:425px;
}

.int-grey-col {
  background: #fff;
  margin: 10px 0 10px 0;
  flex-direction: row;
}

.int-left-col 	{ order: 0; }
.int-right-col 	{ order: 1; }

.int-profile-img { /*width:236px;*/ height:205px; margin-right:auto; margin-left:auto; }

.greentext { color:#3ead5c; background-color: rgba(255, 255, 255, 0.7); padding:2px 0 0 5px; font-size:24px; display:inline-block; margin: 20px 0 0 0px; clear:both; }
.greytext { color:#3c3c3b; background-color: rgba(255, 255, 255, 0.7); padding:2px 0 0 5px; font-size:18px; margin: -5px 0 0 0px; }
.profile-text { color:#3c3c3b; font-weight:normal; font-size:14px; }

/* DESKTOP */
@media all and (min-width: 600px) {
  .int-wrapper 	{ width:100%; margin-left:0px; margin-right:0px; }
  .int-aside 	{ flex: 1 auto; }
  .int-left-col { display:flex; flex-direction: column; margin: 15px; }
  .int-right-col{ display:flex; flex-direction: column; margin: 15px; }
  .int-grey-col{ display:flex; flex-direction: column; margin: 15px; align-content: center; }
  .int-box2 { width:100%; }
}
.small-white-arrow {
	float:right;
	margin-right:20px;
}
.btn-primary { color:#fff; background-color:#337ab7 !important; border-color:#2e6da4;}
.int-caption-header { color:#fff; }
.tp-caption { text-align:left; }

/* MARK */

.int-profile-img-2 { width:179px; height:177px; float:left; margin-right:20px; }
.greentext-2 { color:#3ead5c; background-color: rgba(255, 255, 255, 0.7); padding:0px 0 0 5px; font-size:18px; display:inline-block; margin: 0px 0 0 -5px; clear:both; }
.greytext-2 { color:#3c3c3b; background-color: rgba(255, 255, 255, 0.7); padding:2px 0 0 5px; font-size:18px; display:inline-block; margin: -5px 0 0 -60px; }
.profile-text-2 { color:#3c3c3b; font-weight:normal; font-size:18px; line-height:14px; }
.int-box-no-background-2 { background:#fff; min-height:160px; text-align: left; padding:0px; margin-top:40px; }
 /* .profile-text-3 { color:#3c3c3b; font-weight:normal; font-size:18px; line-height:14px; padding:0px 0 0 198px; } */



/* International Blog Styles */
/* International Blog Styles */
/* International Blog Styles */

.blog-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  clear:both;
  
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;  
  font-weight: bold;
  text-align: center;
}

.blog-container > * {
  padding: 0;
  flex: 1 100%;
}


.left-blog-col {
  margin: 0;
}

.right-blog-col {
  background: #fff;
  text-align: left;
	width: 100%;
}

.left-blog-col 	{ order: 0; }
.right-blog-col 	{ order: 1; }

.heading-span { 
	color: #000000; 
	font-weight: bold;
	font-size:24px; 
	margin-top:15px; 
  	display: inline-flex;
  	align-items: center;
	padding:0px 20px 0px 20px;
    background-image: none;
	background-color:#9bdab4;
}

.heading-span a { color: #000000; }
.heading-link { margin:10px 20px 10px 0px; }

.right-blog-col img { float:right; }
.right-blog-col p { padding:10px 20px; font-weight:normal; }

.blog-top-corner { width:41px; height:39px; float:right; }

.blog-read-more { color:#fff; margin-left:20px; }
.blog-read-more a:hover { color: #000 !important; }

.blog-image { width: 100%; }


.courier-test { font-size:40px; }
.right-pic-mobile { display: block; }

/* TABLET */
@media all and (min-width: 650px) { 
	
.greentext { color:#3ead5c; background-color: rgba(255, 255, 255, 0.7); padding:2px 0 0 5px; font-size:24px; display:inline-block; margin: 20px 0 0 -60px; clear:both; }
.greytext { color:#3c3c3b; background-color: rgba(255, 255, 255, 0.7); padding:2px 0 0 5px; font-size:18px; margin: -5px 0 0 -60px; }

.heading-span { 
    background-image: url("http://192.168.17.188/media/3492/blog-top-corner.jpg");
	background-position: right top 0px;
	background-repeat: no-repeat;
}
.right-pic-mobile { float: right; margin-left:40px; }
	

}


/* DESKTOP */
@media all and (min-width: 700px) {
  .blog-container 	{ max-width:1080px; /*height:100vh;*/ margin: 0px auto 30px auto; clear:both; }
  .aside 			{ flex: 1 auto; }
  .left-blog-col 	{ display:flex; flex-direction: column; margin: 0; padding:0px; max-width:310px; max-height: 232px; Line-height: 200px; overflow: hidden; text-align: center;  }
  .right-blog-col	{ display:flex; flex-direction: column; margin: 0; padding:0px; max-width: 615px; }
  .left-blog-col img { margin:-100%; }
  .int-profile-img { /*width:236px;*/ height:205px; float:left; margin-right:20px; }
	
}


/*--------------------------------- Homepage Sign Up Form ----------------------------------------*/
/*--------------------------------- Homepage Sign Up Form ----------------------------------------*/
/*--------------------------------- Homepage Sign Up Form ----------------------------------------*/

.signupform { width:100%; background-color:#95569e; display:flex; flex-wrap: wrap; justify-content: center; }

@media all and (max-width: 999px) {
.left-panel { order:1; flex-basis:90%; padding:0 10px 10px 10px; }
.right-panel { order:2; flex-basis:100%; }
	.right-panel .last-tweet { margin:10px 40px 10px 40px; }	
}

@media all and (min-width: 1000px) {
.left-panel { order:1; flex-basis:40%; }
.right-panel { order:2; flex-basis:40%; }
.right-panel .last-tweet { margin:0 30px 0 10px; }
}

@media all and (min-width: 1200px) {
.left-panel { order:1; flex-basis:30%; }
.right-panel { order:2; flex-basis:30%; }
.right-panel .last-tweet { margin:0 30px 0 10px; }
}

	
.signupform .umbraco-forms-caption { font-size: 36px !important; line-height: 1em !important; font-weight:bold; color:#fff;}
.signupform .umbraco-forms-form legend { font-weight: normal; font-size: 1.0em; line-height: 1.5em; display: block; color:#fff; border-bottom:none; margin-bottom:-10px; }
.signupform label.umbraco-forms-label { font-weight: bold; display: none; background: transparent !important; color:#fff; }
.signupform .help-block { color:#fff; }
.signupform .umbraco-forms-field-wrapper { margin-bottom:15px; }
.signupform .checkbox { margin-bottom:30px; margin-top:-30px; }
.signupform input[type="submit"] { height: 60px; font-size: 18px; background: #c3d331; color: #fff; padding: 0 48px; outline: none; margin-right: -2px; }
.signupform .text { width:84%; padding-left:10px; }
.signupform .col-md-12 { margin-top:30px; }

/*--------------------------------- Homepage Sign Up Form End ------------------------------------*/
/*--------------------------------- Homepage Sign Up Form End ------------------------------------*/
/*--------------------------------- Homepage Sign Up Form End ------------------------------------*/
@media all and (min-width: 1200px) {
.nferDirectForSchoolsForm { background-color:#95569E; }
.nferDirectForSchoolsForm .umbraco-forms-caption { margin-left:15px; }
}
@media all and (max-width: 999px) {
.nferDirectForSchoolsForm { background-color:#95569E; }
.nferDirectForSchoolsForm .umbraco-forms-caption { margin-left:15px; }
}

@media all and (min-width: 650px) {
.wrapper .carousel-bootstrap .carousel-inner .carousel-caption p.caption-text { margin-left:60px; }
.wrapper .carousel-bootstrap .carousel-inner .carousel-caption p.caption-header { margin-left:60px; font-size:50px; }	
}
@media all and (max-width: 649px) {
.wrapper .carousel-bootstrap .carousel-inner .carousel-caption p.caption-text { margin-left:0px; }
}
@media all and (max-width: 1199px) {
.wrapper .carousel-bootstrap .carousel-inner .carousel-caption p.caption-header { height:auto; }
}

.backtoschool-form { min-width:600px; }

.biwfeedback .umbraco-forms-form .checkboxlist input, .umbraco-forms-form .radiobuttonlist input, .umbraco-forms-form .checkbox input { float:left; margin-top: -25px; }
.biwfeedback .umbraco-forms-form .checkboxlist input, .umbraco-forms-form .radiobuttonlist input, .umbraco-forms-form .checkbox label { margin-left: 30px; float:none; }
.umbraco-forms-form .checkboxlist label { float:none; }


@media ( max-width: 659px ) {
    .flex-latest-item {
      background-color:#484848; color:white; margin:20px auto 0px auto; text-align:center;  
    }

}
@media ( min-width: 660px ) {
    .flex-latest-item {
    display:inline-block; width:calc(49% - 4px); background-color:#484848; color:white; margin-top:20px; text-align:center;  
    }
}
@media ( min-width: 1200px ) {
    .flex-latest-item {
    display:inline-block; width:calc(24% - 7px); background-color:#484848; color:white; margin-top:20px; text-align:center;  
    }
}

@media ( max-width: 659px ) {
    .flex-link-item {
      boder-color:#484848; border-style:solid; border-width:1px; color:#484848; margin:20px auto 0px auto; text-align:center;  
    }

}
@media ( min-width: 660px ) {
    .flex-link-item {
    display:inline-block; width:calc(49% - 4px); boder-color:#484848; border-style:solid; border-width:1px; color:#484848; margin-top:20px; text-align:center;  
    }
}
@media ( min-width: 1200px ) {
    .flex-link-item {
    display:inline-block; width:calc(24% - 7px); boder-color:#484848; border-style:solid; border-width:1px; color:#484848; margin-top:20px; text-align:center;  
    }
}