/*html::-webkit-scrollbar {
	width: 0 !important
}*/

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	line-height: 1;
	font-weight: 400;
	letter-spacing: 0.03em;
}

header {
  position: relative;
  /*min-height: 160px;*/
  z-index: 3;
}

div#first {
  /*margin-top: -160px;*/
}

section {
	position: relative;
}

.page {
	position: relative;
	width: 100%;
	height: 100vh;
	/*font-size: 0em;
  	letter-spacing: 0px;
  	word-spacing: 0px;*/
}

.navigation {
	padding-top: 1em;
	padding-bottom: .5em;
	position: fixed;
	z-index: 3;
	width: 100%;
	min-height: 110px;
	background-color: #ffffff;
	-webkit-box-shadow: 0 4px 4px rgba(0,0,0,.12);
	-moz-box-shadow: 0 4px 4px rgba(0,0,0,.12);
	box-shadow: 0 4px 4px rgba(0,0,0,.12);
}

nav {
	width: 100%;
	max-width: 1024px;
	height: 100%;
	margin: 0 auto;
	text-align: center;
}

.logo {
	display: block;
	/*vertical-align: bottom;
	min-width: 40px;*/
}

.home_or {
}

.menu_or {
	display: none;
}

.display_on {
	display: block !important;
}

.logoImage {
	width: 240px;
	margin-top: 3px;
}

.main {
	display: block;
	/*vertical-align: bottom;
	margin-left: 120px;*/
	margin-top: .5em;
}

/* ---------------------------------------- main menu ---------------------------------------- */

.main ul li {
	display: inline-block;
	margin: 0 20px 7px 20px;
	padding-bottom: 2px;
}

.main ul li a {
	text-decoration: none;
	color: #8a9295;
	text-transform: uppercase;
	/*-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease; */
}

.main ul li.current {
	border-bottom: 1px #8a9295 solid;
	/*-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease; */
}

.main ul li.current:hover {
	border-bottom: 1px #1d3c72 solid;
	/* -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease; */
}

.main ul li a:hover {
	color: #1d3c72;
/*	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease; */
}














.mountain {
	position: relative;
	width: 100%;
	height: 100%;
	background: url(../images/Telephone-Office-final.jpg) no-repeat center right;
	background-size: cover;
}

.captain {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 55%;
	height: 100%;
	background: url(../images/Office-desk-mobile-laptop-tablet.jpg) no-repeat center center;
	background-size: cover;
}

.books {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 55%;
	height: 100%;
	background: url(../images/voip-telephone-connection.jpg) no-repeat bottom center;
	background-size: cover;
}

.disaster {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 55%;
	height: 100%;
	background: url(../images/disaster-recovery.jpg) no-repeat bottom center;
	background-size: cover;
}

.pilot {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 55%;
	height: 100%;
	background: url(../images/office-relocation.jpg) no-repeat bottom center;
	background-size: cover;
}

.side {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 45%;
	height: 100%;
}










.news {
	/*position: absolute;
	display: block;
	width: 100%;
	height: 100px;*/
	display: none;
}

.flag {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 1px;
}

.module_info {
	display: inline-block;
	vertical-align: middle;
	min-height: 50px;
	width: 80%;
	max-width: 400px;
	padding-top: 100px;
	/*margin: 0 0 0 20%;*/
	padding-left: 10%;
	cursor: context-menu;
}

.module_info h1 {
	font-size: 36px;
	font-weight: 600;
	color: black;
	margin-bottom: 20px;
}

.module_info p {
	font-size: 18px;
	color: black;
	/*margin: 0 100px 20px 0;*/
}

#third .side, #fifth .side {
	text-align: right;
}

#third .module_info, #fifth .module_info {
	/*margin: 0 20% 0 0;*/
	padding-left: 0;
	padding-right: 10%;
}

#third h1 , #fifth h1{
	text-align: right;
}

#third p, #fifth p {
	text-align: right;
	/*margin: 0 0 20px 100px;*/
}








.ticket {
	position: absolute;
	z-index: 3;
	bottom: 20px;
	width: 100%;
	height: 29px;
	text-align: center;
}

.ticket .flag {
	vertical-align: bottom;
}

