/**
Medium - Large Layout (<640)
**/
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?nojmsf');
	src:url('../fonts/icomoon.eot?#iefixnojmsf') format('embedded-opentype'),
		url('../fonts/icomoon.woff?nojmsf') format('woff'),
		url('../fonts/icomoon.ttf?nojmsf') format('truetype'),
		url('../fonts/icomoon.svg?nojmsf#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


body{
	background: url(../img/BGGeneric.jpg) no-repeat fixed center top #898989;
}
	.w-w1{
		background: url(../img/skin/mobile/m-w1.png) repeat-x 0 0 / 15px 495px fixed;
		background: none;
	}
		.w-w2{
			background: url(../img/skin/mobile/m-w2.png) repeat-x 0 495px / 1px 6000px fixed;
			background: none;
		}

.section-inner{
	padding: 0 15px;
}


/* HEADER
-------------------*/
#header{
	position: relative;
	z-index: 100;
}
	.h-w2.section-inner{padding: 0;}

/*--TOPBAR--*/
#topbar{
	height: 50px;
	background: #000;
	color: #fff;
	position: relative;
}

/*--TOPBAR MENU--*/
#topbarmenu{
	float: right;
	height: 50px;	
}
	/*trigger*/
	#trigger-topbarmenu{
		display: block;
		height: 50px;
		font-weight: 700;
		color: #fff;
		font-size: 14px;
		line-height: 50px;
		text-align:right;
		cursor: pointer;
	}
		#trigger-topbarmenu>span{display: inline-block;}
		/*Icon Trigger*/
		.icon-menu{
			width: 10px;
			height: 10px;
			display: inline-block;
			position: relative;
			left: 0;
			top: 4px;
			margin-right: 5px;
		}
			.icon-menu span,
			.icon-menu span:before,
			.icon-menu span:after{
				display: block;
				position: relative;
				height: 2px;
				width: 10px;
				background: #fff;
			}
				.icon-menu span:before{
					content:"";
					position: absolute;
					top: -4px;
					left: 0;
				}

				.icon-menu span:after{
					content:"";
					position: absolute;
					top: 4px;
					left: 0;
				}

	/*dropdown*/
	.topbarnav{
		position: absolute;
		left: 0;
		top: 50px;
		width: 100%;
		background: #000;
		padding: 36px 15px 30px 15px;
		display: none;
		
	}
		.topbarnav.dropmenu{
			display: block;
			-webkit-animation: fadeIn 0.1s;
			animation: fadeIn 0.1s;
		}

	/*closemenu*/
	.closemenu{
		text-transform: uppercase;
		font-weight: 700;
		font-family: Arial, sans-serif;
		position: absolute;
		left: 15px;
		font-size: 14px;
		bottom: 24px;
		cursor: pointer;
	}
		.closemenu span{
			position:relative;
			left: 0;
			top: 2px;
			margin-right: 5px;
		}

