/*
--------------------------------
Theme Name: Transend Logistics
Author: Kieron Farrell, Stuart Cusack
Author URI: kieron.is / stuartcusack.ie
Description: Custom WordPress Theme for Transend Logistics
Version: 1.0
----------------------------------
*/


/*
|--------------------------------
| Contents:
|--------------------------------
| 1. Font Imports & Global Styling
| 2. Standard HTML Elements
| 3. WordPress Classes
| 4. WordPress Plugins
| 5. Custom Shortcodes
| 6. Custom Structure Elements
| 7. Custom Components
| 8. Menus
| 9. Page Content
| 10. Header
| 11. Footer
| 12. General Pages and Posts Layout
| 13. Page Content / TinyMCE Formatting
| 14. Front Page
| 15. Contact Us Page
| 16. Transport and Logistics Page
| 17. Company Profile
| 18. Client Login Form
| 19. Rate Request Form
| 20. Registration Form
| 21. Mobile Optimisation / Media Queries
----------------------------------
*/


/*
--------------------------------------
| 1. Font Imports & Global Styling
--------------------------------------
*/

@font-face {
font-family: Gotham;
font-weight: 400;
src: url("fonts/Gotham-Medium.otf") format("opentype");
}

@font-face {
font-family: Gotham;
font-style: italic;
font-weight: 400;
src: url("fonts/Gotham-MediumItalic.otf") format("opentype");
}

@font-face {
font-family: Gotham;
font-weight: 300;
src: url("fonts/Gotham-Light.otf") format("opentype");
}

@font-face {
font-family: Gotham;
font-style: italic;
font-weight: 300;
src: url("fonts/Gotham-LightItalic.otf") format("opentype");
}

@font-face {
font-family: Gotham;
font-weight: 700;
src: url("fonts/Gotham-Bold.otf") format("opentype");
}

@font-face {
font-family: Gotham;
font-weight: 700;
font-style: italic;
src: url("fonts/Gotham-BoldItalic.otf") format("opentype");
}


@font-face {
font-family: "Helvetica Neue";
font-weight: 300;
src: url("fonts/HelveticaNeueLTPro-Lt.otf") format("opentype");
}


*
{
	box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box;
}

body
{
	font-family: "Helvetica Neue";
	color:#3a3a3c;
	background-color: #414042;
	min-width: 360px;
}


/*
--------------------------------------
| 2. Standard HTML Elements
--------------------------------------
*/

p
{
	font-size: 20px;
	line-height: 34px;
	color: inherit;
	margin-bottom: 30px;
	font-weight:300;
}

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

a:hover 
{
	text-decoration: underline;
}

strong
{
	font-family: "Gotham", sans-serif;
	font-weight: 700;
}

h1
{
	font-family: "Gotham", sans-serif;
	font-size: 45px;
	line-height: 45px;
	font-weight: 700;
	color: #454545;
	margin-bottom: 40px;
}

h2, h3, h4, h5, h6
{
	font-family: "Gotham", sans-serif;
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 8px;
	font-weight: 700;
	color: #3a3a3c;
}

ul {
	list-style: disc;
	margin-bottom:30px;
}

li 
{
	font-size: 20px;
	line-height: 40px;
	color: inherit;
	margin-left: 20px;
}

hr {
	background-color: #9e9e9e;
	border: 0;
	height: 1px;
	margin-bottom: 20px;
}

hr.light
{
	background-color: #d1d3d4;
}

blockquote {
	border-left: 4px solid #707070;
	color: #707070;
	font-size: 20px;
	font-style: italic;
	line-height: 1.8182;
	margin: 0 0 35px -21px;
	padding-left: 17px;
}

blockquote > blockquote {
	margin-left: 0;
}

blockquote p {
	margin-bottom: 35px;
}

blockquote > p:last-child {
	margin-bottom: 0;
}

