@charset "UTF-8";
/* CSS Document */

/**
 * @license
 * MyFonts Webfont Build ID 3428346, 2017-07-27T04:56:16-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Fabrikat-Bold by HVD Fonts
 * URL: https://www.myfonts.com/fonts/hvdfonts/fabrikat/bold/
 * 
 * Webfont: Fabrikat-Medium by HVD Fonts
 * URL: https://www.myfonts.com/fonts/hvdfonts/fabrikat/medium/
 * 
 * Webfont: Fabrikat-Regular by HVD Fonts
 * URL: https://www.myfonts.com/fonts/hvdfonts/fabrikat/regular/
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3428346
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright (c) 2016 by Hannes von Doehren. All rights reserved.
 * 
 * © 2017 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/344ffa");

@font-face {
  font-family: 'Fabrikat-Bold';
  src: url('Fonts/344FFA_0_0.eot'); /* IE9 Compat Modes */
  src: url('Fonts/344FFA_0_0.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Fonts/344FFA_0_0.woff2') format('woff2'), /* Super Modern Browsers */
       url('Fonts/344FFA_0_0.woff') format('woff'), /* Pretty Modern Browsers */
       url('Fonts/344FFA_0_0.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Fabrikat-Medium';
  src: url('Fonts/344FFA_1_0.eot'); /* IE9 Compat Modes */
  src: url('Fonts/344FFA_1_0.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Fonts/344FFA_1_0.woff2') format('woff2'), /* Super Modern Browsers */
       url('Fonts/344FFA_1_0.woff') format('woff'), /* Pretty Modern Browsers */
       url("Fonts/344FFA_1_0.ttf")  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Fabrikat-Regular';
  src: url('Fonts/344FFA_2_0.eot'); /* IE9 Compat Modes */
  src: url('Fonts/344FFA_2_0.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Fonts/344FFA_2_0.woff2') format('woff2'), /* Super Modern Browsers */
       url('Fonts/344FFA_2_0.woff') format('woff'), /* Pretty Modern Browsers */
       url('Fonts/344FFA_2_0.ttf')  format('truetype'); /* Safari, Android, iOS */
}

body {
    margin: 0;
	padding: 0;
	font-family: 'Fabrikat-Regular';
}

a {
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}

b {
	font-family: 'Fabrikat-Medium';
	font-weight: 500;
	color: #222222;
}

/* Mobile menu */

.menu_slide {
	position: fixed;
	height:100%;
	width: 100%;
	top:0;
	margin: 0;
	padding: 0;
	right: -100%;
	background-color: #222222;
	z-index: 10;
	display: none;
	overflow: hidden;
	-webkit-transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  	transition:         all 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.menu_close {
	display: block;
	list-style-type: none;
	padding: 0;
	margin-top: 15px;
	margin-right: 3%;
	z-index: 1;
}

.menu_close li {
	width: 38px;
	padding: 0;
	display: block;
	float: right;
	cursor: pointer;
}

.menu_list {
	list-style-type: none;
	width: 100%;
	margin: 75px auto 0;
	padding: 0;
}


.menu_list h3 {
	color: white;
	font-size: 22px;
	font-family: 'Fabrikat-Regular';
	line-height: 1.5;
	font-weight: normal;
	letter-spacing: 0.6px;
	margin: 10px 5%;
	display: block;
	padding-bottom: 10px;
	border-bottom: 1px solid #484848;
}

/* Header */
    
nav {
  height: 57px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  transition: all 0.4s;
}

.nav_mobile {
  height: 57px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  transition: all 0.4s;
  display: none;
  background-color: rgba(34, 34, 34, 1);
}
 
.scrollUp {
    transform: translateY(-57px);
}
       
.header {
  	position: relative;
	max-width: 100%;
	height: 550px;
	left: 0; 
  	right: 0; 
 	margin: auto;
}

#Business_Sectors_Header {
	width: 100%;
	height: 550px;
}

.nav {
	width: 100%;
    padding: 0;
	margin: auto;
	z-index: 1;
	position: absolute;
	color: white;
	transition: all 0.6s;
}