/*--MAINNAV--*/
#mainnav{
	border-top: 2px solid #646464;
	border-bottom: 2px solid #646464;
	line-height: 1;
}
	#mainnav li{position: relative;}
	#mainnav li.active a {
		font-weight: 700;x
	}

	/*First Level*/
	#mainnav .nav.L1>li>a,
	#mainnav .nav.L1>li>.togglemenu, #mainnav ul li.L1Hidden > a {
		display: none;
	}
		.template-home #mainnav .nav.L1 > li{
			border-top: 1px dotted #646464;
		}
			.template-home #mainnav .nav.L1 > li:first-child{border-top: 0;}
		.template-home #mainnav .nav.L1 > li > a, 
		.template-home #mainnav .nav.L1 > li > .togglemenu, 
		.template-home #mainnav ul li.L1Hidden > a{
			color: #fff;
			display: inline-block;
			font-size: 14px;
			padding: 10px 10px 11px;
			text-decoration: none;
			text-transform: uppercase;
		}

    #mainnav ul.L1 ul {
        display: none;
    }

    #mainnav ul.L1 ul.active {
        display: block;
    }

    #mainnav ul.L2 ul.active {
    	display: none;
    }

	/*Second Level*/
	#mainnav .nav.L2>li{
		border-top: 1px dotted #646464;		
	}
		#mainnav .nav.L2>li:first-child{
			border-top: 0;
		}

		#mainnav .nav.L2>li>a{
			display: inline-block;
			color: #fff;
			text-transform: uppercase;
			text-decoration: none;
			padding: 10px 10px 11px 10px;
			font-size: 14px;
		}

		/*#mainnav .nav.L2>li.open{
		background: #9ea374;
		}
		.yellow #mainnav .nav.L2 > li.open{background:#FFD200; background: none;}
		.blue #mainnav .nav.L2 > li.open{background:#8FACBF;}*/

			#mainnav .nav.L2>li.open .nav.L3{display: block;}

	/*Third Level*/
	#mainnav .nav.L3{
		display: none;
	}
		#mainnav .nav.L3>li{
			padding: 6px 0;
			/*background: #757956;*/
			background: #333;
		}
			#mainnav .nav.L3>li:last-child{
				padding-bottom: 12px;
			}
			#mainnav .nav.L3>li>a{
				text-decoration: none;
				color: #fff;
				font-size: 14px;
				padding: 4px 10px 4px 0;
				position: relative;
				left: 30px;
				top: 0;
				display: inline-block;
			}

			#mainnav .nav.L3>li.open .nav.L4{display: block;}


	/*Fourth Level*/
	#mainnav .nav.L4{
		padding: 0 0 5px 30px;
		display: none;
	}
		#mainnav .nav.L4>li{
			margin-top: 10px;
		}
		#mainnav .nav.L4>li:before{
			content:"- ";
		}
			#mainnav .nav.L4>li>a{
				display: inline-block;
				color: #fff;
				text-decoration: none;
				font-size: 14px;
				line-height: 1;
			}

	/*Toggle Menu*/
	.nav.L2 .togglemenu{
		position: absolute;
		right: 8px;
		top: 6px;		
	}
		.nav.L2 .togglemenu span{background-color: #c2c0ba;}
			.nav.L2>li.open>.togglemenu span{
				background-color: #000;
				background-position: 5px -6px;
				color: #000;
			}



	.nav.L3 .togglemenu{
		position: absolute;
		left: 2px;
		top: 7px;
	}
		.nav.L3 .togglemenu span{
			background-color: #fff;
		}
		.nav.L3>li.open>.togglemenu span{
			background-color: #000;
			background-position: 5px -6px;
		}

		.yellow .nav.L2 .togglemenu span, 
		.yellow .nav.L3 .togglemenu span {
			background-color:#ffd200;
		}
		.yellow a.active span {
			color: #ffd200;
		}

		.green .nav.L2 .togglemenu span,
		.green .nav.L3 .togglemenu span {
			background-color: #9ea374;
		}
		.green a.active span {
			color: #9ea374;
		}


		.blue .nav.L2 .togglemenu span,
		.blue .nav.L3 .togglemenu span {
			background-color: #8facbf;
		}
		.blue a.active span {
			color: #8facbf;
		}
	
/*--SECONDARY NAV--*/
#secondarynav{
	float: right;
}
	#secondarynav li{
		margin-top: 15px;
		line-height: 1;
	}
	#secondarynav a{
		text-decoration: none;
		color: #fff;
		text-transform: capitalize;
		font-size: 13px;
	}

    #secondarynav li.more ul {
        display: none !important;
    }

/*--UTIL--*/
#util{
	float: left;
	width: 80px;
	padding-right: 17px;
	height: 50px;
}
	#util ul{
		padding: 0 !important;
		margin: 0 !important;
	}
	#util li{
		display: table;
		width: 100%;
		height: 50px;
		text-decoration: none;
	}
		#util a{
			display: table-cell;
			height: 50px;
			vertical-align: middle;
			color: #fff;
			text-align: center;
			font-size: 13px;
			font-weight: 700;
			line-height: 1.083;
			text-decoration: none;
		}

/*--LOGO--*/
#logo{
	display: block;
	background: #ffd200;
	width: 130px;
	height: 77px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -65px;
	text-align: center;
	text-decoration: none;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5); 
}
	#logo img{
		display: inline-block;
		max-width: 100%;
	}