blockquote cite,
blockquote small {
	color: #333;
	font-size: 17px;
	line-height: 1.6471;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea
{
	position: relative;
	display: block;
	background-color: #f2f2f4;
	margin-bottom: 25px;
	border: 1px solid #f2f2f4;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	padding: 5px 22px;
	font-size: 16px;
	letter-spacing: -0.5px;
	font-family: "Gotham", sans-serif;
	font-weight: 300;
}

input[type="text"], input[type="password"], input[type="tel"], input[type="email"]
{
	line-height: 40px;
}

textarea
{
	resize:none;
	padding: 15px 22px;
}

input[type=text]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus {
	box-shadow: 0 0 5px #f7931e;
	border: 1px solid #f7931e;
}

input[type="submit"]
{
	padding: 5px 35px;
	line-height: 40px;
	background-color: #f7931e;
	color:#FFF;
	border:0;
	font-size: 16px;
	font-weight: 700;
	cursor:pointer;
	border-radius: 5px;
}

input[type="submit"]:hover
{
	background-color: #cd7b19;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #5f5f5f;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #5f5f5f;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #5f5f5f;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #5f5f5f;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #5f5f5f;
}

label
{
	font-size: 16px;
	font-weight: 300;
}


/*
--------------------------------------
| 3. WordPress Classes
--------------------------------------
*/

.wp-caption {
	background-color: #f5f5f5;
	padding: 10px;
	text-align: center;
}

p.wp-caption-text {
	font-size: 12px;
	line-height: 16px;
	padding: 5px 0;
}

.alignright {
	float: right;
	margin: 0 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}


img.centered, .aligncenter {
    display: block;
    margin: 0 auto 10px;
}

.gallery
{
	padding-top: 20px;
}

.gallery img 
{
	border:0 !important;
}

.gallery-item {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: center;
}


/*
--------------------------------------
| 4. WordPress Plugins
--------------------------------------
*/

.collapseomatic
{
font-family: "Gotham", sans-serif;
font-weight:700;
font-size:24px;
line-height:32px;
background-image:none;
padding:18px 22px;
text-decoration:none;
border-top:1px solid #eeeeee;
}

#mce-content .collapseomatic:last-child
{
	border-bottom: 1px solid #eeeeee;
}

.collapseomatic_content 
{
	background-color: #f5f6f8;
	padding:18px 22px;
	margin: 0;
}

.colomat-close
{
	background-color: #f5f6f8;
	color:#f69520;
}

.wpcf7-form
{
	border-top: 1px solid #eeeeee;
	padding-top: 14px;
}


/*
--------------------------------------
| 5. Custom Shortcodes
--------------------------------------
*/

.grey-panel
{
	position: relative;
	background-color: #f5f6f8;
	padding: 30px;
	margin-bottom: 50px;
}

.grey-panel p:last-child, .grey-panel ul:last-child
{
	margin-bottom: 0;
}



/*
--------------------------------------
| 6. Custom Structure Elements
--------------------------------------
*/



.wrap
{
	width: 100%;
	padding-left: 42px;
	padding-right: 42px;
}

.wrap-lg
{
	background-color: #f5f6f8;
}

.wrap-white
{
	background-color: #FFF;
}

.contain
{
	width: auto;
	max-width: 940px;
	margin: 0 auto;
}

.row
{
	display: block;
	position: relative;
	display: block;
	width: 100%;
}
.row:before,
.row:after {
  content:"";
  display:table;
}
.row:after {
  clear:both;
}
.row {
  zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

#full-screen-overlay {
	display: none;
	position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background-color: #414042;
    opacity: 0.4;
    filter: alpha(opacity = 40); /* IE7 & 8 */
    z-index: 200;
}

.form-group
{
	position: relative;
	margin-bottom: 22px;
}

.form-group input:not([type="submit"]), .form-group textarea
{
	width: 100%;
	margin-bottom: 3px;
}


/*
--------------------------------------
| 7. Custom Components
--------------------------------------
*/

a.no-underline
{
	text-decoration: none;
}

.form-block label, .form-block input
{
	display: block;
	width: 100%;
}

.btn 
{
	font-family: "Gotham", sans-serif;
	display: inline-block;
	font-size: 15px;
	line-height: 15px;
	font-weight: 700;
	color:#FFF;
	padding: 15px 16px;
	border-radius: 5px;
	background-color: #ababab;
}

.btn-default
{

}

.btn-primary
{
	background-color: #f7941d;
}

.btn:hover
{
	text-decoration: none;
	background-color: #898989;
}

.btn-primary:hover
{
	background-color:  #cd7b19;
}

.circle-btn
{
	display: block;
	width: 26px;
	height: 26px;
	background-image: url('images/circle-white-arrow-orange.svg');
}

.circle-btn:hover
{
	background-image: url('images/circle-orange-arrow-white.svg');
}

.col-6, .col-4, .col-3, .col-spacer
{
	min-height: 1px;
	float: left;
}

.col-6
{
	width: 48.935%;
}

.col-4
{
	width: 31.9%;
}

.col-3
{
	width: 23.4%;
}

.col-spacer
{
	width: 2.13%;
}

.show-mobile, .inline-mobile, .show-tablet
{
	display: none;
}

.breadcrumbs
{
	font-family: "Gotham", sans-serif;
	font-weight: 700;
	font-size: 16px;
	color:#f89520;
	margin-bottom: 20px;
}

.bc-tablet
{
	padding-top: 9px;
	padding-bottom: 22px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eeeeee;
}


#sibling-previews .sibling-preview
{
	display: block;
	width: 31.9%;
	float: left;
	height: 180px;
	position: relative;
}

#sibling-previews .sibling-preview h4 
{
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 0;
}

#sibling-previews .sibling-preview p 
{
	font-size: 15px;
	line-height: 20px;
	font-weight: 300;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	color:inherit;
}

ul.orange
{
	list-style: none;
}

ul.orange li:before {
  /* For a round bullet */
  content:'\2022';
  /* For a square bullet */
  /*content:'\25A0';*/
  display: block;
  position: relative;
  max-width: 0px;
  max-height: 0px;
  left: -20px;
  top: -0px;
  color: #f79321;
  font-size: 20px;
}

.margin-under
{
	margin-bottom: 60px !important;
}

.no-margin-under
{
	margin-bottom: 0 !important;
}




/*
--------------------------------------
| 8. Menus
--------------------------------------
*/

.menu-horizontal
{
	display: block;
	position: relative;
	display: block;
	width: 100%;
	list-style: none;
	margin-bottom: 0;
}
.menu-horizontal:before,
.menu-horizontal:after {
	content:"";
	display:table;
}
.menu-horizontal:after {
	clear:both;
}
.menu-horizontal {
	zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

.menu-horizontal li
{
	float: left;
	margin-left: 0px;
	margin-right: 26px;
	line-height: inherit;	
}

.menu-horizontal .sub-menu
{
	position: absolute;
	background-color: #FFF;
	color:#454545;
	list-style: none;
	margin-bottom: 0;
	width: 300px;
}

.menu-horizontal .sub-menu li 
{
	float: none;
	white-space: nowrap;
}

.menu-horizontal-dotted li:not(:last-child):after
{
	color:#cccccc;
	content:'\25cf';
	position: absolute;
	right: -16px;
	font-size: 8px;
}


/*Sub-page sibling menus*/
.sub-page-menu
{
	margin-top: 75px;
	margin-bottom: 148px;
	list-style: none;
}

.page-id-23 .sub-page-menu, .page-id-25 .sub-page-menu, .page-id-27 .sub-page-menu
{
	margin-bottom: 195px;
}

.sub-page-menu li
{
	
	margin-left: 0;
}


.sub-page-menu li a
{
	display: block;
	font-family: "Gotham", sans-serif;
	color:#474747;
	text-decoration: none;
	font-weight: 700;
	font-size: 15px;
	border-top: 1px solid #eeeeee;
	line-height: 20px;
	padding: 13px 10px;
}

.sub-page-menu li:last-child a
{
	border-bottom: 1px solid #eeeeee;
}


.sub-page-menu li.current_page_item a, .sub-page-menu li:hover a
{
	color:#f68b1a;
	background-color: #f5f6f8;
}


/*Mobile menu, hidden by default*/
#mobile-nav-bar
{
	display: none;
	width: 100%;
	font-size: 16px;
    background: #3a3a3c;
    padding: 5px;
    height: 46px;
    position: relative;
    z-index: 300;
}

#mobile-nav-bar #mobile-nav-btn
{
	position: absolute;
	left: 30px;
	top:8px;
	height: 30px;
	width: 30px;
	outline: none;
	background-image:url('images/burger-menu.png');
	background-repeat: no-repeat;
}

#mobile-nav-bar #mobile-nav-btn:hover, #mobile-nav-bar.active #mobile-nav-btn
{
	background-image:url('images/burger-menu-hover.png');
}

#mobile-login-btn
{
	position: absolute;
	right: 30px;
	top:8px;
	height: 30px;
	width: 30px;
	outline: none;
	background-image:url('images/user-login.png');
	background-repeat: no-repeat;	
}

#mobile-login-btn:hover
{
	background-image:url('images/user-login-hover.png');
}

#mobile-nav
{
	position: fixed;
	z-index: 200;
	left: 0;
	bottom:0;
	height: 100%;
	width:33.33%;
	background-color: #3a3a3c;
	overflow:visible;
}


#mobile-nav ul
{
	list-style: none;
}

#mobile-nav ul li 
{
	line-height: 45px;
	margin-left: 0;
	cursor: pointer;
}

#mobile-nav ul li a:hover 
{
	background-color: #2d2d2f;
	color:#f8931d;
}

#mobile-nav ul li a 
{
	font-family: "Gotham", sans-serif;
	display: block;
	font-size: 15px;
	text-decoration: none;
	color:#FFF;
	font-weight: 700;
	line-height: 21px;
	padding: 12px 0 12px 24px; 
}

#mobile-nav ul li.menu-item-has-children
{
	position: relative;
}

#mobile-nav ul li.menu-item-has-children:before
{
	content: url('images/sub-nav-arrow-white.png');
    position: absolute;
    right: 18px;
    display: block;
}

#mobile-nav ul li.menu-item-has-children-open:before, #mobile-nav ul li.menu-item-has-children:hover:before
{
	content: url('images/sub-nav-arrow-orange.png');
    position: absolute;
    right: 18px;
    display: block;
}

#mobile-nav .sub-menu
{
	display: none;
	width: 33.33%;
	position: fixed;
	left: 33.33%;
	height: 100%;
	bottom:0;
	background-color: #2d2d2f
}

#mobile-nav .sub-menu li a
{
	padding-left: 24px;
}

#mobile-nav .sub-menu li a:hover 
{
	background-color: #f7941d;
	color:#FFF;
}


/*
--------------------------------------
| 9. Page Content
--------------------------------------
*/

#main-wrap
{
	background-color: #FFF;
}



/*
--------------------------------------
| 10. Header
--------------------------------------
*/

#hdr-wrap 
{
	position: relative;
	background-color: #FFF;
	z-index: 300;
}

#hdr-nav-wrap
{
	position: relative;
	z-index: 300;
	background-color: #3a3a3c;
}

#hdr-nav-wrap.sticky
{
	position: fixed;
	top:0;
}

body.admin-bar #hdr-nav-wrap.sticky
{
	top:32px;
}

#site-header
{
	height: 116px;
	position: relative;
}

#hdr-logo
{
	display: block;
	height: 65px;
	position: absolute;
	top:23px;
}

#hdr-login-btn
{
	position: absolute;
	right: 0;
	top:34px;
}


#menu-header-navigation
{
	line-height: 50px;
	position: relative;
}

#menu-header-navigation li
{
	position: relative;
	margin-right: 0px;
}

#menu-header-navigation li a
{
	display: block;
	height: 100%;
	color:#FFF;
	font-size: 16px;
	font-family: "Gotham", sans-serif;
	font-weight: 700;
	text-decoration: none;
	padding: 0 14px;
}

#menu-header-navigation li a:hover, #menu-header-navigation li a.hovered 
{
	background-color: #2d2d2f;
	color:#f5951c;
}

#menu-header-navigation li .sub-menu
{
	display: none;
}


#hdr-sm-popup-wrap
{
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	background-color: #2d2d2f;
	z-index: 200;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.3);
}

#hdr-sm-popup-wrap.sticky
{
	position: fixed;
}

#hdr-sm-popup
{
	padding: 45px 0 55px 0;
	height: 371px;
}

#hdr-sm-popup-links
{
	width: 200px;
	float: left;
}

.hdr-sm-popup-highlighted
{
	float: left;
	width: 710px;
	margin-left: 30px;
	padding-left: 27px;
	border-left: 1px solid #383838;
}

.hdr-sm-popup-highlighted .col-4
{
	width: 29.5%;
}

.hdr-sm-popup-highlighted .col-spacer
{
	width: 5.75%;
}

.hdr-sm-popup-highlighted .fp-col img
{
	display: block;
	width: 100%;
	margin-bottom: 22px;
}

.hdr-sm-popup-highlighted .fp-col h4 
{
	color:#FFF;
	font-size: 15px;
	line-height: 15px;
	margin-bottom: 10px;
}

.hdr-sm-popup-highlighted .fp-col p 
{
	color: #FFF;
	font-size: 15px;
	line-height: 22px;
	font-weight: 300;
	margin-bottom: 0;
}

 .highlighted-page:hover h4
 {
 	color: #f9941e;
 }

#hdr-sm-popup .sub-menu
{
	list-style: none;
}

#hdr-sm-popup .sub-menu li
{
	margin: 0;

}

#hdr-sm-popup .sub-menu li a
{
	color:#FFF;
	font-family: "Gotham", sans-serif;
	display: block;
	height: 45px;
	line-height: 45px;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
	padding: 0 10px;
}

#hdr-sm-popup .sub-menu li a:hover
{
	background-color: #f7941d;
}

/*
--------------------------------------
| 11. Footer
--------------------------------------
*/

#ftr-services
{
	padding-top: 44px;
	padding-bottom: 88px;
}

#ftr-services h2 
{
	margin-bottom: 32px;
}

.ftr-service img 
{
	display: block;
	margin-bottom: 20px;
}

.ftr-service h3
{
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 0px;
	color:#f7941c;
}

.ftr-service p
{
	font-family: "Gotham", sans-serif;
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 10px;
	min-height: 80px;
	color:#69696b;
	text-decoration: none;
}

.ftr-service:hover h3
{
	color:#000;
}

.ftr-service:hover .circle-btn
{
	background-image: url('images/circle-orange-arrow-white.svg');
}


#ftr-wrap-1, #ftr-wrap-2
{
	background-color: #3a3a3c;
}

#ftr-wrap-1
{
	border-bottom: 2px solid #4a4a4a;
	padding-top: 59px;
	padding-bottom: 67px;
}

#ftr-wrap-2
{
	padding-top: 31px;
	padding-bottom: 17px;
}

#ftr-wrap-3
{
	background-color: #2d2d2f;
	padding-top:11px;
	padding-bottom: 11px;
}

#site-footer .copyright
{
	margin-bottom: 0;
	color: #aaa;
	font-weight: 300;
	font-size: 12px;
	font-family: "Gotham", sans-serif;
}

#ftr-menus h4
{
	font-size: 18px;
	color: #ebebeb;
	font-weight: 700;
	margin-bottom: 32px;
}

#ftr-login-col h4
{
	margin-bottom: 22px;
}

#ftr-login input
{
	height: 40px;
}

#site-footer p
{
	font-size: 12px;
	color: #cccccc;
	font-weight: 300;
	margin-bottom: 0;
}

#ftr-menus
{
}

#ftr-menus .col-spacer
{
	height: 143px;
	border-left: 1px solid #4a4a4a;
}

.ftr-menu 
{
	list-style: none;
	margin-bottom: 0;
}

.ftr-menu li
{
	line-height: 16px;
	margin-bottom: 8px;
	margin-left: 0;
	position: relative;
}

.ftr-menu li a, .ftr-menu li span
{
	color: #cccccc;
	text-decoration: none;
	font-weight: 300;
	font-size: 13px;
}

.ftr-menu li a:hover
{
	color:#f7931b;
}


#ftr-login input[type="text"], #ftr-login input[type="password"]
{
	background-color: #2d2d2f;
	border-color:#2d2d2f;
	color:#FFF;	
	border:0;
	height: 40px;
	line-height: 40px;
	padding: 0 11px;
	font-size: 14px;
	margin-bottom: 19px;
}

#ftr-login input[type="submit"]
{
	padding: 0 11px;
	border-radius: 0;
}


#ftr-login ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #bababa;
}
#ftr-login :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #bababa;
   opacity:  1;
}
#ftr-login ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #bababa;
   opacity:  1;
}
#ftr-login :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #bababa;
}
#ftr-login :placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #bababa;
}