.nav_legal {
	width: 100%;
	height: 57px;
    padding: 0;
	margin: auto;
	z-index: 1;
	position: absolute;
	color: white;
	transition: all 0.6s;
	background-color: rgba(34, 34, 34, 1);
}

.nav_shadow {
	width: 100%;
    padding: 0;
	margin: auto;
	z-index: 1;
	position: absolute;
background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
	height: 160px;
	transition: all 0.2s;
}

.logo {
	float: left;
	margin: 20px 0 0 30px;
	width: 115px;
	display: inline-block;
}

.nav_links {
	list-style-type: none;
	padding: 0;
	margin-top: 19px;
	margin-right: 30px;
	float: right;
	display: inline-block;
}

.nav_links li {
	color: white;
	display: inline-block;
	margin-left: 35px;
	font-size: 17px;
	font-family: 'Fabrikat-Regular', sans-serif;
	letter-spacing: 0.6px;
	padding-bottom: 5px;
    background: linear-gradient(0deg, #389efd, #389efd) bottom left no-repeat;
  	background-size: 0% 1px;
  	transition: 0.3s;
	-webkit-transition: 0.3s;
  	text-decoration: none;
}

.nav_links li:hover {
	background-size: 100% 1px;
}

.mobile_menu {
	display: none;
	list-style-type: none;
	padding: 0;
	margin-top: 15px;
	margin-right: 3%;
	float: right;
	z-index: 1;
}

.mobile_menu li {
	width: 38px;
	padding: 0;
	display: block;
	float: right;
	cursor: pointer;
}

.header_image {
	position: absolute;
	height: 100%;
	width: 100%;
	object-fit: cover;
	background-color: #F5F5F5
}

.header_container {
	position: absolute;
	z-index: 4;
	top: 160px;
	text-align: center;
	width: 100%;
}

.header_container_homepage {
	position: absolute;
	z-index: 1;
	top: 190px;
	text-align: center;
	width: 100%;
}

.header_copy {
	margin: 0 auto;
	max-width: 720px;
}

.header_copy h2 {
	font-weight: normal;
	font-size: 25px;
}

.Page_Title {
	max-width: 915px;
	margin: 0 auto;
	text-align: left;
}

.Page_Title h1 {
	color: white;
	font-size: 41px;
	letter-spacing: 0.5px;
	padding: 0;
	font-family: 'Fabrikat-Medium';
	font-weight: normal;
	margin: 0 0 0 30px;
	line-height: 55px;
}

.Page_Title h3 {
	padding: 0;
	margin: 0 0 0 30px;
	font-family: 'Fabrikat-Regular';
	font-weight: normal;
	color: #59aefe;
	font-size: 26px;
	letter-spacing: 0.5px;
}

.article_title {
	bottom: 0;
	position: absolute;
	width: 100%;
	z-index: 1;
	background-color: rgba(34, 34, 34, 0.9);
}

.article_title_container {
	max-width: 915px;
	margin: 0 auto;
}

.article_title h1 {
	margin: 10px 30px;
	color: white;
	font-size: 28px;
	letter-spacing: 0.5px;
	padding: 0;
	font-weight: normal;
}

.header_links {
	max-width: 975px;
	margin: 25px auto 0;
	position: relative;
}

.header_pages {
	list-style-type: none;
	margin: 0 30px 0 15px;
	padding: 0;
}

.header_pages li {
	width: 230px;
	background-color: white;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	padding: 12px 0;
	letter-spacing: 0.2px;
	font-size: 14px;
	transition: 0.25s;
	-webkit-transition: 0.25s;
}

.header_pages li:hover {
	background-color: #cfcfcf;
}

.header_pages p {
	display: inline;
	margin-left: 20px;
}

.header_pages img {
	display: inline;
	height: 16px;
	float: right;
	margin-right: 8px;
}

.header_links_contact {
	max-width: 975px;
	margin: 55px auto 0;
}

.header_contact {
	margin: 0 30px;
	width: 350px;
	background-color: white;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.12);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.12);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.12);
}