/* MAIN
-------------------*/
#main{
	margin: 0 15px;
	background: rgba(255, 255, 255, 0.75);
	position: relative;
	z-index: 50;
}
	#main .section-inner{padding: 0;}

	.m-w1{}
		#main .m-w2{
			padding: 50px 10px 30px 10px;
			overflow: hidden;
		}
			
/*--CURRENT CATEGORY--*/
.page-category span{
	display: block;
	font-family: Arial, sans-serif; 
}
	.page-category .top-parent-category{
		border-bottom: 4px solid #000;
		font-size: 22px;
		text-transform: uppercase;
		font-weight: 700;
		text-align: center;
		color: #000;
		margin-bottom: 25px;
	}

		.template-home .page-category .top-parent-category{display: none;}

	.page-category .current-category{
		font-size: 20px;
		color: #000;
		text-transform: capitalize;
		margin-bottom: 10px;
	}


	.blue .page-category .current-category{
		color: #8facbf;
	}
	.yellow .page-category .current-category{
		color: #b99100;
	}
	.green .page-category .current-category{
		color: #9ea374;
	}


/*--CONTENT--*/
#content{
	padding-top: 0;
	min-height: 0 !important;
}	#content .sf_colsOut,
	#content .sf_3cols_1in_33,
	#content .sf_3cols_3_25,
    #content .sf_2cols_1_50,
   	#content .sf_2cols_2_50,
   	#content .sf_2cols_1_75,
   	#content .sf_2cols_2_75{
    	width: auto!important;
    	float: none!important;
    }	
    	#content .sf_colsIn,
    	#content .sf_2cols_2_50>div,
    	#content .sf_2cols_2_75>div{
    		margin-left: 0 !important;
    	}
    
	.content-img{margin-bottom: 20px;}
	#content img{
		display: block;
		max-width: 87%;
		height: auto;
		box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
		margin: 0 auto;
	}	

#content .location-map img {display:inherit;max-width:none;box-shadow:0 0 0 transparent;}