#ftr-logo
{
	float: left;
	width: 150px;
	height: 50px;
	margin-bottom: 20px;
	background-image:url('images//transend-alt.png');
	cursor:pointer;
}

#ftr-logo:hover
{
	background-image:url('images//transend-alt-hover.png')
}

.ftr-social-icon
{
	float: right;
	margin-left: 17px;
	margin-top: 11px;
	width: 30px;
	height: 30px;
	cursor:pointer;
}

.fsi-linked-in
{
	background-image:url('images/linkedin.png');
}

.fsi-linked-in:hover
{
	background-image:url('images/linkedin-hover.png');
}

.fsi-facebook
{
	background-image:url('images/facebook.png');
}

.fsi-facebook:hover
{
	background-image:url('images/facebook-hover.png');
}

.fsi-twitter
{
	background-image:url('images/twitter.png');
}

.fsi-twitter:hover
{
	background-image:url('images/twitter-hover.png');
}


/*
--------------------------------------
| 12. General Pages and Posts Layout
--------------------------------------
*/

.sidebar
{
	width: 23.4%;
	float: left;
	min-height: 600px;
	padding-top: 30px;
}


div.page
{
	width: 74.46%;
	float: left;
	margin-left: 2.14%;
	padding-top: 15px;
	padding-bottom: 30px;
	min-height: 200px;
}

