/*	GRID
/*====================================================================*/
.container { 
	min-width: 320px;
	max-width: 1280px;
	height: auto;
	display: block;
	margin: 0 auto;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0 40px;
}

.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 {
	float: left;
	min-height: 1px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}


/* Extra Small */
@media only screen and (min-width: 320px) {
	.col-xs-12 { width: 100%; }
	.col-xs-11 { width: 91.66666667%; }
	.col-xs-10 { width: 83.33333333%; }
	.col-xs-9 { width: 75%; }
	.col-xs-8 { width: 66.66666667%; }
	.col-xs-7 { width: 58.33333333%; }
	.col-xs-6 { width: 50%; }
	.col-xs-5 { width: 41.66666667%; }
	.col-xs-4 { width: 33.33333333%; }
	.col-xs-3 { width: 25%; }
	.col-xs-2 { width: 16.66666667%; }
	.col-xs-1 { width: 8.33333333%; }
}

/* Small */
@media only screen and (min-width: 768px) {
	.col-sm-12 { width: 100%; }
	.col-sm-11 { width: 91.66666667%; }
	.col-sm-10 { width: 83.33333333%; }
	.col-sm-9 { width: 75%; }
	.col-sm-8 { width: 66.66666667%; }
	.col-sm-7 { width: 58.33333333%; }
	.col-sm-6 { width: 50%; }
	.col-sm-5 { width: 41.66666667%; }
	.col-sm-4 { width: 33.33333333%; }
	.col-sm-3 { width: 25%; }
	.col-sm-2 { width: 16.66666667%; }
	.col-sm-1 { width: 8.33333333%; }
}

/* Medium */
@media only screen and (min-width: 1024px) {
	.col-md-12 { width: 100%; }
	.col-md-11 { width: 91.66666667%; }
	.col-md-10 { width: 83.33333333%; }
	.col-md-9 { width: 75%; }
	.col-md-8 { width: 66.66666667%; }
	.col-md-7 { width: 58.33333333%; }
	.col-md-6 { width: 50%; }
	.col-md-5 { width: 41.66666667%; }
	.col-md-4 { width: 33.33333333%; }
	.col-md-3 { width: 25%; }
	.col-md-2 { width: 16.66666667%; }
	.col-md-1 { width: 8.33333333%; }
}

/* Large */
@media only screen and (min-width: 1200px) {
 	.col-lg-12 { width: 100%; }
	.col-lg-11 { width: 91.66666667%; }
	.col-lg-10 { width: 83.33333333%; }
	.col-lg-9 { width: 75%; }
	.col-lg-8 { width: 66.66666667%; }
	.col-lg-7 { width: 58.33333333%; }
	.col-lg-6 { width: 50%; }
	.col-lg-5 { width: 41.66666667%; }
	.col-lg-4 { width: 33.33333333%; }
	.col-lg-3 { width: 25%; }
	.col-lg-2 { width: 16.66666667%; }
	.col-lg-1 { width: 8.33333333%; }
}
.pr5px { padding-right: 5px; }
.pl5px { padding-left: 5px; }

.pr10px { padding-right: 10px; }
.pl10px { padding-left: 10px; }

.pr15px { padding-right: 15px; }
.pl15px { padding-left: 15px; }

.pr20px { padding-right: 20px; }
.pl20px { padding-left: 20px; }

.pr30px { padding-right: 30px; }
.pl30px { padding-left: 30px; }

.pr40px { padding-right: 40px; }
.pl40px { padding-left: 40px; }

.mb40px { margin-bottom: 40px; }

/* use for five columns */
.col-lg-20pc, .col-md-20pc, .col-sm-20pc, .col-xs-20pc  {
	float: left;
	min-height: 1px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
@media only screen and (min-width: 320px) {
	.col-lg-20pc { width: 20%; }
}
@media only screen and (min-width: 768px) {
	.col-md-20pc { width: 20%; }
}
@media only screen and (min-width: 1024px) {
	.col-sm-20pc { width: 20%; }
}
@media only screen and (min-width: 1200px) {
	.col-xs-20pc { width: 20%; }
}

/*	COMMON
/*====================================================================*/
html {
	margin: 0;
	padding: 0;
	height: auto;
	width: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	}
	
body {
	margin: 0;
	padding: 0;
	height: auto;
	width: 100%;
	}
header, footer, section {
	float: left;
	width: 100%;
	padding: 60px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}


.block {
	display: block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	}
	
.mobile { 
	display: none !important;
	}

.left { float: left !important; }
.right { float: right !important; }

/*	TYPOGRAPHY
/*====================================================================*/
html, body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	line-height: 21px;
	font-weight: 400;
	}