/* TEMPLATE: HOME
-------------------*/
.template-home #subnav,
.template-home .current-category{
	display: none;
}	
.template-home .w-w1{
		position: relative;
		background: none!important;
	}
		.template-home .w-w1:after{
			content:"";
			display: block;
			position: absolute;
			top: 40px;
			height: 60px;
			background: rgba(0, 0, 0, 0.45);
			width: 100%;
			left: 0;
			box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); 
			display: none;
		}

	.template-home .w-w2{background: #fff!important;}
	
	/*Header*/
	.template-home #header{
		background:none;
	}

	.template-home #main{
		background: none;
		padding: 0;
	}
		.template-home #main .m-w2{
			width:100%;
			padding: 80px 0 0 0;
		}

	.front-message{
		background: rgba(0, 0, 0, 0.74);
		margin: auto;
		border-radius: 4px;
		background-clip: padding-box;
		color: #fff;
		text-align: center;
		overflow: hidden;
		position: relative;
	}
		.front-message .heading{
			display: block;
			font-size: 18px;
			font-weight: 600;
			padding: 10px 35px;
			color: #000;
			background: #000;
			line-height: 1.2;
			text-transform: uppercase;
		}
			.front-message .heading>a{
				text-decoration: none;
				color: #fff;
			}
		
		.fm-content{
			padding: 20px;
			font-size: 12px;
			line-height: 1.2;
		}
			.fm-content .title{
				display: block;
				font-size: 16px;
				margin-bottom: 10px;
			}

			.fm-content p{
				line-height: 1.2;
			}

			.fm-content a{
				color: #fff;
				text-decoration: none;
			}

		.homecontrol{
			display: block;
			position: absolute;
			top: 10px;
			height: 100%;
			width: 35px;
			padding-top: 22px;
			height: 1px;
			white-space:nowrap;
			overflow: hidden;
			z-index: 50;
			height: 22px;
			font-size: 1px;
		}
			.homecontrol:before {
				font-family: 'icomoon';
				speak: none;
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				text-transform: none;
				line-height: 1;

				/* Better Font Rendering =========== */
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				color: #fff;
				position: absolute;
				top: 0;
				left: 0;
				width: 35px;
				height: 22px;
				background: #000;
				font-size: 24px;
				text-align: center;
				line-height: 22px;
			}
			.homecontrol.left:before {
				content: "\e600";

			}
			.homecontrol.right:before {
				content: "\e601";
			}

			.homecontrol.left{
				left: 0;
				border-right: 1px solid #000;
				
			}

			.homecontrol.right{
				right: 0;
				
				border-left: 1px solid #000;
			}

		.entryhome{
			background: #fff;
			border-radius: 4px 4px 0 0;
			background-clip: padding-box;
			box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.7); 
			margin-top: 40px;
			padding: 20px 20px 40px 20px;
		}

			.entryaction{
				text-align: center;
				margin-bottom: 20px;
			}
				.entryaction:first-child{margin-left: 0;}
			
				.entryaction a{display: block; text-decoration: none;}

					.entryaction .heading{
						display: block;
						text-transform: uppercase;
						font-weight:600;
						color: #000;
						font-size: 16px;
					}
					.template-home #content .entryaction img{
						display: inline-block;
						max-width: 100%;
						box-shadow: none;
					}

		.latest{
		}
			.c-w1 .latest ul{margin: 0;}
			.c-w1 .latest ul li{
				padding: 18px 0;
				border-bottom: 1px dotted #c2c0ba;
				margin: 0;
			}
			.c-w1 .latest ul li:before{display: none;}

			.latest a{text-decoration: none;}

				.latest .latest-cta{
					display:block;
					text-align: right;
					margin-top: 10px;
					color: #2d73a5;
					text-decoration: underline;
				}

			.latest .heading{
				display: block;
				padding-bottom: 10px;
				text-transform: uppercase;
				font-weight: 600;
				color: #000;
				font-size: 16px;
				border-bottom: 1px dotted #c2c0ba;
				text-align: center;
			}

			.latest-date{
				display: block;
				font-size: 11px;
				font-weight: 300;
				text-transform: uppercase;
				color: #8c8c8c;
				line-height: 1;
			}
				.latest-date span{
					display: block;
					font-size: 14px;
					font-weight: 700;
					padding: 2px 0;
					color: #000;
				}

			.latest-content{
				clear: both;
				padding-top: 10px;
			}
				.latest-content .title{
					font-size: 18px;
					color: #000;
				}


/* TEMPLATE: LANDING
-------------------*/
.template-landing #subnav,
.template-landing .current-category{
	display: none;
}
.frontbanner{
	margin-bottom: 20px;
}
/*Banner*/
.homebanner{
	background: url(../img/masthead/frontbanner-mobile.jpg) no-repeat center top;
	background-size: cover;
	height: 120px;
	width: 100%;
	margin-bottom: 20px;
	display: block;
}
.template-landing.blue .homebanner{
	background: url(../img/masthead/frontbanner-industrial-mobile.jpg) no-repeat center top;
	background-size: cover;
}

.template-landing.yellow .homebanner{
	background: url(../img/masthead/frontbanner-professional-mobile.jpg) no-repeat center top;
	background-size: cover;
}


/*Intro block*/
.rodda-block .intro {
	font-size: 18px;
	color: #000;
}
	.rodda-block .intro  a{
		color: #326496;
		text-decoration: none; 
	}
.rodda-block .intro .heading, .template-landing .frontbanner .heading  {
	display: block;
	color: #000;
	font-size: 25px;
	font-weight: 700;
	line-height: 1.1;
	margin-bottom: 20px;
}

/*slider*/
#content .slider img{max-width: 100%;}
.c-w1 .slider ul{margin: 0;}
.c-w1 .slider ul li{padding: 0;}
.c-w1 .slider ul li:before{
	display: none;
}
.slick-dots{bottom: -42px;}
.slick-dots li{
	width: 50px; 
	height: 24px;
	text-align: center;
}
	.slick-dots li button{
		background:url(../img/skin/mobile/slidernav-mobile.png) no-repeat -24px 0;
		background-size: 48px 24px;
		width: 24px;
		height: 24px;
		display: inline-block;
	}
		.slick-dots  li.slick-active button{background-position: 0 0;}