div.page p:last-child, div.page ul:last-child
{
	margin-bottom: 0;
}

div.page img.size-full:first-child
{
	display: block;
	margin-bottom: 0px;
}

div.page-right-sidebar
{
	margin-left: 0;
	margin-right:  2.14%;
}

.inside-page h1 
{
	font-size: 55px;
	line-height: 70px;
	margin-bottom: 36px;
	letter-spacing: -1.5px;
}


/*
--------------------------------------
| 13. Page Content / TinyMCE Formatting
--------------------------------------
*/

.mce-content
{
	position: relative;
	padding-bottom: 45px;
}

.mce-content p 
{
}

.mce-content img 
{
	max-width: 100%;
}


.mce-content .orange-font , .mce-content .orange-font p, .mce-content .orange-font  h1, .mce-content .orange-font  h2, .mce-content .orange-font  h3, .mce-content .orange-font  h4, .mce-content .orange-font  h5, .mce-content .orange-font  h5
{
	color: #f7941e;
}


/*
--------------------------------------
| 14. Front Page
--------------------------------------
*/

#mobile-sldr
{
	display: none;
}


#fp-slider
{
	height: 460px;
	width: 100%;
	position: relative;
	overflow: hidden;
}

#fp-slider .slide
{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	bottom:0;
	background-size: auto 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

#fp-slider .slide-current
{
	z-index: 50;
}

#sldr-nav-wrap
{
	background-color: #FFF;
	border-bottom:1px solid #eeeeee;
}

#fp-sldr-nav
{
	position: relative;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
	text-align: center;
}


#fp-sldr-nav .sldr-nav-control
{
	display: inline-block;
	height: 15px;
	width: 15px;
	background-size: 100% 100%;
}

#fp-sldr-nav .sldr-nav-left
{
	position: absolute;
	display: block;
	height: 26px;
	width: 26px;
	top:-255px;
	left: -13px;
	z-index: 100;
	cursor: pointer;
	background-image: url('images/slider/circle-orange-arrow-white-left.svg');
}

#fp-sldr-nav .sldr-nav-right
{
	position: absolute;
	display: block;
	height: 26px;
	width: 26px;
	top:-255px;
	right: -13px;
	z-index: 100;
	cursor: pointer;
	background-image: url('images/slider/circle-orange-arrow-white-right.svg');
}


#fp-sldr-nav .snc-circle
{
	background-image: url('images/slider/circle-grey.svg');
}

#fp-sldr-nav .snc-circle-current
{
	background-image: url('images/slider/circle-orange.svg');
}

#fp-sldr-nav .sldr-nav-control:hover { 
  -webkit-text-fill-color: #111;
}


