/*
Theme Name: All The Way
Theme URI: http://underscores.me/
Author: Gry Nagel - Nagel Media
Author URI: http://nagelmedia.no/
Description: Blank starter theme for Nagel Media
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nm-start-theme
Domain Path: /languages/
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 Nm Start Theme is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/***************************************************************************************************************
*				________    _________   ______                              ______   _____       _________     *
*	| \      |  |		|  |        |  |	    |              |\      /|  |        |     \   |  |        |    *
*	|  \     |  |		|  |           |        |              | \    / |  |        |      |  |  |        |    *
*	|   \    |  |		|  |           |        |              |  \  /  |  |        |      |  |  |        |    *
*	|    \   |  |_______|  |   _____   |____    |              |   \/   |  |____    |      |  |  |________|    *
*	|     \  |  |		|  |        |  |        |              |        |  |        |      |  |  |        |    *
*	|      \ |  |		|  |        |  |        |              |        |  |        |      |  |  |        |    *
*	|       \|  |		|  |________|  |______  |_______|      |        |  |______  |_____/   |  |        |    *  
*																											   *
***************************************************************************************************************/

/**********************************************************************************
TABLE OF CONTENTS
***********************************************************************************
0.0 - Colors
1.0 - Reset
2.0 - Typography
	2.1 - Import fonts
3.0 - Elements
4.0 - Forms
5.0 - Navigation
	5.1 - Links
	5.2 - Primary menu
	5.3 - Secondary/ Top menu
	5.4 - Footer menu
	5.5 - Mobile menu
6.0 - Accessibility
7.0 - Alignments
	7.1 - Colomns
8.0 - Clearings
9.0 - Widgets
10.0 - Content
	10.1 - Header
	10.2 - Home Page
	10.3 - Posts and pages
	10.4 - Footer
	10.5 - Asides
	10.6 - Comments
11.0 - Infinite scroll
12.0 - Media
	12.1 - Captions
	12.2 - Galleries
13.0 - Media Queries

***********************************************************************************/

/**********************************************************************************
0. COLORS
***********************************************************************************
"Dark" Blue: #4668B2, rgba(70,104,178,1)
Light Blue: #3EB1E8, rgba (62,177,232,1)
Dark gray: #7D8089, rgba (62,177,232,1)
Light gray: #B0B4B5, rgba(176,180,181,1) 
White-blue-ish: #EDF8FC, rgba(237,248,252,1)
Orange: #E06518;
Text: #303030, #232323


**********************************************************************************/

/**********************************************************************************
1. RESET
**********************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 16px;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
	-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing:         border-box;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol, ul {
	list-style: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* Add this code in style.css */
.dropcap {
	float: left;
	font-size: 80px;
	padding-right: 7px;
	line-height: 72px;
}

/**********************************************************************************
2. TYPOGRAPHY
**********************************************************************************/

/********************************
2.1 IMPORT FONTS
********************************/

body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	border: none;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-family: 'Lato', Helvetica, sans-serif;
	font-weight: 900;
	color: #E06518;
}

h1{
	font-size: 250%;
}

h2{
	font-size: 200%;
	text-transform: uppercase;
	text-align: center;
	color: #232323;
}

h3{
	margin-bottom: 1em;
}

p {
	margin-bottom: 1.5em;
	font-family: 'PT Sans', sans-serif;
	line-height: 1.8em;
	color: #232323;
	font-size: 100%;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}

a{
	margin-bottom: 1.5em;
	font-family: 'PT Sans', sans-serif;
	line-height: 1.8em;
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}

/**********************************************************************************
3. ELEMENTS
**********************************************************************************/
hr {
	background-color: #E06518;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
	width: 100%;
	margin: 0px auto;
}

ul, ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}

