@charset "UTF-8";

/* !Fonts */
/* ----------------------------------------------- */

@font-face {
	font-family: "cfx";
	src:url("../fonts/cfx.eot");
	src:url("../fonts/cfx.eot?#iefix") format("embedded-opentype"),
		url("../fonts/cfx.woff") format("woff"),
		url("../fonts/cfx.ttf") format("truetype"),
		url("../fonts/cfx.svg#cfx") format("svg");
	font-weight: normal;
	font-style: normal;
}


/* !Icons */
/* ----------------------------------------------- */

[data-icon]:before {
	font-family: "cfx" !important;
	content: attr(data-icon);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "cfx" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*
.icon-tea:before {
	content: "\36";
}

.icon-debit-card:before {
	content: "\37";
}

.icon-add-circular:before {
	content: "\2b";
}

.icon-check-circular:before {
	content: "\5e";
}

.icon-cross-circular:before {
	content: "\78";
}

.icon-minus-circular:before {
	content: "\2d";
}

.icon-quick-time:before {
	content: "\32";
}

.icon-time:before {
	content: "\33";
}

.icon-delivery:before {
	content: "\30";
}

.icon-dropoff:before {
	content: "\31";
}

.icon-big-ben:before {
	content: "\61";
}

.icon-london-eye:before {
	content: "\62";
}

.icon-tower-bridge:before {
	content: "\63";
}

.icon-tower-of-london:before {
	content: "\64";
}

.icon-gift:before {
	content: "\67";
}

.icon-cards:before {
	content: "\65";
}
*/

.icon-big-ben:before {
  content: "\61";
}
.icon-cards:before {
  content: "\62";
}
.icon-delivery:before {
  content: "\63";
}
.icon-delivery-time:before {
  content: "\64";
}
.icon-family-fill:before {
  content: "\65";
}
.icon-family-semi:before {
  content: "\66";
}
.icon-security:before {
  content: "\67";
}
.icon-gift:before {
  content: "\68";
}
.icon-tea:before {
  content: "\69";
}
.icon-family:before {
  content: "\6a";
}
.icon-family-outline:before {
  content: "\6b";
}

/* !Static Icons */
/* ----------------------------------------------- */

.ico-box {
	width: 100px;
	height: 100px;
}

.ico-box.small {
	width: 50px;
	height: 50px;
	background-size: 150% 150%;
}

.cards-b,
.cards-lb,
.cards-w,
.deliver-b,
.deliver-lb, 
.deliver-w,
.gift-b,
.gift-lb,
.gift-w,
.london-b, 
.london-lb,
.london-w,
.quick-b,
.quick-lb,
.quick-w, 
.tea-b,
.tea-lb,
.tea-w {
	display: inline-block;
	background: url('../img/ico.png') no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	text-align: left;
	width: 100px;
	height: 100px;
}

.cards-b.small,
.cards-lb.small,
.cards-w.small,
.deliver-b.small,
.deliver-lb.small, 
.deliver-w.small,
.gift-b.small,
.gift-lb.small,
.gift-w.small,
.london-b.small, 
.london-lb.small,
.london-w.small,
.quick-b.small,
.quick-lb.small,
.quick-w.small, 
.tea-b.small,
.tea-lb.small,
.tea-w.small {
	width: 50px;
	height: 50px;
}
 
.cards-b {
	background-position: -0px -0px;
}

.cards-lb {
	background-position: -100px -0px;
}

.cards-w {
	background-position: -200px -0px;
}

.deliver-b {
	background-position: -300px -0px;
}

.deliver-lb {
	background-position: -0px -100px;
}

.deliver-lb.small {
	background-position: -0px -50px;
}

.deliver-w {
	background-position: -100px -100px;
}

.gift-b {
	background-position: -200px -100px;
}

.gift-lb {
	background-position: -300px -100px;
}

.gift-w {
	background-position: -0px -200px;
}

.london-b {
	background-position: -100px -200px;
}

.london-lb {
	background-position: -200px -200px;
}

.london-w {
	background-position: -300px -200px;
}

.quick-b {
	background-position: -0px -300px;
}

.quick-lb {
	background-position: -100px -300px;
}

.quick-w {
	background-position: -200px -300px;
}

.tea-b {
	background-position: -300px -300px;
}

.tea-lb {
	background-position: -0px -400px;
}

.tea-w {
	background-position: -100px -400px;
}

/* !Global */
/* ----------------------------------------------- */

body {
	font-family: 'Roboto', sans-serif;
	font-size: 1.45em;
	overflow-x: hidden;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: 200;
	color: #000;
}

a {
    color: #024385;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #337ab7;
    text-decoration: underline;
}

span.highlight {
	color: #024385;
}

.clearfix {
	clear: both;
}

.col-center {
	float: none;
	margin-left: auto;
	margin-right: auto;
}

.jumbotron {
	background-color: #f7fbff;
}

.jumbotron h1 {
	color: #024385;
	font-weight: 200;
}

.jumbotron h3 {
    font-size: 1.66em;
    font-weight: 300;
    white-space: nowrap;
}

.jumbotron .info-box p {
	font-size: 1.3em;
	color: #000;
	font-weight: 200;
}

.header-notice {
	display:block; 
	clear:both; 
	bottom:-56px; 
	right:0px; 
	text-align:right
}

span.phone-number:hover > i {
	-webkit-animation: ring 3s ease infinite;
	animation: ring 3s ease infinite;
	transform-origin-x: 50%;
	transform-origin-y: 0;
	transform-origin-z: initial;
}

.form-stretch {
	display: table;
	width: 100%;
}

.form-stretch > label {
	display: table-cell;
	width: 14%;
}

.form-stretch > span {
	display: table-cell;
	width: 100%;
	padding: 0 10px;
}

.form-stretch > span > input {
	width: 100%;
}

.date-control {
	position: relative;
}

.date-control:focus + span {
	display: none;
}

.date-icon {
	display: block;
	width: 23px !important;
	height: 23px;
	background: url(../img/date-icon.png) no-repeat;
	position: absolute;
	right: 13px;
	top: 13px;
	cursor: pointer;
	z-index: 20;
}

input + a.passmask {
	position: absolute;
	right: 25px;
	top: 15px;
	z-index: 10;
	cursor: pointer;
	display: inline-block;

	opacity: 0;
	transition: opacity .4s ease;
}

input:focus + a.passmask {
	opacity: 1;
}

/* Small Devices */
@media (max-width:992px){

	.jumbotron h1 {
		font-size: 3.5em;
		text-align: center;
	}

	.jumbotron h3 {
		font-size: 1.7em;
	}
}

/* Extra Small Devices */
@media (max-width:767px){

	.jumbotron h1 {
		font-size: 2.4em;
		padding: 0;
	}

	.jumbotron h3 {
		display: none;
	}
}

@media (max-width:399px){

	.jumbotron h1 {
		font-size: 2.1em;
	}

	.jumbotron > .container {
		padding-left: 0;
		padding-right: 0;
	}

	.jumbotron > .container > .info-box {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
}

@media (max-width:379px){

	.jumbotron {
		font-weight: 300;
	}

	.jumbotron h1 {
		font-size: 1.9em;
		font-weight: inherit;
	}

	.jumbotron .info-box p {
		font-size: 1.1em;
		font-weight: inherit;
	}

	.jumbotron > .container > .info-box > .btn-lg {
		width: 100%;
		min-width: 100%;
	}
}

/* !Controls */
/* ----------------------------------------------- */

.btn-default {
	color: #1f5893;
	border-color: #1f5893;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;

	font-size: 0.8em !important;
	transition: background-color .4s ease;
}

.btn-primary {
    background-color: #024385;
    border-color: #024385;
    color: #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.btn-primary:hover {
	border-color: #f9e000;
	background-color: #f9e000;
	color: #000;
}

.btn-primary:focus,
.btn-primary.focus {
	background-color: #f9cd00 !important;
	color: #000 !important;
}

.btn {
    text-transform: uppercase;
    font-size: 1.5em;
    font-size: 15px;
    font-weight: 500;
}

a.btn-lg {
	height: 60px;
	line-height: 40px;
	min-width: 271px;
}

.form-control {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.form-control:focus {
	/*
	border-color: #024385;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(2, 67, 133, 0.6);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(2, 67, 133, 0.6);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(2, 67, 133, 0.6);
	*/
	
	border-color: #f9e000;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(249, 224, 0, 0.6);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(249, 224, 0, 0.6);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(249, 224, 0, 0.6);
}

/* Tiny Devices */
@media (max-width:379px){

	a.btn-lg {
		min-width: 100%;
	}
}

@media (max-width: 767px){
  .navbar-default {
    height: 80px!important;
  }
}

/* !Navigation */
/* ----------------------------------------------- */

.navbar {
	margin: 0;
}

#navbar {
	padding-right: 0;
}

div.homepage,
div.homepage .navbar-default {
	background: #f9fcff;
}

.navbar-default {
	height: 105px;
	background-color: #fff;
	border-color: transparent;
	padding-top: 30px;
}

.navbar-default > .container {
	padding: 0;
}

.navbar-brand {
	display: block;
	width: 285px;
	height: 50px;
	padding: 0;
}

.navbar-left {
	background-color: #fff;
	margin-left: 53px;
	position: relative;
	z-index: 99;
}

#navbar.navbar-collapse.in .navbar-left,
#navbar.navbar-collapse.collapsing .navbar-left {
	margin: 10px;
	-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.35);
	-moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.35);
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.35);
}

div.homepage nav.navbar.navbar-default div.container div#navbar .navbar-left {
	background-color: #f9fcff;
}

.navbar-left > a:active,
.navbar-left > a:hover {
	background-color: #edf1f5;
}

.navbar-left li {
	margin: 0;
	/*border-bottom: 1px solid;*/
	/*border-color: transparent;*/
	background-color: transparent;
	transition: background-color .5s ease;
}

.navbar-left li:hover {
	background-color: #edf1f5;
}

.navbar-left li:after {
	content: '';
	display: block;
	margin: auto;
	height: 3px;
	width: 0;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}

.navbar-left li.active:after {
	width: 100%;
}

.navbar-left li:hover:after {
	width: 100%;
	background: #024385;
}

.navbar-left li.active:after {
	background: #f9e000;
}

/*
.navbar-left li:hover {
	border-color: #024385;
	background-color: #edf1f5;
}

.navbar-left li.active {
	border-color: #f9e000;
}
*/

.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
	margin: 0;
}

#navbar .navbar-nav > .active > a,
#navbar .navbar-nav > .active > a:focus,
#navbar .navbar-nav > .active > a:hover {
	background-color: transparent;
	color: #000;
}

#navbar .navbar-nav > li > a {
    color: #000;
}

.nav-info {
	display: inline-block;
	margin: 0;
	padding-right: 0;
}

.nav-info > span.phone-number {
	font-size: 1.3em;
	font-weight: 300;
	line-height: 0.6em;
	letter-spacing: 0;
	padding: 4px 0 0 4px;
	float: right;
	text-align: right;
}

.nav-info > span.phone-number > i {
	font-size: 1.34em;
	color: #86898b;
	padding-top: 8px;
    /*-webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);*/
}

.nav-info > span.phone-number > span {
	color: #024385;
	font-size: 18px;
	line-height: 20px;
	font-size: 1.25em;
	line-height: 0.6em;
	letter-spacing: 0;
	padding: 12px 0 0 4px;
	float: right;
	text-align: right;
}

#navbar .navbar-nav > li > a {
	display: block;
	text-transform: uppercase;
	font-size: 1.25em;
	letter-spacing: 0;
	font-weight: 300;
	color: #000;
}

.navbar-toggle {
	margin-top: 4px;
}

.nav-info-left {
	font-size: 1.2em;
	margin-top: -5px;
	padding-right: 15px;
	float: right;
}

@media (max-width:1199px){

	.nav > li > a {
		padding-left: 10px;
		padding-right: 10px;
	}

	.navbar-left {
		margin-left: 10px;
	}

	#navbar .navbar-nav > li > a {
		font-size: 1.05em;
	}

	.nav-info > span.phone-number {
		font-size: 1.1em;
		padding-top: 7px;
	}
}

@media (min-width:993px){

	.navbar-left {
		margin-top: 0;
	}
}

@media (max-width:992px){

	.nav > li > a {
		padding-left: 7px;
		padding-right: 7px;
	}

	.navbar-brand {
		width: 260px;
		height: 43px;
	}

	#navbar {
		padding-right: 0;
	}

	.navbar-left {
		margin-top: -5px;
	}
}

@media (max-width:767px){
	.navbar-default > .container {
		padding-left: 5px;
	}
}

@media (max-width:640px){

	.navbar-brand {
		width: 194px;
		height: 35px;
	}

	.nav-info-left {
		font-size: 1.05em !important;
		margin-top: -5px;
	}

	.nav-info-left span.phone-number {
		font-size: 1.06em;
		padding-top: 3px;
	}

	.navbar-toggle {
		margin-top: -2px;
	}
}

@media (max-width:479px){

	.nav-info-left {
		display: none;
	}
}

@media (max-width:299px){

	nav.navbar .container {
		padding-left: 10px;
		padding-right: 10px;
	}

	.container-fluid > .navbar-collapse,
	.container-fluid > .navbar-header,
	.container > .navbar-collapse,
	.container > .navbar-header {	
		margin-right: -25px;
		margin-left: -20px;
	}

	.navbar-toggle {		
		padding: 7px 8px;
	}

	.navbar-toggle .icon-bar {
		width: 15px;
	}
}

/* !Generic Content */
/* ----------------------------------------------- */

#content {
	margin-top: 28px;
	margin-bottom: 79px;
}

#content > div > h2 {
	margin-bottom: 52px;
}

#content form {
	float: none;
}

#content .form-btns {
	margin-top: 57px;
}

#content .form-btns .btn-lg {
	width: 240px;
	height: 60px;
}

#content form .form-group {
	background: #f5f5f5;
	padding: 8px 16px;
	text-align: left;
	margin-bottom: 8px;
}

/*
#content form .form-group.has-error {
	background: #ffc8c9;
}

#content form .form-group.has-success {
	background: #c8ffc9;
}
*/

#content form .form-group > div > label {
	text-align: left;
	font-size: 1.1em;
	line-height: 34px;
	font-weight: 400;
	vertical-align: middle;
}

