/*
BREAKPOINTS
	.col-xs-	< 768px		(container width 1200px Paddingleft 15px, PaddingRight 15px)
	.col-sm-	> 768px		
	051023
*/

body { 
	color: #404040; 
	font-family: "Open Sans", Arial, Helvetica, sans-serif; 
	line-height: 22px;
	font-size:15px;
}
body, nav.sub ul{
    background-color: #f6f6f6;
}
.color-primary {color:#dc291e;}
.bg-primary { background-color:#dc291e;}
.bg-grey { background-color:#f6f6f6;}
.bg-grey-eee { background-color:#eeeeee;}
.bg-white { background-color:#ffffff;}
.color-white{color:#ffffff;}
.pagebgWhite { 
    position: relative;
    background-color: #fff;
    box-shadow: 0 1px 5px -1px #ccc;
	display:inline-block;
	padding:42px;
}
.pagebgBlue { background-color:#003184;}
.boxWhite { background-color:#ffffff; border:solid 1px #eeeeee; padding-top:22px; padding-bottom:22px; margin-bottom:22px; border-radius:4px}
.boxGrey { background-color:#eeeeee; border:solid 1px #cccccc; padding-top:22px; padding-bottom:22px; margin-bottom:22px}
.pBlue {color:#3a5dae}

h1, h2, h3, h4 {
    margin-top: 0px ;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
h2, h3 {
    line-height: 1.2;
    text-transform: none !important;
}
h4, h5, h6 {	
	line-height: 1.4;
}
h1 {line-height: 1.4;}
h2{	margin-bottom:22px;}
h4{	
	font-size:20px; 
	margin-bottom:12px;
}
h4.subheading {color: #707070;  }
h4 sup { font-size:12px}
.img-responsive { width:100%;}
img {max-width: 100%; height: auto !important;}
a { outline: medium none !important; color:#505050}
a:hover, a:focus {
    color: #505050;
}
p a { text-decoration:underline;}
p a:hover { text-decoration:none; color:#000000;}

.smtxt9{ font-size:9px}
.smtxt10{ font-size:10px}
.smtxt11{ font-size:11px; line-height: 1.4}
.lgtxt {font-size:18px}
.subHeading{padding-top:18px}

.colwhite {color:#FFFFFF}

hr {
	margin-top: 12px;
    margin-bottom: 12px;   
}
.hrMarginMed{
    margin-bottom: 32px;
    margin-top: 32px;
}
.txtac { text-align:center}
.hrfw { border-color: #cccccc }
.hrGrey2 { border-color: #dddddd }

.articleSubHeading{ margin-top: 32px;}

.list-arrow-p li {
    list-style: outside none none;
    margin-left: -8px;
    padding-left: 0px;
	padding-bottom: 8px;
}
.list-arrow-p li:before {
   content: "\f105";
  font-family: 'FontAwesome';
  float: left;
  margin-left: -12px;
}
.list-arrow-pWhite li {
   list-style: outside none none;
    margin-left: -30px;
    padding-bottom: 10px;
    padding-left: 16px;
	color:#fff;
}
.list-arrow-pWhite li:before {
   content: "\f105";
  font-family: 'FontAwesome';
  float: left;
  margin-left: -12px;
  color:#ffffff;
}

.cardpanelImage{ padding-bottom:14px}
.cardpanelText{ padding-bottom:18px; min-height:170px;}
.canvas-white {
    padding:24px;
    background-color:#ffffff;
}
@media (max-width:767px) {
    .canvas-white {
        padding: 8px;
    }
}

/* Buttons----------- */

.btn { 
	font-family:  "Open Sans", Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding: 8px, 12px !important;
}
.btn-lg {
    padding: 10px 16px;
}

.btn-primary {
    background-color: #dc291e !important;
    color: #ffffff;
	border-color:#dc291e;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: #c01504 !important;
    color: #ffffff;
	border-color:#dc291e;
    }

.btn-orange {
     background-color: #ff6633;
     border-color: #ff6633;
     color: #ffffff; font-family: fastway_regularregular;
}
.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange {
     background-color: #fb4f04;
     border-color: #fb4f04;
     color: #ffffff;
}

.btn-fwblue {
     background-color: #003184;
     border-color: #003184;
     color: #ffffff; font-family: fastway_regularregular;
}
.btn-fwblue:hover, .btn-fwblue:focus, .btn-fwblue:active, .btn-fwblue.active, .open .dropdown-toggle.btn-fwblue {
     background-color: #c01504;
     border-color: #c01504;
     color: #ffffff;
}
.btn-red {
    background-color: #dc291e;
    color: #ffffff;
}
.btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .open .dropdown-toggle.btn-red {
     background-color: #c01504;
     color: #ffffff;
    }
.btn-grey {
    background-color: #363638;
    color: #ffffff;
}
.btn-grey:hover, .btn-grey:focus, .btn-grey:active, .btn-grey.active, .open .dropdown-toggle.btn-grey {
     background-color: #2f2f30;
     color: #ffffff;
    }
.btn-outline {
	background-color: transparent;
    color: #ffffff;
	border:solid 1px #ffffff;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active, .open .dropdown-toggle.btn-outline {
	color: #ffffff;
	background-color: rgba(200,200,200,0.2);
	border-color: #ffffff;
    }
.btn.btn-outline.btn-lg { padding: 8px 14px; }
.btn-outline-primary {
	background-color: transparent;
    color:  #dc291e;
	border:solid 2px #dc291e;
	padding: 5px 10px;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .open .dropdown-toggle.btn-outline-primary {
        background-color: #dc291e;
	 	color:#ffffff;
		text-decoration:none;
    }
.btn.btn-outline-primary.btn-lg { padding: 8px 14px; }
.btn-default.btn-lg { border: solid 2px #cccccc; color:#808080 }
.btn-outline-grey {
	background-color: transparent;
    color: #363638;
	border:solid 2px #363638;
}
.btn-outline-grey:hover, .btn-outline-grey:focus, .btn-outline-grey:active, .btn-outline-grey.active, .open .dropdown-toggle.btn-outline-grey {
        background-color: #363638;
	 	color:#ffffff;
    }
.btn-outline-grey-sm {
	background-color: transparent;
	color: #363638;
	border: solid 1px #363638;
}
.btn-outline-grey-sm:hover {
	background-color: #363638;
	color: #ffffff;
	}
.btn-border-1px {
	border: solid 1px;
}
.btn-outline-blue {
	background-color: transparent;
    color: #003184;
	border:solid 2px #003184;
}
.btn-outline-blue:hover, .btn-outline-blue:focus, .btn-outline-blue:active, .btn-outline-blue.active, .open .dropdown-toggle.btn-outline-blue {
        background-color: #003184;
	 	color:#ffffff;
    }
.btn-outline-blue2 {
	background-color: transparent;
    color: #3a5dae;
	border:solid 2px #3a5dae;
}
.btn-outline-blue2:hover, .btn-outline-blue2:focus, .btn-outline-blue2:active, .btn-outline-blue2.active, .open .dropdown-toggle.btn-outline-blue2 {
        background-color: #3a5dae;
	 	color:#ffffff;
    }

.camoGreen {color:#73886d}
.btn-camoGreen {
	background-color: #73886d;
    color: #ffffff;
    border:solid 2px #73886d;
}
.btn-camoGreen:hover, .btn-camoGreen:focus, .btn-camoGreen:active {
        background-color: #41533c;
		border:solid 2px #41533c;
	    color:#ffffff;
    }
.btn-outline-camoGreen {
	background-color: transparent;
    color: #73886d;
	border:solid 2px #73886d;
}
.btn-outline-camoGreen:hover, .btn-outline-camoGreen:focus, .btn-outline-camoGreen:active{
	background-color: #73886d;
	color:#ffffff;
}
.btn-blu {
     background-color: #1f9bde;
     border-color: #1f9bde;
     color: #ffffff;
}
.btn-blu:hover, .btn-blu:focus, .btn-blu:active, .btn-blu.active, .open .dropdown-toggle.btn-blu {
     background-color: #004e9e;
     border-color: #004e9e;
     color: #ffffff;
}
.btn-outline-blu {
	background-color: transparent;
    color: #1f9bde;
	border:solid 2px #1f9bde;
}
.btn-outline-blu:hover, .btn-outline-blue:focus, .btn-outline-blue:active, .btn-outline-blue.active, .open .dropdown-toggle.btn-outline-blue {
    background-color: #004e9e;
	border:solid 2px #004e9e;
	color:#ffffff;
    }

.btn-db {
	background-color: #ffffff;
	border-color: #eeeeee;
	margin-bottom:22px; 
	margin-right:22px;
	padding-top: 22px;
	padding-bottom:22px;
	width: 188px;
}

@media (max-width: 768px) {
	.btn-db {
	margin-bottom: 8px;
    margin-right: 4px;
    width: 47%;
	}
}

.btn-db:hover, .btn-db:focus, .btn-db:active {
	border-color: #dddddd;
	color:#000000;
	box-shadow:none;
}

.btn-lg img { padding:0px 12px 12px 12px;}

.pageheading{ padding-top:12px; padding-bottom:12px;}

.articleTitle{ 
	padding-bottom:4px; 
	border-bottom: solid 1px #909090;
	margin-bottom: 42px;}


/* Helper classes----------- */
.paddTopBottom{ padding-top: 42px; padding-bottom: 42px; }
.paddTop{ padding-top: 42px;}
.paddBottom{ padding-bottom: 42px; }
.paddTopHalf { padding-top: 22px; }
.paddBottomHalf { padding-bottom: 22px;}
.paddTopBottomPlus {
	padding-top: 82px;
    padding-bottom: 82px;
}

.color-orange { color: #ff6633;}

.marTopBottom{ margin-top: 22px; margin-bottom: 22px; }
.marTop{ margin-top: 22px; }
.marBottom{ margin-bottom: 22px; }

.iconHeight{ min-height:200px; }


/* Mobile width----------- */
@media (max-width:360px) {	

}

/* Mobile grid ----------- */
@media (max-width: 768px) {
	
.paddTopBottom {
	    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.paddTop { padding-top: 16px !important;}
.paddBottom { padding-bottom: 16px !important; }
	
.paddTopBottomPlus {
	padding-top: 32px !important;
    padding-bottom: 32px !important;
}	

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 8px;
    padding-right: 8px;
}

}

/* List fontawesome arrow----------- */

ul.paralist  { margin-left:-18px;}
ul.paralist li  { list-style:none; padding-top:8px;}
ul.paralist li:before {
   content: "\f105";
  font-family: 'FontAwesome';
  float: left;
  margin-left: -12px;
}

ul.benefitslist  { 
	list-style:none; 
	margin-left: 32px; 
	padding-top:4px;
	padding-bottom:12px;
}
ul.benefitslist li { font-size:16px; padding-bottom:8px;}

ul.benefitslist li:before {
   content: "\f105";
  font-family: 'FontAwesome';
  float: left;
  margin-left: -16px;
  color:#404040;
}

ul.benefitslistWhite li:before {
   content: "\f105";
  font-family: 'FontAwesome';
  float: left;
  margin-left: -16px;
  color:#ffffff;
}

/* Header ******************************************************************/

.main-header {
    padding-top: 32px;
    padding-bottom: 32px;
}

/* Navbar ******************************************************************/

.navbar-header {height:70px}

/* LOGO*/
.navbar-header a img.logo-img-sm {	
	width:280px; 
	padding-top: 14px;  
	padding-bottom: 14px;
}
.navBarLogoWrapper {margin-top:21px;}

/* Mobile menu */
@media (max-width: 991px) {
	.navbar-header {height:60px}
	.navbar-header a img.logo-img-sm { 
		width:270px; 
		margin-left:12px;
		margin-top:4px; 
		padding-top: 4px;  
		padding-bottom: 4px;
	} 
	button.navbar-toggle.collapsed.navbar-collapse-main {margin-top:15px}
	.navBarLogoWrapper {
		margin-left:15px;
		margin-top:17px
	}
}

#menuhome{display:none !important}

.navbar-inverse {
    background-color: #dc291e;
    border: none !important;
}
.navbar {border-radius:0px;margin-bottom: 0px;   }
.navbar-default {
    background-color: #dc291e;
    border: none !important;
}
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 17px;
}
.topnav{ margin-top:8px}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    background-color: #dc291e;
    color: #ffffff;
}
.navbar-inverse .navbar-nav > li >  a:hover {
    background-color: #dc291e;
    color: #ffffff;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    background-color: #dc291e;
    color: #fff;
}
.navbar-right {
    margin-top: 8px;
}
.dropdown-menu {
    border: none;
	border-top:none;
    border-radius: 0px;
    box-shadow: none;
    display: none;
    float: left;
    font-size: 16px;
    left: 0;
    list-style: outside none none;
    margin: 0px;
    min-width: 230px;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
	background-color:#ffffff;
	padding-top:0px;
	padding-bottom:0px;	
}

.navbar-right .dropdown-menu {
    left:0;
    right: 0;
}
.dropdown-menu > li  {
	margin-left: 0px;   
	margin-right: 0px;
}
.dropdown-menu > li > a {
    background-color: #ffffff;
    border-radius: 0px;
    color: #505050;
    margin-bottom: 0px;
    padding-bottom: 10px !important;
    padding-left: 14px;
    padding-top:10px !important;
	border:none;
}

.dropdown-menu > li > a:hover {
    color: #101010;
	background-color:#eef1f5;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: #003184;
}

.navbar  > li {
    border-bottom: 1px dotted #ccc;
}


/* Left menu **************************************/

 .leftMenu {
    position: relative;
 }
.leftMenuTitle h4 { 
	background-color:#dc291e; 
	color:#ffffff;
	padding: 6px 16px 6px 16px;
	margin-bottom: 0px;
	font-weight:200;
}
li a.CurrentPage { 
	color:#000000;
}
.leftMenu a {  
	display: block;
	color: #505050;
    line-height: 1.2;
	text-transform: none !important;
	font-size: 15px;
	padding-top:12px; 
	padding-bottom:12px;
	text-decoration:none;
	padding: 16px;
}  
ul.leftMenu{ 
	margin-left:0px;
	margin-left: 0;
    padding-left: 0;
}
.leftMenu li a:hover { 
	background-color:#eef1f5;
	color:#000000;
}
.leftMenu li { 
    border-bottom: 1px dotted #ccc;
    margin-top: 0 !important;
	list-style:none;
}
.leftMenu li:last-child, .leftMenu li:first-child { 
    border: none !important;
}

/* Mobile menu */
@media (max-width: 768px) {
ul.leftMenu { margin-right: 0px; }
}

/* Activates hovering the main items to show the sub items for screen > 992*/
@media (min-width: 992px) {
   .navbar-nav > li > a, .dropdown-menu {
      margin: 0;
	  color:#ffffff;
   }
   .navbar-nav > li.dropdown:hover ul.dropdown-menu,
   .nav-tabs > li.dropdown:hover ul.dropdown-menu {
      display: block;
   }
   .navbar-nav > li.dropdown ul.dropdown-menu .dropdown-submenu .dropdown-menu,
   .nav-tabs > li.dropdown ul.dropdown-menu .dropdown-submenu .dropdown-menu {
      display: none;
   }
   .navbar-nav > li.dropdown ul.dropdown-menu .dropdown-submenu:hover .dropdown-menu,
   .nav-tabs > li.dropdown ul.dropdown-menu .dropdown-submenu:hover .dropdown-menu {
      display: block;
   }

}

/* Mobile menu */
@media (max-width: 991px) {

	.navbar-nav > li > a {
		padding-bottom: 12px;
		padding-top: 12px;
	}

	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
		border-color: #dc291e; 
		box-shadow:none;
	}

	.navbar-collapse.collapse.in ul.nav.navbar-nav.navbar-right > li > a {
		border-top:solid 1px #e14940 ;
		border-bottom:none !important;
	}

	.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
		color: #ffffff;
		margin-bottom: 8px;
	}

	ul.dropdown-menu.arrow_up::after {
		border-style: none !important;
		border-width: 0px;
		border: none;
		display: none;
		}

	li.dropdown a.dropdown-toggle span.caret {
		position: absolute;
		right: 12px;
		top: 40%;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a  {
		background-color: #e14940;
		border-radius: 6px;
		color: #ffffff !important;
		margin-bottom: 6px;
		padding-bottom: 16px !important;
		padding-left: 14px;
		padding-top: 16px !important;
		border-bottom:none !important;
		margin-left:6px; 
		margin-right:6px;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover  {
		background-color: #bb231a;
	}

}

/* Collapse menu icon*/
button.navbar-toggle.collapsed.navbar-collapse-main{ 
	border-color: #ffffff;
}
.navbar-inverse .navbar-toggle { 
	border-color: #ffffff;
}
.navbar-inverse .navbar-toggle .icon-bar { background-color: #dc291e;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: #dc291e; 
	border-color:#ffffff; 
}

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

button.navbar-toggle.collapsed i.fa.fa-bars { color:#ffffff}

.logo-control { margin-top:6px}


/* Section Home nav tab tools ***************************************/

.tabtools-wrapper{ position:absoulte; z-index:28}

div.hometabpanel.panel.with-nav-tabs.panel-default { 
background-color: transparent;
border:none; 
border-radius:0;
position: relative;
z-index: 220;
min-width: 254px;
 }
 
.hometabpanel.panel.with-nav-tabs.panel-default div.panel-body { 
background-color:#dc291e;}

.hometabpanel.panel.with-nav-tabs.panel-default h4 { 
	color:#ffffff;
	margin-bottom:8px;
	font-size: 16px;
 }

.hometabpanel h5 { 
	color:#ffffff;
	margin-bottom:16px;
 }
 
div.hometabpanel.panel.with-nav-tabs.panel-default ul.nav.nav-tabs li.active  { 
background-color:#dc291e;
border:none !important; 
border-radius:0;
 }
 
div.hometabpanel.panel.with-nav-tabs.panel-default ul.nav.nav-tabs li a { 
 border:none !important; border-radius:0;  padding: 10px 0px 4px 0px;  margin-right: 0px;
}
 
div.hometabpanel.panel.with-nav-tabs.panel-default ul.nav.nav-tabs li a:hover { 
background-color:#dc291e;
}

div.hometabpanel.panel.with-nav-tabs.panel-default ul.nav.nav-tabs li.active a { 
background-color:#dc291e;
border:none !important; 
border-radius:0;
 }
 
div.hometabpanel.panel.with-nav-tabs.panel-default ul.nav.nav-tabs { 
border:none; 
border-radius:0;
 }
 
div.hometabpanel.panel.with-nav-tabs.panel-default ul.nav.nav-tabs li { 
	margin-right:4px; 
	margin-bottom:0px; 
	border:none !important; 
	background-color:#363638; 
	width:31%; 
	text-align:center;
}

div.hometabpanel.panel.with-nav-tabs.panel-default ul.nav.nav-tabs li.active  a { 
padding-bottom:4px;
 margin-top: 4px;
 }
 
.hometabpanel.panel.with-nav-tabs.panel-default div.panel-body div.tab-content { margin-top:16px; }
.hometabpanel.panel.with-nav-tabs.panel-default div.panel-body div.tab-content h4 { margin-bottom:22px; }
input#main_label_no2.form-control.input-lg { 
	border-radius:0px !important;
	border:#ffffff;
}
#main_trace2 {
	border-radius:4px !important;
}

/* Banner top *************/
.bannerTop {background-color: #eeeeee}

/* Home section franchise *************/
.sectionFranchise { 
	background-color:#dc291e;
}
.sectionFranchise img { float:right;}
.sectionFranchise h1 { padding-top:18px;}
.sectionFranchise h1, .sectionFranchise h4, .sectionFranchise li, .sectionFranchise p { 
	
}
.sectionFranchise ul { list-style:none; margin-bottom:8px; padding-left:0px}
.sectionFranchise li {  margin-bottom:8px; }
.homeFranchImage { margin-top: 52px; 
	background-position:right bottom; 
	min-height: 380px;  
	background-repeat:no-repeat; 
	overflow: visible; 
}
.homeFranch {margin-left:30px}
.homeFranch ul.benefitslistWhite{ margin-left:32px;}
/* Tablet ----------- */
@media (min-width: 992px) {
.homeFranchImage {
	margin-top:18px; background-position:bottom;
}
}

/* Footer ******************************************************************/

.footerBtm {
    background-color: #3e3e40;
    color: #cccccc;
	min-height:120px;
}
.footerBtm a { 
	color: #ebeff2; 
	font-size: 13px;
}
.footerBtm h4 {
	color: #ebeff2;
	margin-bottom: 4px;
}
.footerBtm h4 a {
    padding-bottom: 8px;
    padding-top: 10px;
}
 .footerBtm ul {
	list-style-type: none;
    margin-left: 0;
    padding-left: 0;
	padding-top:4px;
 }
.footerBtm li { list-style:none;  }
.footerContent li:last-child{ padding-bottom:12px}
.footerDepots li {
    display: inline-block;
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 7px;
}
.footerBtm hr {   border-color: #515151;}
.copyrightBtm {
    background-color: #363638;
    border-top: 1px solid #515151;
    padding: 14px;
	color: #ccc;
    font-size: 10px;
}
footer a {color: #ebeff2; }
footer a:hover {color: #ebeff2; }

/* Homepage sections rows -------------------------------------------- */

.section-row {
    padding-top: 22px;
    padding-bottom: 22px;
}

.section-row-top{ padding-top: 22px;}

/* Bottom Logo *****/

.bg-blue4 { background-color:#2d50a0}
.bg-blue-primary { background-color:#003184} 
.bg-blue-dark { background-color:#0f224f} 

.bottomLogos { 
	clear: both;
	border-top: 1px solid #dcdcdc; 
	background-color:#ffffff; 
	text-align:center;
}

/* Bottom Logo *****/
ul.homewhyfw{ padding:0px; padding-top:4px;}
 li.homewhyfw-item{ list-style:none;height:70px; margin-bottom:8px;   }
 li.homewhyfw-item .item-image { padding-right:12px;}
 li.homewhyfw-item h4 {padding-bottom:6px; margin:0px; }
 li.homewhyfw-item p {line-height:1.2}
 
.sectionButtons { padding-top:22px; padding-bottom:10px;}
ul.depotAccorList{ margin-bottom: 0px}
ul.depotAccorList a {text-decoration:none;}

.AramexBgrdImage  {
  min-height: 160px;
  background-position: center;
  background-size: cover;
	}

.aramexTextBgrd{
	background-color: #000000;  
	padding: 32px; 
	background: rgba(5, 5, 5, 0.75);	
}

/* Mobile grid ----------- */
@media (max-width: 768px) {
.aramexTextBgrd{
	margin-left:-24px;
	margin-right:-24px;
}
}

div.aramexTextBgrd p { color:#ffffff; opacity:1.0;}
div.aramexTextBgrd h2 { color:#ffffff; opacity:1.0;}
 
 /* Back to top button -------------------------------------------- */

 #top-link-block {
    position: fixed;
    bottom: 25px;
    right: 15px;
    padding: 0;
    z-index: 200;
}

#top-link-block a {
    display: block;
    margin: 0 auto;
}
.well-sm {
    padding: 9px;
    border-radius: 3px;
}

.well {
    min-height: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

	@media (max-width:768px) {
	 #top-link-block {display:none;}	
	}
	
	
	
/* Accordion -------------------------------------------- */
#accordion.panel-group div.panel.panel-default div.panel-heading {
	background-color:#939597; 
	border-color: #dc291e;
	border-radius:0px;  
	cursor: pointer; 
}
#accordion.panel-group div.panel.panel-default div.panel-heading h4 {
	color:#ffffff;
}
#accordion .panel-heading.collapsed h4:after {
    font-family: 'FontAwesome';
    content: "\f105";    
    float: right;
	color:#ffffff;
}
#accordion .panel-heading h4:after { 
	 font-family: 'FontAwesome';
    content: "\f107"; 
	 float: right;
	color:#ffffff;
}


.accordion-amx .panel-heading {	
    padding: 0;
}
.accordion-amx .panel-title  {	
	font-weight:bold;
}
.accordion-amx .panel-title a {
    display: block;
    color: #404040;
    background-color: #f5f5f5;
    border-color: #dddddd;
    border-radius: 0px;
    cursor: pointer;
    padding: 8px 14px;
    text-decoration: none;
    &::after
    {
        font-family: 'FontAwesome';
        content: "\f105";
        float: right;
        color: #505050;
    }
    &[aria-expanded="true"]::after {
        font-family: 'FontAwesome';
        content: "\f107";
        float: right;
        color: #505050 !important;
    }
}

.accordion-amx .panel-title a:hover {
    text-decoration: none;
    background-color: #ebebeb;
}
.accordion-amx.panel-group {
    margin-bottom: 0px;
}


/* RF generic page  -------------------------------------------- */
.subHeader {
    background-color: #eee;
    border-bottom: solid 1px #ccc;
}

.colpadding {
    padding-top: 32px;
    padding-bottom: 32px;
}

.breadcrumb li { font-size:11px;}
.breadcrumb {
	background-color:transparent;
    border-radius: 0px;
    margin-bottom: 0px;
    padding: 6px 0px 6px 0px;
}

.breadcrumbNav{padding-bottom:22px}

/* Franchise  -------------------------------------------- */

.infoPanel {text-align: center; background-color: #ffffff; padding-bottom: 32px; margin-bottom: 22px;}
div.infoPanel h3 {color: #fff; padding-bottom: 12px; padding-top: 12px; margin-bottom: 0px;}
.infoPanelBody p {  padding: 24px 14px 14px 14px; min-height: 132px}
.infoPanelHeader {
    background-color: #dc291e;
}

/* Blog layout *****************************************************************/
.blogHeading { padding-top:22px;}
ul.fwblog { padding-left:0px;  }
ul.fwblog li { 
	 background-color: #fff;
    border: 1px solid #eee;
    clear: both;
    display: block;
    list-style: outside none none;
    margin-bottom: 16px;
    min-height: 120px;
    overflow: hidden;
    padding: 22px 22px 22px 0;
    width: 100%;
}
li.fwbloglast { border-bottom:none !important;}

.blogLandPgDate {font-size:11px; padding-bottom:4px}
.blogArticleDate {font-size:11px; padding-bottom:32px}

@media (max-width:768px) {
.fwblogThumb {padding-bottom:22px;}
}

ul.fwblog img {
	padding-bottom:22px;
}

/* Depot list columns  -------------------------------------------- */
ul.DepotList{
    columns: 4;
    -webkit-columns: 4;
    -moz-columns: 4;
	 columns: 4;
	padding-left:32px;
}

ul.DepotList li { 
	list-style:none;  
	margin-bottom:18px;
	padding-bottom: 0px;
}

/* Mobile width----------- */
@media (max-width:578px) {
ul.DepotList{
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
		
}
}

/* FAQ  -------------------------------------------- */
div#accordion.panel-group div.panel.panel-default ul li { list-style:none; padding-bottom:12px;color: #dc291e}


/* Banner  -------------------------------------------- */
.banner-wrapper { background-color:#ffffff }
.bannerImage  {
    height: 410px;
    padding: 100px 0 60px;
	background-repeat: no-repeat;
	background-position: center;
    position: relative;
    text-align: left;
	padding-top:22px;
}

@media (min-width:1800px) {
	.bannerImage{background-position: top !important; height: 410px;}		
}
@media (max-width:991px) {
	.bannerImage {background-image:none !important}
	.bannerImage {background-position: 37% center; height:300px; padding-top:12px }
}
@media (max-width:768px) {
	.bannerImage {background-position: 38% center; height:280px; padding-top:0px }
	.hometabpanel {padding-top:16px }
	.hometabpanel.panel.with-nav-tabs.panel-default {}
}
@media (max-width:767px) {
	.bannerImage {background-image:none !important}
}

/*Home icon buttons*/
.homeIcons { border-bottom:solid 1px #eee; padding-top:62px; width:100%; text-align:center}
.RollbtnWrapper { width:100%; text-align: center; margin: 0 auto;}
iconWrapper { 
	margin: 0 auto;
	padding-top:12px;
}
.iconWrapper img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(0%);
	opacity: 0.92;
  	filter: alpha(opacity=85); /* For IE8 and earlier */
}
.iconWrapper a:hover  { color:#dc291e; text-decoration:none !important;}
.iconWrapper a:hover h4  {color:#dc291e;}
.iconWrapper a:hover img {
  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
	  opacity: 1.0;
  filter: alpha(opacity=100); /* For IE8 and earlier */
}

ul#RollBtnList { 
	list-style-type: none;  
	margin: 0 auto; 
	display: inline-block;
	padding:0;
}
ul#RollBtnList li { 
	float: left;
	min-height: 188px;
}
.iconWrapper{ width:188px; text-align:center; margin-bottom:22px; }

.iconWrapper h4{ padding-top:4px; margin-top:22px;}
.homeIcons h3 { text-align:center; padding-bottom:32px;}
ul#RollBtnList li div.iconWrapper img { padding-bottom:2px}
.borderRight { border-right:dotted 1px #c5d1e5;}
.borderLeft { border-left:dotted 1px #c5d1e5;}

@media (max-width:1198px) {
	ul#RollBtnList li { width:33%; }
	.iconWrapper{ width:auto; margin-left:4px; margin-right:4px;}
	.btnIcon3 {border:none}
}

/* Mobile width----------- */
@media (max-width:578px) {
ul#RollBtnList { padding:0px; }
ul#RollBtnList li { width:50%; }
.homeIcons { padding-top:22px;}
.iconWrapper{ width:100% ; margin-right:4px; margin-left:4px; margin-bottom:40px;}
.borderRight { border:0px !important;}
}
@media (max-width:376px) {
	.iconWrapper h4 { font-size:16px;}
}
/*arrow down blue */
.arrow-downBlue {
	position: relative;
	background: #303030
}
.arrow-downBlue:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: #dc291e;
	border-top-color: #dc291e;
	border-width: 12px;
	margin-left: -12px;
}
.arrow-downRed {
	position: relative;
	background: #303030
}
.arrow-downRed:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #dc291e;
	border-width: 12px;
	margin-left: -12px;
}
.arrow-down {
	position: relative;
	background: #dc291e
}
.arrow-down:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #dc291e;
	border-width: 12px;
	margin-left: -12px;
}
/*arrow triangle*/
.arrow-right {
	display: inline-block;
	position: relative;
	background: #ffffff;
	padding: 4px;
	padding-right:20px;
}
.arrow-right:after {
	content: '';
	display: block;  
	position: absolute;
	left: 100%;
	top: 50%;
	margin-top: -8px;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #ffffff;
}

/*dropdown menu arrow up */
.arrow_up {
   
}
.arrow_up:after {
	bottom: 100%;
	left: 30%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(213, 213, 213, 0);
	border-bottom-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}

div.btn.btn-labeled h4 { padding-top:8px; padding-left:8px; color:#fff;}

.btn-homeBlue { 
    background-color: #337ab7;
    color: #fff;
	height:44px;
	border-radius: 0px;
} 

.btn-homeBlue:hover{ 
    background-color: #ccc;
} 

.btn-labeled {padding-top: 0;padding-bottom: 0; width:100%}
.btn-label {
	float:left; position:relative;
	left: -16px;display: inline-block;padding: 6px 16px;
	background: #ffffff;border-radius:0px; height:44px; border:0px;color: #337ab7;}


/*Pickup locations Nav tab */

.tabPanel .panel-body {background-color:#003184;  }
.tabPanel ul.nav.nav-tabs {background-color:#eee; border:none; border-radius:0px }
.tabPanel li.active a {background-color:#003184; border:none;border-radius:0px }
.tabPanel li.active a:hover {background-color:#003184; border:none;border-radius:0px }
.tabPanel h3, .tabPanel h4 { color:#fff; margin-bottom:0px;margin-top:0px; }

div#form_tool  input#pickupFrom { 
width:100%; margin-bottom:22px; border-radius:0px;  border: none;
margin-top:12px;
-webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important; 
}

div#serviceResult{text-align:center; border:solid 1px #ddd;
	background-color:#eee; padding:18px; margin-bottom:42px;
}

div#serviceResult.servResult i { color:#006837; padding-bottom:16px}

/* Panel feature - Send parcel */
.panel-feature-wrapper {text-align:center; margin-bottom:22px; border: solid 1px #eee; background-color:#fff }
.panel-feature-title{ background-color:#003184; color:#fff; padding:4px}
.panel-feature-wrapper h4 { padding-top:22px; font-family:fastway_regularregular }	
.panel-feature-wrapper p { color:#3a5dae}	
.panel-feature-wrapper .border-right { border-right:dotted 1px #ccc}
/* Mobile*/
@media (max-width: 768px) {
.panel-feature-wrapper .border-right { border-right:none;}	
}

/* Table awards*/
.awardsTable tbody tr td { padding:22px; }

/* Grid override*/

@media (max-width: 980px) {

.iconpanel4 {
    float: left;
    width: 50%;
}
}


/* Panel boostrap */

.panel-heading {
	border-radius: 0px;
}

.panel-default > .panel-heading {
  	color:#5e5e5e;
}

h3.panel-title {
    font-size: 24px;
	padding-bottom:8px;
}

div.panel.panel-primary div.panel-heading  h3 { color:#404040;}

.panel-primary {
    border-color: #ffffff;
}
.panel-primary > .panel-heading {
    background-color: #ffffff;
    border-color: #ffffff;
}

/* CCL */

.send-form{padding-bottom:42px}


.send-form .step {
     margin-bottom: 15px;
}
.send-form .step-row {
     padding: 15px;
}
.CCLwrapper .fields h3 {
    padding-bottom: 38px;
    padding-left: 42px;
	margin-top: -12px;
}
.send-form .step-row .number {
	background: #363638 none repeat scroll 0px 0px;
	color: #ffffff;
	font-size:28px;
	font-weight: 600;
	height: 44px;
	position: absolute;
	text-align: center;
	width: 44px;
	padding-top:8px;
}
.send-form .marker {
     display: none;   
}

.fields{background:#fff; padding:22px; margin-bottom:32px;}

.send-form label {
font-weight:normal;
}

/* Address auto populate field ***********************/ 

.ui-widget-content {  
    background: #ffffff !important;
	border-radius:0 !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #003184!important;
    background: #003184 !important;
    color: #ffffff!important;
	border-radius:0 !important;
}

.ui-widget-content a {
    color: #5e5e5e !important;
}

/* Grid editor ***********************/ 
.gridBannerBgrd{ 
	background-repeat: no-repeat;
    background-position: center;
	min-height:360px;
}

/* Arrange redelivery ***********************/ 
.htmlform_tableheading {
    background:#dc291e !important;
    font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
}

/* List panel menu ***********************/ 

ul.listPanel{
	display: block;
    font-size: 15px;
    font-weight: normal;
    padding-left:0px;
	margin-bottom:0px;	
}

ul.listPanel li {
    list-style: outside none none;
    padding: 10px 0;
    padding: 0;
}
ul.listPanel li a:before {
   content: "\f105";
  font-family: 'FontAwesome';
  float: left;
  margin-left: -16px;
  color:#dc291e;
}
ul.listPanel li a {
    border-bottom: 1px dotted #ccc;
    color: #404040;
    padding: 12px 12px 12px 32px;
    text-align: left;
    text-decoration: none !important;
	display: block;
	margin-bottom:0px; margin-top:0px;
}

ul.listPanel li a:hover {
    background-color: #eee;
    color: #000000;
    text-decoration: none !important;
}
ul.listPanel li a.active:hover {
    color: #ccc;
}

.imageGallerySmBox {
	display: flex;	
	flex-wrap: wrap;
	align-content: space-between;
	padding:12px;
}
.imageGalleryTh {
	width: 180px;
	border:1px solid #eeeeee;
	padding: 12px;
	margin:12px;
	text-align: center;
}
.imageGallery:hover {
	border:1px solid #cccccc;
}

@media (max-width: 414px) {
	.imageGalleryTh {
	flex: 0 0 160px;
	}	
}

@media (max-width: 768px) {
	.imageGalleryTh {
	flex: 0 0 130px;
	}	
}


/* Integration */ 
.panel-integration{
	margin-bottom:22px;
	padding-bottom:12px;
}
.panel-grey{
	border:none !important;
	border-radius: 0px;
	margin-bottom:32px;
}
.panel-heading-grey{
	background:#ffffff; 
    width:100%; 
    padding:8px 8px 0px 32px; 
    border:solid #eeeeee 1px; 
}
.panel-body-grey{
	padding:32px 32px 22px 32px;
	border-left: solid #eeeeee 1px;
	border-right: solid #eeeeee 1px;
	border-bottom: solid #eeeeee 1px;
}
.panel-grey h3, .panel-grey h4 {

}
ol.pOrderedList{
    padding-bottom: 12px;
}
ol.pOrderedList li{
    padding-bottom: 12px;
}
.sectionTitleBar{
    background: #F0F0F0;
    width: 100%;
    padding: 14px;
    border-bottom: solid #DCDCDC 1px;
    margin-bottom: 26px;
}

/* Franchising */ 
.panelBrgImg{
	background-repeat: no-repeat;
	padding:30px;
	min-height:340px;
	background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}
@media (max-width: 414px) {
	.panelBrgImg{
		min-height:398px;
		background-position: 78% 50%;
	}
}

/* Service */

.cardPanel {
    background: #ffffff;
    margin-bottom: 22px;
}
.cardBody {
    padding: 22px
}
.cardHeading {
    padding-left: 18px;
    padding-top: 0px;
    min-height: 70px;
	text-align: center;
	background-color: #f8f8f8;
	font-size: 28px;
	line-height: 1.3;
	padding-bottom: 22px;
}
.cardParaHeading {
    font-size: 14px;
    font-weight: bold;
    color: #808080;	
}
.cardMainContent {
    min-height: 270px;
	padding-top: 22px;
}
.card3Lines {
    min-height: 70px;
	border-bottom: 1px solid #E8E8E8;
	padding-top: 12px;
}
.cardCanvas { 
	width:100%;
	padding: 30px 15px 30px 15px;
	display: inline-block;
	}
	
.cardParaHeading-standard{ 
	position: absolute;
	color:#ffffff;
	background-color: #3e3e40;
	padding:4px 8px 4px 8px;
	display: table;
	margin-bottom: 8px;
	}

.cardParaHeading-addValue{ 
	position: absolute;
	color:#ffffff;
	background-color: #dc291e;
	padding:4px 8px 4px 8px;
	display: table;
	margin-bottom: 8px;
	}
.card-img { 
	background-color: #f8f8f8;
	padding-top: 12px;
	}
@media (max-width: 1199px) {	
	.card3Lines {min-height: 70px;}
	.cardMainContent { min-height: 340px;}
	}
@media (max-width: 991px) {	
	.imgMarginBottomMobile img { padding-bottom: 22px}
	.cardHeading { min-height: 100px;}
	.cardMainContent { min-height: 320px;}
	card3Lines {min-height: 100px;}
	}
@media (max-width: 767px) {
	.cardCanvas { padding-top: 15px;}
	.cardMainContent { min-height: 240px;}
}
.tdCenter { text-align: center !important;}
.tdRight { text-align: right !important;}
.tdVertAlignTop {vertical-align: top !important; }
.tdVertAlignMiddle {vertical-align: middle !important; }
.tableTdCenter td { vertical-align: middle !important; text-align: center }
.tableHeaderRowGrey tr:first-child th {
 	background-color: #3e3e40;
  	border:#3e3e40;
  	color:#ffffff;
	font-weight:bold;
}
.tableHeaderBgGrey{
	background-color:#3e3e40;
	color:#ffffff;
}
/*---PRINT ---------------------------------------------------------------*/
@media print {
	#live-chat-widget, .navbar-toggle { display:none !important;}
}