/**********************************************************************************
4. FORMS
**********************************************************************************/
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	float: right;
	width: 10em;
	padding: .5em;
	background: #E06518;
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	color: #ffffff;
	border-radius: 5px;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2) inset;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: #232323;
	cursor: pointer;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background-color: #232323;
	cursor: pointer;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}

/**********************************************************************************
5. NAVIGATION
**********************************************************************************/
/************************************************
5.1 LINKS
************************************************/
a {
	color: #E06518;
}
a:visited {
	color: #E06518;
}
a:hover,
a:focus,
a:active {
	color: #7D8089;
}

#cff a:hover,
#cff a:focus,
#cff a:active {
	text-decoration: none;
}

/************************************************
5.2 MAIN MENU
************************************************/
.main-navigation{
	background-color: #4668B2;
	text-align:center;
	height: 42px;
}

.main-navigation ul {
	margin: 5px 0;
	list-style-type: none;
	padding: 2px 10px;

}

.main-navigation li {
	display: inline;
	padding: 9px 5px;
	position: relative;
}

.main-navigation li+li{
	border-left: 1px dashed #fff;
}

.main-navigation a {
	text-decoration: none;
	color: #ffffff;
	font-family: "Lato",sans-serif;
	padding: 0 20px;
	font-size: 120%;
}

.main-navigation a:hover,
.main-navigation a:active,
.main-navigation a:focus{
	color: #E06518;
}

.current_page_item > a {
	color: #E06518;
}

.current_page_ancestor > a,
.current_page_parent > a,
.current-menu-ancestor > a,
.current-menu-parent > a{
	color: #E06518;
}

.menu li > a:after {
	content: ' ▾';
}

.menu li > a:only-child:after {
	content: '';
}


.main-navigation ul li ul li:hover a{
	color: #E06518;
}

.main-navigation ul ul{
	display:none;
	background:#4668B2;
	position: absolute;
	top: 29px;
	left: 0;
	z-index: 999;
	min-width: 274px;
	text-align: left;
	padding: 0;
}

.main-navigation ul ul li{
	display: block;
	padding: 5px 25px 0px 25px;
}

.main-navigation ul ul li+li{
	border-left: none;
}
.main-navigation ul ul a{
	padding: 0;
	margin: 0;
}

.main-navigation ul li:hover > ul
{
	display:block
}

.main-navigation ul li a:active{
	color: #E06518;
}


#togglebutton{
	display: none;
}

#mmenu{
	display: none;
}



/************************************************
5.3 SECONDARY/TOP NAVIGATION
************************************************/
.secondary-navigation{
	position: relative;
	float: right;
	/* background-color: #4668B2; Denne må bort senere!!*/
}

.secondary-navigation ul{
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.secondary-navigation li{
	float: left;
	position: relative;
	padding-left: 5px;
	margin-top: 4px;
}

.secondary-navigation a{
	padding: 10px;
	color: #ffffff;
	text-decoration: none;
}

.secondary-navigation li+li{
	border-left: 1px dashed #fff;
}

.secondary-navigation a:hover,
.secondary-navigation a:active,
.secondary-navigation a:focus{
	color: #E06518;
}

/************************************************
5.4 MOBILE MENU
************************************************/
@media screen and (max-width: 950px) {
	.main-navigation{
		display: none;
	}

	#togglebutton{
		display: block;
		color: #4668B2;
		float: right;
		width: 40%;
		margin-top: -100px;
		text-align: right;
	}

	#togglebutton a, #togglebutton a:visited{
		color: #4668B2;
		font-size: 200%;
		padding-right: 20px;
	}

	#mmenu{
		display: block;
		position: relative;
		float: right;
		width: 100%;
		border-top: 2px solid #ffffff;
		padding-top: 20px;
		background-color: #4668B2;
		z-index: 999;
	}

	#mmenu a{
		font-size: 120%;
		text-align: center;
		text-decoration: none;
		color: #ffffff;
	}

	#mmenu a:visited{
		color: #ffffff;
	}

	#mmenu a:active, #mmenu a:hover{
		color: #B0B4B5;
	}

	#mmenu li{
		list-style-type: none;
		width: 100%;
		display: block;
	}

	#mmenu li li{
		padding-left: 20px;
	}

	.Pass_Field{
		margin-bottom: 10px;
		float: right;
	}

	.Login_Container input[type="submit"]{
		margin-bottom: 10px;
	}

}
/**********************************************************************************
6. ACCESSIBILITY
**********************************************************************************/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/**********************************************************************************
7. ALIGNMENTS
**********************************************************************************/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/************************************************
7.1 COLOMNS
************************************************/
.one_half{
	width:48%;
}