#content form .form-group > div {
	padding: 0;
	height: 34px;
}

#content .form-links {
	font-size: 1.2em;
	margin-top: 32px;
}

@media (max-width:767px){

	#content {
		margin-top: 0;
		margin-bottom: 100px;
		padding: 0;
	}
	
	#content h2 {
		font-size: 1.9em;
		margin-bottom: 20px;
	}

	#content form {
		padding: 0;
	}


	#content form .form-group {
		padding-left: 8px;
		padding-right: 8px;
	}

	#content form .form-group > div + div {
		margin-left: 8px;
	}

	#content form .form-group > div > label {
		font-size: 0.9em;
	}

	#content .form-btns .btn-lg {
		width: 210px;
		height: 50px;
	}

	#content .form-links {
		font-size: 1.0em;
	}
}

/* !Breadcrumbs */
/* ----------------------------------------------- */

.breadcrumb-container {
	padding: 0;
	height: 55px;
	margin-top: 40px;
	overflow: hidden;
}

#breadcrumbs {
	padding: 0;
	margin-top: 2px;
}

#breadcrumbs ol,
#breadcrumbs ul {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
	/* margin-left: 26px;*/
	display: block;

}
#breadcrumbs ol > li {
    position:relative; /* Create a positioning context */
    /*margin:0 0 6px 2em;*/ /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
    /*border-top:2px solid #666;*/
    background:#f6f6f6;
    height:52px;

	background: #ffffff;
	/*border: 1px solid transparent;*/
	padding: 0;
	border-left: none;
	border-right: none;
}

#breadcrumbs ol > li.active {
	/*border-color: #024385;*/
}

#breadcrumbs ol > li > span {
	/*border: 1px solid black;
	border-left: none;
	border-right: none;*/
}

#breadcrumbs ol > li.active > span {
	background: #024385;
	color: #fff;
	border-color: #024385;
}
#breadcrumbs ol > li.active:before {
	color: #fff;
}

#breadcrumbs ol > li:first-child span {
	border-left: 1px solid #9b9b9b;
}

#breadcrumbs ol > li:last-child {
	width: 31%;
}
#breadcrumbs ol > li:before {
    content:counter(li) ". "; /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    z-index: 11;
    top:0px;
    /*left:-2em;*/
    left: 100px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    /*width:2em;*/
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    /*padding:4px;*/
    /*border-top:2px solid #666;*/
    color:#9b9b9b;
    /*text-align: center;*/
    line-height: 52px;
    font-size: 1.3em;

    font-weight: 500;
}

#breadcrumbs li ol,
#breadcrumbs li ul {
	margin-top:6px;
}

#breadcrumbs ol ol li:last-child {
	margin-bottom:0;
}

#breadcrumbs ol > li > span {
	position: relative;
	display: inline-block;
	/*width: 97%;*/
	width: 100%;
	height: 52px;
	margin-top: -1px;
	background: transparent;
	/*text-indent: 22px;
	text-align: center;*/
	font-size: 1.3em;
	line-height: 52px;

	color: #9b9b9b;
    font-family:"Roboto", sans-serif;
    text-transform: uppercase;
    text-indent: 120px;
    font-weight: 500;
    border-width: 1px;
    border-style: solid;
    /*border: 1px solid #9b9b9b;*/
    border-color: #cdcdcd;
    border-left: none;
    border-right: none;

    white-space: nowrap;

    user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}

#breadcrumbs ol > li > span:after,
#breadcrumbs ol > li > span:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	z-index: 10;
}

#breadcrumbs ol > li:last-child > span:after,
#breadcrumbs ol > li:last-child > span:before {
	/*left: 103%;*/
	left: 100%;
}

#breadcrumbs ol > li > span:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 25px;
	margin-top: -25px;
}

#breadcrumbs ol > li > span:before {
	border-color: rgba(155, 155, 155, 0);
	border-left-color: #cdcdcd;
	border-width: 26px;
	margin-top: -26px;
}

#breadcrumbs ol > li.active > span:after {
	border-color: rgba(255, 0, 0, 0);
	border-left-color: #024385;
}

/* Medium Devices */
@media (max-width:1199px){

	#breadcrumbs ol > li:before {
		left: 90px;
	}

	#breadcrumbs ol > li > span {
		text-indent: 110px;
	}

	#breadcrumbs ol > li:last-child {
	    width: 30.5%;
	}
}

/* Small Devices */
@media (max-width:992px){

	#breadcrumbs ol > li {
		font-size: 0.9em;
	}

	#breadcrumbs ol > li:before {
		left: 50px;
	}

	#breadcrumbs ol > li > span {
		text-indent: 70px;
	}

	#breadcrumbs ol > li:last-child {
	    width: 30%;
	}
}

/* Extra Small Devices */
@media (max-width:767px){

	.breadcrumbs-container {
		margin-top: 10px;
	}

	#breadcrumbs {
		/*margin-top: 10px;*/
	}

	#breadcrumbs ol > li {
		font-size: 0.8em;
		/*height: 40px;*/
	}

	#breadcrumbs ol > li:first-child:before {
		left: 20px;
	}

	#breadcrumbs ol > li:first-child > span {
		text-indent: 40px;
	}

	#breadcrumbs ol > li:last-child {
	    width: 32%;
	}

	#breadcrumbs ol > li:before {
		left: 40px;
	}

	#breadcrumbs ol > li > span {
		text-indent: 60px;
	}

	#breadcrumbs ol,
	#breadcrumbs ul {
		margin-left: 10px;
		margin-right: 26px;
	}
}

@media (max-width:640px){

	.breadcrumb-container {
		height: 43px;
	}

	#breadcrumbs ol,
	#breadcrumbs ul {
		margin-right: 27px;
	}

	#breadcrumbs ol > li {
		height: 40px;
	}
}


@media (max-width:639px){

	div.breadcrumb-container {
		overflow: hidden;
	}

	#breadcrumbs ol > li {
		font-size: 0.75em;
	}

	#breadcrumbs ol > li {
		width: 20% !important;
	}

	#breadcrumbs ol > li:before,
	#breadcrumbs ol > li:first-child:before {
		content:counter(li);
		top: -6px;
		font-weight: 700;
		left: 50%;
	}

	#breadcrumbs ol > li.active:before {
		/*left: 40px;*/
		left: 20%;
		content:counter(li) ". ";
	}

	#breadcrumbs ol > li.active:first-child:before {
		/*left: 20px;*/
		left: 20%;
	}

	#breadcrumbs ol > li:first-child > span {
		text-indent: 30%;
	}

	#breadcrumbs ol > li > span {
		color: #fff;
		font-weight: 700;
		line-height: 40px;
		height: 40px;
		letter-spacing: 0;
		text-indent: 30%;
	}

	#breadcrumbs ol > li.active {
		width: 59% !important;
	}

	#breadcrumbs ol > li > span:after {
		border-width: 19px;
		margin-top: -19px;
	}

	#breadcrumbs ol > li > span:before {
		border-width: 20px;
		margin-top: -20px;
	}
}

@media (max-width:479px){

	#breadcrumbs ol,
	#breadcrumbs ul {
		margin-right: 32px;
	}
/*
	#breadcrumbs ol > li.active:before {
		left: 20%;
	}

	#breadcrumbs ol > li.active:first-child:before {
		left: 20%;
	}

	#breadcrumbs ol > li.active > span {
		text-indent: 30%;
	}
*/
}

@media (max-width:299px){

	#breadcrumbs ol,
	#breadcrumbs ul {
		margin-right: 36px;
	}
}

/* !Transaction Form */
/* ----------------------------------------------- */

.action-box {
	width: 345px;
	background: #fff;
	border: 1px solid #e6edf5;
	-webkit-box-shadow: 0 0 6px 0 rgba(230,237,245,1);
	-moz-box-shadow: 0 0 6px 0 rgba(230,237,245,1);
	box-shadow: 0 0 6px 0 rgba(230,237,245,1);
}

.action-box .action-arrow {
	width: 49px;
	height: 111px;
	position: absolute;
	right: -55px;
	top: 100px;
	/*background-image: url(../img/right-arrow.png);*/
	background-image: url(../img/arrows.png);
	background-position: -0px -72px;
	background-repeat: no-repeat;
}

form.transact {
	width: 100%;
	display: inline-block;
	font-size: 1em;
	background: #fff;

	opacity: 0;
	transition: opacity .4s ease;
}

form.transact.show {

	opacity: 1;
	min-height: 285px;
}

form.transact label {
	display: block;
	text-align: center;
	font-size: 1.25em;
	font-weight: 300;
	letter-spacing: 1px;
	color: #000;
}

form.transact div.currency-input {
	width: 90%;
	margin-top: 20px !important;
	margin: 0 auto;
}

form.transact div.currency-input select {
	/*width: 100%;*/
}

/* default */
form.transact div.currency-input > .select2-container--default .select2-selection--multiple {
	/*border-color: transparent;
	border-radius: 0;
	-o-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;*/
	font-size: 1.2em;
}

form.transact div.currency-input > .select2-container {
	/*position: relative;*/
}

form.transact div.currency-input > .select2-container:before {
   content: "\f107";
   top: 3px;
   right: 10px;
   font-size: 32px;
}

form.transact div.currency-input:hover > .select2-container:before {
	/*color: #024385;*/
}

form.transact div.currency-input >  .select2-container.select2-container--open:before {
/*
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg); 
    -o-transform:rotate(180deg);
    */
}

form.transact div.currency-input > .select2-container--default .select2-selection--multiple {
	border-color: #ddd;
}

/* hover */
form.transact div.currency-input > .select2-container--default .select2-selection--multiple:hover {
	border-color: #ddd;
	background-color: #f4f4f4;
}

/* opened */
form.transact div.currency-input > .select2-container--default.select2-container--open/*.select2-container--below*/ .select2-selection--multiple {
	border-color: #dedede;
	background-color: #f4f4f4;
}

form.transact div.currency-input > .select2-container--default.select2-container--open/*.select2-container--below*/ .select2-selection__choice {
	/*display: none;*/
}

/* selected value when cleared */
form.transact div.currency-input > .select2-container--default.select2-container--open/*.select2-container--below*/ .select2-selection--multiple .select2-selection__choice {
	/*display: none;*/
}

/* selected value ul container */
form.transact div.currency-input > .select2-container--default .select2-selection--multiple .select2-selection__rendered {
	text-align: center;
}

/* selected value */

form.transact div.currency-input > .select2-container--default .select2-selection--multiple .select2-selection__choice {
	/*border-width: 0;
	background: none !important;
	display: inline-block;
	float: none !important;
	margin-left: auto;
	margin-right: auto;*/
}

/* search box */
form.transact div.currency-input > .select2-container .select2-search--inline {
	/*top: 0;
	position: absolute;*/
}

/* tag x box */
form.transact div.currency-input > .select2-container .select2-selection__choice__remove {
	display: none;
}

/* dropdown results */
/*.select2-results {
	font-size: 1.2em;
	background:#efefef;
}*/

/* height styling */
form.transact div.currency-input > .select2-container--default .select2-selection--multiple {
	height: 50px;
}

form.transact div.currency-input > .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
	line-height: 48px;
	margin-top: 0;
}

form.transact div.currency-input > .select2-container .select2-search--inline {
	/*top: -4px;*/
}

form.transact div.currency {
	width: 90% !important;
	margin: 0 auto;
	margin-top: 28px;
	font-size: 0.5em;
	font-weight: 300;
	text-align: center;
}

/* Rate display - Grant */
.action-box.show-rate .currency-rate {
	transition: height 0.6s ease, margin-top 0.6s ease;
	height:57px;
	margin-top: 16px;
}


.action-box .currency-rate {
	height:57px;
	margin-top: 16px;
    background: #024385;
    text-align: center;
    font-size: 2.8em;
    font-weight: 300;
    letter-spacing: -3px;
    color: #fff;
	overflow:hidden;
}

form.transact > label {
	margin-top: 25px;
}

form.transact .amount-labels {
	margin-top: 20px;
}

form.transact .amount-labels label {
	display: block;
	text-align: center;
	margin-left: 0 auto;
	font-size: 1.1em;
	font-weight: 300;
	letter-spacing: 1px;
	color: #000;
}

form.transact .amount-inputs .form-group {
	padding: 0;
	position: relative;
	border: 2px solid #ffffff;
	border-width: 2px;
	border-top: 0;
	border-bottom: 0;
	border-right: 0;
	border-left: 0;
	height: 64px;
	background-color: #f9e000;
}

form.transact .amount-inputs .form-group:last-child:after,
form.transact .amount-inputs .form-group:last-child:before {
	top: 50%;
	left: -10%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

form.transact .amount-inputs .form-group:last-child:after {
	border-color: rgba(249, 224, 0, 0);
	border-left-color: #f9e000;
	border-width: 32px;
	margin-top: -33px;
}

form.transact .amount-inputs .form-group:last-child:before {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 35px;
	margin-top: -36px;
}

form.transact .amount-inputs .form-group > input {
	height: 64px;
	background-color: #f9e000;
	border-color: #f9e000;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;

	text-align: center;
	font-size: 2.8em;
	font-weight: 300;
	letter-spacing: -3px;
	color: #000;
}

form.transact .delivery-inputs {
	margin: 0 auto;
	width: 50%;
	z-index: 11;
	background: #fff;
	width: 176px;
}

form.transact div.delivery-inputs div.form-group label {
	display: inline;
	color: #000;
	font-size: 1.06em;
	white-space: nowrap;
}

form.transact .delivery-inputs input {
	display: none;
}

form.transact .delivery-inputs input + label {
    -webkit-appearance: none;
    display: block !important;
    width: 18px;
    height: 18px;
    background: url(../img/radio-off.png) no-repeat;
    float: left;
    position: relative;
    z-index: 11;
}

form.transact .delivery-inputs .form-group {
	margin: 0;
	margin-bottom: 10px;
	clear: both;
	height: 18px;
	position: relative;
	z-index: 11;
	background:#fff;
}

form.transact .delivery-inputs input + label + label {
	display: block !important;
	line-height: 18px;
	padding-left: 20px;
	text-align: left;
	float: left;
	clear: right;
	position: relative;
	z-index: 11;
	background: #fff;
	width: 158px;
}

form.transact .delivery-inputs input:checked + label {
    background: url(../img/radio-on.png) no-repeat;
}

form.transact div.line {
    border-bottom: 1px solid #85a5c6;
    width: 0;
    height: 3px;
    position: absolute;
    top: 6px;
    left:-1px;
    opacity: 0;
    z-index: 10;

	        transition: width 0.3s;
	        transition: left 0.6s;
	-webkit-transition: width 0.3s;
	-webkit-transition: left 0.6s;
       -moz-transition: width 0.3s;
       -moz-transition: left 0.6s;
	     -o-transition: width 0.3s;
	     -o-transition: left 0.6s;
}

form.transact .delivery-inputs input:checked + label + label + div.line {
    opacity: 1;
    width: 158px;
    left: -158px;
}

form.transact .btn-lg {
	margin-top: 20px;
	width: 100%;
	min-height: 60px;
}

/* Extra Small Devices */
@media (max-width:767px){

	form.transact .amount-inputs .form-group > input {
		font-size: 2.4em;
	}
}

/* Tiny Devices */
@media (max-width:379px){

	form.transact .amount-labels label {
		font-size: 0.9em;
		letter-spacing: 0;
	}

	form.transact .amount-inputs .form-group > input {
		font-size: 2.1em;
	}
}

/* !Buy Currency */
/* ----------------------------------------------- */

#buy-currency {
	background-color: #f9fcff;
	padding: 81px 25px 20px;
}

