/* RESPONSIVE GRID SYSTEM =============================================================================  */

/*  IMPORT FONTS  ============================================================================= */


/* BASIC PAGE SETUP ============================================================================= */

body { 
margin : 0 auto;
padding : 0;
font-family: proxima-nova, sans-serif; 
font-style: normal;
color : #121212; 
text-align: center;
font-weight: 400;
}

button, 
input, 
select, 
textarea { 
font-family: proxima-nova, sans-serif; 
color: inherit;
}



/*  TYPOGRAPHY  ============================================================================= */

p, ol, ul, dl, address { 
margin-bottom : 1.5em; 
font-size : 1em; /* 16 / 16 = 1 */ }

p {
hyphens : auto;  }





ul, 
ol { 
margin : 0 0 1.5em 0; 
padding : 0 0 0 24px; }

li ul, 
li ol { 
margin : 0;
font-size : 1em; /* 16 / 16 = 1 */ }

dl, 
dd { 
margin-bottom : 1.5em; }

dt { 
font-weight : normal; }

b, strong { 
font-weight : bold; }

hr { 
display : block; 
margin : 1em 0; 
padding : 0;
height : 1px; 
border : 0; 
border-top : 1px solid #ccc;
}

small { 
font-size : 1em; /* 16 / 16 = 1 */ }

sub, sup { 
font-size : 75%; 
line-height : 0; 
position : relative; 
vertical-align : baseline; }

sup { 
top : -.5em; }

sub { 
bottom : -.25em; }

.subtext {
	color: #666;
	}

/* LINKS =============================================================================  */

a { 
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: none;
}



/* IMAGES ============================================================================= */

img {
border : 0;
max-width: 100%;}

img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }


/* TABLES ============================================================================= */

table { 
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 1.4em; 
width : 100%; }

th, td, caption { 
padding : .25em 10px .25em 5px; }

tfoot { 
font-style : italic; }

caption { 
background-color : transparent; }

/* FORMS ============================================================================= */

form { 
margin : 0; }

fieldset { 
margin-bottom : 1.5em; 
padding : 0; 
border-width : 0; }

legend { 
*margin-left : -7px; 
padding : 0; 
border-width : 0; }

label{
font-weight : normal;
cursor : pointer;
display:block;
margin:10px 0 0 0;
position:relative;
top:0;
left:0;
}

	label.inline{
	display:inline;
	margin:0;
	}
	
	label span{
	color:#666;
	font-size:0.9em;
	}
	
	label span.right{
	position:absolute;
	bottom:0;
	right:1em;
	text-align:right;
	}
	
	label.disabled{
	color:#ccc;
	}


button, 
search,
input, 
select, 
textarea { 
font-size : 100%; 
margin : 0; 
vertical-align : baseline; 
*vertical-align : middle; }

button, input { 
line-height : normal; 
*overflow : visible; }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
padding: 0.5em 1em;
margin: 0 0 1em 0;
cursor : pointer; 
}

input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
	box-sizing : content-box;
}

button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0;  }


input{
display:block;
width:100%;
margin:0 0 0 0;
border:1px solid #ccc;
font-size:1em;
padding:.8em 1em;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#fff;
box-sizing: border-box;
font-weight: 300;
-webkit-appearance: none;

}

	input::-webkit-input-placeholder,
	input:-moz-placeholder,
	.placeholder{
	color:#bbb;
	}
	
	input::-moz-focus-inner {border:0;}

	input[disabled="disabled"], input.disabled{
	color:#999;
	background:#f5f5f5;
	-moz-box-shadow:inset 0px 0px 2px #ddd;
	-webkit-box-shadow:inset 0px 1px 2px #ddd;
	box-shadow:inset 0px 1px 2px #ddd;
	}
	
textarea{
display:block;
width:100%;
margin:0;
border:1px solid #ccc;
font-size:1em;
padding:.8em 1em;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#fff;
box-sizing: border-box;
font-weight: 300;

height:200px;	
overflow : auto; 
vertical-align : top;
	resize: none;
}


select{
display:block;
width:100%;
margin:0;
border:1px solid #ccc;
font-size:1em;
padding:.8em 1em;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#fff;
box-sizing: border-box;
font-weight: 300;
}


/* Colors for form validity */
input:valid, 
textarea:valid   {  
/* Styles */ }