.header_contact ul {
	list-style-type: none;
	padding-left: 0;
	padding: 4px 0;
	margin: 0 5%;
	width: 90%;
}

.header_contact_info {
	text-align: left;
	padding: 12px 0;
	border-bottom: solid 1px #e1e0e0;
}

#Twitter {
	text-align: left;
	padding: 12px 0;
}

.header_contact img {
	display: inline-block;
	height: 24px;
}

.contact_info {
	display: inline-block;
	letter-spacing: 0.2px;
	font-size: 14px;
	padding: 0;
	margin: 0 18px;
	position: relative;
	top:-7px;
}

.header_contact span p {
	float: right;
	display: inline-block;
	letter-spacing: 0.2px;
	font-size: 12px;
	padding: 6px;
	margin: 0;
	width: 44px;
	text-align: center;
	color: #339bf9;
	border: 1px solid #92cafd;
	transition: 0.4s;
	-webkit-transition: 0.4s;
}

.header_contact span p:hover {
	background-color: #339bf9;
	color: white;
	border: 1px solid #339bf9;
}

#sector_links {
	list-style-type: none;
	margin: 0 30px 0 15px;
	padding: 0;
	position: absolute;
	max-width: 915px;
}

#sector_links li {
	width: 150px;
	background-color: white;
	display: inline-block;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	position: relative;
	transition: 0.25s;
	-webkit-transition: 0.25s;
	height: 95px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.12);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.12);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.12);
}

#sector_links p {
	vertical-align: bottom;
}

#sector_links li:hover {
	background-color: #cfcfcf;
}

.sector_icons {
	width: 65px;
	padding: 12px 0 0 0;
	margin: 0;
}

#sector_links p {
	margin: 0 0 0 -8px;
	padding: 0;
	letter-spacing: 0.2px;
	line-height: 1.1;
	font-size: 13px;
	display: inline;
}

.sector_arrow {
	display: inline;
	height: 12px;
	float: right;
	margin: 5px 0 0 5px;
	position: absolute;
}

.header_copy h2 {
	color: white;
	font-size: 26px;
	font-weight: normal;
	line-height: 1.6;
	letter-spacing: 0.6px;
	margin: auto;
	padding: 0 5%;
}

#Services p {
	color: #59aefe;
	border: 1px solid #59aefe;
	width: 125px;
	margin: 25px auto;
	padding: 7px 2px;
	font-size: 18px;
	letter-spacing: 0.2px;
	font-weight: normal;
	transition: 0.2s;
	-webkit-transition: 0.2s;
}

#Services p:hover {
	color: #92cafd;
	border: 1px solid #92cafd;
}

/* What we do */

.body_1 {
	max-width: 850px;
	margin: 75px auto 60px;
	overflow: auto;
}

.what_we_do h1 {
	letter-spacing: 0.3px;
	font-size: 28px;
	font-weight: normal;
	margin: 0 0 0 5%;
}

.what_we_do_container {
	display: inline-block;
	width: 59%;
	line-height: 1.6;
	letter-spacing: 0.15px;
	font-size: 16px;
	color: #4c4c4c;
	margin-left: 5%;
}

.what_we_do_text {
	max-width: 475px;
}

.homepage_link {
	color: #389efd;
	width: 95px;
	border-bottom: 1px solid #9ecefc;
	padding-bottom: 2px;
	letter-spacing: 0.15px;
	transition: 0.2s;
	-webkit-transition: 0.2s;
}

.homepage_link:hover {
	color: #0074e0;
	border-bottom: 1px solid #389efd;
}

.years_experience {
	display: inline-block;
	vertical-align: top;
	margin: 0 5% 0 0;
	font-weight: 500;
	color: #c7c5c5;
	float: right;
	max-width: 37%;
}

.years_experience h1 {
	font-size: 58px;
	line-height: 53px;
	font-weight: 500;
	margin: 15px 0 0 0;
	padding: 0;
}

.years_experience p {
	font-size: 22px;
	margin: 0;
	padding: 0;
	
}

/* Sectors */
	
.body_2 {
	max-width: 1100px;
	margin: auto;
}