#buy-currency .container {
	padding: 0;
}

#buy-currency .wrapper {
	padding: 0;
	position: relative;
}

#buy-currency h1 {
	font-size: 63px;
	font-weight: 200;
	margin: 20px 0 10px 0;
}

#buy-currency .action-box {
	width: 355px;
	position: absolute;
	right: 0;
}

#action-info ul {
	padding: 0;
	margin: 88px 0 0 0;
}

#action-info ul li {
	list-style-type: none;
	margin: 0 0 30px 0;
	padding: 0;
}

#action-info .icon-box {
	width: 100px;
	height: 100px;
	float: left;
	margin: 0 25px;
	font-size: 100px;
	line-height:100px;
}

#action-info .info-box {
	height: 100px;
	margin: 15px 0 0 15px;
	background: #f9fcff;
}

#action-info .info-box h3 {
	color: #024385;
	font-weight: 300;
	letter-spacing: 0;
	margin: 0;
	padding-bottom: 6px;
}

#action-info .info-box p {
	font-size: 1.3em;
	color: #000;
	font-weight: 300;
}

/* Small Devices */
@media (max-width:992px){

	#buy-currency {
		padding-top: 26px;
	}

	#buy-currency h1 {
		text-align: center;
		font-size: 56px;
		margin-bottom: 41px;
	}

	#buy-currency .action-box {
		position: relative;
		float: none;
		margin: 0 auto;
	}

	#buy-currency .line {
		display: none;
	}
}

/* Extra Small Devices */
@media (max-width:767px){

	#buy-currency {
		padding-left: 0!important;
		padding-right: 0!important;
	}

	#buy-currency h1 {
		display: none;
	}

	#buy-currency .action-arrow {
		display: none;
	}

	#buy-currency .action-box {
		width: 320px;
	}
}

/* Tiny */
@media (max-width:379px){
	
	/*#buy-currency*/ div.action-box {

		border-color: #fff;
		        box-shadow: none;
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
		     -o-box-shadow: none;
	}

	/*#buy-currency*/ div.action-wrapper {
		padding: 0;
	}

	/*#buy-currency*/ .action-box {
		width: 100% !important;
	}
}

/* !Register Now */
/* ----------------------------------------------- */

#register-now {
	margin-bottom: 76px;
	padding: 0;
}

#register-now h2 {
	text-align: center;
}

#register-now > a h2,
#register-now > a:visited h2 {
	color: #000;
}

#register-now > a:hover,
#register-now > a:active,
#register-now > a:hover h2,
#register-now > a:active h2 {
	color: #024385;
	text-decoration: none;
}

#register-now h2.regular {
	font-size: 3.4em;
	margin-bottom: 56px;
}

#register-now h2.small {
	display: none;
	font-size: 1.9em;
	width: 100%;
	font-weight: 300;
}

#register-enticement {
	margin-bottom: 60px;
}

div.reg-item {
	text-align: center;
	color: #000;
	font-weight: 300;
	padding: 0 10px 0 10px;
}

div.reg-item.quick {
	background: url(../img/icons/quick.png) no-repeat center 0;

}

div.reg-item.gift {
	background: url(../img/icons/gift.png) no-repeat center 0;
}

div.reg-item.coffee {
	background: url(../img/icons/coffee.png) no-repeat center 0;
}

div.reg-item.family {
	background: url(../img/icons/family.png) no-repeat center 0;
}

div.reg-item.secure {
	background: url(../img/icons/secure.png) no-repeat center 0;
}

div.reg-item h3 {
	padding-top: 140px;
	font-size: 1.4em;
	color: #000;
	font-weight: 300;
}

div.reg-item h4 {
	padding-top: 10px;
	font-size: 1.2em;
	color: #000;
	font-weight: 300;
}

@media (max-width: 991px){

	#register-now {
	    /*margin-bottom: 160px;*/
	}

	div.reg-item {
	    background-size: 70px 70px !important;
	}

	div.reg-item h3 {
		padding-top: 92px;
		font-size: 1.34em;
		letter-spacing: -1px;
		white-space: nowrap;
	}

	div.reg-item h4 {
	    font-size: 0.96em;
	}
}

@media (max-width: 768px){

	#register-now h2.regular {
		font-size: 2.8em;
	}
}

@media (max-width: 639px){

	#register-now h2.regular {
		display: none;
	}

	#register-now h2.small {
		display: inline-block;
	}
}

/* !Sell Currency */
/* ----------------------------------------------- */

#sell-currency {
	padding-top: 29px;
	padding-bottom: 29px;
}

#sell-currency .action-box {
	margin-left: 25px;
}

#sell-currency .amount-inputs {
	padding: 0 15px;
}

#sell-currency .info-box {
	background: url(../img/sell-arrow.png) no-repeat;
	background-position: right;
	padding-left: 0;
	padding-right: 80px;
}


#sell-currency .info-box h1 {
	margin-top: 40px;
	white-space: nowrap;
}

#sell-currency .info-box h3 {
	margin-top: 36px;
	margin-bottom: 34px;
}

#sell-form {
	padding-left: 0;
	padding-right: 0;
}

#sell-form > div > div {
	padding-left: 10px;
	padding-right: 0;
	float: right;
}

#sell-form div div form.transact {
	padding-bottom: 44px;
}

#sell-form div div form.transact div.amount-inputs > div.form-group {
	padding-left: 10px;
}

@media (max-width: 1199px){
	.col-ipad-text-fix {
		font-size:16px;
	}

	#sell-currency .info-box {
		background-image: none;
		padding-right: 0;
		/*padding-left: 15px;
		padding-right: 15px;*/
	}

	#sell-currency .info-box h1 {
		text-align: center;
		white-space: pre-wrap;
		color: #024385;
	}

	#sell-currency .info-box h3 {
		text-align: center;
		white-space: pre-wrap;
	}

	#sell-currency .info-box p {
		text-align: center;
	}

	#sell-form > div > div {
		padding-left: 0;
		padding-right: 0;
		float: none;
	}

	#sell-form div div form.transact div.currency {
		width: 250px !important;
	}
}

/* Small Devices */
@media (max-width:992px){

	#sell-form .action-box {
		margin: 0 auto;
	}
}

/* Extra Small Devices */
@media (max-width:767px){
	
	#sell-currency .info-box h1 {
		/*font-size: 3.5em;*/
		margin-top: 26px;
	}

	#sell-currency .info-box h3 {
		margin-top: 32px;
	}
}

@media (max-width:360px){

	#sell-currency .container {
		/*padding-left: 10px;
		padding-right: 10px;*/
	}

	#sell-currency .info-box h1 {
		/*font-size: 1.9em;*/
		margin-top: 12px;
	}
	
	#sell-currency .info-box h3 {
		display: none;
	}

	#sell-currency .info-box p {
		/*font-size: 1.2em;
		letter-spacing: 0;
		font-weight: 200;*/
	}

	#sell-form div div form.transact div.currency {
		width: 200px !important;
	}

	#sell-form div div form.transact label {
		font-size: 0.8em;
		font-weight: 400;
	}
}

/* !Trust Pilot */
/* ----------------------------------------------- */

#reviews {
	position: relative;
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 80px;
}

#reviews:after,
#reviews:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#reviews:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 21px;
	margin-left: -21px;
}

#reviews:before {
	border-color: rgba(215, 215, 215, 0);
	border-top-color: #d7d7d7;
	border-width: 22px;
	margin-left: -22px;
}

#reviews h2 {
	margin-top: 38px;
	margin-bottom: 40px;
	text-align: center;
	font-size: 3.4em;
}

#reviews h2 a,
#reviews h2 a:visited {
	text-decoration: none;
}

#reviews h2 a:hover,
#reviews h2 a:active {
	text-decoration: underline;
}

#reviews h3 {
	text-align: center;
}

#reviews .row {
	margin-top: 75px;
}

.review-overview {
	padding: 0;
	text-align: center;
}

.review-overview .star-rating {
	margin: 0 auto;
	margin-top: 7px;
}

.review-overview .word-rating {
	color: #000;
	font-weight: 400;
	font-size: 1.6em;
}

.review-overview p {
	color: #aaa;
	font-size: 0.9em;
	line-height: 1.3em;
}

.review-overview a {
	display: block;
	/*background: url(../img/trust/trustpilot-sm.png) no-repeat;*/
	background-size: auto 11px;
	background-position: top;
	overflow: hidden;
	/*text-indent: -2000px;*/
}

.review-overview .star-rating {
	width: 145px;
	margin-bottom: 10px;
}

.reviews {
	display: relative;
}

.rev-item {
	position: relative;
	height: 156px;
}


.rev-item .date {
	position: absolute;
	right: 17px;
	top: 7px;
	color: #aaa;
	font-size: 0.7em;
	line-height: 0.9em;
}

.rev-item .star-rating {
	margin-bottom: 7px;
	float: left;
}

.rev-item .title {
	font-weight: bold;
	font-size: 0.9em;
	display: inline-block;
	width: 100%;
}

.rev-item p {
	display: inline-block;
	height: 70px;
	height: 80px;
	font-size: 0.9em;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	padding-top: 8px;
  	padding-right: 8px;
}

.rev-item .name {
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 0.7em;
}

.star-rating.size-small .star-1,
.star-rating.size-small .star-2,
.star-rating.size-small .star-3,
.star-rating.size-small .star-4,
.star-rating.size-small .star-5 {
    border-radius: 2px;
    float: left;
    line-height: 9px;
    margin: 0 3px 0 0;
    padding: 2px;
}

.star-rating.size-small .star-1 .star-image,
.star-rating.size-small .star-2 .star-image,
.star-rating.size-small .star-3 .star-image,
.star-rating.size-small .star-4 .star-image,
.star-rating.size-small .star-5 .star-image {
    height: auto;
    width: 10px;
}

.star-rating.size-medium .star-1,
.star-rating.size-medium .star-2,
.star-rating.size-medium .star-3,
.star-rating.size-medium .star-4,
.star-rating.size-medium .star-5 {
    border-radius: 3px;
    float: left;
    line-height: 1em;
    margin: 0 3px 0 0;
    padding: 3px;
}

.star-rating.size-medium .star-1 .star-image,
.star-rating.size-medium .star-2 .star-image,
.star-rating.size-medium .star-3 .star-image,
.star-rating.size-medium .star-4 .star-image,
.star-rating.size-medium .star-5 .star-image {
    height: auto;
    width: 20px;
}

.star-rating.size-large .star-1,
.star-rating.size-large .star-2,
.star-rating.size-large .star-3,
.star-rating.size-large .star-4,
.star-rating.size-large .star-5 {
    border-radius: 4px;
    float: left;
    line-height: 1em;
    margin: 0 4px 0 0;
    padding: 4px;
}

.star-rating.size-large .star-1 .star-image,
.star-rating.size-large .star-2 .star-image,
.star-rating.size-large .star-3 .star-image,
.star-rating.size-large .star-4 .star-image,
.star-rating.size-large .star-5 .star-image {
    height: auto;
    width: 30px;
}

.star-rating.count-1 .star-1 {
    background: #e22027 none repeat scroll 0 0;
}

.star-rating.count-2 .star-1,
.star-rating.count-2 .star-2 {
    background: #f47324 none repeat scroll 0 0;
}

.star-rating.count-3 .star-1,
.star-rating.count-3 .star-2,
.star-rating.count-3 .star-3 {
    background: #f8cc18 none repeat scroll 0 0;
}

.star-rating.count-4 .star-1,
.star-rating.count-4 .star-2,
.star-rating.count-4 .star-3,
.star-rating.count-4 .star-4 {
    background: #73b143 none repeat scroll 0 0;
}

.star-rating.count-5 .star-1,
.star-rating.count-5 .star-2,
.star-rating.count-5 .star-3,
.star-rating.count-5 .star-4,
.star-rating.count-5 .star-5 {
    background: #007f4e none repeat scroll 0 0;
}

@media (max-width:992px){
	
	#reviews .star-rating {
		width: 125px;
		padding: 2px;
	}

	#reviews .star-rating.size-medium .star-1 .star-image,
	#reviews .star-rating.size-medium .star-2 .star-image,
	#reviews .star-rating.size-medium .star-3 .star-image,
	#reviews .star-rating.size-medium .star-4 .star-image,
	#reviews .star-rating.size-medium .star-5 .star-image {
		width: 15px;
	}
}

@media (max-width:379px){

	#reviews h2 {
		font-size: 1.9em;
		font-weight: 300;
	}

	#reviews h3 {
		font-size: 1.1em;
		font-weight: 300;
	}
}

/* !Family */
/* ----------------------------------------------- */

#family .row {
	margin-top: 95px;
	margin-bottom: 87px;
}

#family .img {
	float: left;
}

#family .img img {
	border: 1px solid #29659f;
	height: 225px;
	width: auto;
	margin: 0 auto;
}