.one_third{
	width:30.66%;
}

.two_third{
	width:65.33%;
}

.one_fourth{
	width:22%;
}

.three_fourth{
	width:74%;
}

.one_fifth{
	width:16.8%;
}

.two_fifth{
	width:37.6%;
}

.three_fifth{
	width:58.4%;
}

.four_fifth{
	width:67.2%;
}

.one_sixth{
	width:13.33%;
}

.five_sixth{
	width:82.67%;
}

.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{
	position:relative;
	margin-right:4%;
	float:left;
}

.last{
	margin-right:0 !important;
	clear:right;
}

.clearboth {
	clear:both;
	display:block;
	font-size:0;
	height:0;
	line-height:0;
	width:100%;
}

/**********************************************************************************
8. CLEARINGS
**********************************************************************************/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/**********************************************************************************
9. WIDGETS
**********************************************************************************/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

/**********************************************************************************
10. CONTENT
**********************************************************************************/
/*Entire page*/
#pagebackground{
	width: 100%;
	height: 100%;
	background-image: url('images/shattered.png');
}

#content{
	width: 1330px;
	margin: 0px auto;
}

.fullwidthpage{
	min-height: 800px;
	overflow: hidden;
	padding-left: 6%;
	padding-right: 6%;
	margin: 0 auto;
}

/*har lagt til stuff her*/
.fullwidthpage h2{
	/*margin-top: 6%;*/
	width: 90%;
	margin: 6% auto 0 auto;
}

.transportinformation,
.transportinformation p
{
	font-size: 12px;
}

.transportinformation h4{
	font-size: 14px;
	color: #000;
}

/************************************************
10.1 HEADER
************************************************/
.site-header{
	width: 1330px;
	margin: 0px auto;
	background-repeat: repeat;
}

.site-logo{
	position: relative;
	float: left;
	margin-left: 0%;
	position: absolute;
	z-index: 999;
}

.site-logo img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: -22px;
	width: 185px;
	height: auto;
}

/*The site tagline*/
.site-info{
	position: relative;
	float: left;
	margin-left: 19%;
	margin-top: 0%;
}

.site-info h2{
	color: #E06518;
	font-size: 180%;
	text-transform: none;
	margin-top: 50px;
}

.site-title a{
}

.site-title a:hover{
}

.site-branding{
	position: relative;
	float: left;
}

.site-branding{
	max-width: 80%;
}

#road{

}

.Login_Container{
	background-color: #4668B2;
	width: 200px;
	min-height: 10px;
	padding: 5px;
	position: relative;
	float: right;
}

div.Login_Field{
	padding-bottom: 5px;
}

.Login_Text{
	color: #ffffff;
	text-align: center;
}

.Login_Field input,
.Pass_Field input{
	height: 1.5em;
	width: 190px;
}

.Pass_Field{

}
/************************************************
10.2 HOME PAGE
************************************************/
/*********Slider*********/
#slider{
	margin-top: 20px;
	width: 64%;
	position: relative;
	float: left;
	margin-bottom: 40px;
}

/*********About section*********/
#about{
	margin: 20px;
	width: 40%;
	position: relative;
	float: left;
}

#about p{
	margin-top: 20px;
}

/*********News*********/