#fp-intro-wrap .contain
{
	padding-top: 36px;
	padding-bottom: 15px;
}

.col-intro-1
{
	float: left;
	width: 67%;
	margin-top: 10px;
}

.col-intro-2
{
	float: left;
	width: 32%;
	margin-left: 1%;
	margin-top: 10px;
	margin-bottom: 40px;
}


#fp-intro
{
	padding-right: 83px;
	padding-bottom: 0;
	color: #f7941d;
}

#fp-intro h1 
{
	font-size: 32px;
	line-height: 42px;
	letter-spacing: -1.5px;
	margin-bottom: 13px;
	color: #f7941d;
}

#fp-intro p 
{
	font-size: 23px;
	line-height: 32px;
	font-family: "Gotham", sans-serif;
}

#login .panel-heading h2 
{
	font-size: 20px;
}

#fp-login h2
{
	background-color: #f5f6f8;
	border-bottom: 1px solid #FFF;
	font-size: 17px;
	margin-bottom: 0;
	padding: 9px 26px;
}

#fp-login form 
{
	background-color: #f5f6f8;
}

#fp-login #fp-login-fields
{
	padding: 23px 25px 26px 25px;
}

#fp-login input[type="text"], #fp-login input[type="password"]
{
	background-color: #FFF;
	padding: 0 17px;
	border-color:#FFF;
}