#family .info-box {
	padding-left: 63px;
	padding-right: 0;
	float: right;
}

#family h1 {
	color: #024385;
	font-size: 2.9em;
	font-style: italic;
	margin-top: 0;
	font-weight: 200;
}

#family p {
	padding-top: 20px;
	font-size: 1.3em;
	font-weight: 200;
}

@media (max-width:360px){

	#family .row {
		margin-top: 52px;
		margin-bottom: 45px;
	}

	#family h1 {
		font-size: 1.9em;
	}

	#family p {
		font-size: 1.1em;
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (max-width:992px){

	#family .info-box {
		padding-left: 0;
	}

	#family h1,
	#family p {
		text-align: center;
	}

	#family .img {
		margin-top: 46px;
		padding-left: 5px;
		padding-right: 5px;
	}
}

.small-star-ratings-sprite {
  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/2605/star-rating-sprite.png") repeat-x;
  background-size: 17px;
  font-size: 0;
  height: 21px;
  line-height: 0;
  overflow: hidden;
  text-indent: -999em;
  width: 85px;
  margin: 0 auto;
  
 
  
}
.small-star-ratings-sprite-rating {
    background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/2605/star-rating-sprite.png") repeat-x;
    background-size: 17px;
    background-position: 0 100%;
    float: left;
    height: 16px;
    display:block;
  }

.star-ratings-sprite {
  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/2605/star-rating-sprite.png") repeat-x;
  font-size: 0;
  height: 21px;
  line-height: 0;
  overflow: hidden;
  text-indent: -999em;
  width: 110px;
  margin: 0 auto;
  
 
  
}
 .star-ratings-sprite-rating {
    background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/2605/star-rating-sprite.png") repeat-x;
    background-position: 0 100%;
    float: left;
    height: 21px;
    display:block;
  }

/* !Transfers */
/* ----------------------------------------------- */

#transfers {
	margin-bottom: 0;
}

#transfers .container {
	min-height: 322px;
}

#transfers .container {
	height: 100%;
	background: url(../img/transfers.png) no-repeat;
	background-position: right;
}

#transfers h1 {
	white-space: nowrap;
}

#transfers p {
	padding-top: 20px;
}

@media (max-width:1999px){

	#transfers .container {
		background-size: 35%;
	}

	#transfers h3 {
		white-space: nowrap;
	}
}

@media (max-width:992px){

	#transfers .container {
		min-height: auto;
		background: url(../img/transfers-sm.png) no-repeat;
		background-position: 50% 80px;
	}

	#transfers .info-box {
		text-align: center;
	}

	#transfers h1 {
		/*font-size: 2.9em;
		color: #024385;*/
		margin-top: 0;
		margin-bottom: 120px;
	}

	#transfers h3 {
		display: none;
	}

	#transfers p {
		/*font-size: 1.3em;*/
	}
}

@media (max-width:499px){

	#transfers .container {
		background-image: url(../img/transfers-xs.png);
		background-position: 50% 57px;
	}

	#transfers h1 {
		/*padding-left: 5px;
		padding-right: 5px;
		white-space: pre-wrap;
		color: #555;
		font-size: 2.4em;*/
	}

	#transfers p {
		padding-top: 0;
	}
}

/* !Footer */
/* ----------------------------------------------- */

#footer {
	position: relative;
	border-top: 3px solid #024385;
}

#footer .container-fluid {
	padding-right: 0;
}

#footer .map {
	float: right;
	/*background: url(../img/map.png) no-repeat;*/
	background-position: right top;
	height: 493px;
	padding-left: 0;
	padding-right: 0;
	z-index: 999;

	padding: 120px 100px 50px;
}

#footer .map a {
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	width: 100%;
	height: 100%;
	z-index:9;

	background: url(../img/map.png) no-repeat scroll center center;
}

#footer .info {
	margin-top: 47px;
	padding-left: 0;
	float: left;
}

#footer .info > .row {
	margin-left: 0;
}

#footer div.info span.phone-number {
	font-weight: 300;
	font-size: 2.2em;
	color: #024385;
	margin-left: 7px;
}

#footer div.info span.phone-number > i {
	color: #86898b;
    font-size: 1.02em;
    padding-top: 8px;
    transform: rotate(10deg);
}

#footer:hover div.info span.phone-number > i {
	-webkit-animation: ring 3s ease infinite;
	animation: ring 3s ease infinite;
	transform-origin-x: 50%;
	transform-origin-y: 0;
	transform-origin-z: initial;
}

#footer div.info div.details {
	margin-top: 23px;
	margin-right:0;
	font-weight: 300;
	font-size: 1.1em;
	line-height:1.7em;
	color: #000;
}

#footer div.address {
	margin-left: 40px;
	padding: 0;
}

#footer div.links {
	position: absolute;
	top: 115px;
	left: 0;
	padding: 0;
	font-weight: 300;
	font-size: 1.1em;
	line-height:1.7em;
	color: #000;
	z-index: 1;
}

#footer div.links a {
	text-transform: capitalize;
	color: #000;
}

#footer ul {
	list-style-type: none;
}

#footer div.extra-stuff {
	position: absolute;
	bottom: 46px;
}

#footer.order {
	position: relative;
	margin-bottom: 30px;
}

#footer.order div.info {
	float: left;
}

#footer.order div.msg {
	margin-top: 47px;
	margin-left: 0;
	/*float: right;*/
}

#footer.order span.msg {
	color: #024385;
    font-size: 2.2em;
    font-weight: 300;
}

#footer.order div.extra-stuff div.row > div {
	padding-left: 11px;
}

#footer.order div.extra-stuff {
	bottom: 5px;
}

#social {
	font-size: 1.7em;
	padding: 0;
	margin-top: 15px;
	margin-bottom:21px;
}

#social ul {
	margin-left: 38px;
	padding: 0;
}

#social li {
	padding-right: 26px;
	float: left;
}

#social a:hover i {
	-webkit-animation: tada 2s linear infinite;
	animation: tada 2s linear infinite;
}

#newsletter {
	background: url(../img/arrows/b.png) no-repeat;
	background-position: 0 8px;
	padding-left:  39px;
	padding-right: 0;
	margin-top: 25px;
}

#newsletter form {
	margin-left: 14px;
}

#newsletter input {
	font-size: 0.9em;
}

#newsletter button {
	text-transform: uppercase;
	font-size: 1.1em;
}

#newsletter input,
#newsletter button {
	height: 39px;
}

#newsletter .email-input {
	float: left;
}

#newsletter label {
	color: #024385;
	width: 100%;
	font-weight: 300;
	font-style: italic;
	margin-bottom: 15px;
}

#newsletter > form > div.form-group > div {
	padding: 0 10px 0 0;
}

#copyright {
	margin-top: 35px;
	padding-left: 38px;
	font-size: 0.8em;
	color: #606060;
}

#copyright .copy {
	display: inline-block;
	width: 100%;
}

#copyright .rights {
	display: inline-block;
}

@media (max-width:992px){

	#footer {
		min-height: 512px;
	}

	#footer.order {
		min-height: 300px;
	}

	#footer .map {
		height: 267px;
		background-position: center;

		background: url(../img/map.png) no-repeat center center;
		padding: 0;
	}

	#footer .map a {

		background: none;
	}

	#footer div.links {
		position: absolute;
		bottom: 60px;
		top: auto;
	}

	#footer div.links ul {
		text-align: center;
	}

	#footer div.links li {
		display: inline;
	}

	#footer div.links li a {
		text-transform: uppercase;
		font-weight: 900;
		margin: 0 16px;
	}

	#footer div.links li:first-child > a {
		margin-left: 0;
	}

	#footer div.links li:last-child > a {
		margin-right: 0;
	}

	#footer div.extra-stuff {
		bottom: 16px;
	}

	#newsletter {
		position: absolute;
		top: -160px;
	}

	#newsletter .name-input {
		z-index: 9999;
	}

	#newsletter .email-input {
		z-index: 9999;
	}

	#social {
		position: absolute;
		top: -203px;
	}

	#copyright {
		text-align: center;
	}

	#copyright .copy {
		width: auto;
	}

	#copyright .extra {
		display: inline-block;
		width: 100%;
	}
}

@media (max-width:767px){
	
	#footer {
		min-height: 770px;
	}
	#footer .container-fluid {
		padding-left: 0;
	}

	#footer .info {
		text-align: center;
		margin-top: 32px;
	}

	#footer div.links ul {
		padding: 0;
	}

	#footer div.links li a {
		text-transform: capitalize;
		font-weight: 300;
		font-size: 0.8em;
		margin: 0 6px;
	}

	#footer div.extra-stuff {
		position: relative;
		bottom: -25px;
		padding-left: 5px;
		padding-right: 5px;
	}

	#social {
		text-align: center;
		position: relative;
		top: -130px;
	}

	#social li {
		float: none;
		display: inline;
	}

	#newsletter {
		position: relative;
		bottom: -35px;
		top: auto;
	}

	#copyright {
		position: absolute;
		bottom: -75px;
		margin-top: 53px;
		padding: 0;
	}

	#copyright .copy {
		display: inline-block;
		width: 100%;
	}

	#copyright .extra {
		display: inline-block;
		width: 100%;
	}

	#footer.order div.info {
		margin-top: 180px;
	}

	#footer.order div.msg {
		position: absolute;
		top: 0;
		font-size: 0.8em;
		margin-left: 25%;
	}
}

@media (max-width:435px){
	#footer.order div.info {
		margin-top: 220px;
	}
}

@media (max-width:340px){
	#footer.order div.info {
		margin-top: 250px;
	}
}

/* !Widgets */
/* ----------------------------------------------- */

/* Date Picker */