#news{
	width: 35%;
	position: relative;
	float: right;
	margin-top: 20px;
	height: 322px;
}

#news h2{
	clear: none;
}

#news ul{
	list-style-type: none;
}

#news a{
	font-size: 120%;
}

/*********Login*********/
.Login_Container input[type="submit"]{
	width: 90px;
	height: 25px;
	position: relative;
	float: left;
	font-size: 70%;

}

.Login_Buttons{
	margin-top: 5px;
}

.Login_Container button{
	width: 90px;
	height: 25px;
	position: relative;
	float: right;
	font-size: 70%;
}
/*********Services*********/
#services{
	width: 100%;
	min-height: 100px;
	overflow: hidden;
	margin: 20px 20px 20px;
}

#serviceslink a{
	position: relative;
	float: right;
	clear: both;
	margin-right: 7%;
}

#services hr{

}

.service{
	width: 22%;
	position: relative;
	float: left;
	margin-right: 20px;
	min-height: 100px;
	overflow: hidden;
	margin-top: 20px;
	text-align: center;
}

.service h3{
	font-size: 117%;
}

.service-icon img{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*********Call to action*********/
.calltoaction{
	margin: 20px 0 30px 0;
	padding: 20px 50px;
	min-height: 50px;
	overflow: hidden;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.calltoactiontext{
	position: relative;
	float: left;
	width: 70%;
	font-size: 150%;
}

.calltoactiontext p{
	margin-bottom: 0;
}

.calltoaction button{
	position: relative;
	width: 100%;
	margin-top: 4px;
	padding: 0.75em;
	font-size: 26px;
	box-shadow: 5px 10px 4px rgba(0, 0, 0, 0.3);
}

.calltoaction--service{
	width: 75%;
	margin: 0 auto 40px auto;
}
/*********Clients*********/
#clients{
	width: 100%;
	min-height: 100px;
	overflow: hidden;
	padding: 20px 20px 20px;
}

.client{
	background-color: white;
	border: 1px solid #FFF;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
	position: relative;
	float: left;
	height: 100px;
	text-align: center;  /* align the inline(-block) elements horizontally */
	font: 0/0 a;         /* remove the gap between inline(-block) elements */
	width: 20%;                     /* poor approximation for old browsers    */
	width: calc(20% - 20px);         /* standards-based answer for IE9+, FF16+ */
	width: -moz-calc(20% - 20px);    /* support for FF4 - FF15                 */
	width: -webkit-calc(20% - 20px); /* support for Chrome19+ and Safari6+     */
	margin:10px;

}

.client:before{
	content: ' ';
	display: inline-block;
	vertical-align: middle;  /* vertical alignment of the inline element */
	height: 100%;
}

.client img{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	max-width: 83%;
	max-height: 90px;
	display: inline-block;
	vertical-align: middle;  /* vertical alignment of the inline element */
	font: 16px/1 Arial sans-serif;        /* <-- reset the font property */
}


/************************************************
10.3 POSTS AND PAGES
************************************************/
.sticky {
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	/*margin: 1.5em 0 0;*/
	margin: 40px auto 0 auto;
	width: 70%;
}

.page-content--service{
	padding-bottom: 40px;
}

.page-content--service img{
	margin-bottom: 40px;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.entry-header hr{
	width: 75%;
}

.entry-title{
	margin-top: 50px;
}

.site-content{
	min-height: 600px;
	overflow: hidden;
	height: auto;
}

.fullwidthpage hr{
	width: 75%; /*Endinger*/
}

.content-area{
	min-height: 600px;
}


/************************************************
10.5 CONTACT PAGE
************************************************/
#wgmpmap{
	margin-bottom: 50px;
}

/************************************************
10.4 FOOTER
************************************************/
#slogan p{
	font-size: 250%;
	font-family: "Rockwell Extra Bold", "Rockwell Bold", "Arvo", monospace;
	color: #E06518;
}