.arrowImage {
	display: inline-block;
	vertical-align: bottom;
	width: 40px;
	height: 14px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.arrowImage:hover {
	width: 83px;
	height: 29px;
	cursor: pointer;
	cursor: hand;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

#xgreen {
	display: inline-block;
	/*width: 300px;*/
}

.side .green_sq {
	display: inline-block;
	vertical-align: middle;
	height: 15px;
	width: 0px;
	background-color: #8dbd23;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.side h3 {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	text-transform: uppercase;
	color: #8a9295;
	/*margin-left: 7px;*/
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

#third .side h3 {
	/*margin-left: 0px;
	margin-right: 7px;*/
}

#xgreen:hover .green_sq {
	width: 15px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

#xgreen:hover h3 {
	color: #1d3c72;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.banner {
	position: absolute;
	text-align: center;
	width: 100%;
	height: 100%;
}



span.submessage {
	color: #ffffff;
  font-size: 42px;
}

.x_message {
	display: inline-block;
	vertical-align: middle;
	width: 70%;
    height: 70%;
    margin-top: 15%;
	min-height: 200px;
}

.x_message p {
	font-size: 62px;
	font-weight: 600;
	color: #8dbd23;
	margin: 10%;
	line-height: 54px;
	cursor: context-menu;
	text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.8);
}

.deeper.parent ul {
  visibility: hidden;
  position: absolute;
  z-index: 10;
  margin-left: -20px;
  -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.12);
  -moz-box-shadow: 0 4px 4px rgba(0,0,0,.12);
  box-shadow: 0 4px 4px rgba(0,0,0,.12);
}

.deeper.parent:hover ul {
  visibility: visible;
}

.main ul.nav-child li {
	display: block !important;
	text-align: left;
}

ul.nav-child {
  background-color: #ffffff;
}

ul.nav-child {
  padding-top: 15px;
  margin-top: 3px;
}

.nav-child li {
  padding-top: 5px;
}

.deeper.parent:hover {
  border-bottom: 1px #8dbd23 solid;
}

.main ul li {
  border-bottom: 1px #ffffff solid;
}

.main ul li:hover {
  border-bottom: 1px #8dbd23 solid;
}

h1 {
  color: #8dbd23;
  font-size: 40px;
  margin: 20px;
  font-weight: 600;
}



p {
  margin: 15px 20px;
  line-height: 20px;
  font-size: 14px;
}

h2 {
  color: #8a9295;
  font-size: 25px;
  font-weight: 600;
   margin: 40px 20px 20px 20px;
}


.nav.menu li:before {
	content: none;
	margin: 0px;
}

li {
  font-size: 14px;
   margin: 10px 40px;
}

.nav.menu li {
	  font-size: 16px;
	}

.item-page {
  max-width: 1024px;
  margin: 0 auto;
}

h3 {
  margin: 20px;
  color: #8dbd23;
  font-weight: 600;
}

ol, ul {
  list-style-position: outside;
  list-style-type: disc;
}

.gm-style-iw div {
  overflow: hidden;
}

.contactform {
  margin: 20px;
}

.gbs3 label {
  font-weight: 600;
  color: #8dbd23;
}

img#recaptcha_logo {
  display: none;
}

span#recaptcha_privacy {
  display: none;
}