#fp-login input[type="password"]
{
	margin-bottom: 0;
}

#fp-login input[type="submit"]
{
	height: 42px;
	line-height: 42px;
	padding: 0 17px;
	border-radius: 0;
}

#fp-partners
{
	padding: 49px 0 28px 0;
}

#fp-partners .mce-content
{
	padding-bottom: 0;
}

#fp-partners p
{
	font-size: 20px;
	line-height: 32px;
}

#fp-partners p:last-child
{
	margin-bottom: 0;
}

#fp-partners img 
{
	margin-top: -26px;
}

#fp-accreditations #logo-slider
{
	text-align: center;
}

.accreditations
{
	padding-top: 45px;
	padding-bottom: 54px;
}

.accreditations h2 
{
	margin-bottom: 38px;
}

.accreditations #logo-slider
{
	text-align: left;
}

#logo-slider a
{
	text-decoration: none;
}

#logo-slider .acc-company
{
	margin: 6px;
	display: inline-block;
	position: relative;
	cursor: pointer;
}

#logo-slider .acc-company img 
{
	display: block;
	width: 200px;
	height: auto;
	max-width: 100%;
}

#logo-slider .acc-overlay
{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	display: none;
	background-color: rgba(0,0,0,0.04);
}

#logo-slider .acc-company:hover .acc-overlay
{
	display: block;
}


/*
--------------------------------------
| 15. Contact Us
--------------------------------------
*/

.cntct-details-address
{

}

.cntct-details .phone-link
{
	color: inherit;
}

#google-map
{
	width: 698px;
	height: 350px;
	position: relative;
	margin-bottom: 10px;
}

#google-map iframe
{
	position: absolute;
	width: 100%;
	height: 100%;
}

#post-21
{
	padding-bottom: 0;
}

#post-21 .page-content
{
	padding-bottom: 15px;
}



/*
--------------------------------------
| 16. Transport and Logistics Page
--------------------------------------
*/

#tandl-tpn-panel
{
	background-image: url('images/accreditations/Accreditations_TPN_Large.png');
	background-position: right;
	background-repeat: no-repeat;
	padding-top: 23px;
}

#tandl-tpn-panel h2 
{
	margin-bottom: 24px;
}



/*
--------------------------------------
| 17. Company Profile
--------------------------------------
*/