#slogan{
	text-align: center;
}

.footer{
	min-height: 30px;
	overflow: hidden;
	border-style: solid;
	border-width: 0px;
	-moz-border-image: url('images/road.png') 0 repeat stretch;
	-webkit-border-image: url('images/road.png') 0 repeat stretch;
	-o-border-image: url('images/road.png') 0 repeat stretch;
	border-image: url('images/road.png') 0 fill repeat stretch;
}

.footer-info{
	background-color: rgba(70,104,178,1);
	min-height: 50px;
	overflow: hidden;
	padding: 20px;
}

.footer-content{
	width: 1330px;
	margin: 0 auto;
}

.footer-info a{
	color: white;
	text-decoration: none;
}

.developer{
	position: relative;
	float: right;
	width: 30%;
	text-align: right;
}


#facebook{
	width: 50px;
	height: auto;
	vertical-align:middle;
}

#facebooklogo{
	position: absolute;
	bottom: 0;
	right: 0;
	min-height: 10px;
	overflow: hidden;
}

#fbtext{
	margin-top: -25px;
	position: relative;
	vertical-align:middle;
}

.disclaimer{
	position: relative;
	float: left;
	min-height: 20px;
	overflow: hidden;
}

.footer-info p{
	margin-bottom: 1em;
	line-height: 1.4em;
}


.site-footer a{
}

.site-footer a:hover{
}


/************************************************
10.5 ASIDES
************************************************/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/************************************************
10.6 COMMENTS
************************************************/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
}

/************************************************
10.7 CONTACT FORM
************************************************/
#newcustomer{
	width: 70%;
	margin: 0px auto;
}

#priceform{
	width: 60%;
	margin: 0px auto;
}

#contactus{
	margin: 0px auto;
}

#contactForm {
	width: 100%;
	min-height: 400px;
	margin: 0px auto 70px;
}

/* Give form elements consistent margin, padding and line height */
#contactForm ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#contactForm label{
	clear: both;
}



#contactForm input:focus, select:focus, textarea:focus{
	-webkit-box-shadow:inset 0px 0px 0px 3px #E06518;
	-moz-box-shadow:inset 0px 0px 0px 3px #E06518;
	box-shadow:inset 0px 0px 0px 3px #E06518;
}

#contactForm input[type="text"], input[type="email"], input[type="tel"], input[type="select"], textarea, select{
	width: 100%;
	padding: 0.4em;
	border: 1px solid #AAA;
	border-radius: 5px;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2) inset;
	background: none repeat scroll 0% 0% #FFF;
	margin-bottom: 10px;
}

#contactForm input:focus, select:focus, textarea:focus{
	-webkit-box-shadow:inset 0px 0px 0px 3px #E06518;
	-moz-box-shadow:inset 0px 0px 0px 3px #E06518;
	box-shadow:inset 0px 0px 0px 3px #E06518;
}

#contactForm textarea{
	max-width: 100%;
}

#contactForm label {
	display: block;
	float: left;
	clear: left;
	text-align: left;
	width: 100%;
	padding: .4em 0 0 0;
	margin: .15em .5em 0 0;
	font-weight: bold;
}

span.wpcf7-not-valid-tip {
	color: #E06518;
	font-size: 1em;
	display: block;
	margin-top: 10px;
	font-weight: bold;
}

div.wpcf7-validation-errors {
	background: #4668B2;
	border: 3px solid #ffffff;
	color: #ffffff;
}

div.wpcf7-response-output {
	margin: 10px 0;
	padding: 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-radius: 5px;
}

.wpcf7-mail-sent-ng {
	background: #4668B2;
	border: 3px solid #ffffff;
	color: #ffffff;
}

.wpcf7-mail-sent-ok {
	background: #e8ffe2;
	border: 1px solid #6fdf51;
	color: #1ea524;
}

