/*
 Theme Name: NTES
 Author: WebsiteMango
 Author URI: http://websitemango.co.uk
 Version: 1
 */

/* Base */

*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	color: #777779;
	font-size: 1em;
	font-family: 'Exo', sans-serif;
	line-height: 1.6;
}

body {
	text-rendering: optimizeLegibility;
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

::-webkit-input-placeholder {
	color: #cccccc;
	text-transform: uppercase;
}

:-moz-placeholder {
	color: #cccccc;
	opacity: 1;
	text-transform: uppercase;
}

::-moz-placeholder {
	color: #cccccc;
	opacity: 1;
	text-transform: uppercase;
}

:-ms-input-placeholder {
	color: #cccccc;
	text-transform: uppercase;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

blockquote {
  margin: 50px 0 0;
  line-height: 1.9;
  font-style: italic;
  background-color: #FFC0CB;
  padding: 15px;
  font-weight: 500;
  background: #365D9D;
  color: #FFF;
  border-radius: 5px;
}

audio, canvas, iframe, img, svg, video {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

a {
	text-decoration: none;
	color:#365d9d;
	transition: color 0.5s ease;
}

.mobile {
display: none;
}

/* Helpers */

.no-focus:focus {
	outline-width: 0;
}

.hidden {
	display: none !important;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {
	visibility: hidden;
}

.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

/* Print */

@media print {
	*, *:before, *:after {
		background: transparent !important;
		color: #000 !important;
		/* Black prints faster:
		 http://www.sanbeiji.com/archives/953 */
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a, a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/*
	 * Don't show links that are fragment identifiers,
	 * or use the `javascript:` pseudo protocol
	 */
	a[href^="#"]:after, a[href^="javascript:"]:after {
		content: "";
	}

	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	/*
	 * Printing Tables:
	 * http://css-discuss.incutio.com/wiki/Printing_Tables
	 */
	thead {
		display: table-header-group;
	}

	tr, img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}

	h2, h3 {
		page-break-after: avoid;
	}
}

/* Main */

.wrapper-bg {
	background: url("images/bg_top.jpg") top center no-repeat;
	width: 100%;
	height: 894px;
	background-size: cover;
}

.maxwidth {
	width: 1170px;
	margin: 0 auto;
}

header {
	width: 100%;
	padding-top: 25px;
}

.logo {
	float: left;
	height: 80px;
	width: 183px;
}

.logo a {
	display: inline-block;
	width: 183px;
	height: 80px;
	background: url("/wp-content/uploads/ntes-logo.png");
}

header nav {
	float: right;
	padding-top: 15px;
}

header nav > .menu {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}

header nav > ul > .menu-item {
	float: left;
	margin-left: 5px;
}

header nav > ul > .menu-item > a {
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	margin: 16px 0 15px 0;
	padding: 0 10px;
	display: block;
	transition: color 0.5s ease;
}

header nav > ul > .menu-item.current-menu-item > a,
header nav > ul > .menu-item:hover > a {
	color: #ffd600;
}

header nav > ul > .menu-item-support a {
	color: #ffd600;
	border: 1px solid #ffd600;
	margin: 5px 0 0 10px;
	padding: 10px 15px;
	border-radius: 4px;
	transition: 0.5s color, 0.5s border-color;
}

header nav > ul > .menu-item-support.current-menu-item a,
header nav > ul > .menu-item-support:hover a {
	color: #fff;
	border: 1px solid #fff;
}

header nav > ul > li.menu-item-has-children { 
	
	}

header nav.transition-desktop > ul > li.menu-item-has-children { 
	transition: 0.5s background;
	}

header nav > ul > li.menu-item-has-children:hover {
	background: rgba(0,0,0,0.1);
}

header nav > ul > li.menu-item-has-children:hover > .sub-menu { 
	opacity: 1;
	visibility: visible;
	}




header nav > ul > li > .sub-menu {
	opacity: 0;
	visibility: hidden; 
	position: absolute;
	top: 97%;
	/* right: 150px; */
	width: 32%;
/*	background: rgba(54,93,157,1);*/
	background: rgba(255,255,255,0.92);
	border-top: 3px solid #ffd600;
	padding: 10px 25px;
	z-index: 3;
	}

header nav > ul > li > .sub-menu .sub-column { 
	float: left;
	padding: 0 3% 0 0;
	}

header nav > ul > li > .sub-menu .sub-column:last-of-type { 
	padding: 0 0 0 3%;
	}

header nav.transition-desktop > ul > li > .sub-menu { 
	transition: 0.5s opacity, 0.5s visibility;	
	}

header nav > ul > li .sub-menu { 
	list-style: none;
	}

header nav > ul > li .sub-menu .sub-menu {
  float: none;
  margin: 3px 0;
  padding: 0;
  }

header nav > ul > li .sub-column > .sub-menu a {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: capitalize;
  transition: color 0.5s ease 0s;
  margin: 7px 0;
  padding: 2px 0;
  display: block;
  color: #777;
}	

header nav li .sub-column .sub-menu li:hover > a {
	color: #365D9D;
}


header nav > ul > li > .sub-menu .sub-menu .sub-menu a { 
	font-size: 14px;
	font-weight: normal;
	margin: 4px 0;
	}
	
header nav > ul > li > .sub-menu .sub-menu .sub-menu a:before { 
	font-family: FontAwesome;
	content: "\f105";
	display: inline-block;
	margin-right: 5px;
	font-size: 1.2em;
	}	

.responsive-nav {
	float: right;
	padding-top: 7px;
	display: none;
}

.responsive-nav a {
	float: right;
	margin: 16px 0 15px 35px;
	color: #fff;
}

.responsive-nav i {
	font-size: 33px;
}

.jumbo {
	width: 90%;
	padding-top: 170px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

.jumbo > h1 {
	font-size: 75px;
	font-weight: 200;
	color: #fff;
	margin: 0 0 30px 0;
line-height:1em;
}

.jumbo em {
	color: #ffd600;
	font-style: normal;
}

body.home .jumbo h2,
.jumbo h2 {
	background: #365d9d;
	padding: 30px;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
}

.block {

	display: block;

	}

.circle-nav {
	color: #fff;
	font-size: 66px;
	display: inline-block;
	margin-top: 20px;
	transition: 0.5s color;
}

.circle-nav:hover {
	color: #ffd600;
}

.ms {
	position: absolute;
	right: -200px;
	bottom: -120px;
}

.ms img {
	opacity: 0; 
	position: absolute;
	bottom: 0;
	right: 0;
	transition: 0.5s opacity;
	height: auto;
	}

.ms img.visible { 
	opacity: 1;
	}

.services {
	width: 100%;
	height: 593px;
	background: url("images/bg_services.jpg") top center repeat-x;
}

.customers {
	width: 100%;
	height: 632px;
	background: url("images/bg_customers.jpg") top center repeat-x;
}

.services > h2, .customers > h2 {
	color: #fbd409;
	text-transform: uppercase;
	margin: 0;
	text-align: center;
	font-size: 40px;
	font-weight: 400;
	padding: 80px 0 60px 0;
}



.service-list ul, .customer-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	text-align: center;
}

.service-item {
	display: inline-block;
	margin: 0px 55px;
}

.customer-item {
	background: #fff;
	width: 230px;
	height: 230px;
	margin: 0px 26px;
	padding: 30px;
	display: inline-table;
	font-style: italic;
	border-radius: 5px;
	text-align: center;
}

.customer-item img {
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
}

.service-item > a {
	text-decoration: none;
	text-align: center;
	font-size: 18px;
	display: inline-block;
}

.service-item i {
	font-size: 55px;
	color: #fff;
	display: inline-block;
	border-radius: 50%;
	border: 10px solid #fff;
	padding: 25px;
	margin-bottom: 10px;
	transition: 0.5s border-color;
}


.service-item > a:hover i {
	border: 10px solid #fad308;
}

.service-item span {
	font-weight: 400;
	font-size: 18px;
	text-transform: uppercase;
	color: #fad308;
}

.service-item > a:hover span {
	color: #fad308;
}


.more-service, .more-customer {
	text-align: center;
}

.more-service > a, 
.more-customer > a {
	background: #fff;
	border: 1px solid #ffd600;
	color: #365d9d;
	font-size: 20px;
	font-weight: 500;
	text-decoration: none;
	width: 360px;
	height: 62px;
	line-height: 62px;
	display: inline-block;
	border-radius: 5px;
	text-transform: uppercase;
	margin-top: 75px;
	transition: 0.5s color, 0.5s background-color;
	max-width: 90%;
}


.more-service > a:hover, .more-customer > a:hover {
	background-color: #365d9d;
	color: #ffd600;
}

.button { 
	color: #fff;
	padding: 10px 20px;
	margin: 1em 0 0;
    background: #365d9d none repeat scroll 0 0;
    border-radius: 5px;
    font-size: 20px;
    transition: color 0.5s;
    text-decoration: none;
    clear: both;
	}

.button:hover { 
	color: #ffd600;
	}
    

.benefit {
	padding: 70px 0;
}

.benefit-left {
	background: #fff;
}

.benefit-right {
	background: #ececef;
}

.benefit h3 {
	color: #365d9d;
	font-size: 28px;
	font-weight: 500;
	margin-top: 0;
	text-transform: uppercase;
}

.benefit img.alignright {
	float: right;
	margin-left: 100px;
}

.benefit img.alignleft {
	float: left;
	margin-right: 100px;
}

blockquote {
	margin: 50px 0 0;
	line-height: 1.9;
	font-style: italic;
}

p:empty { 
	display: none;
	}

.benefit-right blockquote {
	padding-right: 80px;
}

blockquote strong {
	display: block;
	font-style: normal;
}

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

.callback {
	text-align: center;
}

.callback h2 br { 
	display: none;
	}

/* START new form block */

.callback ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}

.callback li {
	display: inline;
}

.callback .ginput_container, .callback .gform_body, .callback .gform_footer {
	display: inline;
}

.gform_confirmation_message { 
	color: #365d9d; 
	font-size: 40px; 
	font-weight: 500;
	}

/* END new form block */

.callback > h2 {
	color: #365d9d;
	font-size: 28px;
	font-weight: 500;
	margin: 70px 0;
	text-transform: uppercase;
}

.callback input[type="text"] {
	width: 330px;
	height: 60px;
	font-size: 20px;
	color: #25282a;
	padding: 0 20px;
	border-radius: 5px;
	border: 1px solid #77777a;
	margin-right: 15px;
	vertical-align: bottom;
	max-width: 90%;
}

.callback input[type="submit"] {
	width: 330px;
	height: 60px;
	font-size: 20px;
	color: #ffd600;
	padding: 0 20px;
	border-radius: 5px;
	background: #365d9d;
	border: 0;
	margin: 0;
	text-transform: uppercase;
	transition: 0.5s color;
	max-width: 90%;
}

.callback input[type="submit"]:hover {
	color: #fff;
}

.gform_wrapper .gform_validation_container,
.gform_wrapper .gfield_required { 
	display: none;
	}



.validation_error,
.gfield_description.validation_message { 
	color: red;
	}

.contact {
	margin: 75px 0;
	font-size: 32px;
	color: #365d9d;
}

.contact a {
	color: #365d9d;
	text-decoration: none;
}

.contact .mail {
	display: inline;
}

.contact .fa-envelope {
	display: inline-block;
	margin-left: 75px;
}

footer {
	background: #777779;
	color: #fff;
	float: left;
	width: 100%;
	padding: 50px 0 10px 0;  /* padding: 80px 0; eg20170724 */
}

footer h3 {
	font-size: 28px;
	font-weight: 400;
	text-transform: uppercase;
	margin-top: -3px;
}

.ms-footer {
	float: left;
	position: relative;
	width: 271px;
	height: 1px;
	padding: 5px 0;
}

.ms-footer img { 
	/*position: absolute;
	left: 0;
	top: 0;
	transition: 0.5s opacity;
	opacity: 0;*/
	height: auto;
	display: block;
	padding: 5px 0;
	}
.ms-footer img.visible { 
	opacity: 1;
	}

footer #text-4 h3 { 
    display: none;
}


footer #text-4 .textwidget ul { 
    padding-top: 71px;
}

.col {
	margin-left: 75px;
	float: left;
}

.col ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.col .mail {
	margin-bottom: 20px;
}

.col a {
	color: #fff;
	text-decoration: none;
}

.col a:hover {
	color: #ffd600;
}

.social a {
	display: inline-block;
	background: #fff;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	font-size: 20px;
	text-align: center;
	line-height: 35px;
	float: left;
	margin-right: 10px;
	
}

.social i {
	color: #777779;
	transition: 0.5s color;
}

.social a:hover i {
	color: #ffcc60;
}

.bottom {
	float: left;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #d5d5d7;
	font-size: 14px;
}

.bottom ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.bottom .left {
	float: left;
}

.bottom .right {
	float: right;
}

.bottom .right .big {
	display: none;
}

.bottom li {
	display: inline;
}

.bottom a {
	font-size: 14px;
	color: #777779;
	text-decoration: none;
	margin-right: 10px;
}

.bottom ul.right li a { 
		color: inherit;
		font: inherit;
		margin: 0;
		font-family: montserrat, sans-serif;
		font-weight:bold;
}

.bottom a:hover {
	text-decoration: underline;
}

/* Subpage */

.wrapper-bg-sub {
	background: url("images/bg_top_sub.jpg") top center no-repeat;
	width: 100%;
	height: 540px;
	background-size: cover;
}

.wrapper-bg-sub .jumbo {
	padding-top: 80px;
}

.wrapper-bg-sub h1 {
	margin-bottom: 0;
}

.jumbo h2 {
	padding: 0;
	margin: 0;
	background: none;
}

.content {
	padding: 70px 0;
}

.cms {
	float: left;
	width: 810px;
}

.page-template-no-sidebar-page .cms {
	width: 100%;
}

.cms h2 {
	margin-top: 0;
	font-size: 28px;
	color: #365d9d;
	font-weight: 400;
}

.shares a {
	display: inline-block;
	float: left;
	margin-right: 4px;
	height: 20px;
	width: 20px;
}

.shares .twitter {
	background: url("images/share_twitter.gif");
}

.shares .fb {
	background: url("images/share_fb.gif");
}

.shares .gplus {
	background: url("images/share_gplus.gif");
}

.breadcrumb ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-bottom: 30px;
}