/* TEMPLATE: OVERVIEW
-------------------*/
.template-overview .c-w1 .overview-boxes li{margin:0 0 20px 0;}
.template-overview .c-w1 .overview-boxes li{
	display: block;
	text-align: center;
	float: none;
	width: auto;
}
	.template-overview .c-w1 .overview-boxes li a{display: inline-block;}

	.template-overview .c-w1 .overview-boxes .heading{
		font-size: 16px;
	}



/* TEMPLATE: INTERNAL OVERVIEW
-------------------*/
.template-internal-overview .c-w1 .overview-boxes li:nth-child(2n+1){margin-left: 0; clear:left;}





/* FOOTER
-------------------*/
#footer{z-index: 50; position: relative;}
#footer .section-inner{padding: 0;}

#footer .f-w1{
	margin: 0 15px;
	background: #fff;
	padding: 8px;
}
#footer ul {
	padding: 0;
}
.foot-sitemap ul,
.other-categories ul{
	padding: 0;
}


/*--QUICK LINKS--*/
#quicklinks, #subnav{
	border-top: 4px solid #000;
	border-bottom: 4px solid #000;
	padding: 10px 0;
}
#subnav {
	display: none;
	border-bottom:none;
	margin-top:40px;
}
	#quicklinks li, #subnav li{
		border-bottom: 1px dotted #d6d6d6;
		padding: 10px;
	}
	#subnav .L4 > li.active > a:before {
    content: "» ";
}
	#subnav li.last-child {border-bottom:none;}
		#quicklinks li:first-child{border-top: 1px dotted #d6d6d6;}

		#quicklinks a{
			display: inline-block;
			text-decoration: none;
			color: #000;
			text-transform: uppercase;
			font-size: 15px;
			font-weight: 700;
		}
		#subnav a {display: inline-block;
			text-decoration: none;
			color: #000;
			text-transform: uppercase;
			}
#subnav a.L3 {display:none;}

#subnav .nav.L5{margin-left: 10px;}
/*--SOCIAL MEDIA--*/
#footer .socialmedia{
	padding: 10px 0 20px 0;
	text-align: center;
}
	#footer .socialmedia .heading{
		font-size: 15px;
		font-weight: 700;
		font-family: Arial, sans-serif;
		color: #000;
		text-transform: uppercase;
		display: block;
		padding-bottom: 10px;
	}
		#footer .socialmedia .heading br{display: none;}
	#footer .socialmedia li{
		display: inline-block;
		margin: 0 1px;
	}

/*--NEWSLETTER--*/
#newsletter{
	text-align: center;
	margin-bottom: 17px;
}
#newsletter .heading{
	display: block;
	font-size: 14px;
	color: #4b4b4b;
	font-family: Verdana, sans-serif;
	margin-bottom: 10px;
}
	#newsletter label{
		display: none;
	}

	#newsletter input[type="text"],
	#newsletter input[type="email"]{
		width: 100%;
		border:none;
		background: #dcdcdc;
		box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.41) inset;
		border-radius: 4px;
		background-clip: padding-box;
		padding: 10px;
		overflow: hidden;
		margin-bottom: 10px;
		font-size: 12px;
		color: #424242;
		font-family: Verdana, sans-serif;
		-webkit-appearance: none;
	}

/*--BREADCRUMB--*/
#breadcrumb{
	border-top: 1px dotted #646464;
	border-bottom: 1px dotted #646464;
	padding: 28px 10px 28px 10px;
}
	/*hide the unnecessary stuff*/
	#breadcrumb .bc-home-link,
	#breadcrumb .bc-home-link + .separator{display: none;}

	#breadcrumb .separator {
		display: none;
	}

	#breadcrumb .heading{
		display: block;
		text-transform: uppercase;
		font-size: 13px;
		color: #82865f;
	}
	#breadcrumb .heading:after {
		content: 'Home';
		display: block;
		text-transform: none;
		padding: 20px 0 0;
	}
		#breadcrumb .breadcrumbs a{
			clear: left;
			float: left;
			padding-top: 5px;
			margin-left: 0;
			display: inline-block;
			text-decoration: none;
			color: #8c8c8c;
		}
			#breadcrumb .breadcrumbs a:before{
				content:"»";
				margin-right: 5px;
			}
			/*#breadcrumb .breadcrumbs a:first-child{
				font-size: 13px;
				margin-left: 0;
				display: inline-block;
				clear: both;
				float: left;
				margin-top: 10px;
			}*/
				/*#breadcrumb .breadcrumbs a:first-child:before{
					display: none;
				}*/

	.breadcrumbs .separator{display: none;}
	.breadcrumbs span{
		clear: left;
		float: left;
		padding-top: 5px;
		display: inline-block;
		margin-left: 0;
		color: #000;
		display: none;
	}
		.breadcrumbs span:before{
			content:"»";
			margin-right: 5px;
		}