/**********************************************************************************
11. SCROLL
**********************************************************************************/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/**********************************************************************************
12. MEDIA
**********************************************************************************/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/************************************************
12.1 CAPTIONS
************************************************/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/************************************************
12.2 GALLERIES
************************************************/
.gallery {
	margin-bottom: 1.5em;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {}

/************************************************
12.3 VIDEO
************************************************/
.videoContainer{
	max-width: 100%;
}

.rw-wrapper{
	/*width: 80%;*/
	position: relative;
	margin: 0 auto;
	height: 100px;
	margin-bottom: 40px;
}

.rw-sentence{
	margin: 0;
	text-shadow: 0 0 0 rgba(0,0,0,0.0001);
}

.rw-sentence span{
	color: #E06518;
	font-size: 200%;
	font-family: "Lato",sans-serif;
	white-space: nowrap;
	text-transform: none;
}

.rw-sentence > span:first-child{
	display: block;
	font-size: 145%;
}

.rw-words{

}

.rw-words span{
	position: absolute;
	width: 80%;
	opacity: 0;
	white-space: nowrap;
	overflow: hidden;
	top: 20px;
	left: 10%;
}

.rw-words-1 span{
	line-height: 115%;
	-webkit-animation: rotateWordsFirst 18s linear infinite 0s;
	-ms-animation: rotateWordsFirst 18s linear infinite 0s;
	animation: rotateWordsFirst 18s linear infinite 0s;
}

.rw-words span:nth-child(2) {
	-webkit-animation-delay: 3s;
	-ms-animation-delay: 3s;
	animation-delay: 3s;
}
.rw-words span:nth-child(3) {
	-webkit-animation-delay: 6s;
	-ms-animation-delay: 6s;
	animation-delay: 6s;
}
.rw-words span:nth-child(4) {
	-webkit-animation-delay: 9s;
	-ms-animation-delay: 9s;
	animation-delay: 9s;
}
.rw-words span:nth-child(5) {
	-webkit-animation-delay: 12s;
	-ms-animation-delay: 12s;
	animation-delay: 12s;
}
.rw-words span:nth-child(6) {
	-webkit-animation-delay: 15s;
	-ms-animation-delay: 15s;
	animation-delay: 15s;
}
@-webkit-keyframes rotateWordsFirst {
	0% { opacity: 0; -webkit-animation-timing-function: ease-in; }
	5% { opacity: 1; -webkit-animation-timing-function: ease-out;}
	17% { opacity: 1; }
	20% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes rotateWordsFirst {
	0% { opacity: 0; -ms-animation-timing-function: ease-in; }
	5% { opacity: 1; -ms-animation-timing-function: ease-out;}
	17% { opacity: 1; }
	20% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes rotateWordsFirst {
	0% { opacity: 0; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
	5% { opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
	17% { opacity: 1; }
	20% { opacity: 0; }
	100% { opacity: 0; }
}


/**********************************************************************************
13. MEDIA QUERIES
**********************************************************************************/

/************************************************
MOBILE
************************************************/

@media screen and (max-width: 1300px){
	#content{
		width: 1080px;
		margin: 0 auto;
	}

	.site-branding{
		width: 1080px;
		margin: 0 auto;
	}

	.site-header{
		width: 1080px;
		margin: 0 auto;
	}

	.site-logo img{
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: -22px;
		width: 160px;
		height: auto;
	}

	.footer-content{
		width: 1080px;
	}

	#news a{
		font-size: 100%;
	}

	#news{
		height: 275px;
	}

}

/*Mobile large screen*/
@media all and (max-width: 1080px) {
	#content{
		width: 100%;
	}

	#road{
		display: none;
	}

	.site-header{
		width: 100%;
	}

	.site-branding{
		width: 100%;
		margin: 0 auto;
	}

	.site-logo{
		position: relative;
		float: left;
		margin-left: 1%;
		z-index: 999;
	}

	.site-logo img{
		display: block;
		height: auto;
		width: 165px;
	}

	.site-info{
		display: none;
	}

	#slider{
		margin-top: 20px;
		width: 100%;
		position: relative;
		float: left;
		margin-bottom: 40px;
	}

	.service a{
		text-align: center;
	}

	.developer{
		position: relative;
		float: right;
		width: 100%;
		text-align: left;
	}

	.developer p{
		margin-bottom: 0px;
	}

	.disclaimer{
		position: relative;
		float: left;
		clear: both;
	}

	.footer{
		height: 55px;
	}

	#services{
		width: 100%;
		margin: 0px;
		padding: 20px;
	}

	#news{
		width: 97%;
		position: relative;
		float: left;
		margin-top: 20px;
		height: auto;
		min-height: 50px;
		overflow: hidden;
		margin-bottom: 40px;
	}

	.Login_Container{
		background-color: #4668B2;
		width: 100%;
		position: relative;
		float: left;
		top: 0;
		min-height: 10px;
		padding: 5px;

	}

	.Login_Container input[type="submit"] {
		float: right;
		margin-right: 10px;
	}

	.Login_Container input[type="submit"] {
		float: right;
		margin-right: 10px;
	}

	div.Login_Field{
		padding-bottom: 5px;
		margin-right: 10px;
	}

	.Login_Text{
		color: #ffffff;
	}


	.Login_Text, .Login_Field, .Pass_Field {
		height: 1.5em;
		position: relative;
		float: left;
		padding-left: 10px;
	}

	.Login_Container button{
		margin-right: 10px;
	}

	.Pass_Field{

	}

	.site-header{
		margin-bottom: 10px;
	}

	.footer-content{
		width: 100%;
	}

	.calltoaction button {
		width: 80%;
	}
}