#post-23
{

}



/*
--------------------------------------
| 18. Client Login Form
--------------------------------------
*/

#post-287
{
	padding-left: 80px;
	padding-right: 80px;
}

#client-login-form
{
	border-top: 1px solid #eeeeee;
	padding-top: 14px;
}

#clf-user-id-fgr
{
	width: 47%;
	margin-right: 3%;
	float: left;
}

#clf-password-fgr
{
	width: 47%;
	margin-left: 3%;
	float: left;
}



/*
--------------------------------------
| 19. Rate Request Form
--------------------------------------
*/

#post-289
{
	padding-left: 80px;
	padding-right: 80px;
}

#rrf-forename-fgr, #rrf-email-fgr, #rrf-country-fgr
{
	width: 47%;
	margin-right: 3%;
	float: left;
}

#rrf-surname-fgr, #rrf-phone-fgr, #rrf-postcode-fgr
{
	width: 47%;
	margin-left: 3%;
	float: left;
}

/*
--------------------------------------
| 20. Registration Form
--------------------------------------
*/

#post-300
{
	padding-left: 80px;
	padding-right: 80px;
}


#rf-forename-fgr, #rf-email-fgr, #rf-city-fgr, #rf-phone-fgr
{
	width: 47%;
	margin-right: 3%;
	float: left;
}

#rf-surname-fgr, #rf-password-fgr, #rf-postcode-fgr, #rf-mobile-fgr
{
	width: 47%;
	margin-left: 3%;
	float: left;
}


/*
--------------------------------------
| 21. Responsiveness
--------------------------------------
*/

/*Tablet Size*/
@media screen and (max-width: 1000px) {

	/*General Optimisation*/
	.wrap
	{
		padding-left: 21px;
		padding-right: 21px;
	}

	.page-intro p
	{
		font-size: 20px;
		line-height: 25px;
	}

	.col-6
	{
		width: 48.6%;
	}

	.col-4
	{
		width: 31.5%;
	}

	.col-3
	{
		width: 22.9%;
	}

	.col-spacer
	{
		width: 2.8%;
	}

	.show-tablet
	{
		display: block;
	}

	/*Time for new mobile menu*/
    #hdr-nav-wrap
    {
        display: none;
    }

    #mobile-nav-bar
    {
        display: block;
    }

    /*Header optimisation*/
    #site-header
    {
    	height: auto;
    	padding:27px 0;
    }

    #hdr-login-btn
    {
    	display: none;
    }

    #hdr-logo
	{
		height: 66px;
		top:auto;
		display: block;
		margin: 0 auto;
		position: relative;
	}


	/*Footer optimisation*/
	#ftr-service-online, #ftr-service-online-spacer
	{
		display: none;
	}

	.ftr-service
	{
		width: 31.46%;
	}

	#site-footer h4
	{
		font-size: 16px;
		margin-bottom: 24px;
	}

	#ftr-menus .col-3
	{
		width: 31.46%;
	}

	#ftr-menus .col-spacer:last-child
	{
		border: 0;
	}

	#ftr-login-col, #ftr-login-col-spacer
	{
		display: none;
	}

	.ftr-menu li a, .ftr-menu li span
	{
		font-size: 14px;
	}

	/*Page optimisation*/
	.sidebar
	{
		display: none;
	}

	div.page
	{
		width: 100%;
		float: none;
		margin-left: 0;
	}

	#sibling-previews .sibling-preview
	{
		width: 48.6%;
	}

	#sibling-previews .sibling-preview:first-child
	{
		width: 100%;
		float: none;
	}

	#sibling-previews #ssp0
	{
		display: none;
	}

	/*Front page optimisation*/
	#sldr-wrap
	{
		padding: 0;
	}

	#fp-slider
	{
		height: 360px;
		max-width: 100%;
	}

	#fp-slider .slide
	{
		background-size: 100% auto;
	}

	#fp-sldr-nav .sldr-nav-left, #fp-sldr-nav .sldr-nav-right
	{
		top:-205px;
	}

	#fp-sldr-nav .sldr-nav-left
	{
		left: 0px;
	}

	#fp-sldr-nav .sldr-nav-right
	{
		right:0px;
	}

	#fp-intro
	{
		padding-right: 42px;
	}


	#fp-intro p br
	{
		display: none;
	}

	.col-login-1
	{
		width: 65.8%;
		margin-top: 10px;
		margin-bottom: 40px;
	}

	.col-login-2
	{
		width: 31.4%;
		margin-top: 10px;
		margin-bottom: 40px;
	}

	#fp-partners .mce-content
	{
		padding-bottom: 95px;
	}

	#fp-partners img 
	{
		width: 255px;
		position: absolute;
		bottom:-35px;
		right: 0;
	}

	#logo-slider .acc-company
	{
		width: 20%;
	}

	#logo-slider .acc-company img
	{
		max-width: 100%;
	}

	/*Contact page optimisation*/
	#google-map
	{
		width: 100%;
		float: none;
		margin-bottom: 25px;
	}

	.page-id-21 .sidebar
	{
		display: none;
	}

	.page-id-21 div.page
	{
		width: 100%;
		float: none;
		margin-left: 0;
	}

	.page-id-21 div.page
	{
		min-height: 0;
		padding-bottom: 0;
	}

	/*form page optimisation*/
	#post-300, #post-289, #post-287
	{
		padding-left: 0px;
		padding-right: 0px;
	}

	#post-300 form, #post-289 form, #post-287 form
	{
		margin-left: 75px;
		margin-right: 75px;
	}

}


