
body {
	/*font-family:opensans;*/
}

#main {
	margin:0 auto;
	width:100%;
}

#wrap {
	max-width: 981px;
	margin:0 auto;
}

.primary-header {
	background-color:#E4EAE4;
	background-image:url(/portals/i2i/images/products/worldmap-focus.png);
	border-top:5px solid #707070;
	border-bottom:5px solid #707070;
	min-height:390px;
}

.header-firstline {
	margin-top:50px;
	margin-left:50px;
	font-size:35px;
	/*font-family:opensans;*/
	font-weight:bold;
	letter-spacing: 1px;
}

.header-secondline {
	margin-top: 22px;
	margin-left:80px;
	font-size:25px;
	/*font-family:opensans;*/
	font-weight:bold;
	letter-spacing: 1px;
}

.header-body {
	font-size:14px;
	/*font-family:opensans;*/
	letter-spacing: 1px;
	line-height: 25px;
	margin: 20px 0 0 50px;
	padding: 15px 0 20px 0;
}

.green-header {
	background-color:#707070;
	border-bottom:5px solid #707070;
	min-height: 170px;
}

.green-header-title {
	padding: 30px 0 0 0;
	text-align:center;
	font-size: 28px;
	/*font-family:opensans;*/
	font-weight:bold;
	letter-spacing: 1px;
	color:#fff;
	width: 80%;
	margin: 0 auto;
	line-height: 35px;
}

.green-header-body {
	font-size:14px;
	/*font-family:opensans;*/
	letter-spacing: 1px;
	width: 80%;
	line-height: 25px;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	padding: 15px 0 30px 0;
}

.key-features {
	background-color:#E4EAE4;
	border-bottom:5px solid #707070;
	padding:80px 0 80px 0;
}

.key-features-title {
	font-size:25px;
	font-weight:bold;
	/*font-family:opensans;*/
	text-align:center;
	padding:0 0 10px 0;
}

.key-features-subtitle {
	font-size:14px;
	/*font-family:opensans;*/
	text-align:center;
	margin-bottom:20px;
}

.key-features-wrapper {
	background-color: #fff;
	width:85%;
	margin:0 auto;
	text-align:center;
}

.key-features-item-1, .key-features-item-2, .key-features-item-3,  .key-features-item-4, .key-features-item-5, .key-features-item-6, .key-features-item-7, .key-features-item-8, .key-features-item-9 {
	height: 15%;
	float: left;
	background-color: #fff;
	border: solid 1px #F1F1F1;
}

.key-features-item-title {
	font-size:20px;
	/*font-family:opensans;*/
	font-weight:bold;
	padding:25px 0 0 0;
}
	
.key-features-item-description {
	font-size:12px;
	/*font-family:opensans;*/
	padding:2px 0 0 0;
	width:60%;
	margin:0 auto;
	line-height: 16px;
    padding: 6px 0 20px;
}

.package {
	background-color:#fff;
	border-bottom:5px solid #707070;
}

.package-title {
	padding: 40px 0 10px 0;
	text-align:center;
	font-size: 28px;
	/*font-family:opensans;*/
	font-weight:bold;
	letter-spacing: 1px;
	color:#5F5F5F;
	width: 80%;
	margin: 0 auto;
	line-height: 35px;
}

.package-subtitle {
	text-align:center;
	font-size: 15px;
	/*font-family:opensans;*/
	letter-spacing: 1px;
	color:#5F5F5F;
	width: 80%;
	margin: 0 auto;
}

.package-exportimage-background {
	margin:-75px 0 0 0;
	background-color:#5F5F5F;
	min-height:100px;
}

.package-table-background {
	background-color:#5F5F5F;
	min-height:500px;
}
	
.product-features-table {
	background-color:#fff;
	width:90%;
	min-height:400px;
	margin:0 auto;
}

.package-exportimage {
	text-align:center;
	margin: 30px 0 0 0;
}

.primary-header .buttonwrap {
	margin-top:20px;
    margin-left:50px;
}

.primary-header a.button {
    border: 0;
    background: #0087cc;
    border-radius: 4px;
    box-shadow: 0 5px 0 #006599;
    color: #fff;
    cursor: pointer;
    /*font-family:opensans;*/
    margin: 0;
    outline: 0;
    padding: 12px 20px;
    transition: all .01s linear;
}

.primary-header:active a.button  {
  box-shadow: 0 2px 0 #006599;
  transform: translateY(3px);
}

/* prevent highlight */
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}


.video-border {
	background:rgba(255,255,255);
	background:rgba(255,255,255,0.9);
	margin-top:50px;
	border: 14px solid #efefef;
    border-radius: 8px;
    padding: 5px 5px 0 5px;
}


/*
RESPONSTABLE 2.0 by jordyvanraaij
*/
.responstable {
  width: 100%;
  overflow: hidden;
  background: #FFF;
  color: #000;
  border: 1px solid #e4e4e4;
  font-size:12px;
}
.responstable tbody {
  margin-bottom:20px;
}
.responstable tr {
  border: 1px solid #e4e4e4;
}
.responstable tr:nth-child(odd) {
  background-color: #ececec;
}
.responstable tr:first-child {
  font-size:18px;
}
.responstable tr:second-child, .responstable tr:third-child {
  text-align:center;
}
.responstable th {
  border: 1px solid #6f6f6f;
  background-color: #4c4c4c;
  color: #FFF;
  padding: 1em;
}
.responstable th {
  display: table-cell;
  text-align: center;
}
.responstable th:nth-child(2) {
  display: table-cell;
}
.responstable th:nth-child(2) span {
  display: none;
}
.responstable th:nth-child(2):after {
  content: attr(data-th);
}
.responstable td {
   text-align:center;
   width:25%;
}
.responstable td:first-child {
  text-align:left;
  width:50%;
}
.responstable-white-cell, .responstable-white-cell-tm {
  background-color:#fff;
  border:0;
}
.responstable-white-cell-tm {
  padding-top: 30px !important;
}
@media (min-width: 480px) {
  .responstable th:nth-child(2) span {
    display: block;
  }
  .responstable th:nth-child(2):after {
    display: none;
  }
  .responstable-title {
  font-size:24px;
  }
  .responstable-subtitle {
  font-size:14px;
  }
}
.responstable td {
  display: block;
  word-wrap: break-word;
  max-width: 7em;
}
.responstable td:first-child {
  display: table-cell;
  border: 1px solid #e4e4e4;
}
@media (min-width: 480px) {
  .responstable td {
    border: 1px solid #e4e4e4;
  }
}
.responstable th, .responstable td {
  margin: .5em 1em;
}
@media (min-width: 480px) {
  .responstable th, .responstable td {
    display: table-cell;
    padding: .7em;
  }
}