h1, h2, h3, h4, h5, h6 { 
	font-family: 'Source Sans Pro', sans-serif;
	margin: 0px 0px 20px;
	font-weight: 300;
	}
	
h1 { font-size: 34px; line-height: 36px; }	
h2 { font-size: 32px; line-height: 34px; }	
h3 { font-size: 30px; line-height: 32px; }	
h4 { font-size: 28px; line-height: 30px; }	
h5 { font-size: 24px; line-height: 26px; }	
h6 { font-size: 20px; line-height: 22px; }	

p { 
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 21x;
	margin: 0px 0px 20px 0px;	
	}
	p.small {
		font-size: 14px;
		line-height: 18px;
		font-weight: 400; 
		}
	p.large {
		font-size: 18px;
		line-height: 24px;
		font-weight: 600; 
		}
	
ul {
	margin: 0px 0px 30px;
	padding: 0px;
	list-style: inside none disc;
	}
	li {
		font-family: 'Source Sans Pro', sans-serif;
		color: #ffffff;
		margin: 0px 0px 10px 0px;
		font-size: 16px;
		font-weight: 600;
		line-height: 24px;
		}
	
input, select, textarea {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	font-weight: 400;
	}
	
.button {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 20px;
	line-height: 20px;
	font-weight: 400;
	text-decoration: none;
}	
	
.text-center { text-align: center; }
.text-right { text-align: right; }

/* Font Sizes */
.extra { font-weight: 200 !important; }
.light { font-weight: 300 !important; }
.normal { font-weight: 400 !important; }
.semibold { font-weight: 600 !important; }

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

input[type="search"] {
	background-color: #ffffff;
	border: 0px;
	padding: 0px 10px;
	box-sizing: border-box;
}

input[type="text"], input[type="email"], select { 
	background-color: #f1f1f2;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #e6e7e8;
	width: 100%;
	margin: 0px 0px 10px;
	height: 50px; 
	font-size: 18px;
	color: #333333;
	}
	.dropdown {
		background-image: url("../images/fa-chevron-up.png");
		background-position: right 10px center;
		background-repeat: no-repeat;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		}

input:required:valid, textarea:required:valid, select:required:valid {
    color: #404041 !important;
	border: 1px solid #58595b !important;
	background-color: #ffffff !important;
    font-weight: 400 !important;
}

input[type="submit"] {
	width: 100%;
}