input:invalid, 
textarea:invalid {
-webkit-box-shadow : 0 0 2px #f00; 
-moz-box-shadow : 0 0 2px #f00;
box-shadow : 0 0 2px #f00; }

.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid {
background-color : #ccc; }

/*Select */
select {-webkit-appearance: none!important; border-radius:3px!important; 	
 background-image:
    linear-gradient(45deg, transparent 50%, #000000 50%),
    linear-gradient(135deg, #000000 50%, transparent 50%),
    linear-gradient(to right, #e8e8e8, #e8e8e8);
  background-position:
    calc(100% - 20px) calc(1em + 6px),
    calc(100% - 15px) calc(1em + 6px),
    100% 0;
  	background-size:
    5px 5px,
    5px 5px,
    2.7em 3em;
  	background-repeat: no-repeat;
	padding-right: 50px;
}




/*  MAIN LAYOUT	============================================================================= */

		.maincontent{
				clear: both;
				width: 90%; /* 1000px / 1250px */
				max-width: 90em; /* 1200px / 13 */
				margin: 0 auto;
				padding: 1em 0px;
			
				line-height: 1.5em;
				position: relative;
			}

	

/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}




/*  COLUMNS  ============================================================================= */

.twocolumns{
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
  }

/*  BUTTONS  ============================================================================= */






/*  GLOBAL OBJECTS ============================================================================= */

.breaker { clear: both; }

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}


.floatleft {
    float: left;
}

.floatright {
    float: right;
}


/* VENDOR-SPECIFIC ============================================================================= */

html { 
-webkit-overflow-scrolling : touch; 
-webkit-tap-highlight-color : rgb(52,158,219); 
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%; }

.clearfix { 
zoom : 1; }

::-webkit-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::-moz-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
-webkit-appearance : button; }

::-webkit-input-placeholder {
font-size : .875em; 
line-height : 1.4; }

input:-moz-placeholder { 
font-size : .875em; 
line-height : 1.4; }

.ie7 img,
.iem7 img { 
-ms-interpolation-mode : bicubic; }

input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box; }

button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0; }

p {
/* http://www.w3.org/TR/css3-text/#hyphenation */
-webkit-hyphens : auto;
-webkit-hyphenate-character : "\2010";
-webkit-hyphenate-limit-after : 1;
-webkit-hyphenate-limit-before : 3;
-moz-hyphens : auto; }