.breadcrumb li {
	display: inline;
}

.breadcrumb a {
	text-transform: uppercase;
	color: #777779;
	text-decoration: none;
}

.breadcrumb a:after {
	content: " >";
}

.breadcrumb li:last-child a:after {
	content: "";
}

.breadcrumb li:last-child a {
	color: #365d9d;
}



#breadcrumbs {
	margin: 0 0 30px;
	padding: 0;
}


#breadcrumbs a {
	text-transform: uppercase;
	color: #777779;
	text-decoration: none;
	transition: 0.5s color;
}

#breadcrumbs a:hover { 
	color: #000;
	}

#breadcrumbs span span :last-child {
	color: #365d9d;
	text-transform: uppercase;
}




.sidebar {
	float: left;
	width: 330px;
	padding: 25px;
 	margin-left: 30px;
	border: 1px solid #e4e4e4;
	border-radius: 5px;
}

.sidebar h2 {
	color: #365d9d;
	font-size: 24px;
	margin-top: 0;
	font-weight: 400;
	text-transform: uppercase;
}

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.sidebar li {
	margin-bottom: 5px;
}

.sidebar li::before {
	font-family: FontAwesome;
	content: "\f105";
	display: inline-block;
	margin-right: 15px;
	color: #365d9d;
}



.sidebar img {
	display: block;
	margin-bottom: 5px;
	margin-top: 35px;
}