.sectors {
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #dddddd;
	line-height: 0.1em;
	margin: 5% 0 0px;
	letter-spacing: 0.15px;
}

.sectors span {
	background:#fff; 
    padding: 0 20px;
	font-weight: 500;
}

.body_2 p {
	margin: 4px 0 0 0;
   	padding: 0px;
	font-size: 13px;
	letter-spacing: 0.2px;
}

.body_2 ul {
	list-style-type: none;
	border-bottom: 1px solid #dddddd;
	width: 100%;
	padding: 0px;
	text-align: center;
	overflow: auto;
}

.body_2 li {
	display: inline-block;
	width: 12%;
	margin: 10px 0.8% 25px;
	transition: 0.2s;
	-webkit-transition: 0.2s;
}

.body_2 li:hover {
	opacity: 0.75;
}

.body_2 li div {
	max-width: 115px;
	margin: 0 auto;
}

.body_2 img {
	width: 70%;
}

/* GIF */

.body_3 {
	max-width: 1100px;
	margin: 50px auto 0;
	overflow: auto;
	border-bottom: 1px solid #dddddd;
}

.Sofintsys_gif {
	max-width: 975px;
	height: 250px;
	margin: 0 auto;
}

#gif_margin {
	margin: 2.5%;
	width: 95%;
	height: 100%;
	background-color: #F5F5F5;
}

#Sofintsys_gif_container {
	max-width: 550px;
	margin: 0 auto;
	padding-top: 105px;
}

.Sofintsys_gif img {
	width: 90%;
	margin: 0 5%;
}

.body_3_container {
	max-width: 850px;
	margin: 45px auto 95px;
}

.body_3_headline {
	display: inline-block;
	max-width: 34%;
	margin-left: 5%;
}

.body_3_container h3 {
	font-weight: 400;
	margin: 0 0 20px;
	line-height: 1.5;
	letter-spacing: 0.15px;
	vertical-align: top;
	font-size: 20px;
}

.body_3_copy {
	margin: 0 5% 60px 0;
	vertical-align: top;
	line-height: 1.6;
	letter-spacing: 0.15px;
	font-size: 16px;
	color: #4c4c4c;
	display: inline-block;
	max-width: 50%;
	float: right;
}

.body_3_copy p {
	padding: 0;
	margin: 0;
}

#about_us_link {
	color: #389efd;
	width: 58px;
	border-bottom: 1px solid #9ecefc;
	font-size: 16px;
	font-weight: normal;
	padding-bottom: 2px;
	letter-spacing: 0.15px;
	margin: 20px 0 0 0;
	transition: 0.2s;
	-webkit-transition: 0.2s;
}

#about_us_link:hover {
	color: #0074e0;
	border-bottom: 1px solid #389efd;
}

/* Get in touch */

.body_4 {
	max-width: 850px;
	margin: 75px auto;
	overflow: auto;
}

.get_in_touch_contact {
	display: inline-block;
	list-style-type: none;
	margin-top: 4px;
	margin-right: 5%;
	float: right;
	padding: 0;
}

.get_in_touch_contact li {
	margin: 12px 0 0;
}

.get_in_touch_contact p {
	display: inline-block;
	vertical-align: top;
	margin: 4px 0px 0px 14px;
	letter-spacing: 0.15px;
	font-size: 16px;
	color: #389efd;
	border-bottom: 1px solid #9ecefc;
	padding-bottom: 2px;
	transition: 0.2s;
	-webkit-transition: 0.2s;
}

.get_in_touch_contact div {
	display: inline-block;
	width: 25px;
	height: 25px;
}

.get_in_touch_contact img {
	height: 100%;
	margin: auto;
}

.content {
	max-width: 915px;
	margin: 10px auto;
	padding: 0 0 0 0;
}

.content_legal {
	max-width: 915px;
	margin: 100px auto 0px;
	padding: 0 0 0 0;
}

.related_links {
	margin: 0 0 30px 0;
	padding: 0;
	list-style: none;
	border-bottom: solid 1px #e5e5e5;
}

