.wrapper-contained{
	clear: both;
    margin: 0 auto;
    position: relative;
    text-align: left;
    max-width: 1240px;
    width: 100%;
}
.wrapper{
	clear: both;
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 100%;
}



/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}


/* Colours 


*/
.c-blue{
	color: #0f4b91;
}
.c-tan{
	color: #af7f65;
}
.c-lighttan{
	color: #ede2d9; 
}
.c-white{
	color: @fff;
}
.bg-lighttan{
	background-color: #ede2d9; 
}

blockquote em{
	color: #0f4b91;
	font-style: normal;
	font-weight: bold;

}


.product-thumb{
	float: left;
	width: 202px;
	padding: 0;
	margin: 0 1.5em 1.5em 0;
	text-align: center;
}


/*

Typography 

*/

body {
	color: #000;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5;
	
}


/*@media (min-width: 1440px) {
	body{
		font-size: 112.5%;
		line-height: 1.5;
	}
}*/

p,h1,h2,h3{ padding-bottom: 1.25em }

a{
	color: #0f4b91;
	text-decoration: none;
}


h1{
	/*font-size: 1.75em;
	line-height: 1.25em;*/
    font-size: 2em;
    line-height: 1.5em;
}
h2{
	font-size: 1.5em;
	line-height: 1.25em;
}
h3{
	font-size: 1.125em;
	line-height: 1.25em;
}

/* 

Block quote 

*/

blockquote{
	background: white;
	border-radius: 1em; 
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border: 0px solid #fff;
	margin: 1em .5em;
	padding: 1em;

}
cite{
	padding-top: 1em;
	text-decoration: none;
	font-style: normal;
}
/* 
Site Logo

*/

.site-logo{
    padding-bottom: 1.5em;
    display: block;
}

/* 
  Callout

*/

.box-callout{
	background: #af7f65;
	color: #fff;
	font-weight: bold;
	float: left;
	padding: 1em;
	margin: 0 1em 1em 0;
    font-size: 1.5em;
    max-width: 260px;
}
.box-callout.right{
    float: right;
    margin: 0 0 1em 1em;
}

/*

Video

*/
.video{
	clear: both;
	margin-bottom: 1.5em;
	width: 100%;
}



/*
 Layout and spacing 

 */
.pad-h-s{
    padding-left: 2%;
    padding-right: 2%;
}
.pad-hr-s{
    padding-right: 2%;
}
.pad-hl-s{
    padding-left: 2%;
}
.pad-before {
    padding-top: 1.5em;
}
.pad-after {
    padding-bottom: 1.5em;
}
.space-after {
    margin-bottom: 1.5em;
}
.space-before {
    margin-top:  1.5em;
}
.t-a-c{
    text-align: center;
}
.t-a-r{
    text-align: right;
}


@media (min-width: 1024px){
	.large-50{
		width: 50%;
	}
    .large-80{
        width: 80%;
    }
}



/*

Image positioning 

*/


.image{
  clear: both;
  padding: 0 0 1em 0;
  /* Caption */
  color: #000;
  font-size: .875em;
  font-style: italic;
  text-align: center;
}
/*.image img{
    height: auto  !important;
    width: 100% !important;
}*/
.image.left{
	float: left;
    padding-right: 1em;
  }
.image.right{
	float: right;
	padding-left: 1em;
}



.image-responsive{
  height: auto;
  width: 100%;
}


/* 

Buttons

*/
button { 
    border: 0; 
    line-height: 1.5em;
    padding: 0;
    position: relative;
    cursor: pointer;
    overflow: visible; /* removes extra side padding in IE */
}

.btn {
  display: inline-block;
  *display: inline;
  padding: .5em 1em .5em 1em;
  margin-bottom: 1.5em;
  *margin-left: .3em;
  margin-right: 1px;
  font-weight: 600;
  color: @cWhite;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.btn-blue{
  background: #0f4b91;
  color: #fff!important;
}
.btn-blue:hover,.btn-blue:focus{
	background: #000;
}
.btn-tan{
  background: #af7f65;
  color: #fff!important;
}
.btn-tan:hover,.btn-tan:focus{
	background: #b06840;
}

/* 

Form 

*/

form{
    line-height: 1.5em;
}
form label{
        display: block;
        padding-top:0.5em;
        font-weight:700;
    }
    form select, form input, form textarea,  form input[type="file"] {
        background: #e5e5e5;
        border:1px solid #ccc;
        /*height:3em;*/
        padding: 0.5em;
    }
    form input:focus, form textarea:focus, form select:focus{
        outline: 0;
        border-color: #0f4b91;
    }
    textarea{
        height:8em;
        padding-top:0.5em;
    }
    input[type="submit"],textarea,input[type="text"]{
        -webkit-appearance: none;
        border-radius: 0;
    }
    .form-control{
        width:74%;
    }


/* Input field widths */
.fld-25, .fld-33, .fld-50, .fld-66, .fld-75, .fld-100{
    width:100%;
}
.label-plain{
    color: @000;
    display: inline;
    font-weight: normal;
}

.error{
    color: red;
}




/*

Flag icon

*/

.flag{
    padding-right: 2%;
    vertical-align: text-bottom;
}
 a.flag{
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
 a.flag:hover,  a.flag:focus{
    color: #0f4b91;
}


/* 

Flexbox helper functions 

*/
.displayflex{
    display: -webkit-flex;
    display : -ms-flexbox;
    -js-display: flex;
    display : flex;
}
.flexwrap{
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex-justify-space-between{
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.flex-justify-space-around{
    -webkit-justify-content: space-around;
    -ms-flex-pack: justify;
    justify-content: space-around;
}
.flex-align-center{
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex-align-start{
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; 
}
.flex-align-end{
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end; 
}
.flex-justify-center{
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.flex-justify-end{
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
}

.flex-align-stretch{
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.flex-align-content-stretch{
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}
.flex-align-self-center{
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.flex-direction-row{
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.flex-direction-column{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex-direction-row-reverse{
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.flex-direction-column-reverse{
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}