.sidebar a {
	color: #777779;
	text-decoration: none;
}

.sidebar a:hover { 
	color: #365d9d;
	}

.sidebar h3 {
	display: block;
	font-weight: 700;
	font-size: 24px;
	margin: 0;
}

.sidebar h4 { 
	font-size: 1em;
	margin: 0;
	font-weight: normal;
	}

/* Case studies */

.maxwidth-cs {
	width: 1160px;
	margin: 0 auto;
	padding-bottom: 30px;
}

.post-type-archive-case-studies .wrapper-bg-sub {
	background: url("images/bg_top_cs.jpg") top center no-repeat;
	background-size: cover;
}

.wrapper-bg-cs .jumbo {
	padding-top: 90px;
}

.cs h2 {
	font-size: 40px;
	color: #365d9d;
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 10px;
	line-height: 1.1;
}

.cs .item {
	width: 230px;
	height: 230px;
	border-radius: 5px;
	float: left;
	margin: 30px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover; 
}

.cs .item .table {
	position: relative;
	display: table;
	width: 230px;
}

.cs .item .overlay {
	background: #365d9d;
	opacity: .8;
	z-index: 10;
	width: 230px;
	height: 230px;
	position: absolute;
	border-radius: 5px;
	transition: 0.5s opacity, 0.5s background;
}