.related_links h3 {
	letter-spacing: 0.3px;
	font-size: 14px;
	font-family: 'Fabrikat-Medium';
	font-weight: normal;
	padding: 5px 0;
	margin:  0 0 5px 0;
	color: #4c4c4c;
}

.related_links p {
	padding: 5px 14px;
	margin: 0;
	line-height: 1.6;
	letter-spacing: 0.15px;
	font-size: 12px;
	display: inline-block;
}

.related_links img {
	height: 12px;
	display: inline-block;
	float: right;
	margin-right: 5px;
	margin-top: 9px;
}

.related_links_other {
	color: #5b5b5b;
	border-top: solid 1px #e5e5e5;
	transition: 0.2s;
	-webkit-transition: 0.2s;
}

.related_links_other:hover {
	background-color: #F5F5F5;
}

.content_text {
	margin: 0 0 0 30px;
	display: inline-block;
	width: 60.10%;
	overflow-wrap: break-word;
  	word-wrap: break-word;
}

.content_text h1 {
	font-size: 28px;
	font-weight: 500;
	letter-spacing: 0.5px;
}

.content_text h2 {
	letter-spacing: 0.3px;
	font-size: 25px;
	font-weight: 500;
	margin-top: 42px;
}

.content_text h3 {
	font-weight: 500;
	font-size: 18px;
	margin-top: 30px;
}

.content_text p {
	line-height: 1.6;
	letter-spacing: 0.15px;
	font-size: 16px;
	color: #4c4c4c;
}

.content_text a {
	color: #389efd;
	width: 95px;
	border-bottom: 1px solid #9ecefc;
	padding-bottom: 2px;
}

.content_text img {
	float: left;
	margin-right: 20px;
}

.content_divider {
	width: 100%;
	border-bottom: solid 1px #c9c7c7;
	padding: 0;
	margin: 0;
}

.content_quote {
	border-left: solid 1px #9ecefc;
	padding: 0 0 0 20px;
	margin: 40px 0;
	color:  #9ecefc;
}

.content_boxes {
	display: inline-block;
	width: 25%;
	vertical-align: top;
	float: right;
	color: #4c4c4c;
	margin-right: 30px;
	margin-top: 50px;
}

.content_box {
	background-color: #f6f6f6;
	border: solid 1px #f1f0f0;
	padding: 2px 14px 10px;
	margin-bottom: 20px;
}

.content_box h4 {
	font-size: 16px;
	font-family: 'Fabrikat-Medium';
	font-weight: normal;
	margin-top: 14px;
	margin-bottom: 5px;
}

.content_box p {
	line-height: 1.5;
	letter-spacing: 0.15px;
	font-size: 13px;
	color: #5b5b5b;
}

.content_box ul {
	margin: 0 0 0 20px;
	padding: 0;
}

.content_box li {
	line-height: 0px;
	margin: 0;
	padding: 0;
	color: #ababab;
}

.content_box li > p {
	margin: 7px 0;
	color: #5b5b5b;
}

.bullet_points {
	margin: 30px 0;
}

.bullet_points ul {
    padding-left: 18px;
}

.bullet_points ol {
    padding-left: 18px;
}

.bullet_points li {
	color: black;
	margin-bottom: 10px;
	padding-left: 7px;
	font-size: 16px;
}

.bullet_points li > span {
	line-height: 1.5;
	letter-spacing: 0.15px;
	font-size: 16px;
	color: black;
}

/* Footer */

.footer {
	width: 100%;
	height: 320px;
	background-color: #222222;
	margin-top: 100px; 
}

.footer_sectors {
	margin: 0 auto;
	padding: 0;
	max-width: 1100px;
}

.footer_sectors a:hover {
	color: white;
	transition: 0.2s;
	-webkit-transition: 0.2s;
}

.footer_links {
	display: inline-block;
	vertical-align:top;
	color: #b7b6b6;
	padding: 0 1.95%;
	margin: 25px 0 0 0;
	width: 16%;
	height: 222px;
	border-left: 1px solid #484848;
}

.footer_contact {
	display: inline-block;
	vertical-align:top;
	color: #b7b6b6;
	padding: 0 1.8%;
	margin: 25px 0 0 0;
	width: 16%;
	height: 222px;
	border-left: 1px solid #484848;
	border-right: 1px solid #484848;
	float: right;
}