input[type="submit"]:hover {
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

textarea {
	background-color: #f1f1f2;
	color: #333333;
	border: 1px solid #e6e7e8;
	padding: 10px;
	box-sizing: border-box;
	width: 100%;
	margin: 0px 0px 10px;
	resize: vertical;
	min-height: 150px;
}

.button {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	outline: none;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	border: 0px solid #333333;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.btn-xs {
	padding: 5px;
	font-size: 12px;
	font-weight: 600;
	border-radius: 0px !important; 
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	}

.btn-sm {
	padding: 10px 20px;
	font-size: 14px;
	border-radius: 0px !important; 
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	}
	
.btn-md {
	padding: 15px 30px;
	font-size: 18px;
	}

.btn-lg {
	padding: 16px 40px;
	font-size: 20px;
	}
	

/*	THEME
/*====================================================================*/
body {
	background-color: #ffffff;
	color: #333333;
	}
	
/* text color */	
.white { color: #ffffff; }
.blue { color: #22335f; }
.black { color: #404041;}
.red { color: #ed1c24; }
.grey { color: #dedede; } 
.dark { color: #333333; }
.grey-light { color: #929497; }

/* background color */

/* btn styles */
.btn-red { background-color: #ed1c24 !important; color: #ffffff; border: 1px solid #ffffff; opacity: 0.9; }
	.btn-red:hover { opacity: 1.0; }

.btn-transparent { background-color: transparent !important; color: #22335f; border: 1px solid #22335f; opacity: 0.9; }
	.btn-transparent:hover { opacity: 1.0; }

.btn-blue { background-color: #22335f !important; color: #ffffff; border: 0px solid #ffffff; opacity: 0.9; }
	.btn-blue:hover { opacity: 1.0; }


a { text-decoration: none; }
	
/*	HEADER
/*====================================================================*/

	header.header { 
		min-height: 200px;
		padding: 0px 0px 20px;
		}

		header.header .top-header {
			width: 100%;
			float: left;
			border-bottom: 1px solid #dedede;
			padding: 10px 0px;
			margin: 0 0 20px;
			}
			header.header .top-header .text-block { 
				display: inline-block;
				float: right;
				margin-right: 25px;
				font-size: 16px;
				line-height: 24px;
			}
			header.header .top-header .text-block span { padding-left: 10px; }

		/* social media menu */	
		header.header ul.social-media-menu {
			list-style: none;
			margin: 0px;
			position: relative;
			float: right;
			z-index: 100;
			}
			header.header ul.social-media-menu li {
				float: left;
				font-size: 16px;
				cursor: pointer;
				-webkit-transition: all 0.8s;
				-moz-transition: all 0.8s;
				-ms-transition: all 0.8s;
				-o-transition: all 0.8s;
				transition: all 0.8s;
				margin: 0px;
				}
				li.current-menu-item {
					color: #22335f;
					}
			header.header ul.social-media-menu li:hover {}
				header.header ul.social-media-menu li:hover a { color: #22335f; }
					header.header ul.social-media-menu li:last-child { padding-right: 0px; }
				header.header ul.social-media-menu li a {
					display: block;
					font-size: 18px;
					padding: 0px 10px;
					font-weight: 400;
					box-sizing: border-box;
					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
					background-color: transparent;
					text-decoration: none;
					}		

		/* logo */	
		header.header .logo {
			float: left;
			max-width: 320px;
			}
			header.header .logo a {
				display: block;
				width: 100%;
				height: 100%;
				}
				header.header .logo a img { 
					width: 100%;
					height: auto;
				}
		
		/* navigation menu */	
		header.header ul.header-menu {
			list-style: none;
			margin: 0px;
			position: relative;
			float: right;
			z-index: 100;
			top: 45px;
			}
			header.header ul.header-menu li {
				float: left;
				font-size: 16px;
				cursor: pointer;
				-webkit-transition: all 0.8s;
				-moz-transition: all 0.8s;
				-ms-transition: all 0.8s;
				-o-transition: all 0.8s;
				transition: all 0.8s;
				margin: 0px;
				text-transform: uppercase;
				}
				li.current-menu-item {
					color: #22335f;
					}
			header.header ul.header-menu li:hover { border-bottom: 1px solid #22335f; }
				header.header ul.header-menu li:hover a { color: #22335f; }
					header.header ul.header-menu li:last-child { padding-right: 0px; }
				header.header ul.header-menu li a {
					display: block;
					font-size: 16px;
					padding: 0px 10px;
					box-sizing: border-box;
					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
					background-color: transparent;
					text-decoration: none;
					}
/* ------------------------------------------------------ */
					header ul.header-menu ul.sub-menu{
						position: absolute; 
						display: none;
						margin: 0px;
						padding: 5px 0px 0px;
						}
						header ul li:hover > ul.sub-menu {
						display: block;
						}
						header ul.header-menu li ul.sub-menu li {
							float: none; 
							display: block;
							position: relative;
							margin: 0px;
							}
							header ul.header-menu li ul.sub-menu li a {
								padding: 5px 10px;
								background: #ffffff;
								color: #999999 !important;
								font-size: 14px;
								}	
								header ul.header-menu li ul.sub-menu li a:hover { color: #c27b13 !important; }
/* ------------------------------------------------------ */
				
			/* mobile menu */
			header .navigation.mobile {
				background-image: url("../images/menu.png");
				background-position: center center;
				background-size: 100%;
				background-color: #333333;
				border: 1px solid #ffffff;
				float: right;
				height: 22px;
				width: 24px;
				margin: 0 0 0 10px;
				}
				header .navigation.mobile a.drop {
					display: block;
					width: 100%;
					height: 100%;
				}

			header .mobile-menu { float: left; position: absolute; top: 160px; left: 0px; width: 100%; z-index: 99999; }
			
			header .mobile-menu ul.responsive-menu {
				display: none;
				margin: 0px;
				padding: 25px 0;
				list-style: none;
				height: auto;
				position: relative;
				top: 10px;
				background-color: #333333;
				}
				header .mobile-menu ul.responsive-menu li {
					display: block;
					float: none;
					height: 100%;
					margin: 0px;
					line-height: 40px;					
					}
					header .mobile-menu ul.responsive-menu li:hover ul {
						display: block;
						opacity: 1;
						visibility: visible;
					}

					header .mobile-menu ul.responsive-menu li a {
						display: block;
						padding: 0px 15px;
						font-size: 18px;
						color: #ffffff;
						background-color: transparent;
						text-decoration: none;
						height: 100%;
						font-weight: 600;
						}
						header .mobile-menu ul.responsive-menu li a:hover {
							background-color: #22335f;
						}


				/* Languages */
				header.header ul.header-menu li.languages  {
					z-index: 100;
					float: left;
					width: 55px;
					border: 1px solid #c27b13;
					background-color: #ffffff;
					}
					header.header ul.header-menu li.languages span { 
						float: left;
						}
					header.header ul.header-menu li.languages .fa { 
						padding: 0px 0px 0px 5px; 
						}
				header.header ul.header-menu li.languages .menu-wrapper { width: 55px; }
					header.header ul.header-menu li.languages .menu-wrapper ul.main-nav {
					margin: 0px;
					height: auto;
					list-style: none;
					float: left;
					width: 100%;
					}
					header.header ul.header-menu li.languages .menu-wrapper ul.main-nav li {
						padding: 0px;
						margin: 0px !important;
						float: left;
						width: 100%;
						}
						header.header ul.header-menu li.languages .menu-wrapper ul.main-nav li a {
							float: left;
							color: #404041;
							font-size: 16px;
							width: 100%;
							}
					


/*	FOOTER
/*====================================================================*/
footer {
	padding: 20px 0px;
	background-color: #191919;
	color: #363636;
	}
	footer p { margin: 0px; }
	footer p.copyrights { text-align: left; }
	footer p.site-credit { text-align: right; }


/*	HOMEPAGE
/*====================================================================*/
.home section.slider {
	width: 100%;
	padding: 100px 0px;
	height: auto;
	max-height: 630px;
	background-image: url("../images/header.jpg");
	background-position: center top;
	background-repeat: no-repeat;
}

.home section.accident-types {}	
.home section.accident-types .title { text-align: center; }

	.home section.accident-types .accident-type {
		text-align: center;
		float: left;
		width: 100%;
	}
	.home section.accident-types .accident-type-wrapper { 
		background-color: #f2f2f2; 
		padding: 20px; 
		margin: 0px auto;
		width: 100%;
		max-width: 540px;
	}
	


#testimonials {
	margin: 0px auto;
	max-width: 800px;
}
.testimonial {
	padding: 0px 50px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
}

.testimonial p.quote { font-style: italic; text-align: center; }
.testimonial p.client { font-style: italic; font-weight: 400; text-align: center; }


.owl-carousel {
position: relative;
}
.owl-buttons {
	width: 55px;
	display: block;
	margin: 0px auto;
}

/*	ACCIDENT TYPE PAGE
/*====================================================================*/

.image  {
	height: 280px;
	padding: 20px;
	background-size: 100%;
	text-align: center;
	background-position: top center;
	margin: 0px 0px 25px;
	}

.image.road { background-image: url("../images/slider_road.jpg"); }
.image.work { background-image: url("../images/slider_work.jpg"); }
.image.public { background-image: url("../images/slider_public.jpg"); }
.image.about { height: 190px; background-image: url("../images/hd_about.jpg"); background-size: 100% 100%; }


@media only screen and (min-width : 300px) and (max-width : 1199px) {
	
	.mobile { display: block !important; }
	.desktop { display: none !important; }
	
	.image.about { background-size: auto auto; }
}

@media only screen and (min-width : 300px) and (max-width : 480px) {
	
	.container { padding: 0px 20px; }
	
	.accident .image { background-size: auto 100%; }
}

@media only screen and (min-width : 300px) and (max-width : 768px) {
	
	.pr10px { padding-right: 0px; }
	.pl10px { padding-left: 0px; }
	.pr20px { padding-right: 0px; }
	.pl20px { padding-left: 0px; }
	.pr30px { padding-right: 0px; }
	.pl30px { padding-left: 0px; }
	.pr40px { padding-right: 0px; }
	.pl40px { padding-left: 0px; }
	
	header.header .logo {
		max-width: 240px;
	}
			
	
	header.header ul.header-menu { display: none; }
	
	.home section.slider {
		background-position: left top;
	}
	
	footer p.copyrights, footer p.site-credit { text-align: center; margin: 10px 0; }
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
	
	.home section.accident-types .title { min-height: 64px; }

}

@media only screen and (min-width : 1024px) and (max-width : 1200px) {
	
	.home section.accident-types .title { min-height: 64px; }

}