.ui-datepicker {
    background-color: #fff;
    border: 1px solid #e6edf5;
    box-shadow: 0 0 6px 0 rgba(230, 237, 245, 1);
    /*border: 1px solid #eee;*/
    border-radius: 4px;
    /*box-shadow: 0 0 8px rgba(249,224,0,.6);*/
    display: none;
    margin-top: 4px;
    padding: 10px;
    width: 240px;
    font-family: robotica, sans-serif;
    font-size: 14px !important;
    z-index: 21 !important;
}
.ui-datepicker a,
.ui-datepicker a:hover {
    text-decoration: none;
}
.ui-datepicker a:hover,
.ui-datepicker td:hover a {
    color: #2A6496;
    -webkit-transition: color 0.1s ease-in-out;
       -moz-transition: color 0.1s ease-in-out;
         -o-transition: color 0.1s ease-in-out;
            transition: color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-header {
    margin-bottom: 4px;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title {
    font-weight: 700;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    cursor: default;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    height: 20px;
    line-height: 1;
    margin-top: 2px;
    width: 20px;
    color: #024385;
}
.ui-datepicker .ui-datepicker-prev {
    float: left;
    text-align: left;
}
.ui-datepicker .ui-datepicker-next {
    float: right;
    text-align: right;
}
.ui-datepicker .ui-datepicker-prev:before {
    content: "\e079";
}
.ui-datepicker .ui-datepicker-next:before {
    content: "\e080";
}
.ui-datepicker .ui-icon {
    display: none;
}
.ui-datepicker .ui-datepicker-calendar {
  table-layout: fixed;
    width: 100%;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
    text-align: center;
    padding: 4px 0;
    color: #024385 !important;
}
.ui-datepicker .ui-datepicker-calendar td {
    border-radius: 4px;
    -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
       -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
         -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
            transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-calendar td:hover:not(.ui-datepicker-current-day) {
    background-color: #eee;
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar td a {
    text-decoration: none;
    color: #000;
}
.ui-datepicker .ui-datepicker-current-day {
    background-color: #285e8e;
    background-color: #024385;
}
.ui-datepicker td.ui-datepicker-current-day a {
    color: #fff;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable {
	background-color: #fff;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable span {
	color: #ddd;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
    background-color: #fff;
    cursor: default;
}

.ui-datepicker-month {
    border: 0;
    color: #024385;
}
.ui-datepicker-year {
    border: 0;
    color: #024385;
}

/* Select2 */

select.currency-select,
span.select2-container {
	width: 100% !important;
}

/* default */
.select2-container--default .select2-selection--multiple {
	border-color: transparent;
	border-radius: 0;
	-o-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	/*font-size: 1.2em;*/
}

.select2-container {
	position: relative;
}

.select2-container:before {
   font-family: FontAwesome;
   color: #024385;
   content: "\f107";
   display: inline-block;
   position: absolute;
   right: 5px;
   top: 5px;
   font-size: 20px;
   font-weight: 500;

	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;

	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
}

.select2-container.select2-container--open:before {

    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg); 
    -o-transform:rotate(180deg);
}

.select2-container--default .select2-selection--multiple {
/*	border-color: #ddd;*/
}

/* hover */
.select2-container--default .select2-selection--multiple:hover {
/*	border-color: #ddd;
	background-color: #f4f4f4;*/
}

/* opened */
.select2-container--default.select2-container--open/*.select2-container--below*/ .select2-selection--multiple {
	/*border-color: #dedede;
	background-color: #f4f4f4;*/
}

.select2-container--default.select2-container--open/*.select2-container--below*/ .select2-selection__choice {
	display: none;
}

/* selected value when cleared */
.select2-container--default.select2-container--open/*.select2-container--below*/ .select2-selection--multiple .select2-selection__choice {
	display: none;
}

/* selected value ul container */
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	/*text-align: center;*/
}

/* selected value */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	border-width: 0 !important;
	background: none !important;
	display: inline-block;
	float: none !important;
	margin-left: auto;
	margin-right: auto;
}

/* search box */
.select2-container .select2-search--inline {
	top: 0;
	position: absolute;
}

/* tag x box */
.select2-container .select2-selection__choice__remove {
	display: none !important;
}

/* height styling */
.select2-container--default .select2-selection--multiple {
	border-radius: 0 !important;
	-o-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	/*height: 50px;*/
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
	/*line-height: 48px;
	margin-top: 0;*/
}

.select2-container .select2-search--inline {
	top: -4px;
}

/* Carousel */

.owl-theme .owl-controls {
	margin-top: 10px;
	text-align: center;
}

.owl-theme .owl-controls .owl-buttons {
	position: relative;
	width: 100%;
	background: green;
}

.owl-theme .owl-controls .owl-buttons div {
	position: absolute;
	top: -145px;
	color: #ccc;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	font-size: 36px;
	background: transparent;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
	right: -35px;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
	left: -35px;
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

.owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
	*display: inline; /*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
	background: transparent;
	border: 1px solid #024385;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
	background: #024385;
	border-width: 0;
}

.owl-theme .owl-controls.clickable .owl-page:hover span {
	background-color: #f9e000;
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.owl-item.loading {
	min-height: 150px;
	background: url('data:image/gif;base64,R0lGODlhEAAQAKIAAPv8/OLn5dHY1sjQzr/IxbbBvrK9ua66tiH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCAAHACwAAAAAEAAQAAADRHi6BVArKqOCC3INEIy42WE4wOB14WEBRBoZQ+uKwzAvQW7febDPBYGAcmMQbwPh0SUUtAqQFEFZIBCiIWLVWjRYl4oEACH5BAkIAAcALAAAAAAQABAAAANEeLoVUSsqowQAYUoShLGYEWCL6BCfR1wAVDmuUrDURMQLIbgGQUhAxUAg+AUjxOIxYhgMaksmNFrwTY++W1Tm23q/wQQAIfkECQgABwAsAAAAABAAEAAAA0B4uhZRK8rhhDKSiHFosAFgLUIJDYNBACymDGZUsICrFJBUpAsuSYIHYZj7CWhDQhFIM/h+FwcBSq1ar9isFpsAACH5BAkIAAcALAAAAAAQABAAAANCeLo2YitKIsRQMBZCDrWHEFwLRxReVwRslhLusbJSESvbLUkOuvMAQOAHDBIlos5RBlviggDnYQD1HQ3BoVS23SUAACH5BAkIAAcALAAAAAAQABAAAANCeLpHZCyu4oqUlNghyFWFVQgk9CkGKZyMUZjsQgxWTAR43OCBfnC1k+GhMwAAvQ9neAQEGYJjwBBAfqpH1Klw9EQSACH5BAkIAAcALAAAAAAQABAAAANCeLrc/vAVUuIyJFuF9T5G9S2Z8RFCeqbCSAwiJjKhuQQAQNBB0HI5QGswOBR6AdsBBzAMcgKDwNcomAS5ACdy1DkSACH5BAkIAAcALAAAAAAQABAAAANCeLrc/jDKSWsrQZhYigFgABVECQLiQ5ZYsI3EaxCFY9RMAOKKIQiDxQcULB0KP81CgJoFAsEBsGHYCJ6CHufJWyQAACH5BAkIAAcALAAAAAAQABAAAANCeLrcbC4eAQCUylQg8NqElw2hZwideARV6m0uVgTCpR5FEdmKEAS6hYFAFP4CoeKQaBv8hqgkIShUEFADlWEgoC4SADs=') no-repeat center center
}

/* Cookie warning */
/* To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com) */

.cc-cookies { position:fixed; width: 100%; left: 0; top: 0; padding: 0.5em 5%; background: #565656; background: rgba(86,86,86,0.75); color: #fff; font-size: 13px; font-weight: 700; text-shadow: 0 -1px 0 rgba(0,0,0,0.35); z-index: 99999; text-align: center; color: #fff; }
.cc-cookies a, .cc-cookies a:hover { color: #fff; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }

@media screen and (max-width: 768px) {
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; }
}

@media screen and (max-width: 480px) {
.cc-cookies { position: relative; float: left; }
}

/* !Animations */
/* ----------------------------------------------- */

@keyframes tada {
	0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	10%, 20% {
		-webkit-transform: scale(.9) rotate(-8deg);
		-ms-transform: scale(.9) rotate(-8deg);
		transform: scale(.9) rotate(-8deg);
	}

	30%, 50%, 70% {
		-webkit-transform: scale(1.3) rotate(8deg);
		-ms-transform: scale(1.3) rotate(8deg);
		transform: scale(1.3) rotate(8deg);
	}

	40%, 60% {
		-webkit-transform: scale(1.3) rotate(-8deg);
		-ms-transform: scale(1.3) rotate(-8deg);
		transform: scale(1.3) rotate(-8deg);
	}

	80% {
		-webkit-transform: scale(1) rotate(0);
		-ms-transform: scale(1) rotate(0);
		transform: scale(1) rotate(0);
	}
}

@keyframes ring {
	0% {
		-webkit-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}

	2% {
		-webkit-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	4% {
		-webkit-transform: rotate(-18deg);
		-ms-transform: rotate(-18deg);
		transform: rotate(-18deg);
	}

	6% {
		-webkit-transform: rotate(18deg);
		-ms-transform: rotate(18deg);
		transform: rotate(18deg);
	}

	8% {
		-webkit-transform: rotate(-22deg);
		-ms-transform: rotate(-22deg);
		transform: rotate(-22deg);
	}

	10% {
		-webkit-transform: rotate(22deg);
		-ms-transform: rotate(22deg);
		transform: rotate(22deg);
	}

	12% {
		-webkit-transform: rotate(-18deg);
		-ms-transform: rotate(-18deg);
		transform: rotate(-18deg);
	}

	14% {
		-webkit-transform: rotate(18deg);
		-ms-transform: rotate(18deg);
		transform: rotate(18deg);
	}

	16% {
		-webkit-transform: rotate(-12deg);
		-ms-transform: rotate(-12deg);
		transform: rotate(-12deg);
	}

	18% {
		-webkit-transform: rotate(12deg);
		-ms-transform: rotate(12deg);
		transform: rotate(12deg);
	}

	20% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

/* !Orders */
/* ----------------------------------------------- */

#content.order {
	margin-bottom: 50px;
}
#content.order h2 {
	font-size: 2.6em;
}

#delivery-how {
	text-align: center;
	position: relative;
	margin-top: 45px;
}

#delivery-how div.arrow-box {
	background-image: url(../img/arrows/c.png);
	background-repeat: no-repeat;
	width: 60px;
	height: 72px;
	position: absolute;
	right: 200px;
	right: 17%;
	top: -30px;
}

#order-table {
	padding-left: 0;
}

#order-table > p {
	font-size: 1.3em;
	font-weight: 300;
}

#rows {
	margin-bottom: 100px;
}

#order-table .heading {
	height: 56px;
	line-height: 56px;
	font-size: 1.1em;
	color: #024385;
	border-bottom: 1px solid #d8d8d8;
}

#order-table .heading > div {
	padding-left: 0;
}

#order-table .heading span {
	padding-left: 14px;
	font-weight: 500;
}

#order-table .heading .col-amount > span {
	padding-left: 14px;
}

#order-table .heading .col-cost > span {
	padding-left: 24px;
}

#order-table .row div > span {
	font-size: 1.2em;
	white-space: nowrap;
}

#order-table .data {
	height: 68px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #d8d8d8;
	position: relative;
}

#order-table .data .plain {
	width: 100%;
	top: 8px;
	position: absolute;
	display: none;
}

#order-table .data .inputs {
	width: 100%;
	top: 8px;
	position: absolute;
}

#order-table .template, #order-table .saved {
	display: none;
}

#order-table > .data:last-child {
	border-bottom: 0 solid #d8d8d8;
}

#order-table > .data > .plain .col-currency {
	/*font-size: 1.2em;*/
	font-weight: 400;
}

#order-table > .data > .inputs .col-currency {
	padding-left: 0;
}

#order-table .col-link span {
	display: inline-block;
	position: relative;
	font-size: 0.9em !important;
}

#order-table .col-link i {

	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(../img/icons.png);
	background-repeat: no-repeat;
	background-position: -0px -115px;
	position: absolute;
	left: 0;
}

#order-table .col-link span a {
	display: inline-block;
	line-height: 24px;
	text-indent: 28px;
}

#order-table > .data .col-link a:hover {
	text-decoration: none;
}

#order-table .row .plain {
	height: 52px;
	line-height: 52px;
	cursor: pointer;
	transition: background-color .4s ease;
}

#order-table .row .plain:hover {
	background: #f9e000;
}

#order-table .data .plain .col-cost {
	padding-left: 13px;
}

#order-table .data .plain .col-amount > span {
	padding-left: 8px;
}

#order-table .data .plain .col-amount > span span.val + span.denom {
	padding-left: 8px;
}

#order-table .row .inputs {
	height: 52px;
	background: #f9e000;
	padding-top: 8px;
	padding-bottom: 7px;
	background-image: url(../img/arrows/f.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: auto 100%;
}

#order-table .row .inputs input {
	display: inline-block;
	border: none;
	border: 1px solid #fff;
	height: 37px;
	width: 100%;
	padding-left: 8px;
	padding-left: 7px;
	font-size: 1.2em;
	font-family: Roboto, sans-serif;
	outline: none;
}

#order-table div.row.data label {
	display: none;
	color: #024385;
	width: 100%;
}

#order-table .row .inputs span.middle {
	/*line-height: 37px;*/
	line-height: 36px;
}

#order-table .row .inputs span.middle a {
	padding-top: 7px;
}

#order-summary {
	border-top: 5px solid #024385;
	background: #f7fbff;
}

#order-summary h3 {
	font-size: 2.0em;
	text-align: center;
	margin-top: 24px;
}

#order-summary span.cost {
	margin-top: 3px;
	display: inline-block;
	width: 100%;
	font-size: 4.0em;
	font-weight: 300;
	text-align: center;
	letter-spacing: -2px;
	color: #024385;
}

#order-summary .warning {
	display: block;
	position: relative;
	padding: 0;
}

#order-summary .warning > i {
	display: inline-block;
	background-image: url("../img/icons.png");
	background-repeat: no-repeat;
	background-position: -0px -0px;
	width: 26px;
	height: 23px;
	position: absolute;
	left: 10%;
	top: 2px;
}

#order-summary .warning > span.tiny {
	display: inline-block;
	width: 75%;
	float: right;
	font-size: 0.94em;
	line-height: 15px;
	margin-bottom: 20px;
}

#order-summary .btn-lg {
	width: 100%;
	margin-top: 30px;
}

#order-delivery {
	background: #f5f5f5;
	min-height: 210px;
}

#order-delivery .item {
	position: relative;
	cursor: pointer;
	min-height: 210px;

	transition: background-color .3s ease;
}

#order-delivery .item p {
	font-size: 1.1em;
}

#order-delivery .item input {
	display: none;
}

#order-delivery .item .label-box {
	padding-left: 0;
	padding-right: 0;
}

#order-delivery .item .label-box input + label {
	display: block;
	width: 20px;
	height: 20px;
	background-image: url(../img/sprites/radio.png);
	background-position: -0px -0px;
	background-repeat: no-repeat;
	margin: 0;
	float: left;
	cursor: pointer;
}

#order-delivery .item .label-box input:checked + label {
	background-position: -0px -20px;
}

#order-delivery .item .label-box input + label + label {
	color: #024385;
	display: inline-block;
	font-size: 1.25em;
	font-weight: 400;
	margin: 0;
	white-space: nowrap;
	clear: right;
	margin: -2px 0 0 12px;
	cursor: pointer;
}

#order-delivery .item > div {
	padding-top: 50px;
}

#order-delivery .item.active {
	background: #024385;
}

#order-delivery .item.active:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(2, 67, 133, 0);
	border-bottom-color: #024385;
	border-width: 20px;
	margin-left: -20px;
}

#order-delivery .item.active .label-box input + label + label {
	color: #fff;
}

#order-delivery .item.active p {
	color: #fff;
	display: block;
}

#order-delivery .item [class^="icon-"],
#order-delivery .item [class*=" icon-"] {
	font-size: 90px;
	line-height:90px;
	color: #5e88b2;
	padding:0;
}

#order-delivery .item.active [class^="icon-"],
#order-delivery .item.active [class*=" icon-"] {
	color: #fff !important;
}

#order-delivery .item .icon-delivery {
	text-indent: -20px;
}

#order-delivery .item .icon-cards {
	font-size: 80px;
	text-indent: -21px;
}


#order-delivery .item .icon-big-ben {
	text-indent: -6px;
}

/* ---------- */


#order-table .inputs .inner {
	background: transparent;
	padding: 0;
	height: 52px;
	line-height: 52px;
}

/* height styling */
#order-table .inputs .select2-container--default .select2-selection--multiple {
	height: 37px;
	border-color: #fff !important;
}

#order-table .inputs span.select2-container--default.select2-container--focus .select2-selection--multiple {
	border-color: #ccc !important;
}

#order-table .inputs .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
	line-height: 35px;
	margin-top: 0;
	padding-left: 0;
}

#order-table .inputs .select2-container .select2-search--inline input.select2-search__field {
	padding-left: 0;
	font-size: 1em;
	line-height: 35px;
	border: none;
}

#order-table .inputs .col-currency {
	padding-left: 9px;
}

#order-table .btn-box {
	position: absolute;
	bottom: -90px;
	padding: 0;
	margin-left: -15px;
	margin-top: 10px;
}

#order-table .btn-box div.arrow-box {
	background-image: url(../img/arrows/d.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 31px;
	height: 70px;
	left: -47px;
	top: -55px;
}

/* ---------- */

#order-summary .delivery-inputs {
	margin: 0 auto;
	width: 50%;
	z-index: 11;
	width: 190px;
}

#order-summary div.delivery-inputs div.form-group label {
	display: inline;
	color: #000;
	font-size: 1.06em;
	white-space: nowrap;
	font-weight: 400;
}

#order-summary .delivery-inputs input {
	display: none;
}

#order-summary .delivery-inputs input + label {
    -webkit-appearance: none;
    display: block !important;
    width: 18px;
    height: 18px;
    background: url(../img/radio-off.png) no-repeat;
    float: left;
    position: relative;
    z-index: 11;
}

#order-summary .delivery-inputs .form-group {
	margin: 0;
	margin-bottom: 10px;
	clear: both;
	height: 18px;
	position: relative;
	z-index: 11;
}

#order-summary .delivery-inputs input + label + label {
	display: block !important;
	line-height: 18px;
	padding-left: 20px;
	text-align: left;
	float: left;
	clear: right;
	position: relative;
	z-index: 11;
	width: 158px;
}

#order-summary .delivery-inputs input:checked + label {
    background: url(../img/radio-on.png) no-repeat;
}

/* Grant - viewport bug fix */
#order-table {
	overflow-x:hidden;
}