/*Mobile Size*/
@media screen and (max-width: 740px) {

	/*General Optimisation*/
	h2, h3, h4, h5, h6
	{
		font-size: 20px;
		line-height: 28px;
		letter-spacing: -0.5px;
	}



	.mce-content p
	{
		font-size: 16px;
		line-height: 25px;
	}

	.mce-content li
	{
		font-size: 16px;
		line-height: 35px;
	}

	.page-header h1 
	{
		font-size: 30px;
		line-height: 38px;
		margin-bottom: 30px;
		letter-spacing: -1px;
	}

	#mobile-nav, #mobile-nav .sub-menu
	{
		width: 50%;
	}

	#mobile-nav .sub-menu
	{
		left: 50%;
	}

	.hidden-mobile
	{
		display: none;
	}

	.show-mobile
	{
		display: block;
	}

	.inline-mobile
	{
		display: inline;
	}

	.wrap 
	{
		padding-left: 21px;
		padding-right: 21px;
	}

	hr
	{
		display: none;
	}

	.col-6, .col-3
	{
		float: none;
		width: 100%;
	}

	.col-spacer
	{
		display:none;
	}

	.form-group
	{
		width: 100% !important;
		float: none !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	/*WP Plugins*/
	.collapseomatic
	{
	font-size:18px;
	line-height:26px;
	padding:10px 22px;
	}

	.collapseomatic_content 
	{
		
	}

	/*Page optimisation*/
	.sidebar
	{
		display: none;
	}

	div.page
	{
		width: 100%;
		float: none;
		margin-left: 0;
	}

	#sibling-previews .sibling-preview
	{
		width: 100%;
		float: none;
	}

	.bc-tablet
	{
		padding-top: 2px; 
		padding-bottom: 17px;
		margin-bottom: 6px;
	}


	/*Front page optimisation*/
	#front-page-content
	{
		margin-bottom: 10px;
	}

	#fp-intro-wrap .contain
	{
		padding-top: 10px;
	}

	.col-intro-1, .col-intro-2
	{
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}

	#fp-intro
	{
		padding-right: 0;
	}

	#fp-intro h1 
	{
	    font-size: 24px;
	    line-height: 28px;
	}

	#fp-intro p 
	{
		font-size: 18px;
    	line-height: 26px;
	}

	#sldr-wrap, #sldr-nav-wrap
	{
		display: none;
	}

	#tandl-tpn-panel
	{
		background-position: bottom left;
		background-size: 196px auto;
		padding-bottom: 245px;
	}

	#mobile-sldr
	{
		display: block;
		width: 100%;
	}

	#fp-partners
	{
		padding: 39px 0 28px 0;
	}

	#fp-partners .mce-content
	{
		padding-bottom: 200px;
	}

	#fp-partners p
	{
		font-size: 16px;
		line-height: 25px;
	}

	#fp-partners img 
	{
		width: 255px;
		left: 50%;
		margin-left: -127px;
		bottom:-20px;
		right: auto;
	}

	/*Footer optimisation*/
	#ftr-services .col-spacer
	{
		display: none;
	}

	.ftr-service
	{
		width: 100%;
		float: none;
		position: relative;
		margin-bottom: 40px;
	}

	.ftr-service img 
	{
		display: block;
		float: left;
		width: 45%;
		margin: 0;
		margin-right: 5%;
	}

	.ftr-service-text
	{
		float: left;
		width: 50%;
	}

	.ftr-service-text p
	{
		font-size: 15px;
	}

	#ftr-wrap-1
	{
		display: none;
	}

	/*Contact page optimisation*/
	.page-id-21 .page-content
	{
		padding-bottom: 0;
	}

	#google-map
	{
		height: 215px;
	}


	/*Online services page optimisation*/
	#online-services-login
	{
		padding-top: 0px;
	}

	#os-intro
	{
		padding-right: 0px;
	}


	/*form page optimisation*/
	#post-300 form, #post-289 form, #post-287 form
	{
		margin-left: 0px;
		margin-right: 0px;
	}



}