/* Developmet Set Up*/
/* Colors*/
.cred { color:#e4002b;}
.cwhite {color:#fff;}
.cblue { color: #07266c;}


.link { color:#e4002b;}
/* Headings */
h1 { font-size: 45px; line-height: 110%; font-weight: 800; margin-bottom:25px;}
h2 { font-size:40px; line-height: 110%; font-weight: 600; margin-bottom:25px;}
h3 {text-transform:uppercase; font-size:30px; }

h4 { font-size: 20px;}

.page-title { font-size: 55px; line-height: 110%; font-weight: 800;  color:#e4002b ; margin-bottom: 15px; margin-top: 0;}

.homepage-title { font-weight:800; text-transform: uppercase; letter-spacing: 1px;}

.seo-h2 {font-size: 45px; line-height: 110%; font-weight: 800; margin-bottom:25px}
.seo-h3 { text-transform:none; margin-bottom: 25px; font-weight: 600;}

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color: #fff!important;
	padding: .8em 1.2em;
	margin: 1px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	 border-radius:8px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-transform: uppercase;
	font-size:18px;
	letter-spacing:1px;
	font-weight: 700;
}

.but-red { background: #e4002b;}
.but-red:hover { background: #d4062d;}
.clearance-button-holder { margin:40px 0 10px;} 

.but-clear { color:#e4002b!important; background:none; font-size:16px; font-weight: 400; text-transform: none; padding: 0; margin: 0;}

.but-clear-nomargin  { padding:0!important;}

.but-blue { background: #012169;}
.but-blue:hover { background: #041f5d;}


.header-wrapper { 
	padding: 50px 0; -webkit-box-shadow: 0px 9px 5px -8px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 9px 5px -8px rgba(0,0,0,0.1);
	box-shadow: 0px 9px 5px -8px rgba(0,0,0,0.1);
	border-bottom:0px solid #f1efef;
}

.services-wrapper { padding:60px 0; margin-top: 80px;}
.services-details-wrapper { padding:60px 0 20px; background: #ededed;}

.services-subtitle {font-size:40px; line-height: 100%; margin:0 auto 30px;  font-weight: 600; letter-spacing: 1px;}

.services-info-desc-holder { margin: 0pt auto; max-width:960px; padding-top:20px;}

/* Services Tables */
.table {
    display: table;
    width: 100%;
}

.row {
    display: table-row;
}

.cell {
    display: table-cell;
    width: 25%;
    border-bottom: 1px solid #d8d8d8;
    border-right:1px solid #d8d8d8;
	border-top: 1px solid #d8d8d8;
	border-collapse: collapse;
	padding: 30px 0 60px;
	vertical-align:middle;
	
	/*-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease; */
	cursor: pointer;
	text-align: center;
}
.cell:first-child {border-left: 1px solid #d8d8d8}


.services-list-holder {}
	.services-list-icon { height:150px; width:150px; margin:0 auto;}
	

.table .cell:first-child .services-list-icon  { background: url("../images/icon-ser-post.png") no-repeat center center;}
.table .cell:nth-child(2) .services-list-icon  { background: url("../images/icon-ser-air.png") no-repeat center center;}
.table .cell:nth-child(3)  .services-list-icon  { background: url("../images/icon-ser-sea.png") no-repeat center center;}
.table .cell:last-child .services-list-icon  { background: url("../images/icon-ser-shopmate.png") no-repeat center center;}
.tbl-button { color:#1c1c1c; font-weight: 600; font-size: 20px; background: url("../images/arrow.png") no-repeat center right; padding-right:40px; 
}

.table .cell:hover .tbl-button{color: #fff; background: url("../images/arrow-white.png") no-repeat center right;}

.table .cell:hover:first-child .services-list-icon{background: url("../images/icon-ser-post-white.png") no-repeat center center;}
.table .cell:hover:nth-child(2) .services-list-icon{background: url("../images/icon-ser-air-white.png") no-repeat center center;}
.table .cell:hover:nth-child(3) .services-list-icon{background: url("../images/icon-ser-sea-white.png") no-repeat center center;}
.table .cell:hover:last-child .services-list-icon{background: url("../images/icon-ser-shopmate-white.png") no-repeat center center;}

.cell:hover {background:#012169; }
.current-serv {background:#012169!important;}



/*Services Inside*/
.inside-services-wrapper { background: #f8f8f8;  margin-top:95px;}

	.inside-services-listings {list-style-type: none; padding: 0; margin: 0;}
	.inside-services-listings  li {display: inline-block; text-align: center; letter-spacing: 1px;}
	.inside-services-listings  li:before {content: '|'; color: #e5e9ed;}
	.inside-services-listings  li:first-child:before {content: ' '; color: #b8093b;}
	.inside-services-listings  li  a { color: #acacac; font-size: 18px;  padding: 0 50px; font-weight:400;}
	.inside-services-listings  li  a:hover { color:#e4002b;}
	.inside-services-listings  li:first-child a{ padding-left: 0;}
	.inside-services-listings  li:last-child a { padding-right: 0;}

	.inside-services-listings li a span {display: inline-block; height:25px; width:25px; vertical-align: middle; margin-right:5px;}
	
	.inside-services-listings li:first-child a span { background: url("../images/icon-ser-post.png") no-repeat center center; background-size: 26px;}	
    .inside-services-listings li:nth-child(2) a span { background: url("../images/icon-ser-air.png") no-repeat center center; background-size: 20px;}
	.inside-services-listings li:nth-child(3) a span { background: url("../images/icon-ser-sea.png") no-repeat center center; background-size: 20px;}

	.inside-services-listings li:last-child a span { background: url("../images/icon-ser-shopmate.png") no-repeat center center; background-size: 20px;}
		

/*HOW IT WORKS TAB*/
.how-it-works-holder { padding:30px 0 0 0}
.how-it-works-listings  { padding:0 15px;}
	.how-it-works-icon { height: 115px; width:115px; display: inline-block; margin: 0 auto 20px;}
	.icon-logde {background: url("../images/how-it-works-icon1.png") no-repeat center center;}
	.icon-clear {background: url("../images/how-it-works-icon2.png") no-repeat center center;}
	.icon-post{background: url("../images/how-it-works-icon3.png") no-repeat center center;}
	.icon-notice{background: url("../images/how-it-works-icon4.png") no-repeat center center;}
	.icon-invoice{background: url("../images/how-it-works-icon5.png") no-repeat center center;}
	.icon-cc{background: url("../images/how-it-works-icon6.png") no-repeat center center;}
	.icon-fees{background: url("../images/how-it-works-icon7.png") no-repeat center center;}


	.how-it-works-title {  color:#121212; font-weight:700; font-size: 20px; margin-bottom: 20px;}
		.how-it-works-number { display: inline-block; padding:5px 13px;  color: #fff; background:#012169; border-radius:3px;}

.cc-notice { text-align: center; margin-bottom: 10px;}
.cc-notice img { 
	max-width:150px; 
	-webkit-box-shadow: -1px 7px 5px -4px rgba(0,0,0,0.55);
	-moz-box-shadow: -1px 7px 5px -4px rgba(0,0,0,0.55);
	box-shadow: -1px 7px 5px -4px rgba(0,0,0,0.55);
	border:2px solid #dedede;
}

/* WHY CHOOSE US */
.why-choose-us-wrapper {
	padding:90px 0 40px;
	background: url("../images/bg-whychoose-us.jpg") no-repeat;
	background-size: auto auto;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
}

.why-choose-us-list-holder {}
.why-choose-us-list-holder .icon {margin:0 auto 10px; height:100px; width:100px; display:inline-block; }


.icon-professional{ background: url("../images/icon-professional.png") no-repeat center center;  background-size:90px;}
.icon-reliable { background: url("../images/icon-reliable.png") no-repeat center center; background-size:80px;}
.icon-trusted { background: url("../images/icon-trusted.png") no-repeat center center; background-size:80px;}


.icon-professional2{ background: url("../images/icon-professional2.png") no-repeat center center;  background-size:90px;}
.icon-reliable2 { background: url("../images/icon-reliable2.png") no-repeat center center; background-size:80px;}
.icon-trusted2 { background: url("../images/icon-trusted2.png") no-repeat center center; background-size:80px;}


.why-choose-us-list-holder h4{ margin-bottom:20px;}

/* DO I NEED*/
.do-i-need { padding:90px 0 40px;background: #ededed;}

/* CONTENT */

.body-content-holder { padding: 60px 0; margin-top:95px;}
.with-services { margin-top:0!important;}
/* BOTTOM NAV */
.botton-nav-holder {padding:20px 0; background:#ededed;}
	.bottom-nav-listings {list-style-type: none; padding: 0; margin: 0;}
	.bottom-nav-listings li {display: inline-block; text-align: center;}
	.bottom-nav-listings li:before {content: '/'; color: #b8093b;}
	.bottom-nav-listings li:first-child:before {content: ' '; color: #b8093b;}
	.bottom-nav-listings li  a { color: #121212; font-size: 17px;  padding: 0 50px;}
	.bottom-nav-listings li  a:hover { text-decoration: underline; color: #b8093b;}
	.bottom-nav-listings li:first-child a{ padding-left: 0;}
	.bottom-nav-listings li:last-child a { padding-right: 0;}


/* FOOTER */
.footer-wrapper { padding: 30px 0;}

	.footer-listing {}
	.footer-listing {list-style-type: none; padding: 0; margin: 0;}
	.footer-listing li {display: inline-block; text-align: center;}
	.footer-listing li  a { color: #121212; font-size: 15px;  padding: 0 20px; font-weight:300;}
	.footer-listing li  a:hover { text-decoration: underline; color: #b8093b;}
	.footer-listing li:first-child a{ padding-left: 0;}
	.footer-listing li:last-child a { padding-right: 0;}

.sub-footer-holder { font-size:14px; font-weight:300; padding: 50px 0 0 0}
.powered-holder { vertical-align: middle; margin-bottom:20px;}
	.powered-holder img{ vertical-align: middle; margin: 0 10px;}

/* FIX PAGE */

.clearances-page-wrapper {  }
.clearances-page-wrapper .maincontent { position: relative; padding: 0;}

.clearances-page-holder  { display: table; width: 100%;}
.clearances-page-holder-row { display: table-row;}

.clearances-left { 
	display: table-cell; 
	width:55%; 
	box-sizing:border-box;
	padding:50px 40px 30px 0;
	vertical-align:top;
	text-align:left;
	}

.clearances-right { 
	display:table-cell; 
	width: 45%; 
	background:#f4f4f4; 
	box-sizing: border-box;
	vertical-align:top;
		text-align: left;
	-webkit-box-shadow: -4px 0px 10px -3px rgba(0,0,0,0.22);
	-moz-box-shadow: -4px 0px 10px -3px rgba(0,0,0,0.22);
	box-shadow: -4px 0px 10px -3px rgba(0,0,0,0.22);
	padding:120px 40px 30px 40px;
	}



.clearances-logo { margin-bottom:40px; text-align: center;}
.clearances-logo img { max-width:350px;}

.clearances-title { text-transform: uppercase; color:#121212; font-weight: 700; font-size:30px; text-align: center; margin-bottom: 30px;}

.clearances-right-content { background: #fff; padding:30px;  margin-bottom: 30px;}
.clearances-title-services { color:#e4002b; font-weight: 700; font-size:20px; text-align: center; margin-bottom: 20px;}

.clearances-services-selection-holder { text-align: left; margin:0 auto 30px;}

.info-holder { border: 3px dashed #dedede; padding: 20px; margin-bottom: 30px; text-align: left;}
.clearances-right-content  .info-holder { border: 0; border-bottom:1px solid #dedede; padding:0;}

.ausfta { padding:20px; background: #fff; margin-bottom:30px;}

.small-p { font-size: 13px;}


.clearance-form-holder {background: #f6f6f6; padding:20px 20px; border:1px solid #d8d8d8; box-sizing: border-box; margin-bottom: 20px;}
.clearance-form-holder h6 { font-weight:700; font-size:22px; padding-bottom:10px; margin-bottom: 10px; border-bottom:2px dotted #dedede; color:#07266c;}

.tbl-form-holder { margin-bottom: 0;}
.tbl-form-holder td { vertical-align: top; padding:5px 0;}
.tbl-form-holder td  table { vertical-align: top; padding: 0; margin-bottom: 0;}
.tbl-form-holder td  table td { padding: 0;}

.tbl-form-vertical-middle td  { vertical-align: middle;}


.tbl-form-two-columns td {width: 50%; box-sizing:border-box;}
.tbl-form-two-columns td:first-child {padding-right:15px;}
.tbl-form-two-columns td:last-child {padding-left:15px;}

.col-merges td{padding-left:0!important; padding-right: 0!important;}


.tbl-pricing {}
.tbl-pricing td:last-child { text-align: right;}

#txtPhysicalAddress { max-height:100px;}

#rblAUFSTASection td { display: block; width: 100%; position: relative; }
#rblAUFSTASection td input[type="radio"] { width:10%;vertical-align:top; }
#rblAUFSTASection td label { display: inline-block!important; margin-top: -5px!important; padding: 0!important; width: 90%!important}

#rblDutyExemption td:first-child{ width: 90px;}

#rblSupplier {}
#rblSupplier td { display: block; width: 100%; position: relative; }
#rblSupplier td input[type="radio"] { width:10%; vertical-align:middle; }
#rblSupplier td label { display: inline-block!important; margin-top: -5px!important; padding: 0!important; width: 90%!important}


/* JOHN INPUTS*/
/*Check box*/

input[type="submit"] {border:0; width: auto; padding: .7em 1em;}
input[type="checkbox"] { width: auto; display: inline-block;}

.form-styling input[type="checkbox"] {border:2px solid #c5c4c3; padding:8px;  width: auto!important; margin-top: 0!important; border-radius:none;}
.form-styling input[type="checkbox"]:checked { background:#ed022d!important; width: auto!important; border:2px solid #ed022d;}

.form-styling input[type="checkbox"] + label {
    display:inline-block!important;
    vertical-align: baseline;
    margin-left: .5rem;
    margin-right: 1rem;
    margin-bottom: 0;
	width: auto!important;
}


.form-styling input[type="checkbox"]:focus {outline: 0;}
.form-styling input:focus {outline:0;}

/* Radio*/
.form-styling input[type="radio"] {border:2px solid #c5c4c3;padding:5px; border-radius: 100%; width: auto!important; margin-top: 0!important;}
.form-styling input[type="radio"]:checked { background:#ed022d!important; width: auto!important; border:2px solid #ed022d;}

.form-styling input[type="radio"] + label {
    display:inline-block!important;
    vertical-align: baseline;
    margin-left:0;
    margin-right: .5rem;
    margin-bottom: 0;
	width: auto!important;
}

.form-styling input[type="radio"]:focus {outline: 0;}
.form-styling input:focus {outline:0;}


.form-styling input[type="radio"]{display: inline-block!important; width: auto; margin-right: 5px; margin-top: 0; margin-bottom: 0;}
.form-styling label {display: inline-block; margin: 0;}

.submit-button-holder { text-align: center; margin: 10px 0;}

/* Australia Post */

#btnAddCustomsReference { margin-bottom: 0!important;}
#pnlCustomsReference input[type="submit"]
		{ 
		color:#e4002b !important; 
		padding:0!important; 
		margin: 0!important; 
		background: none;
		font-size: 13px;
		font-weight: 400;
		text-transform: none;
		
		}
#btnAddTrackingNumber { margin-bottom: 0!important;}
#pnlTrackingNumber input[type="submit"]
		{	
		color:#e4002b !important; 
		padding:0!important; 
		margin: 0!important; 
		background: none;
		font-size: 13px;
		font-weight: 400;
		text-transform: none; 
		}

/* Login - Forgot Password */
.login-form-holder {background: #f6f6f6; padding:20px 20px 10px 20px; border:1px solid #d8d8d8; box-sizing: border-box;  max-width: 500px; margin:20px auto; text-align: left;}

/* User logins */
.user-login-details-holder { display: block; margin-top: -10px;}
.user-login-details-holder ul {margin:0; padding:0}
.user-login-details-holder ul li a {margin:0; font-size:11px; padding:0 0 0 10px; text-transform: uppercase; font-weight: 500;}


/* User Sign up */
.sign-form-holder {background: #f6f6f6; padding:20px 20px 10px 20px; border:1px solid #d8d8d8; box-sizing: border-box;  max-width: 500px; margin:20px auto; text-align: left;}

/* User Profile */
.profile-holder { box-sizing: border-box; text-align:left; position: relative;}
.tbl-profile {}
.profile-holder .col {text-align: left!important;}

.contact-head {}
.call-us-holder {padding:0; margin:0;}
.call-us {font-weight:600; font-size:18px;}



/* Table Transactions */
.tbl-trans-holder {}
.tbl-trans-holder  thead td { background:#012169; color: #fff; font-weight: bold; padding:15px 10px; text-align: left; font-size: 17px;}
.tbl-trans-holder  tbody td { text-align: left; padding:10px;}
.tbl-trans-holder  tbody tr:nth-child(even)  td{ background:#dedede;}
.tbl-trans-holder  td a { color:#121212; text-decoration: underline; font-size:13px;}

/* Detailed Transactions */
.tbl-detailed-trans {}
.tbl-detailed-trans td {border:1px solid #dedede; border-collapse: collapse; padding: 10px; text-align: left;  }
.tbl-detailed-trans td:first-child { background:#f6f6f6; width:25%;}
.tbl-detailed-trans td a { color:#e4002b; text-decoration: underline;}
.tbl-no-bg{ background: none!important;}
.tbl-detailed-trans-heads {font-weight: 700; font-size: 22px; padding-bottom:0; margin-bottom:0; color: #07266c;}

/* LIstsings */

.ullist { display: inline-block; text-align: left;}
.ullist li {}


.hr-line {height:1px; display:block; background:#d8d8d8; padding:0; margin:50px 0;}

.customs-clearance-holder {border:1px solid #dedede; padding:35px 25px 0 25px;}
.cch-left { }
.cch-right { }

.faq-listings {list-style-type: none; }
.faq-listings li h2 a {color:#121212!important;}
.faq-listings li h2 a:hover {color:#e4002b!important;}
.faq-listings li h2  { font-size:20px;}
.faq-listings-2  li  {  padding: 5px 0;}
.faq-listings-2  li h2  { font-size:16px; font-weight: 400; margin: 0;}

.contact-form-holder { padding:25px 15px 0 15px;  background:#f3f3f3; margin:0pt auto; max-width:500px;}
.contact-form-holder {}
.contact-form-table td { text-align: left; vertical-align: middle;}
.contact-form-table td:first-child { width:35%;}
.rdf { color:#e4002b;}
.cc-code2 { font-size:30px; font-weight:800; padding-top: 10px;}

.notification-error {color:#e4002b; font-weight: bold;}


.eta-holder { color:#09af6b}


iframe .news-details-holder{ font-size: 40px!important;} 

.tty {padding: 20px; border: 1px  solid #dedede; margin-bottom: 20px; font-weight: bold; color: green;}



.ui-autocomplete { list-style-type: none; left: 0; background:#fff; max-width:250px; padding:10px 20px; border-radius: 3px; overflow-y: scroll; max-height:150px;}
.ui-autocomplete li { text-align: left; cursor: pointer; padding: 5px 0}
.ui-helper-hidden-accessible {opacity: 0;}

.bt-ft { font-size: 10px; border-top:1px dashed #dedede; padding-top: 10px;}
.bt-ft a { text-transform:uppercase; font-size:12px; margin:0 15px;}


/* LIGHT BOX */
/*
a.lightbox img {
height: 150px;
border: 3px solid white;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
margin: 94px 20px 20px 20px;
}
*/
/* Styles the lightbox, removes it from sight and adds the fade-in transition */

.lightbox-target {
position: fixed;
top: -100%;
width: 100%;
background: rgba(0,0,0,.7);
width: 100%;
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
overflow: hidden;
		z-index: 9999;
}

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */

.lightbox-target img {
margin: auto;
position: absolute;
top: 0;
left:0;
right:0;
bottom: 0;
max-height: 0%;
max-width: 0%;
border: 0px solid white;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
box-sizing: border-box;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
	z-index: 9999;
padding: 50px;
}

/* Styles the close link, adds the slide down transition */

a.lightbox-close {
display: block;
width:50px;
height:50px;
box-sizing: border-box;
background: white;
color: black;
text-decoration: none;
position: absolute;
top: -80px;
right: 0;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:before {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:after {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */

.lightbox-target:target {
opacity: 1;
top: 0;
bottom: 0;
}

.lightbox-target:target img {
max-height: 100%;
max-width: 100%;
}

.lightbox-target:target a.lightbox-close {
top: 0px;
}

.fee-tables {width: 100%;  max-width: 900px; margin: 0pt auto;}
.fee-tables td, .fee-tables th{ border-collapse: collapse; border:1px solid #dedede; padding:15px 10px; text-align: left;}
.fee-tables th { background: #dedede;}
.fee-tables tr td:nth-child(3) { width: 200px;}


/* UPdates April 2, 2020 */

.mobile-contact-view {display: none;}


/* Updates May 19, 2020*/
.assist-book-holder { padding:15px 15px 1px 15px!important; box-sizing: border-box; background: #eaeaea; margin-bottom: 15px;}
.ast-title { color:#e4002b;}
.assist-book-holder .link {text-decoration:underline;}
.ast-fee {font-size:13px; color:#373737;}

.ifyesans {font-size:13px!important; color:#000!important;font-weight:400; }
.ifyesans a {color:red!important;}

.hline {margin:10px 0; background:#dedede; display: block; box-sizing: border-box; height:1px; }

p a {color:#e4002b; text-decoration:underline;}


/* Calculator */

.tbl-calc-holder { background:#ecebeb; padding:30px; width:100%; max-width:500px; margin: 0pt auto; border-radius:10px;}
	.tbl-duty-calc {}
	.tbl-duty-calc td {padding:10px; vertical-align:middle!important;}
		.tbl-duty-calc td:first-child {text-align: right}
		.tbl-duty-calc td:nth-child(2) {text-align: right; padding-right:0; color:#515151;}
		.tbl-duty-calc td:last-child {text-align:left}
	.tbl-duty-calc tr:last-child td {font-weight:800;  background:#e4002b; color:#ffffff;}

.tbl-duty-calc input {max-width:120px}


/*Blink Button*/

.blink-button {
 -webkit-animation: change-bg 1s infinite;  /* Safari 4+ */
  -moz-animation:  change-bg 1s infinite;  /* Fx 5+ */
  -o-animation: change-bg 1s infinite;  /* Opera 12+ */
  animation:  change-bg 1s infinite;  /* IE 10+, Fx 29+ */
}

@keyframes  change-bg{
		0%, 49% {
    background: rgb(1, 33, 105);
   
  }
  50%, 100% {
    background: #224ca9;

  }
	}