body {
	background: #f7f7f7;
	overflow-x: hidden;
	overflow-y: scroll;
	font-family: Roboto;
	font-weight: 400;
	font-size: 1em;
	overflow-y: scroll;
	overflow-x: hidden;
	
	color: #363636;
}

a {
	text-decoration: none;
}

header, .slider {
	width: 100%;
}

.inner {
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
}

.clear {
	clear: both;
}

header {
	background: #f7f7f7;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.1), 0 10px 50px rgba(0,0,0,0.1), 0 0 1px #ffffff inset;
	height: 70px;
	position: relative;
	z-index: 9;
}

.inner {
	position: relative;
}

header::before {
	content: "";
	position: absolute;
	width: 100px;
	height: 150%;
	top: 0;
	left: 0px;
	background: -moz-linear-gradient(left, rgba(246,246,246,1) 0%, rgba(247,247,247,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(246,246,246,1)), color-stop(100%,rgba(247,247,247,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(246,246,246,1) 0%,rgba(247,247,247,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(246,246,246,1) 0%,rgba(247,247,247,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(246,246,246,1) 0%,rgba(247,247,247,0) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(246,246,246,1) 0%,rgba(247,247,247,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#00f7f7f7',GradientType=1 ); /* IE6-9 */
}
header::after {
	content: "";
	position: absolute;
	width: 100px;
	height: 150%;
	top: 0;
	right: 0px;
	background: -moz-linear-gradient(left, rgba(246,246,246,0) 0%, rgba(247,247,247,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(246,246,246,0)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(246,246,246,0) 0%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(246,246,246,0) 0%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(246,246,246,0) 0%,rgba(247,247,247,1) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(246,246,246,0) 0%,rgba(247,247,247,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6f6f6', endColorstr='#f7f7f7',GradientType=1 ); /* IE6-9 */
}

.mainmenu, .search, .mobile_mainmenu {
	float: right;
	vertical-align: top;
}

.logo {
	left: 20px;
	position: absolute;
	z-index: 10;
	top: 0;
	box-shadow: 0 5px 15px rgba(0,0,0,0.6);
	border-radius: 2px;
}
.logo img, .slider .inner > img {
	float: left;
}

.submenu::before {
	border-bottom-color: rgba(255, 255, 255, 0.9);
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-left-color: transparent;
    border-left-style: solid;
    border-left-width: 5px;
    border-right-color: transparent;
    border-right-style: solid;
    border-right-width: 5px;
    bottom: 100%;
    content: "";
    left: 24px;
    position: absolute;
}

.submenu {
	background: #f7f7f7;
	opacity: 0;
	position: absolute;
	transition: all 500ms;
	-moz-transition: all 500ms;
	-webkit-transition: all 500ms;
	-ms-transition: all 500ms;
	z-index: 11;
	margin-top: 5px;
	font-size: 0.9em;
	box-shadow: 0 0 25px rgba(0,0,0,0.3), 0 0 50px rgba(0,0,0,0.2);
	transform: translateY(-25px);
	border-radius: 3px;
    visibility: hidden;
}

.submenu li{
	text-align: center;
	transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
	-ms-transition: all 200ms;
	position: relative;
	border-top: 1px solid #fff;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	line-height: 45px;
}
.submenu li a {
	padding: 0px 40px;
	display: block;
}

.submenu > li{
     overflow: hidden;
}

.submenu > li::after {
     content: "";
     position: absolute;
     transition: all 0.4s ease-out 0s;
     z-index: -1;
}

.submenu > li::after {
     background: #0f71aa;
     height: 105%;
     left: 50%;
     opacity: 0;
     top: 50%;
     transform: translateX(-100%) translateY(-50%);
     width: 101%;
}

.submenu > li:hover, .btn-1e:active {
     color: #0e83cd;
}

.submenu > li:hover::after {
    opacity: 1;
    transform: translateX(100%) translateY(-50%)
}

.submenu > li:active::after {
	opacity: 1;
}

.mainmenu > ul > li {
	float: left;
	height: 100%;
	padding: 0 27px;
	line-height: 70px;
	transition: all 500ms;
	-moz-transition: all 500ms;
	-webkit-transition: all 500ms;
	-ms-transition: all 500ms;
}
.mobile_mainmenu {
	position: absolute;
	right: 30px;
	top: 0;
	font-size: 3em;
	line-height: 65px;
	color: #848484;
	display: none;
}
.mainmenu i {
	font-size: 0.7em;
	margin-left: 7px;
	margin-top: -2px;
	color: #848484;
}
.mainmenu > ul > li.active{
	box-shadow: 0 0 10px rgba(0,0,0,0.2), 0 2px 0 #0f71aa inset;
	background: #fff;
}
.mainmenu > ul > li:not(.active):hover, .submenu li:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.mainmenu > ul > li:not(.active):hover > a {
	color: #848484; 
}
.submenu li:hover {
	background: #0f71aa;
	box-shadow: 5px 0px 15px rgba(0,0,0,0.05) inset, -5px 0px 15px rgba(0,0,0,0.05) inset;
	border-top-color: transparent; 
}
.submenu li:hover a {
	color: #fff;
	text-shadow: 0 0 2px rgba(0,0,0,0.5);
}
.mainmenu > ul > li:hover .submenu {
	opacity: 1;
	display: block;
	transform: translateY(0px);
	visibility: visible;
}

.mainmenu > ul > li.active > a {
	color: #6e6e6e;
}
.mainmenu a {
	color: #aaaaaa;
	font-weight: 400;
	transition: all 500ms;
	-moz-transition: all 500ms;
	-webkit-transition: all 500ms;
	-ms-transition: all 500ms;
}

.search {
	margin-left: 25px;
	margin-top: 23px;
}
.search input {
     border-radius: 2px;
     border:1px solid #d5d5d5;
     background-color:#f5f5f5;
     height:16px;
     padding:3px 10px;
     color:#4a4a4a;
}
.slider {
	background: /*url(../images/backgroundx.jpg) center center no-repeat,*/ url(../images/background_pattern.jpg) center center repeat-x;
}

.slider > .inner {
	box-shadow: 0 0 88px rgba(0,0,0,0.7);
}
.slide_inner {
	position: relative;
	height: 100%;
	width: 100%;
}

.slider_desc {
	max-width: 390px;
	width: 100%;
	position: absolute;
	z-index: 5;
	top: 50%;
	left: 50%;
	margin-left: -195px;
	text-shadow: 0 0 10px rgba(255,255,255,0.6);
	margin-top: -37px;
}

.slider_desc span, .slider_desc p {
	color: #2f2f2f;
	display: block;
	font-size: 2.3em;
	text-align: right;
}
.slider_desc span {
	color: #1072aa;
	font-weight: bold;
	text-align: left;
}
.slider_nav {
	position: absolute;
	bottom: 0;
	height: 60px;
	background: rgba(0,0,0,0.1);
	width: 100%;
	text-align: center;
}

.slider_nav ul {
	padding-top: 20px;
}
.slider_nav li {
	display: inline-block;
    height: 12px;
    margin-left: 8px;
    margin-right: 8px;
    position: relative;
    width: 12px;
}

.slider_nav li a {
	background: #ffffff none repeat scroll 0px 0px;
     border-radius: 50%;
     border: 1px solid transparent;
     height: 8px;
     left: 2px;
     outline: medium none;
     overflow: hidden;
     position: absolute;
     text-indent: 50px;
     top: 2px;
     transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     white-space: nowrap;
     width: 8px;
}

.slider_nav li.active a {
     background: transparent;
     border: 1px solid #ffffff;
     height: 12px;
     left: 0px;
     top: 0px;
     width: 12px;
}
.slider_nav li.active {
	width: 13px;
	height: 13px;
	background: transparent;
	box-shadow: none;
}

.content .steps {
	padding: 60px 0px;
	text-align: center;
}

.icon {
	background: #4ca1d2;
	height: 74px;
	width: 74px;
	border-radius: 50%;
	margin: 0 auto;
}
.boxes.three .box {
	width: 33.3%;
	box-sizing: border-box;
}
.boxes.floated .box{
	float: left;
	padding: 0 20px;
}

.steps .box .headline {
	margin-top: 25px;
	margin-bottom: 15px;
}
.steps .box .description {
	font-style: italic;
	line-height: 2em;
}
.headline {
	color: #0f71a9;
	font-size: 2.2em;
}

@media only screen and (max-width: 1270px){
	header::after, header::before {
		display: none;
	}
}
@media only screen and (max-width: 1024px){
	.slider {
		background: none;
	}
	.slider img {
		height: 100%;
		width: auto;
	}
	.mobile_mainmenu {
		display: block;
	}
	.search, .mainmenu {
		display: none;
	}
}