#buy-currency, #sell-currency {
	overflow-x:hidden;
}

/* Medium Devices */
@media (max-width:1200px){

	#order-table .row div > span {
		font-size: 1.0em;
	}

	#order-table .row .inputs input {
		font-size: 1.0em;
	}

	#order-table .data .plain .col-cost {
    	padding-left: 15px;
	}

	#delivery-how div.arrow-box {
		right: 12%;
	}

	#order-summary {
		padding-left: 10px;
		padding-right: 10px;
	}

	#order-summary > div {
		padding: 0;
	}

	#order-summary .warning {
		padding: 0;
	}

	#order-summary div.delivery-inputs {
		width: 170px;
	}

	#order-summary div.delivery-inputs > div > input + label + label {
		width: auto;
		padding-left: 10px;
	}

	#order-delivery {
		padding: 0;
		min-height: 180px;
	}

	#order-delivery > div.container {
		padding: 0;
	}

	#order-delivery div.deliver-options {
		padding: 0;
	}

	#order-delivery .item {
		padding: 0;
		min-height: 180px;
	}

	#order-delivery .item .label-box input + label + label {
		font-size: 1.2em;
		font-weight: 400;
	}

	#order-delivery .item > div {
		padding-top: 40px;
		padding-left: 10px;
		padding-right: 10px;
	}

	#order-delivery .item > div:first-child {
		width: auto;
	}

	#order-delivery .item [class^="icon-"],
	#order-delivery .item [class*=" icon-"] {
		font-size: 50px;
		line-height: 50px;
		text-indent: 0;
	}
}

/* Small Devices */
@media (max-width:992px){

	#content.order h2 {
		text-align: center;
	}

	#order-table p {
		display: block;
		width:80%;
		margin: 0 auto;
		float: none;
		text-align: center;
	}

	#order-table .heading {
		font-size: 1.0em;
	}

	#order-table .data {
		height: 60px;
	}

	#order-table .row .inputs,
	#order-table .row .plain {
		height: 45px;
		/*line-height: 45px;*/
		top: 7px;
	}

	#order-table .row .plain {
	    line-height: 45px;
	}

	#order-table .row .inputs {
		padding-top: 0;
		padding-bottom: 0;
		padding-top: 4px;
	}

	#order-table .row .inputs span {
		/*line-height: 45px;*/
		line-height: auto !important;
	}

	#order-summary {
		min-height: 230px;
	}

	#order-summary .warning {
		width: 75%;
		margin: 0 auto;
	}

	#order-summary .delivery-inputs {
		margin-top: 30px;
	}

	#order-table .btn-box div.arrow-box {
		background-image: url(../img/arrows/e.png);
		width: 34px;
		height: 40px;
		left: 165px;
		top: -20px;
	}

	#order-delivery > div.container {
	    padding 0;
	    width: auto;
	}

	#order-delivery .item > div {
	    padding-left: 5px;
	    padding-right: 5px;
	    padding-top: 30px;
	}

	#delivery-how div.arrow-box {
		right: 1%;
	}

	#order-delivery .item.active:after {
		border-width: 15px;
		margin-left: -15px;
	}

	#order-delivery .item p {
	    font-size: 1em;
	}

	#order-delivery .item .label-box input + label + label {
	    font-size: 1em;
	    font-weight: 500;
	    margin-left: 5px;
	}

	#order-delivery {
		min-height: 160px;
	}

	#order-delivery .item {
		min-height: 160px;
	}
}

@media (max-width:791px){

	#order-delivery {
		min-height: 150px;
	}

	#order-delivery .item {
		min-height: 150px;
	}

	#order-delivery .item .label-box input + label + label {
	    font-size: 0.95em;
	}

	#order-delivery .item p {
	    font-size: 0.95em;
	}
}

/* Extra Small Devices */
@media (max-width:767px){

	#content h2 {
		font-size: 1.9em !important;
		font-weight: 300;
	}

	#order-table {
		padding-right: 0;
	}

	#order-table p {
		font-size: 1.1em;
		padding-bottom: 20px;
	}

	#rows {
		padding-left: 5px;
		padding-right: 5px;
		border-top: 1px solid #024385;
	}

	#rows .btn-box {
		width: 100%;
		padding-left: 15px;
		padding-top: 36px;
		margin: 0;
		border-top: 1px solid #024385;
	}

	#order-table .btn-box div.arrow-box {
		left: 180px;
		top: 20px;
	}

	#order-table .data {
		padding: 0;
		margin: 0;
	    height: 200px;
	    border-bottom: none;
	}

	#order-table .data > div.plain,
	#order-table .data > div.inputs {
		padding: 0;
		background-image: none;
	    border-bottom: 1px solid green;
	    height: 200px;
	    line-height: inherit;
	    border-bottom: 1px solid transparent;
	}

	#order-table .data > div.inputs {
		border-color: #d7d7d7;
	}

	#order-table .data label,
	#order-table .data span {
		padding: 0;
		margin: 0;
	}

	#order-table .data > div.plain:hover label,
	#order-table .data > div.inputs label {
		color: #000;
	}

	#order-table .row div > span {
		line-height: 32px;
	}

	#order-table .row .inputs span,
	#order-table .row .inputs span.middle {
	    line-height: 32px;
	}

	#order-table .inputs .select2-container--default .select2-selection--multiple,
	#order-table .inputs .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
		line-height: 30px !important;
	}

	#order-table .row .inputs input {
		height: 32px;
	}

	#order-table .inputs .select2-container--default .select2-selection--multiple {
		height: 32px;
	}

	#order-table .inputs .select2-container::before {
		top: 0;
	}

	#order-table .data .col-currency {
		/*height:77px;*/
	    margin-bottom: 12px;
	    margin-top: 15px;
	}

	#order-table .inputs .col-currency label {
		padding-left: 6px;
	}

	#order-table .plain .col-cost span {
		padding-left: 1px !important;
	}

	#order-table .inputs .col-cost label {
		padding-left: 6px;
	}

	#order-table .inputs .col-cost {
		padding-left: 9px;
		padding-right:30px;
		background: url("../img/arrows/f.png") no-repeat;
		background-size: auto 32px;
		background-position: 96% bottom;
	}

	#order-table .data .col-amount {
		padding-left: 0 !important;
	}

	#order-table .row .inputs span.middle a {
		padding-top: 4px;
	}

	#order-summary .warning {
		width: 225px;
	}

	#order-summary .btn-lg {
		width:225px;
		height: 56px;
		margin-top: 30px;
	}
}

@media (max-width: 550px){

	#order-table .inputs .col-amount {
		background-position: 95% bottom;
	}
}

@media (max-width: 450px){

	#order-table .inputs .col-amount {
		background-position: 93% bottom;
	}
}

@media (max-width: 350px){

	#order-table .inputs .col-amount {
		background-position: 91% bottom;
	}
}


/* !Confirmation */
/* ----------------------------------------------- */

#content.confirm {
	margin-top: 75px;
}

#confirm h2 {
	font-size: 2.8em;
	margin-bottom: 20px;
}

#confirm > span {
	font-size: 1.2em;
	font-weight: 300;
}

#confirm > p {
	position: relative;
	background: #f5f5f5;
	padding: 25px 25px 25px 100px;
	margin: 40px 20px 40px 0;
	font-size: 0.9em;
}

#confirm > p i {
	display: inline-block;
	background-image: url("../img/icons.png");
	background-repeat: no-repeat;
	background-position: -0px -0px;
	width: 26px;
	height: 23px;
	position: absolute;
	left: 5%;
	top: 30%;
}

#content.confirm ul {
	color: #024385;
	font-size: 1.8em;
	line-height: 0.6em;
}

#content.confirm ul li {
	margin-bottom: 25px;
}

#content.confirm ul li span {
	font-size: 0.6em;
	line-height: 0.2em;
	color: #000;
	font-weight: 300;
}

#confirm-info {
	margin: 0 auto;
	/*position: relative;*/
	background-image: repeating-linear-gradient(
		135deg,
		#024385 0, #024385 18px,
		transparent 19px, transparent 36px,
		#024385 37px, #024385 54px,
		transparent 55px, transparent 72px,
		#024385 73px, #024385 90px,
		transparent 91px, transparent 108px
	);

	/*min-height: 256px;*/
	float: right;

	padding: 10px 0 0 0;
}

#confirm-info .inner {
	background: white;
	position: relative;
	width: 100%;
	/*min-height: inherit;
	left: 0;
	top: 10px;*/
	border: 1px solid #d2d2d2;
	border-top: 0;
	padding: 0 27px;

	margin-top: -18px;
}

#confirm-info .inner:after,
#confirm-info .inner:before {
	right: 100%;
	top: 75%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#confirm-info .inner:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 27px;
	margin-top: -27px;
}

#confirm-info .inner:before {
	border-color: rgba(210, 210, 210, 0);
	border-right-color: #d2d2d2;
	border-width: 28px;
	margin-top: -28px;
}

#confirm-info .inner > h3 {
	color: #024385;
	font-size: 1.9em;
	font-weight: 200;
	margin-bottom: 26px;
}

#confirm-info .inner > span {
	display: inline-block;
	margin-bottom: 16px;
}

#confirm-info .inner span strong {
	font-size: 1.0em;
	font-weight: 500;
}

#confirm-info .inner p {
	font-size: 0.8em;
}

#confirm p .note {
	display: none;
}

/* Medium Devices */
@media (max-width:1200px){

	//
}

/* Small Devices */
@media (max-width:992px){

	#confirm {
		padding-left: 0;
		padding-right: 0;
	}

	#confirm > p {
		margin-right: 0;
	}
}

/* Extra Small Devices */
@media (max-width:767px){

	#content.confirm {
		margin-top: 30px;
		margin-bottom: 40px;
	}

	#confirm h2 {
		padding-left: 45px;
		display: inline-block;
		font-size: 1.8em;
	}

	#confirm > span {
		padding-left: 45px;
		padding-right: 25px;
		display: inline-block;
	}

	#confirm > p {
		padding-left: 45px;
		margin-bottom: 0;
	}

	#confirm p .note {
		display: block;
		color: #024385;
		font-size: 1.9em;
		font-weight: 200;
		text-indent: 35px;
	}

	#confirm > p i {
		left: auto;
		top: 30px;
	}

	#confirm-info .inner {
		margin-bottom: 10px;
		border: none;
		padding-bottom: 15px;
		padding-left: 45px;
	}

	#confirm-info .inner h3 {
		padding-top: 20px;
	}

	#content.confirm ul {
		margin-top: 35px;
		margin-left: 12px;
	}
}

/* !Generic Content Styling */
/* ----------------------------------------------- */

.content {
	margin-top: 30px;
	margin-bottom: 75px;
}

.content h2 {
	text-align: center;
	margin-bottom: 56px;
}

.content form > .row {
	margin-left: 0;
	margin-right: 0;
	position: relative;
	margin-top: 10px;
}

.content form > .row > div {
	transition: background-color .5s ease;
}

.content form .active {
	background-color: #f9e000 !important;
}

.content form > [class^="col-"],
.content form > [class*=" col-"],
.content form > .row [class^="col-"],
.content form > .row [class*=" col-"] {
	padding: 0;
	display: table-row;
	background: #f5f5f5;
	margin-bottom: 17px;
}

.content form div.form-stretch {
	/*height: 36px;*/
	/*background: #efefef;*/
	padding: 8px;
	/*border: 1px solid red;*/
	height: 46px;
	margin: 0;
}

.content form div.form-stretch.has-success {
	background-color: #c6ffaa !important;
}

.content form div.form-stretch.has-success::before {
	font-family: FontAwesome;
	position: absolute;
	display: inline-block;
	content: '\f00c';
	left: -37px;
	top: 4px;
	font-size: 30px;
	color: #a1e480;
}

.content form div.form-stretch.has-error {
	background-color: #ffc8c8 !important;
}

.content form div.form-stretch.has-error::before {
	display: none;
}

.content form div.form-stretch.has-success .form-control,
.content form div.form-stretch.has-error .form-control {
	border-color: #fff;
}

.content form div.form-stretch.has-success .form-control:focus,
.content form div.form-stretch.has-error .form-control:focus {
	border-color: transparent !important;
}

.content form div.form-stretch .help-block {
	position: absolute;
	top: -22px;
	font-size: 0.9em;
	color: #aaa;
	font-weight: 400;
}


.content form div.form-stretch .help-block.with-errors {
	color: #ea0000;
	white-space: nowrap;
}

.content form input,
.content form textarea {
	border: 1px solid #fff;
	padding-top: 9px;
	position: relative;
	z-index: 10;
}

.content form .form-stretch span.loading-icon {
	display: none;
}

.content form .form-stretch.loading span.loading-icon {
	display: inline-block;
	position: absolute;
	width: 24px;
	height: 24px;
	background-image: url(../img/loading.gif);
	background-repeat: no-repeat;
   	right: 13px;
    top: 13px;
    z-index: 20;
}