/*--SITEMAP--*/
.foot-sitemap li{position: relative;}
	.foot-sitemap a{margin: 0 10px;}
.foot-sitemap .togglemenu{
	position: absolute;
	top: 14px;
	right: 0;
}

#footlogo{display: none; visibility: hidden; speak:none;}

/*first level*/
.foot-sitemap .L1>li{
	padding:  20px 0;
	line-height: 1;
	border-top: 1px dotted #d6d6d6;
}
	.foot-sitemap .L1>li:first-child{border-top: none;}
	.foot-sitemap .L1>li>a{
		display: inline-block;
		font-size: 13px;
		color: #000;
		font-weight: 700;
		text-transform: uppercase;
		text-decoration: none;
	}

	.foot-sitemap .L1>li.open .togglemenu span{
		background-color: #000;
		background-position: 5px -6px;
	}

/*second level*/
.foot-sitemap .L2{
	display: none;
}
	.foot-sitemap .L1>li.open .L2{display: block;}

	.foot-sitemap .L2 a{
		display: inline-block;
		color: #4b4b4b;
		font-size: 13px;
		text-transform: capitalize;
		text-decoration: none;
		margin-top: 17px;
	}

/*--OTHER CATEGORIES--*/
.other-categories{
	border-top: 4px solid #000;
	padding: 20px 0;
}
.other-categories ul{
	display: table;
	width: 100%;
}
	.other-categories ul li{
		display: block;
		width: 50%;
        padding-right: 10px;
        float:left;
	}
		.other-categories ul li:first-child{
			padding-left: 0;
		}

		.other-categories li.active{display: none;}

    .other-categories ul.showall li:last-child {
        margin-top: 10px;
    }

.other-categories a{
	display: block;
	background: red;
	text-align: center;
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
	font-weight: 700;
	padding: 10px;
	line-height: 1;
	border-radius: 2px;
	background-clip: padding-box;
	font-family: Verdana, sans-serif;
}
	.other-categories .oc-one a{background: #ffd200;}
	.other-categories .oc-two a{background: #9ea374;}
	.other-categories .oc-three a{background: #8facbf;}

/*--COPYRIGHT--*/
#copyright{
	font-family: Verdana, sans-serif;
	color:#000;
	margin-bottom: 10px;
}

/*--SITEMAP--*/
#bottomlinks li{
	display: inline-block;
	line-height: 1;
	border-right: 1px solid #000;
	padding-right: 10px;
	margin-right: 10px;
}
	#bottomlinks li:last-child{
		margin-right: 0;
		padding-right: 0;
		border-right: 0;
	}

	#bottomlinks a{
		text-decoration: none;
		color: #797979;
	}

	
/* BACKGROUNDS
-------------------*/
#homebg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}
	#homebg .slick-slide img{max-width: 100%;}


/* COMMON CLASESS
-------------------*/

/*Hidden*/
.mobile-h{
	visibility: hidden;
	display: none;
	speak:none;
}

/*Buttons*/

.submit{
	display: block;
	font-size: 12px;
	color: #000;
	font-weight: 700;
	width: 100%;
	padding: 10px;
	border: none;
	background: #c2c0ba;
	text-transform: uppercase;
	border-radius: 4px;
	background-clip: padding-box;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-appearance: none;
}

/*When you need a wrapper*/
.wrap{position: relative;}