.footer h3 {
	margin: 0 0 20px 0;
	line-height: 1.5;
	letter-spacing: 0.5px;
	font-weight: normal;
	padding: 0;
}

.footer p {
	letter-spacing: 0.15px;
	font-size: 14px;
	line-height: 1.35;
	margin: 8px 0 0 0;
	max-width: 150px;
}

.legal {
	margin: 35px auto 0;
	padding: 0 0 12px 0;
	max-width: 1100px;
	background-color: #222222;
}

.legal_links {
	display: inline-block;
	vertical-align:top;
	color: #7b7a7a;
	padding: 0 1.8%;
	margin-right: 10px;
}

.legal a :hover {
	color: white;
}

/* Form */

.form-page {
	padding: 20px 0;
}

form {
	width: 100%;
	margin:0;
	padding: 10px 0 0px 0;
	background-color: #f2f2f2;
	border: solid 1px #f1f0f0;
	z-index: 1;
	position: relative;
}

input { 
	box-sizing:border-box;
}

textarea { 
	box-sizing: border-box;
}

form h4 {
	line-height: 1.5;
	letter-spacing: 0.15px;
	font-size: 13px;
	color: #4d4d4d;
	margin: 5px 0;
	font-weight: 400;
	padding: 0;
}

.form-block_left {
	display: inline-block;
	width: 45%;
	margin: 8px 1.5% 7px 3%;
	padding: 0;
}

.form-block_right {
	display: inline-block;
	width: 45%;
	margin: 8px 3% 7px 1.5%;
	padding: 0;
}

.form-block_large {
	display: block;
	width: 94%;
	margin: 20px 3%;
	padding: 0;
}

.form-label {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
}

.form-text-box {
 	resize: none;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	height: 80px;
	border: solid 1px #e9e8e8;
}

.form-input-box {
 	resize: none;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	height: 32px;
	border: solid 1px #e9e8e8;
}

.form-select-box {
	width: 85%;
}

input[type=text] {
    width: 100%;
    padding: 10px 10px;
    box-sizing: border-box;
	font-family: 'Fabrikat-Regular';
	font-size: 12px;
	letter-spacing: 0.15px;
	fontcolor: #f5f5f5;
}

textarea#Comments {
    width: 100%;
    padding: 10px 10px;
    box-sizing: border-box;
	font-family: 'Fabrikat-Regular';
	font-size: 12px;
	letter-spacing: 0.15px;
}

input[type=submit] {
    padding: 7px 16px; 
    background-color: #389efd;
	color: white;
    border:0 none;
    cursor: pointer;
    -webkit-border-radius: 5px;
    border-radius: 0px;
	font-family: 'Fabrikat-Medium';
	font-size: 15px;
	letter-spacing: 0.15px;
}

input[type=submit]:hover {
	background-color: #6bb6fc;
	transition: 0.4s;
	-webkit-transition: 0.4s;
}

form img {
	margin-bottom: 10px;
}
.error {
	color: #389efd;
}