.content form textarea {
    height: 100%;
    width: 100%;
   -webkit-box-sizing: border-box;  /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.content form .select2-container {
	padding-right: 0;
	padding-left: 0;
	position: relative;
	z-index: 10;
}

.content form .select2-container .select2-selection {
	height: 34px;
}

.content form .select2-container .select2-selection__rendered {
	line-height: 34px;
}

.content form .select2-container .select2-selection__arrow {
	display: none;
}

.content form .select2-container--default .select2-selection--single {
	border-color: #fff;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	outline: 0;
}

.content form .select2-container--open,
.content form .select2-container--open .select2-selection--single {
	border-color: #ccc;
}

.content form div.form-stretch > label {
	vertical-align: middle;
	color: #000;
	font-weight: 400;
	white-space: nowrap;
	padding-right: 5px;
}

.content form div.col-lg-offset-2.col-lg-4 div.form-stretch label {
	width: 26%;
}

.content form div.col-lg-4 div.form-stretch label {
	width: 32%;
}

.content form div.col-lg-offset-2.col-lg-8 div.form-stretch label {
	width: 13%;
}

.content form div.form-stretch > input {
	/*height: 46px;*/
}

.content form div.form-stretch > .form-control {
	box-shadow: none;
}

.content form div.no-style {
	background: none;
	border: none;
	display: block;
	margin-top: 30px;
}

.content form div.no-style input[type="checkbox"] {
	display: none;
}

.content form div.no-style input[type="checkbox"] + label::before {
	display: inline-block;
	font-family: FontAwesome;
	font-size: 18px;
	content: '\f096';
	margin-right: 10px;
	padding-top: 2px;
}

.content form div.no-style input[type="checkbox"]:checked + label::before {
	display: inline-block;
	font-family: FontAwesome;
	font-size: 18px;
	content: '\f046';
	margin-right: 7px;
}

.content form div.no-style label {
	font-weight: 400;
	font-size: 0.9em;
}

.content form .btn-lg {
	min-height: 60px;
	min-width: 240px;
	font-size: 1.5em;
}

/* Small Devices */
@media (max-width:992px){

	.content {
		margin-top: 30px;
		margin-bottom: 50px;
	}

	.content h2 {
		text-align: center;
		margin-bottom: 46px;
	}

	.content form div.col-lg-offset-2.col-lg-4 div.form-stretch label {
		width: 35%;
	}

	.content form div.col-lg-4 div.form-stretch label {
		width: 40%;
	}

	.content form div.col-lg-offset-2.col-lg-8 div.form-stretch label {
		width: 17%;
	}
}

/* Extra Small Devices */
@media (max-width:767px){

	.content {
		margin-top: 15px;
		margin-bottom: 50px;
		padding-left: 0;
		padding-right: 0;
	}

	.content h2 {
		text-align: center;
		margin-bottom: 25px;
	}

	.content form div.form-stretch label {
		width: 30% !important;
		white-space: nowrap;
		padding-right: 10px;
	}
}


/* !Order Checkout */
/* ----------------------------------------------- */

#checkout h2 {
	margin: 25px 0;
	text-align: left;
}

#checkout .popover-content {
	display: none;
}

#checkout p {
	font-size: 1.2em;
	font-weight: 300;
	margin-bottom: 20px;
}

#checkout > div {
	padding-left: 0;
}

#side {
	padding-left: 0;
}

#side h2 {
	color: #024385;
	font-size: 1.7em;
	margin-top: 0;
	margin-bottom: 10px;
}

#tips {
	margin: 0;
	padding: 0;
}

#tips .tip {
	background: #f5f5f5;
	margin-bottom: 20px;
	padding: 25px;
	padding-left: 55px;
	position: relative;
	background-image: url(../img/warning.png);
	background-repeat: no-repeat;
	background-position: 15px center;
}

#tips .tip span {
	font-size: 0.9em;
	display: inline-block;
}

#order-list {
	position: relative;
	background: #fff;
	border-bottom: 5px solid #024385;
	margin-bottom: 50px;
}

#order-list .price-summary {
	background-color: #fff;
	min-width: 276px;
}

#order-list .price-summary h4 {
	font-size: 1.5em;
	font-weight: 300;
	color: #024385;
	margin: 0;
}

#order-list .price-summary .price {
	font-size: 4.0em;
	font-weight: 300;
	display: inline-block;
	width: 100%;
	color: #024385;
}

#order-list .price-summary .change {
	font-size: 1.1em;
	color: #024385;
	display: inline-block;
	position: relative;
	margin-bottom: 20px;
}

#order-list .price-summary [class^="icon-"],
#order-list .price-summary [class*=" icon-"] {
	color: #8f8f8f;
	display: inline-block;
	font-size: 36px;
	text-indent: 0;
	height: 40px;
	width: 55px;
	padding-left: 10px;
	float: left;
}

#order-list .price-summary .options {
	width: 234px;
	height: 40px;
	overflow: hidden;
	transition: height .4s ease;
	margin-bottom: 10px;
	-webkit-user-select: none;     
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#order-list .price-summary .options.open {
	height: 130px;
	transition: height .4s ease;
}

#order-list .price-summary .options.open > div:hover {
	background-color: #ececec;
	cursor: pointer;
	transition: background-color .4s ease;
}

#order-list .price-summary .options.open > div.selected {
	background-color: #f9e000;
	transition: background-color .4s ease;
}

#order-list .price-summary .options.open > div:hover [class^="icon-"],
#order-list .price-summary .options.open > div:hover [class*=" icon-"],
#order-list .price-summary .options.open > div.selected [class^="icon-"],
#order-list .price-summary .options.open > div.selected [class*=" icon-"] {
	color: #000;
}

#order-list .price-summary .options > div {
	height: 40px;
	margin-bottom: 5px;
	overflow: hidden;
}

#order-list .price-summary .info h5 {
	margin: 0;
	margin-top: 4px;
	font-weight: 300;
}

#order-list .price-summary .info .desc {
	font-size: 0.9em;
}

#order-list .price-summary .change::after {
	display: block;
	width: 21px;
	height: 48px;
	content: '.';
	overflow: hidden;
	text-indent: 9999px;
	right: -25px;
	top: 7px;
	position: absolute;
	background-image: url(../img/arrows/h.png);
	background-repeat: no-repeat;
}

#order-list .price-summary .change .btn-xs {
	font-size: 0.6em !important;
	color: #024385;
	background: #fff;
	border-color: #024385;
	width: 54px;
	height: 18px;
	line-height: 16px;
}

#order-list .price-summary .change .btn-xs:hover,
#order-list .price-summary .change .btn-xs:focus {
	background-color: #e6e6e6;
	border-color: #a6a6a6;
	color: #000;
}

#order-list .order-summary .heading {
	color: #024385;
	background-color: #fff !important;
	font-weight: 400 !important;
	border-color: transparent !important;
	height: auto !important;
	padding: 0 !important;
}

#order-list .order-summary .row {
	height: 62px;
	border-top: 1px solid #d7d7d7;
	padding-top: 7px;
	padding-bottom: 7px;
	line-height: 47px;
	font-size: 1.3em;
	font-weight: 300;
}

#order-list .order-summary .row span {
	white-space: nowrap;
}

#order-list .order-summary .row .col-link.loading {
	background-repeat: no-repeat;
	background-image: url(../img/loading.gif);
	background-position: 0 center;
	height: 100%;
}

#order-list .order-summary .row .col-link.loading > * {
	display: none;
}

#order-list .order-summary .row .col-link span {
	font-size: 0.7em;
	position: relative;
}

#order-list .order-summary .row .col-link span i {
	width: 24px;
	height: 24px;
	display: inline-block;
	background-image: url("../img/icons.png");
    background-position: 0 -115px;
    background-repeat: no-repeat;
	overflow: hidden;
	text-indent: 9999px;
	position: absolute;
	left: -30px;
	top: -5px;
}

#order-list:after,
#order-list:before {
	top: 100%;
	left: 30%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#order-list:after {
	border-color: rgba(2, 67, 133, 0);
	border-top-color: #024385;
	border-width: 18px;
	margin-left: -18px;
}

#order-list:before {
	border-color: rgba(2, 67, 133, 0);
	border-top-color: #024385;
	border-width: 24px;
	margin-left: -24px;
}

#delivery-times {
	margin-top: 10px;
	position: relative
}

#payment-type {
	margin-top: 0;
}

#delivery-times .arrow-box,
#payment-type .arrow-box {
	display: block;
	width: 35px;
	height: 31px;
	background: url(../img/arrows/g.png) no-repeat;
	position: absolute;
	left: -50px;
}

.checkoutNumber .arrow-box {
	display: block;
	width: 21px;
	height: 48px;
	background: url(../img/arrows/i.png) no-repeat;
	position: absolute;
	left: 65px;
	top: -53px;
}

.checkoutNumber {
	margin-top: 40px !important;
}

.checkoutNumber.inputsInternational.extra {
	margin-top: 0px !important;
}

.checkoutNumber input {
	text-transform: uppercase;
}

#delivery-times div.form-group label,
#payment-type div.form-group label {
	display: inline;
	color: #000;
	white-space: nowrap;

	font-size: 1.2em;
	font-weight: 300;
}

#delivery-times input:disabled + label + label,
#payment-type input:disabled + label + label {
	color: #aaa;
}

#delivery-times input,
#payment-type input {
	display: none;
}

#delivery-times input + label,
#payment-type input + label {
    -webkit-appearance: none;
    display: block !important;
    width: 18px;
    height: 18px;
    background: url(../img/radio-off.png) no-repeat;
    float: left;
    position: relative;
}

#delivery-times .form-group,
#payment-type .form-group {
	margin: 0;
	margin-bottom: 10px;
	clear: both;
	height: 18px;
	position: relative;
	background:#fff;
	z-index: 20;
}

#delivery-times input + label + label,
#payment-type input + label + label {
	display: block !important;
	line-height: 18px;
	padding-left: 20px;
	text-align: left;
	float: left;
	clear: right;
	position: relative;
	background: #fff;
}

#payment-type input + label + label > span.note {
	display: inline-block;
	font-size: 0.6em;
	margin-left: 10px;
	padding: 2px;
	line-height: 1.2em;
	background: #ffff99;
	opacity: 0;

	transition: opacity .4s ease;
}

#payment-type input:checked + label + label > span.note {
	opacity: 1;
}

#delivery-times input:checked + label,
#payment-type input:checked + label {
    background: url(../img/radio-on.png) no-repeat;
}

#delivery-times input:checked:disabled + label,
#payment-type input:checked:disabled + label {
    background: url(../img/radio-on-disabled.png) no-repeat;
}

#delivery-times input:disabled + label,
#payment-type input:disabled + label {
	opacity: 0.7;
}

#discount {
	position: relative;
}

#discount h2 > .success,
#discount h2 > .loading {
	display: none !important;
}

#discount.loading h2 {
	background-image: url(../img/loadingb.gif);
	background-repeat: no-repeat;
	background-position: right;
}

#discount.applied h2 > .delivery-fee {
	text-decoration: line-through;
}

#discount.applied h2 > .success {
	display: inline-block !important;
}

#discount h2 > .success {
	color: #65c03e;
	display: inline-block;
	float: right;
}

#discount h2 > .success::before {
	font-size: 1.0em;
	color: #65c03e;
	display: inline-block;
	margin-right: 20px;
	content: '\f177';
	font-family: FontAwesome;
}

#discount h2 > .success > .msg {
	font-size: 0.6em;
	font-weight: 300;
	display: inline-block;
}

#discount h2 > .success > .delivery-fee::after {
	font-size: 1.0em;
	color: #65c03e;
	display: inline-block;
	margin-right: 20px;
	margin-left: 20px;
	content: '\f00c';
	font-family: FontAwesome;
}

#discount .row {
	margin: 0;
	background-color: #f5f5f5;
}

#discount .form-stretch {
	position: relative;
}

#discount input + label > i,
#postCode input + label > i {
	font-size: 2.4em;
	color: #024385;
	display: inline-block;
	margin-left: 20px;
}

#discount input + label::before,
#postCode input + label::before {
	font-size: 2.4em;
	color: #024385;
	display: inline-block;
	margin-left: 20px;
	content: '\f177';
	font-family: FontAwesome;
	line-height: 35px;
}

#discount input + label > button,
#postCode input + label > button {
	height: 34px;
	margin: -16px -21px 0 20px;
	line-height: 18px;
	font-size: 1.2em;
	font-weight: 400;
	text-transform: capitalize;
}

#postCode input + label > button {
	margin-right: -5px;
	position: relative;
	z-index: 1;
}

#discount input + label > button:hover,
#postCode input + label > button:hover {
	border-color: #000;
}

#checkoutNumber, #checkoutPostcode {
	text-transform: uppercase;
}

#total-cost {
	position: absolute;
	background: #fff !important;
	border: 1px solid #a9a9a9;
	right: -310px;
	top: 35px;
	width: 270px;
	padding: 20px 10px;
}

#total-cost h5 {
	color: #717171;
	font-size: 1.5em;
	margin: 0;
}

#total-cost .price {
	font-size: 4.0em;
	font-weight: 300;
	display: inline-block;
	width: 100%;
	color: #024385;
}

#total-cost .note {
	font-size: 1.1em;
	color: #7d92b3;
}

#total-cost:after,
#total-cost:before {
	right: 100%;
	top: 50px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#total-cost:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 15px;
	margin-top: -15px;
}

#total-cost:before {
	border-color: rgba(169, 169, 169, 0);
	border-right-color: #a9a9a9;
	border-width: 16px;
	margin-top: -16px;
}

@media (max-width:1078px){

	#total-cost {
		right: -290px;
	}
}

@media (max-width:1050px){

	#total-cost {
		right: -270px;
		width: 250px;
	}
}

/* Small Devices */
@media (max-width:992px){

	#checkout > h1,
	#checkout > p {
		text-align: center;
	}

	#order-list .order-summary .row {
		font-size: 1.1em;
	}

	#discount {
		margin-bottom: 150px;
	}

	#total-cost {
		position: absolute;
		right: 0;
		top: 130px;
		border: 1px solid #a9a9a9;
		width: 270px;
	}

	#total-cost:after,
	#total-cost:before {
		/*bottom: 100%;*/
		top: -16px;
		right: 30px;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	#total-cost:after {
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #fff;
		border-width: 15px;
		margin-left: -15px;
		top: -15px;
		right: 31px;
	}

	#total-cost:before {
		border-color: rgba(169, 169, 169, 0);
		border-bottom-color: #a9a9a9;
		border-width: 16px;
		margin-left: -16px;
	}
}