.cs .item:hover .overlay {
	opacity: 0.4;
	background: #000
}

.cs .item .upper {
	position: absolute;
	z-index: 20;
	text-align: center;
}

.cs .item a {
	display: table-cell;
	color: #fff;
	text-transform: uppercase;
	width: 230px;
	height: 230px;
	text-decoration: none;
	vertical-align: middle;
	font-size: 24px;
	border-radius: 5px;
}

.cs .item div { 
	position: relative;
	}

.cs .item h4 {
  margin: -1.5em 0 0;
  font-weight: normal;
  line-height: 1;
}

.cs .item span { 
	position: absolute;
	top: 120%;
	display: block;
	width: 90%;
	text-align: center;
	margin: 0 auto;
	left:0;
	right: 0;
	}

.cs .item .location,
.cs .item .shortdesc  {
	font-size: 16px;
	opacity: 1;
	transition: 0.5s opacity;
	line-height: 1.3;
}

.cs .item .shortdesc {
	opacity: 0; 
	color: #ffd600;
	font-style: italic;
	text-transform: none;
	bottom: auto;
	}

.cs .item:hover .location {
	opacity: 0;
	}

.cs .item:hover .shortdesc {
	opacity: 1;
	}


/* BLOG STYLES */

.category .cms,
.archive .cms {
  float: left;
  width: 760px;
}