/*Toggle Menu Button*/
.togglemenu{
	display: block;
	width: 24px;
	height: 24px;
	padding-top: 2px;
	text-align: center;
	cursor: pointer;
}
	.togglemenu span,
	.closemenu span{
		display: inline-block;
		border-radius: 50%;
		background-clip: padding-box;
		background: url(../img/skin/mobile/togglemenu.png) no-repeat 5px 5px #c2c0ba;
		background-size: 7px 17px;
		height: 16px;
		width: 16px;
	}

/*Social Media*/
.socialmedia .social a{
	height: 33px;
	padding-top: 33px;
	overflow: hidden;
	width: 33px;
	display: block;
	background-size: contain;
}
	a.social-fb{ background: url(../img/skin/mobile/social-fb.png) no-repeat; }
	a.social-tw{ background: url(../img/skin/mobile/social-tw.png) no-repeat; }
	a.social-pi{ background: url(../img/skin/mobile/social-pi.png) no-repeat; }
	a.social-fl{ background: url(../img/skin/mobile/social-fl.png) no-repeat; }
	a.social-yt{ background: url(../img/skin/mobile/social-yt.png) no-repeat; }
	a.social-g{ background: url(../img/skin/mobile/social-g.png) no-repeat; }
	a.social-t{ background: url(../img/skin/mobile/social-t.png) no-repeat; }

/*Facebook*/
.fb-like{
	clear: both;
	margin-top: 30px;
}

/*Checklist*/
.c-w1 .checklist{
	margin: 0 0 25px 0;
	clear: both;
}
	.c-w1 .checklist li{
		padding-left: 22px;
		display: inline-block;
		margin-right: 35px;
		width: 80px;
		position: relative;
		min-height: 22px;
	}

	.c-w1 .checklist li:before{
		content:"";
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 16px;
		height: 16px;
		bottom: #fff;
		border:1px solid #000;
	}
	.c-w1 .checklist li.check:after{
		content:"";
		display: block;
		position: absolute;
		left: 3px;
		top: 3px;
		height: 10px;
		width: 10px;
		background: #e6be00;
	}

/*Overview boxes*/
.c-w1 .overview-boxes ul{margin: 0;}
.c-w1 .overview-boxes ul:after {
	content: '';
	display: block;
	clear: both;
}
.c-w1 .overview-boxes li{padding: 0; margin: 0 0 15px 20px;}
.c-w1 .overview-boxes li:before{display: none;}

.overview-boxes li{
	text-align: center;
	float: left;
	width: 125px;
}
	.overview-boxes a{
		display: block;
		text-decoration: none;
	}

	.overview-boxes .i-o-image{background: #ccc; display: inline-block;}

	.overview-boxes .desc{
		display: none;
	}

	#content .overview-boxes li img{
		display: block;
		max-width: 100%;
		width: 100%;
		box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	}

	.overview-boxes .heading{
		font-size: 10px;
		padding-top: 5px;
		display: block;
		color: #8c8c8c;
		text-transform: capitalize;
	}

    .mobile-h{
	    visibility: hidden;
	    display: none;
	    speak:none;
    }



.location-map #map_canvas {
    height: 360px;
    width: 100%;
    border:1px solid #000;
}
.c-w1 .location-map .location-type-list li {float:left;list-style:none;margin-right:10px;margin-top:0px;}
.c-w1 ul.location-type-list li:before {content:"";}
.location-map .search {margin-bottom:20px;color:#000;font-size:16px;}
.c-w1 ul.locations-list li {float:left;width:153px;margin-top:0px;margin-bottom:10px;}
#locmap-figure{
	display: none;
	speak:none;
	visibility: hidden;
}

#locmap-content .title{
	display: block;	
	font-weight: 600;
	color: #050607;
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 10px;
}
	#locmap-content .title br{display: none;}


/*Locations Detail*/
.loc-detail-intro-info>.title{
	display: block;
	font-size: 16px;
	color: #000;
	margin-bottom: 15px;
	line-height: 1.3;
}

.loc-cell>.title{
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #000;
	margin: 10px 0;
	line-height: 1.3;
}
.loc-detail-image{
	margin: 20px 0;
}
.loc-detail .Authorized.Dealer {display:none;}
.rodda-gmap{
	width: 100%;
	border:1px solid #000;
	overflow: hidden;
}
	.rodda-gmap iframe{
		width: 100%;
		max-width: 100%!important;
		height: 200px!important;
	}