input#button2 {
	-moz-box-shadow: 0px 10px 14px -7px #3e7327;
	-webkit-box-shadow: 0px 10px 14px -7px #3e7327;
	box-shadow: 0px 10px 14px -7px #3e7327;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8dbd23), color-stop(1, #72b352));
	background:-moz-linear-gradient(top, #8dbd23 5%, #72b352 100%);
	background:-webkit-linear-gradient(top, #8dbd23 5%, #72b352 100%);
	background:-o-linear-gradient(top, #8dbd23 5%, #72b352 100%);
	background:-ms-linear-gradient(top, #8dbd23 5%, #72b352 100%);
	background:linear-gradient(to bottom, #8dbd23 5%, #72b352 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8dbd23', endColorstr='#72b352',GradientType=0);
	background-color:#8dbd23;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:20px;
	font-weight:bold;
	padding:4px 32px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
}
input#button2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #8dbd23));
	background:-moz-linear-gradient(top, #72b352 5%, #8dbd23 100%);
	background:-webkit-linear-gradient(top, #72b352 5%, #8dbd23 100%);
	background:-o-linear-gradient(top, #72b352 5%, #8dbd23 100%);
	background:-ms-linear-gradient(top, #72b352 5%, #8dbd23 100%);
	background:linear-gradient(to bottom, #72b352 5%, #8dbd23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#8dbd23',GradientType=0);
	background-color:#72b352;
}
input#button2:active {
	position:relative;
	top:1px;
}

textarea#message {
  min-width: 368px;
}

input#phone {
  min-width: 368px;
}

input#email {
	min-width: 368px;
}

input#name {
	min-width: 368px;
}

.servicebox img {
  width: 100%;
}
.servicebox {
  max-width: 300px;
  display: inline-block;
  vertical-align: top;
  margin: 0 20px;
  text-align: left;
}
.servicebox  h2, .servicebox  p{
 margin: 10px 0;
}

.servicepage {
  text-align: center;
}

.mytable  {
    font-size:large;
	font-color: #422342;
}

.mytable a{
	text-decoration: none;
	color: #999999;
	text-transform: uppercase;
}

.mytable a:hover{
	color: #555555;
	text-decoration: underline;
	text-transform: uppercase;
}

.mytable td{
	vertical-align: middle;
	padding: 10px;
}

.mytable table{
    float: left;
}


.mydocuments p{
  margin: 15px 20px;
}




.content-pad {
	min-height: 100vh;
	padding: 15em 0 5em 0;
	box-sizing: border-box;
}

.detail-wrap {
	z-index: 4;
	position: fixed;
	cursor: pointer;
	top: .5em;
	left: .7em;
	font-size: .8em;
}

.page-ft {
	display: inline-block;
	font-size: .8em;
	cursor: pointer;
	margin: 0 1em;
}

.det-add {
	left: inherit;
	right: .7em;
}

.detail-wrap a, .page-ft a {
	display: inline-block;
	font-size: 1.3em;
	color: #8a9295;
	font-weight: 300;
	margin: .2em;
	padding: .05em 0;
	text-decoration: none;
	border-bottom: 1px transparent solid;
	-webkit-transition: font-weight .2s;
	-moz-transition: font-weight .2s;
	-o-transition: font-weight .2s;
	transition: font-weight .2s;
}

.detail-wrap h1, .page-ft h1 {
	display: inline-block;
	font-size: 1.4em;
	margin: .2em;
}

.detail-wrap:hover a, .page-ft:hover a {
	border-bottom: 1px #8dbd23 solid;
}

.company-image {
	width: 100%;
	max-width: 600px;
	margin: 3em 0;
}

.banner > .flag{
	height: 80%;
	margin-top: 20%;
}

.module_info > a {
	text-decoration: none;
}

.module_info > .minus-left {
	margin-left: -12px;
}

.module_info > .minus-right {
	margin-right: -12px;
}

.contact-page .page-ft {
	display: block;
}

.important-doc-wrap > div {
	margin: 1em 20px;
}

.important-doc-wrap > div a:first-of-type {
	color: #8a9295;
	font-size: 25px;
	text-decoration: none;
}

.important-doc-wrap > div a:first-of-type:hover {
	text-decoration: underline;
}

.important-doc-wrap > div img {
	width: 48px;
	margin: 0 1em;
	transition: transform .2s;
}

.important-doc-wrap > div img:hover {
	transform: scale(1.3);
}

.important-doc-wrap > div a {
	display: inline-block;
	vertical-align: middle;
}

.embed-location-ifra {
	width: 100%;
	height: 500px;
	margin-top: 3em;
}

.footer-wrap {
	background-color: gray;
	width: 100%;
	position: relative;
}

.footer {
	width: 100%;
	max-width: 1024px;
	padding: 3em 3em 2em 3em;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
}

.ftr-contact-wrap {
	margin: 2em 0 0 0;
	overflow: hidden;
}

.ftr-contact-wrap p {
	margin: 0;
	line-height: normal;
	font-size: 1em;
	color: white;
	margin: 1em 0;
}

.ftr-contact-wrap a {
	color: white;
	text-decoration: none;
}

.ftr-contact-wrap a:hover {
	text-decoration: underline;
}

.footer-logo {
	width: 100%;
	max-width: 300px;
}

.ftr-social-wrap {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 3em;
}

.white-stitch {
	position: relative;
	color: white;
	margin: 0 .15em;
}

.ff-link {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.clients-say-wrap {
    margin-bottom: 95px;
}

.clients-say-img {
    float: left;
    margin-right: 2em;
    width: 75%;
    max-width: 330px;
	margin-bottom: 70px;
    margin-left: 30px;
}

p.align-r {
    text-align: right;
}

@media screen and (max-width: 640px) {
	.ftr-social-wrap {
		position: relative;
		top: inherit;
		bottom: inherit;
		left: inherit;
		right: inherit;
		margin: 1em 0 0 0;
	}

	.white-stitch:nth-of-type(1) {
		margin-left: 0;
	}
}