.category .sidebar,
.archive .sidebar { 
	float: right;
	}

#postList { 
	padding: 0;
	margin: 1em 0;
	}

#postList li { 
	margin: 0 0 2em;
	padding: 0 0 1em;
	overflow: hidden;
	border-bottom: 1px solid #B5D1FF;
	list-style: none;
	}

#postList li:last-child { 
	border: none;
	}

#postList li img { 
	float: left;
	width: 30%;
	height: auto;
	margin: 0 1em 1em 0;
	border: 1px solid #444;
	}

#postList li h3 { 
	margin: 0;
	}

#postList li .post-meta { 
	margin: 0 0 1em;
	font-size: 90%;
	}

#postList li a { 
	color: #365d9d;
	}


.single .sidebar h2,
.archive .sidebar h2,
.category .sidebar h2 { 
	margin: 1em 0 0;
	}

.single .post-title { 
	margin-bottom: 0;
	}

.post-meta { 
	display: block;
	margin: 0 0 2em;
	}


.single .company_logo { 
	display: block;
	float: right;
	}

.attachment-post-thumbnail { 
	max-width: 100%;
	height: auto;
	max-height: 500px;
	width: auto;
	}



footer .col a {
	transition: 0.5s color;
}


@media only screen and (max-width: 1170px) {
	
	.mobile {
	display: block;
	}

	.wrapper-bg {
	  min-height: 740px;
	  height: auto;
	}

	.wrapper-bg-sub {
		height: auto;
	}

	.wrapper-bg-cs {
		height: auto;
	}

	.maxwidth {
		width: 100%;
		padding: 0 20px 40px 20px;
	}

	.maxwidth-cs {
		width: 100%;
		padding: 0 20px 40px 20px;
		text-align: center;
	}
	
	.cs .item {
		float: none;
		display: inline-block;
	}
	
	body.home .jumbo { 
		padding-bottom: 40px;
		}
	
	.jumbo {
		width: 90%;
	}

	.jumbo > h1 {
		font-size: 48px;
	}
	
	body.home .jumbo > h1 {
		font-size: 51px;
	}
	
	
	.ms {
	  bottom: -86px;
	  position: relative;
	  right: 0;
	}
	
	.ms img {
	  height: auto;
	  max-width: 100%;
	  margin: 0 auto;
	  display: block;
	}
	
	.ms {
	  bottom: -86px;
	  left: 0;
	  position: relative;
	  right: auto;
	}
		
	.ms img {
	  right: auto;
	  left: 0; 
	 }
	
	/*.circle-nav {
		display: none;
	}*/

	.content {
		padding: 30px 0;
	}

	.cms,
	.category .cms, .archive .cms {
		width: 100%;
		float: none;
	}

	.text img {
		max-width: 100%;
		height: auto;
	}

	.shares a {
		width: 80px;
		height: 80px;
		margin-right: 40px;
	}

	.shares .twitter {
		background: url("images/share_twitter_bigger.gif");
	}

	.shares .fb {
		background: url("images/share_fb_bigger.gif");
	}

	.shares .gplus {
		background: url("images/share_gplus_bigger.gif");
	}

	.social a {
 		font-size: 25px;
  		height: 45px;
  		line-height: 45px;
  		margin-right: 20px;
  		width: 45px;
}
	.sidebar {
		width: 100%;
		margin-top: 30px;
		margin-left: 0;
	}

	.services, .customers {
		height: auto;
		background: #365d9d;
	}

	.services > h2, .customers > h2 {
		padding: 40px 0 40px 0;
	}

	.service-item {
		margin: 0 50px 40px;
	}

	.more-service, .more-customer {
		padding-bottom: 40px;
	}

	.more-service > a, .more-customer > a {
		margin-top: 25px;
		width: 330px;
	}

	.benefit {
		padding: 40px 0 0 0;
		overflow: hidden;
	}

	.benefit img.lead {
		display: none;
	}

	

	.benefit-right blockquote {
		padding-right: 0;
	}
	
	.benefit img.alignleft {
	  margin-right: 2em;
	}
	
	#gform_wrapper_1 { 
		max-width: 1000px;
		margin: 0 auto;
		}
	
	.callback input[type="text"] {
		margin-bottom: 20px;
	}
	
	.callback h2 br { 
		display: block;
	}
	
	
	.customer-item {
		width: 200px;
		height: 200px;
		margin: 0 20px 40px;
		padding: 10px;
	}

	.ms-footer {
		/* display: none; removed eg20170727 */
	}
	footer #text-4 h3 {
  	display: block;
	}

	footer #text-4 .textwidget ul {
  	padding-top: 0;
	}

	footer {
		padding: 40px 0 10px 0;
	}

	.col {
		margin-left: 10%;
		margin-bottom: 30px;
	}
	

	
	.bottom {
		background: #777779;
		height: auto;
		font-size: 24px;
	}

	.bottom .maxwidth {
		padding: 0;
	}

	.bottom ul.left {
		width: 100%;
	}

	.bottom ul.left li {
		float: left;
		width: 100%;
		text-align: center;
		background: #d5d5d7;
		margin-bottom: 1px;
		padding-top: 15px;
		padding-bottom: 10px;
	}

	.bottom ul.right {
		width: 100%;
	}

	.bottom ul.right li {
	  color: #fff;
	  float: left;
	  padding: 6px 10px;
	  text-align: center;
	  width: auto;
	  display: inline-block;
	  font-size: 18px;
	}
	
	.bottom ul.right li + li { 
		float: right;
		}
	
	.bottom ul.right li a { 
		color: inherit;
		font: inherit;
		margin: 0;
		font-family: montserrat, sans-serif;
    font-weight: bold;
		}
	
	.bottom ul.right img.small {
		display: none;
	}

	.bottom ul.right img.big {
	  display: inline-block;
	  width: 30px;
	  height: auto;
	      padding-bottom: 8px;
	}

	.bottom a {
		font-size: 24px;
	}
}