/* Extra Small Devices */
@media (max-width:767px){

	#checkout > div {
		padding-right: 0;
	}

	#checkout > h1 {
		font-size: 2.1em;
	}

	#checkout > p {
		padding-left: 15px;
		padding-right: 15px;
		font-size: 1em;
	}

	#checkout form h2 {
		font-size: 1.7em;
		text-align: center;
		font-weight: 300;
		white-space: nowrap;
		clear: both;
	}

	#checkout form p {
		font-size: 1em;
		text-align: center;
		padding-left: 15px;
		padding-right: 15px;
	}

	#order-list .price-summary {
		margin-left: auto;
		margin-right: auto;
		float: none;
	}

	#order-list::after,
	#order-list::before {
		left: 50%;
	}

	#order-list .order-summary .row > div {
		padding-left: 15px;
		font-size: 0.9em;
	}

	#order-list .order-summary .row .col-link {
		padding-right: 5px;
		font-size: 1em;
		color: #fff !important;
	}

	#order-list .order-summary .row .col-link a {
		display: inline-block;
		width: 1px;
		height: 1px;
		overflow: hidden;
		text-indent: 9999px;
  		/*background-image: url("../img/icons.png");
    	background-position: 0 -115px;
    	background-repeat: no-repeat;*/
	}

	#order-list .order-summary .row .col-link i {
		position: absolute !important;
		top: -9px !important;
		left: 0 !important;
	}

	#discount {
		margin-bottom: 270px;
	}

	#discount h2 {
		text-align: left !important;
		margin-left: 7px;
	}

	#discount .row > div {
		padding-left: 8px;
		padding-right: 8px;
	}

	#discount .form-stretch {
		padding-left: 0;
		padding-right: 0;
	}

	#discount input + label {
		position: absolute;
		top: 75px;
		left: -19px;
	}

	#delivery-times,
	#payment-type {
		font-size: 1em;
		width:290px;
		float: right;
	}

	#discount input + label::after {
		font-size: 2.4em;
		color: #024385;
		display: inline-block;
		margin-left: 20px;
		content: '\f176';
		font-family: FontAwesome;
		line-height: 35px;
		position: absolute;
		left: 215px;
		top: -15px;
	}

	#discount input + label::before {
		display: block !important;
		width: 20px;
		height: 5px;
		background: #024385;
		position: absolute;
		left: 200px;
		top: 14px;
		content: '.';
		overflow: hidden;
		text-indent: 9999px;
	}

	#total-cost {
		left: 9px;
		top: 175px;

	}

	#total-cost::after, #total-cost::before {
		left: 30px;
	}

	#total-cost .price {
		font-size: 3.3em;
	}

	#total-cost h5 {
	    font-size: 1.3em;
	}

	#total-cost .note {
	    font-size: 0.9em;
	}

	.content form div.no-style {
		text-align: center;
	}

	.content form .btn-lg {
		width: 209px;
		height: 50px;
	}
}

@media (max-width:480px){

	#postCode input + label > button {
	    margin-left: 5px;
	    margin-top: -12px;
	    font-size: 1em;
	    font-weight: 500;
	}

	#postCode input + label::before {
	    font-size: 2.0em;
	    margin-left: 5px;
	}
}

@media (max-width:285px){

	#total-cost {
		width: 90%;
		margin-right: 20px;
	}

	#delivery-times,
	#payment-type {
		width: 100%;
	}
}

/* !Exchange Rates */
/* ----------------------------------------------- */

#xchange-rates {
	padding: 0;
}

#xchange-rates .container {
	padding-left: 0;
	padding-right: 0;
}

#xchange-rates .container div:first-child {
	padding-left: 0;
}

#xchange-rates .container div:last-child {
	padding-right: 0;
}

#xchange-rates h2 {
	text-align: left;
	margin-bottom: 10px;
	color: #024385;
	font-weight: 200;
}

#xchange-rates .list {
	overflow: hidden;
	height: 133px;
	transition: height 1.4s ease;
}

#xchange-rates .list.open {
	overflow: hidden;
	height: 1653px;
}

#xchange-rates .list .list-item {

	border-bottom: 1px solid #efefef;
}

#xchange-rates .list .list-item:nth-of-type(odd) {
	background: #f7f7f7;
}

#xchange-rates .list .list-item a {
	padding-top: 4px;
	padding-bottom: 4px;
	display: block;
	color: #000;
	font-weight: 400;
	transition: background-color .4s ease;
	outline: 0;
}

#xchange-rates .list .list-item a:hover {
	cursor: pointer;
	background-color: #f9e000;
}

#xchange-rates .list .list-item a > img {
	float: left;
	margin-top: 2px;
	margin-left: 4px;
}

#xchange-rates .list .list-item a > div {
	margin-left: 40px;
	padding: 2px;
}

#xchange-rates .list .list-item a > div > span {
	display: inline-block;
	text-transform: capitalize;
	font-weight: 300;
}

#xchange-rates .rate {
	float: right;
}

#xchange-rates .list + .more-link {
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 30px;
	outline: 0;
	font-size: 1.3em;
	font-weight: 300;
	color: #000;
	float: right;
	margin-bottom: 10px;
}

#xchange-rates .list + .more-link:hover {
	color: #024385;
}

#xchange-rates .list + .more-link::after {
	display: block;
	color: #024385;
	font-family: FontAwesome;
	content: "\f107";
	font-size: 32px;
	position: absolute;
	top: -10px;
	right: -30px;

	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;

	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
}

#xchange-rates .list.open + .more-link::after {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg); 
	-o-transform:rotate(180deg);
}

/* Small Devices */
@media (max-width:991px){

	#xchange-rates .container div:first-child {
		padding-right: 0;
	}

	#xchange-rates .container div:last-child {
		padding-left: 0;
	}
}

/* Extra Small Devices */
@media (max-width:767px){

	#xchange-rates .container {
		padding-left: 5px;
		padding-right: 5px;
	}

	#xchange-rates .container > div {
		margin-bottom: 50px;
	}

	#xchange-rates h2 {
		text-align: center;
		font-size: 1.6em;
		margin-top: 10px;
	}

	#xchange-rates .list + .more-link {
		font-size: 1em;
	}

	#xchange-rates .list + .more-link::after {
		font-size: 28px;
	}
}

/* !Rate Watch */
/* ----------------------------------------------- */

#rate-watch {
	margin-top: 40px;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 30px;
}

#rate-watch form {
	padding-left: 0;
	padding-right: 0;
	position: relative;
}

#rate-watch .content {
	padding-left: 0;
}

#input-rows {
	padding-left: 15px;
	padding-right: 15px;
}

#input-rows .outer {
	padding: 8px 15px;
    border-bottom: 1px solid #d8d8d8;
    margin-left: -15px;
    margin-right: -15px;
}

#input-rows .row {
    /*font-size: 1.3em;*/
    font-weight: 300;
    /*line-height: 47px;*/
    padding-top: 8px;
    padding-bottom: 8px;
	transition: background-color .4s ease;
	overflow: hidden;
}

#input-rows .row > div:first-child {
	padding-left: 8px;
}

#input-rows .row.active > div.col-currency::after {
    background-image: url(../img/arrows/f.png);
    content: ".";
    display: block;
    overflow: hidden;
    position: absolute;
    height: 52px;
    width: 19px;
    top: -10px;
    right: -9px;
    text-indent: 9999px;
}

#input-rows .row > div:last-child {
	padding-right: 8px;
}

#input-rows .template {
	display: none;
}

#input-rows .heading {
	color: #024385;
    font-weight: 400 !important;
}

#input-rows .btn-box {
    bottom: -90px;
    margin-left: -15px;
    margin-top: 10px;
    padding: 0;
    position: absolute;
}

#input-rows .btn-box button {
	z-index: 99;
}

#input-rows .btn-box div.arrow-box {
    background-image: url("../img/arrows/d.png");
    background-repeat: no-repeat;
    height: 70px;
    left: -47px;
    position: absolute;
    top: -55px;
    width: 31px;
}

#input-rows input {
	height: 34px;
	border-color: #fff;
	width: 100%;
	padding-left: 5px;
	padding-top: 4px;
}

#input-rows .select2-container--default .select2-selection--multiple .select2-selection__choice {
	margin-top: 1px;
}

#input-rows .select2-container--default .select2-selection--multiple {
	border-color: #fff;
}

#input-rows .select2-container--open .select2-selection {
	border-color: #aaa;
	border-top-color: transparent;
}

#submitButtons {
	bottom: -107px;
	position: absolute;
	background-color: transparent;
	width: 240px;
	right: 0;
}

#submitButtons button {
	z-index: 99;
}

/* Small Devices */
@media (max-width:991px){

	#rate-watch {
		margin-bottom: 50px;
	}

	#rate-watch h1 {
		text-align: center;
	}

	#rate-watch #side {
		display: none;
	}

	#rate-watch p {
		padding: 0 5px;
	}

	#input-rows .btn-box {
		left: 50px;
	}
}

/* Extra Small Devices */
@media (max-width:767px){

	#rate-watch {
		margin-top: 20px;
	}

	#input-rows .btn-box {
		margin-left: 8px;
		left: 0;
	}

	#input-rows .btn-box .arrow-box {
		display: none;
	}

	#submitButtons {

		width: 160px;
		right: 8px;
	}

	#submitButtons .btn-lg {
		min-width: 160px;
		width: auto;
	}
}

/* !About Us & Services */
/* ----------------------------------------------- */

div.page {

	padding: 0;
}

div.page .inner {

	padding: 0;
	padding-right: 15px;
}

div.page .inner > div {

	margin-bottom: 5px;
}

div.page .inner > div > h4 {

	margin-bottom: 0;
}

div.page .inner > ol {

	list-style-type: decimal;
	padding-left: 15px;
}

div.page .inner > ol li {

	padding-bottom: 10px;
}

div.page .inner > ol li:last-child {

	padding-bottom: 0;
}

div.page ol li strong,
div.page ul li strong,
div.page span.small,
div.page p strong {

	color: #777;
}

div.page p > p {
	padding-left: 15px;
}

div.page h3 {

	color: #024385;
	font-weight: 300;
}

div.page h4 {

	font-weight: 400;
}

#myAffix {
	width: 100%;
	padding:0;
	background: #f7fbff none repeat scroll 0 0;
	border-top: 5px solid #024385;
	z-index: 100;

	position: absolute;
	top: 0;
}

#myAffix.affix {
	/*margin-top: -184px;*/
	position: fixed;
	top: 0;
}

#myAffix.affix-top {
	top: 0;
}

/*#myAffix.affix-bottom {
	bottom: 502px;
}*/

#myAffix ul li a {

	outline: 0;
}

div.page div.inner section {
	margin-top: 0;
	padding-top: 30px;
}

#clickcollect {

	margin-top: 100px;
}

div.page div.inner .boxes {
	display: block;
	margin-bottom: 20px;
}

div.page div.inner .boxes ul {
	list-style-type: none;
	padding: 0;
	display: block;
	width: 100%;
}

div.page div.inner .boxes li {
	display: table;
	float: left;
	width: 33.3%;
}

div.page div.inner .boxes [class^="icon-"],
div.page div.inner .boxes [class*=" icon-"] {
	font-size: 60px;
	width: 60px;
	float: left;
	overflow: hidden;
	color: #5e88b2;
	margin-right: 10px;
}

div.page div.inner .boxes div.desc h3 {
	
	margin: 0 0 10px 0;
	font-size: 1.25em;
	font-weight: 400;
}

div.page div.inner .boxes div p {
	
	color: #000;
}

div.page div.inner .boxes a {
	display: block;
	padding: 10px 0 10px 0;
	min-height: 120px;
}

div.page div.inner .boxes a:hover,
div.page div.inner .boxes a:active,
div.page div.inner .boxes a:active div {

	transition: background-color .4s ease;
}

div.page div.inner .boxes a:hover,
div.page div.inner .boxes a:active,
div.page div.inner .boxes a:active div {
	text-decoration: none;
	background: #f5f5f5;
}

div.page .collapsable.open + div {
	margin-bottom: 15px;
}

div.page div.side {

	/*background: #f7fbff none repeat scroll 0 0;
    border-top: 5px solid #024385;*/
    float: right;
}

div.page div.side > div {

	padding: 10px 0;
}

div.page div.side ul {

	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.page div.side ul li a {

	font-size: 1.2em;
	font-weight: 300;
	transition: background-color .4s ease;
}

div.page div.side ul li.active a {

	background: #ffff99;
}

div.page .collapsable + div {
	display: none;
	margin-left: 32px;
}

div.page .collapsable span {

	position: relative;
	cursor: pointer;
	padding-left: 32px;
}

div.page .collapsable span::before {

	display: block;
	color: #000;
	font-family: FontAwesome;
	content: "\f107";
	font-size: 32px;
	position: absolute;
	top: -8px;
	left: 0;

	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;

	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
}

div.page .collapsable:hover span,
div.page .collapsable:hover span::before {

	color: #024385;
}

div.page .collapsable.open span::before {

	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg); 
	-o-transform:rotate(180deg);
}

div.page .select2-container--default .select2-selection--multiple .select2-selection__choice {
	margin-top: 0;
}

/* Small Devices */
@media (max-width:991px){

	div.page h1 {
		margin-bottom: 30px;
	}
	
	div.page div.side {
		margin-bottom: 20px;
	}

	div.page div.inner .boxes {
		display: none;
	}

	#myAffix {
		border-top: 0 transparent solid;
	}

	#myAffix ul {
		float: none;
		margin: 0 auto;
	}

	#myAffix ul li {
		display: table;
		float: left;
		width: 33.3%;
		height:50px;
		padding: 0;
		background: #f5f5f5;
	}

	#myAffix li.active {
		background: #024385 !important;
		border: 1px solid transparent;
		position: relative;
	}

	#myAffix li a {
		display: block;
		height: 52px;
		text-align: center;
	}

	#myAffix li.active a {
		background: #024385 !important;
		color: #fff;
		font-weight: 400;
		height: 50px;
	}

	#myAffix li.active:after, #myAffix li.active:before {
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	#myAffix li.active:after {
		border-color: rgba(2, 67, 133, 0);
		border-top-color: #024385;
		border-width: 15px;
		margin-left: -15px;
	}

	#myAffix li.active:before {
		border-color: rgba(255, 255, 255, 0);
		border-top-color: #fff;
		border-width: 16px;
		margin-left: -16px;
	}

	/*div.page div.inner p:first-child {
		padding-top: 70px;
	}*/

	div.page div.inner section {
		margin-top: 0;
		padding-top: 50px;
	}

	#clickcollect {

		margin-top: 60px;
	}
}


/* Extra Small Devices */
@media (max-width:767px){
	
	div.page {
		padding: 0 15px;
	}

	#myAffix {
		z-index: 2;
	}

	/*#myAffix.affix {
		margin-top: -165px;
	}*/

	div.page div.inner section {
		padding-top: 60px;
		z-index: 1;
	}

	div.page .collapsable span {
		font-size: 0.9em;
	}
}

@media (max-width:480px){

	#myAffix ul li a {
		font-size: 0.8em;
		font-weight: 400;
		line-height: 30px;
		padding-left: 5px;
		padding-right: 5px;
	}
}