@media screen and (max-width: 768px) {
	 /* Phones size */
	
	
	/* Mobile Menu */
	.menu_slide {
		display: block;	
	}
	
	/* Header */
	nav {
		display: none;
	}
	
	.nav_mobile {
		display: block;
	}
	
	.mobile_menu {
		display: inline-block;
	}
	
	.logo {
		margin-left: 3%;
	}
	
	.header {
		height: 430px;
	}
	
	.header_container {
		width: 100%;
		top: 120px;
	}
	
	.Page_Title h1 {
		width: 94%;
		margin: 0 3%;
	}
	
	.Page_Title h3 {
		width: 94%;
		margin: 0 3%;
	}
	
	.header_container_homepage {
		top: 115px;
	}
	
	.header_contact {
		width: 94%;
		margin: 0 3%;
		border: solid 1px #e9e9e9;
	}
	
	.header h2 {
		font-size: 22px;
		max-width: 525px;
		font-weight: normal;
	}
	
	.header_container_homepage p {
		font-size: 17px;
	}
	
	.heade_pages {
		width: 94%;
		margin: 0 3%;
	}
	
	.header_pages li {
		width: 250px;
		margin-left: 0;
		margin-right: 0;
		text-align: left;
	}
	
	.header_links {
		margin-top: 30px;
	}
	
	.header_links_contact {
		margin: 25px auto 0;
	}
	
	
	/* What we do */
	.body_1 {
		margin: 34px auto 50px;
	}
    
	.what_we_do_container {
		width: 90%;
    }
	
	.what_we_do_text {
		max-width: 550px;
	}
	
	.homepage_link {
		width: 100px;
	}
	
	.years_experience{
		display: none;
	}
	
	/* Sectors */
	
	.body_2 li {
		width: 95px;
		margin: 10px 5px 25px;
		float: left;
	}
	
	/* GIF */
	
	.body_3 {
		margin: 45px auto 0;	
	}
	
	.Sofintsys_gif {
		height: 125px;
		margin-top: 5px
	}
	
	#gif_margin {
		border: solid 1px #ededed;
		width: 90%;
		margin: 0 5%;
	}
	
	#Sofintsys_gif_container {
		padding-top: 52px;
	}
	
	.body_3_container {
		margin: 30px auto 55px;
	}
	
	.body_3_headline {
		margin: 0 5%;
		max-width: 90%;
	}
	
	.body_3_copy {
		margin: 0 5%;
		max-width: 90%;
		float: none;		
	}
	
	/* Get in touch */
	
	.body_4 {
		margin: 40px auto 0;
	}
	
	.get_in_touch_contact {
		float: left;
		margin-left: 5%;
	}
	
	/* Article pages */
	
	.header_pages li {
		float: none;
	}
	
	.article_title h1 {
		margin: 14px 4%;
	}
	
	.content {
		width: 100%;
	}
	
	.content_text {
		margin-left: 4%;
		margin-right: 4%;
		width: 92%;
	}
	
	.content_boxes {
		float: none;
		margin: 0 4%;
		width: 92%;
	}
	
	.content_box {
		margin-top: 15px;
		margin-bottom: 0px;
		background-color: #f2f2f2;
	}
	
	.related_links {
		display: none;
	}
	
	/* Business Sectors */
	
	#Business_Sectors_Header {
		width: 100%;
		height: 535px;
	}
	
	#sector_links {
		width: 92%;
		margin: 4%;
		margin-top: 10px;
	}
	
	#sector_links li {
		width: 31.5%;
		margin: 1% 1% 0 0;
		padding: 0;
		border: solid 1px #e9e9e9;
	}
	
	#sector_links p {
		margin: 0;
		display: block;
	}
	
	.sector_arrow {
		display: block;
		margin: 5px auto 8px auto;
		width: 100%;
	}
	
	.sector_icons {
		width: 57px;
	}
	
	/* Footer */
	
	.footer_links {
		border-left: none;
		border-bottom: 1px solid #484848;
		display: block;
		width: 90%;
		font-size: 17px;
		height: 30px;
		margin: 0 5%;
		padding: 12px 0;
	}
	
	.footer_links p {
		display: none;
	}
	
	.footer_contact {
		border-left: none;
		border-right: none;
		border-bottom: 1px solid #484848;
		display: block;
		width: 90%;
		font-size: 17px;
		height: 30px;
		margin: 0 5%;
		padding: 13px 0;
		float: left;
	}
	
	.footer_contact p {
		display: none;
	}
	
	.legal_links {
		padding: 0;
		margin: 12px 0 0 5%;
	}
	
	.footer {
		margin-top: 50px;
	}
	
	.footer_sectors {
		padding-top: 8px;
	}
	
	/* Footer */
	
	.form-block_left {
		display: block;
		width: 90%;
		margin: 8px 6% 7px 3%;
	}

	.form-block_right {
		display: block;
		width: 90%;
		margin: 8px 6% 7px 3%;
	}
	
	.form-select-box {
		width: 100%;
	}
	
	input[type=submit] {
    	width: 100%;
	}
}