@media only screen and (max-width: 992px) {
	.callback input[type="text"] {
		margin-bottom: 20px;
	}

	.responsive-nav {
		display: block;
	}

	nav {
		clear: right;
		width: 100%;
		opacity: 0;
		visibility: hidden;
		max-height: 0;
	}
	
	nav.transition { 
		transition: 0.5s opacity, 0.5s visibility, 0.5s max-height;
		}
		
	nav.open { 
		opacity: 1;
		visibility: visible;
		max-height: 630px;
		}
	
	nav > ul > li.menu-item-has-children > .sub-menu {
	  background: #365D9D;
	  opacity: 1;
	  margin: 0 30px 10px;
	  padding: 0;	  
	  position: static;
	  visibility: visible;
	  width: auto;
	  z-index: 3;
	  overflow: hidden;
	  display: none;
	}
	
	nav > ul > li.menu-item-has-children.open > .sub-menu { 
		display: block;
	}
	
	header nav > ul > li.menu-item-has-children {
		transition: none;
		background: #365D9D;
		position: relative;
		cursor: pointer;
	}
	
	header nav > ul > li.menu-item-has-children:after{ 
		position: absolute;
		font-family: FontAwesome;
		content: "\f107";
		color: #ffd600;
		right: 20px;
		top: 15px;
		font-weight: bold;
		font-size: 16px;
		cursor: pointer;
		width: 30px;
		height: 30px;
		line-height: 30px;
		background: rgba(255,255,255,0.1);
		text-align: center;
		}
		
	nav > ul > li.menu-item-has-children.open:after { 
		content: "\f106";
		}
	
	header nav > ul > li.menu-item-has-children:hover {
		background: #365D9D;
	}
	

	
	header nav > ul > li .sub-column > .sub-menu a {
	  color: #ddd;
	}	
		
	header nav li .sub-column .sub-menu li:hover > a {
	  color: #fff;
	}
	
	.menu {
		width: 100%;
	}

	header .menu-item {
		width: 100%;
		margin-left: 0;
		background: #365d9d;
		margin-bottom: 1px;
	}

	header .menu-item > a {
		margin: 0;
		width: 100%;
		padding: 10px 20px 10px 20px;
	}

	
	header nav > ul > .menu-item-support a, 
	nav .menu-item-support:hover > a {
	  margin: 0;
	  width: auto;
	 border-radius: 0px;
	}
		
	nav .menu-item-support:hover > a { 
		/*background: #4C83DB;*/
		}
	
	
	.customer-list { 
		width: 500px;
		margin: 0 auto;
		}
		
	blockquote {
		clear: both;
		overflow: hidden;
	}
	
}