/*Mobile small screen*/
@media all and (max-width: 950px) {
	#road{
		display: none;
	}

	#priceform{
		width: 100%;
		padding: 20px;
	}

	#newcustomer{
		width: 100%;
		padding: 20px;
	}

	#content{
		width: 100%;
	}

	.site-branding{
		width: 100%;
		margin: 0;
		padding: 0;
		margin-top: 10px;
	}

	.site-logo img{
		width: 100px;
		height: auto;
	}

	.calltoactiontext {
		width: 100%;
	}

	#servicelink{
		position: relative;
		float: right;
		padding: 0;
		margin-left: -30px;
		display: none;
	}

	.service{
		width: 100%;
	}

	.calltoaction, .calltoactiontext{
		text-align: center;
		float: none;
	}

	.calltoactiontext p{
		margin-bottom: 1.5em;
	}

	.calltoactionbutton{
		float: none;
	}

	.calltoaction button{
		float: none;
	}

	#slider{
		margin-top: 0px;
	}

	.one_half{
		width:97%;
		position: relative;
		float: left;
	}

	.one_third{
		width:97%;
		position: relative;
		float: left;
	}

	.rw-wrapper{
		display: none;
	}

	.content-area{
		width: 97%;
		margin: 0 auto;
	}

	#news ul{
		margin-bottom: 50px;
	}

	.fullwidthpage{
		padding: 0;
		width: 100%;
	}

}

@media all and (max-width: 600px) {
	.Login_Text, .Login_Field, .Pass_Field {
		height: 1.5em;
		position: relative;
		float: none;
		padding-left: 10px;
	}

	.Login_Text{
		text-align: left;
	}

	div.Login_Field{
		margin-bottom: 5px;
	}

	.Login_Container input[type="submit"],
	.Login_Container button{
		float: left;
	}

	.Login_Container input[type="submit"]{
		margin-left: 10px;
	}
}

/*Mobile mini screen*/
@media all and (max-width: 530px) {
	table, thead, tbody, th, td, tr {
		display: block;
	}

	.fullwidthpage{

	}

	.calltoaction button {
		width: 70%;
	}
}