/* ANIMATION
-------------------*/

/*DEFAULT TRANSITION*/
.regularnimation{
	-webkit-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out; 
}

/*FADE IN EFFECT*/
@-webkit-keyframes fadeIn {
	0%   { opacity: 0.0; }
	50%  { opacity: 0.5; }
	100% { opacity: 1.0; }
}
@keyframes fadeIn {
	0%   { opacity: 0.0; }
	50%  { opacity: 0.5; }
	100% { opacity: 1.0; }
}


/* Divine colours
-------------------*/
.devine-color-title-list li:before,
.devine-color li:before{
	display: none!important;
}
.devine-color li{
	padding: 0 !important;
	margin: 0!important;
}

.devine-color-title-list{
	margin: 0!important;
	text-align: center;
}
.devine-color-title-list:after{
	clear: both;
	content: "";
	display: table;
}
.devine-color-title-list li{
	cursor: pointer;
	padding: 0!important;
}
	.devine-color-title-list li:hover,
	.devine-color-title-list li:focus{
		color: #9b9b9b;
	}
		.devine-color-title-list li:active,
		.devine-color-title-list li.active{
			font-weight: 700;
			color: #000;
		}

.devine-color-list{
	margin: 2em 0!important;
	text-align: center;
}
	.devine-color-list img{display: inline-block!important;}
	.devine-color-list .slick-prev,
	.devine-color-list .slick-next{
		background: #000;
		height: 21px;
		width: 28px;
	}
		.devine-color-list .slick-prev{left: 0;}
		.devine-color-list .slick-next{right: 0;}

/* Media Queries
-------------------*/
@media screen and (min-width: 480px){
	.template-internal-overview .c-w1 .overview-boxes li:nth-child(2n+1){margin-left: 15px; clear:none;}
	.template-internal-overview .c-w1 .overview-boxes li:nth-child(3n+1){margin-left: 0; clear:left;}

	/* TEMPLATE: LANDING
	-------------------*/
	/*Banner*/
	.homebanner{
		height: 160px;
	}
}


#content iframe {
	width: 100% !important;
}


/**************************
Error Page
****************************/
#errorpage{
	margin: auto;
	background: url(../img/rodda-error.png) no-repeat top center;
	background-size: 200px auto;
	padding: 170px 20px 20px 20px;
	text-align: center;
	min-height: 330px;
	font-size: 16px;
	line-height: 20px;
	color: #000;
}
	#errorpage h2{
		font-size: 30px;
		line-height: 1.1;
		font-weight: 600;
	}

	#errorpage a,
	#errorpage a:visited{
		color: #2d73a5;
	}

/**************************
technical information button
****************************/

.sfContentBlock h2 {
	display: inline-block;
}

.yellow .technical, a.technical {
	font-size: 10px;
	text-transform: uppercase;
	color: #000;
	background: #FED200;
	border-radius: 3px;
	padding: 6px 10px;
	line-height: 12px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	border: solid #FED200 1px;
	margin-bottom: 6px;
	margin-right: 8px;
}

.yellow .technical:hover, a.technical:hover {
	color: #be980e;
	background: #fff0a9;
	border: solid #FED200 1px;
}

.green .technical {
	font-size: 10px;
	text-transform: uppercase;
	color: #000;
	background: #9ea374;
	border-radius: 3px;
	padding: 6px 10px;
	line-height: 12px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	border: solid #9ea374 1px;
	margin-bottom: 6px;
	margin-right: 8px;
}

.green .technical:hover {
	color: #626644;
	background: #b8bf7c;
	border: solid #9ea374 1px;
}

.blue .technical {
	font-size: 10px;
	text-transform: uppercase;
	color: #000;
	background: #8facbf;
	border-radius: 3px;
	padding: 6px 10px;
	line-height: 12px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	border: solid #8facbf 1px;
	margin-bottom: 6px;
	margin-right: 8px;
}

.blue .technical:hover {
	color: #4e92be;
	background: #a9cde5;
	border: solid #8facbf 1px;
}