@media (max-width: 1123px) and (min-width: 805px) {
	.customer-list ul {
/*		width: 530px;*/
		margin: 0 auto;
	}

	.service-list ul {
		width: 700px;
		margin: 0 auto;
	}
	
	body.home .jumbo h2 {
		width: 80%;
		margin: 0 auto;
		text-align: center;
		position: relative;

	}

}

@media only screen and (max-width: 768px) {
	
	.wrapper-bg {
	  height: auto;
	  min-height: auto;
	}
	
	.jumbo {
		padding: 20px 0 60px;
	}

	/*.circle-nav {
		display: none;
	}*/

	.callback input[type="text"] {
	  margin: 0 auto 40px;
	  display: block;
	}


	.contact .mail {
		display: block;
		margin-top: 20px;
	}

	.contact .fa-envelope {
		margin-left: 0;
	}
	
	body.home .jumbo { 
		width: 100%;
		}
	
	.wrapper-bg-sub .jumbo {
	  padding-top: 40px;
	  padding-bottom: 20px;
	}
	
	body.home .jumbo > h1 { 
		font-size: 36px;
		margin: 1.5em 0 30px;
		}
		 
	.jumbo > h1 {
	  font-size: 40px;
	  line-height: 1;
	  margin: 0 0 20px;
	}
	
	.jumbo h2 {
	  font-size: 17px;
	  padding: 15px;
	}
	
	.ms {
	    bottom: 0;
	    display: block;
	    height: 250px;
	    left: 0;
	    margin: 0 auto;
	    padding-top: 20px;
	    position: relative;
	    right: auto;
	    width: 271px;
	}
	
	.ms img {
    position: absolute;
    top: 20px;
    vertical-align: top !important;
     bottom: initial;
	}
	body.home blockquote img{
	margin: 0 auto 20px;
	}		 
	
	.services > h2, 
	.customers > h2 { 
		font-size: 32px;
		}
	
	.customer-item img {
	  max-width: 100%;
	  /* height: auto; */
	  height: 50%;
	  margin-bottom: 0;
	}
		
	.callback > h2 {
		font-size: 24px;
		line-height: 1.4;
		margin: 2em 0;
	}

	.responsive-nav a {
		margin: 7px 0 7px 35px;
	}

	.logo {
		width: 130px;
		height: 57px;
	}

	.logo a {
		display: inline-block;
		width: 130px;
		height: 57px;
		background: url("/wp-content/uploads/ntes-logo-small.png");
	}
	
	
	body.home img.alignleft,
	body.home img.alignright { 
		display: none;
		}
	
	body.home blockquote { 
		padding: 0;
		}
	
	body.home blockquote img { 
		display: block;
		}
	
	
	.cs .item .overlay {
		width: 180px;
		height: 180px;
	}

	.upper {
		width: 180px;
		height: 180px;
	}

	.cs .item {
		width: 180px;
		height: 180px;
		margin: 10px;
	}

	.cs .item a {
		width: 180px;
		height: 180px;
	}
	
	.cs .item .shortdesc {
	  font-size: 14px;
	}
	
	.service-item i {
		border-width: 7px;
		font-size: 35px;
		padding: 19px;
	}
	
	.service-item > a:hover i { 
		border-width: 7px;
		}
	
	.benefit h3 {
		font-size: 24px;
	}

	footer h3 {
		font-size: 24px;
		line-height: 1.1;
	}

}


@media only screen and (max-width: 736px) {

	.block {

		display: inline;

	}

}


@media screen and (max-width: 530px) {

.customer-list { 
		width: auto;
		}

.customer-item {
  width: 180px;
  height: 180px;
  margin: 0 10px 40px;
  padding: 10px;
  font-size: 14px;
}

	body.home blockquote img { 
		float: none;
	}


}
@media screen and (max-width: 480px) { 
	
	header nav > ul > li > .sub-menu .sub-column,
	header nav > ul > li > .sub-menu .sub-column:last-of-type { 
		float: none;
		padding: 0;
		width: 100% !important;
	}	
	
	body.home .jumbo > h1 {
	  font-size: 34px;
	  margin-top: 0;
	}
	
	.cms h2 { 
		font-size: 24px;
		line-height: 1.4;
		}
	
	
	
	.customer-item {
	  font-size: 11px;
	  height: 150px;
	  line-height: 1.3;
	  margin: 0 11px 22px;
	  padding: 10px;
	  width: 150px;
	}

	.customer-item img {
	  width: 100%;
	}
	
	.bottom ul.right li {
	  float: none;
	  width: 100%;
	}
	
	.bottom ul.right li + li { 
		float: none;
		}
	
}

@media screen and (max-width: 400px) { 
	
	body.home .jumbo > h1 {
	  font-size: 31px;
	  margin-top: 1.5em;
	}
	
	.customer-item {
	  margin: 0 4px 10px;
	  width: 130px;
	  height: 130px;
	  font-size: 10px;
	}

	.responsive-nav a {
		margin: 7px 0 7px 15px;
	}
	
	.cs .item {
	  margin: 4px;
	}
		
	.cs .item,
 	.cs .item a,
 	.cs .item .upper,
 	.cs .item .table,
	.cs .item .overlay {
	  height: 121px;
	  width: 121px;
	}
	
	.cs .item h4 { 
		font-size: 15px;
		}
	
	.cs .item .location, 
	.cs .item .shortdesc { 
		font-size: 12px;
		}
	
	.cs .item .shortdesc { 
		line-height: 1.1;
		}
	
	.cs h2 {
		  font-size: 30px;
	}
	

	
}



​

/*
 *
 *  Miscellaneous
 *
 * */

img.alignright {
	float: right;
	margin: 0 0 1em 1em
}
img.alignleft {
	float: left;
	margin: 0 1em 1em 0
}
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

div.clear {
	clear: both;
}

/* */
.ddsg-wrapper ul {
	padding: 0px 0px 0px 25px;
}


/***** Partner Slider *************/

.partner-logos-wrapper {
	background: #ececef;
	padding: 35px 0;
	text-align:center;
}
.partner-logos-wrapper p {
	margin:0;
	padding:0;
}

.partner-logos-wrapper h2 {
  color: #365d9d;
  font-size: 28px;
  font-weight: 500;
  margin: 0 0 35px 0;
  text-transform: uppercase;
}
.partner-logos-wrapper ul {
margin:0;
padding:0;
}
.partner-logos-wrapper .customer-item {
  background: #fff;
  width: 230px;
  height: 230px;
  margin: 0 20px;
  padding: 30px;
  font-style: italic;
  border-radius: 5px;
  text-align: center;
  vertical-align: middle;
}
.partner-logos-wrapper .customer-item img {
  width: 150px;
  height: auto;
}

.partner-logos-wrapper p {
  margin: 0;
  padding: 0;
  display: table-cell;
  vertical-align: middle;
}

.partner-logos-wrapper .at-share-tbx-element {
display:none!important;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #365d9d;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #777779;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	font-size: 40px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

.owl-prev {
  position: absolute;
  left: -30px;
  top: 30%;
}
.owl-next {
  position: absolute;
  right: -30px;
  top: 30%;
}
.owl-pagination {
position:relative;
top:30px;
}

@media (max-width:1024px) {

.owl-prev {
  position: absolute;
  left: -10px;
  top: 30%;
}
.owl-next {
  position: absolute;
  right: -10px;
  top: 30%;
}

}


@media (max-width:480px) {

.owl-prev {
  position: absolute;
  left: 10px;
  top: 30%;
}
.owl-next {
  position: absolute;
  right: 10px;
  top: 30%;
}

}



@media (min-width:1007px) {

header nav > ul > li .sub-menu a{
  width: 110%;
}

header nav > ul > li.menu-item-has-children:hover > .sub-menu li.menu-item-has-children .sub-menu  { 
	 display:none;
	}


header nav > ul > li.menu-item-has-children > .sub-menu li.second-menu.menu-item-has-children:hover .sub-menu  { 
  opacity: 1;
display: block;
  visibility: visible;
  /* right: -241px; */
  top: 3px;
  /* position: absolute; */
  position: absolute;
  top: 0%;
left: 100%;
  float: right;
  /* right: -261px; */
  /* right: 150px; */
   width: 95%;
  /* background: #365D9D; */
  background: rgba(255, 255, 255, 0.92);
  border-top: 3px solid #FFD600;
  padding: 10px 25px;
  z-index: 3;

	}
}