/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */@import url("http://hello.myfonts.net/count/2eae5b");
html { font-family: 'tahomaregular'; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
body { margin: 0 }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary { display: block }
audio,
canvas,
progress,
video { display: inline-block; vertical-align: baseline }
audio:not([controls]) { display: none; height: 0 }
[hidden], template {
display:none
}
a { background-color: transparent }
a:active,
a:hover { outline: 0 }
abbr[title] { border-bottom: 1px dotted }
b,
strong { font-weight: bold }
dfn { font-style: italic }
h1 { font-size: 2em; margin: 0.67em 0 }
mark { background: #ff0; color: #000 }
small { font-size: 80% }
sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em }
sub { bottom: -0.25em }
img { border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 1em 40px }
hr { box-sizing: content-box; height: 0 }
pre { overflow: auto }
code,
kbd,
pre,
samp { font-family: 'tahomaregular'; font-size: 1em }
button,
input,
optgroup,
select,
textarea { color: inherit; font: inherit; margin: 0 }
button { overflow: visible }
button,
select { text-transform: none }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; cursor: pointer }
button[disabled],
html input[disabled] { cursor: default }
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
input { line-height: normal }
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; padding: 0 }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height:auto
}
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em }
legend { border: 0; padding: 0 }
textarea { overflow: auto }
optgroup { font-weight: bold }
table { border-collapse: collapse; border-spacing: 0 }
td,
th { padding: 0 }
.container { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 15px; box-sizing: border-box }
.column,
.columns { width: 100%; float: left; box-sizing: border-box }
 @media (min-width: 400px) {
/*.container {
	width: 85%;
	padding: 0
}*/
}
@media (min-width: 550px) {
/*.container {
	width: 80%
}*/
.column,
.columns { margin-left: 4% }
.column:first-child,
.columns:first-child { margin-left: 0 }
.one.column,
.one.columns { width: 4.66666666667% }
.two.columns { width: 13.3333333333% }
.three.columns { width: 22% }
.four.columns { width: 30.6666666667% }
.five.columns { width: 39.3333333333% }
.six.columns { width: 48% }
.seven.columns { width: 56.6666666667% }
.eight.columns { width: 65.3333333333% }
.nine.columns { width: 74.0% }
.ten.columns { width: 82.6666666667% }
.eleven.columns { width: 91.3333333333% }
.twelve.columns { width: 100%; margin-left: 0 }
.one-third.column { width: 30.6666666667% }
.two-thirds.column { width: 65.3333333333% }
.one-half.column { width: 48% }
.offset-by-one.column,
.offset-by-one.columns { margin-left: 8.66666666667% }
.offset-by-two.column,
.offset-by-two.columns { margin-left: 17.3333333333% }
.offset-by-three.column,
.offset-by-three.columns { margin-left: 26% }
.offset-by-four.column,
.offset-by-four.columns { margin-left: 34.6666666667% }
.offset-by-five.column,
.offset-by-five.columns { margin-left: 43.3333333333% }
.offset-by-six.column,
.offset-by-six.columns { margin-left: 52% }
.offset-by-seven.column,
.offset-by-seven.columns { margin-left: 60.6666666667% }
.offset-by-eight.column,
.offset-by-eight.columns { margin-left: 69.3333333333% }
.offset-by-nine.column,
.offset-by-nine.columns { margin-left: 78.0% }
.offset-by-ten.column,
.offset-by-ten.columns { margin-left: 86.6666666667% }
.offset-by-eleven.column,
.offset-by-eleven.columns { margin-left: 95.3333333333% }
.offset-by-one-third.column,
.offset-by-one-third.columns { margin-left: 34.6666666667% }
.offset-by-two-thirds.column,
.offset-by-two-thirds.columns { margin-left: 69.3333333333% }
.offset-by-one-half.column,
.offset-by-one-half.columns { margin-left: 52% }
}
html { font-size: 62.5% }
body { font-size: 1.5em; line-height: 1.6; font-weight: 400; font-family: 'tahomaregular'; color: #222 }
h1,
h2,
h3,
h4,
h5,
h6 { margin-top: 0; margin-bottom: 2rem; font-weight: 300 }
h1 { font-size: 4.0rem; line-height: 1.2 }
h2 { font-size: 3.6rem; line-height: 1.25 }
h3 { font-size: 3.0rem; line-height: 1.3 }
h4 { font-size: 2.4rem; line-height: 1.35 }
h5 { font-size: 1.8rem; line-height: 1.5 }
h6 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0 }
@media (min-width: 550px) {
h1 { font-size: 5.0rem }
h2 { font-size: 4.2rem }
h3 { font-size: 3.6rem }
h4 { font-size: 3.0rem }
h5 { font-size: 2.4rem }
h6 { font-size: 1.5rem }
}
p { margin-top: 0 }
a { color: #1EAEDB }
a:hover { color: #0FA0CE }
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] { /*display: inline-block;
	height: 38px;
	padding: 0 30px;
	color: #555;
	text-align: center;
	font-size: 11px;
	font-weight: 600;
	line-height: 38px;
    letter-spacing:.1rem;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	background-color: transparent;
	border-radius: 4px;
	border: 1px solid #bbb;
	cursor: pointer;
	box-sizing: border-box*/

border: 2px solid #010066; color: #010066; display: inline-block; font-family: 'tahomaregular'; font-size: 0.8em; letter-spacing: 0.05em; text-decoration: none; text-transform: uppercase; background: none; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus { color: #fff; border-color: #010066; outline: 0; background-color: #010066; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary { color: #FFF; background-color: #33C3F0; border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus { color: #FFF; background-color: #1EAEDB; border-color: #1EAEDB }
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select { height: 38px; padding: 6px 10px; background-color: #fff; border: 1px solid #D1D1D1; border-radius: 4px; box-shadow: none; box-sizing: border-box }
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none }
textarea { min-height: 65px; padding-top: 6px; padding-bottom: 6px }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus { border: 1px solid #33C3F0; outline: 0 }
label,
legend { display: block; margin-bottom:.5rem;
font-weight: 600 }
fieldset { padding: 0; border-width: 0 }
input[type="checkbox"],
input[type="radio"] { display: inline }
label>.label-body { display: inline-block; margin-left:.5rem;
font-weight: normal }
ul { list-style: circle inside }
ol { list-style: decimal inside }
ol,
ul { padding-left: 0; margin-top: 0 }
ul ul,
ul ol,
ol ol,
ol ul { margin: 1.5rem 0 1.5rem 3rem; font-size: 90% }
li { margin-bottom: 1rem }
code {
padding:.2rem .5rem;
margin:0 .2rem; font-size: 90%; white-space: nowrap; background: #F1F1F1; border: 1px solid #E1E1E1; border-radius: 4px }
pre>code { display: block; padding: 1rem 1.5rem; white-space: pre }
th,
td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #E1E1E1 }
th:first-child,
td:first-child { padding-left: 0 }
th:last-child,
td:last-child { padding-right: 0 }
button,
.button { margin-bottom: 1rem }
input,
textarea,
select,
fieldset { margin-bottom: 1.5rem }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form { margin-bottom: 1.5rem; }
.u-full-width { width: 100%; box-sizing: border-box }
.u-max-full-width { max-width: 100%; box-sizing: border-box }
.u-pull-right { float: right }
.u-pull-left { float: left }
hr { margin-top: 3rem; margin-bottom: 3.5rem; border-width: 0; border-top: 1px solid #E1E1E1 }
.container:after,
.row:after,
.u-cf { content: ""; display: table; clear: both }
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80) }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle }
.mfp-align-top .mfp-container:before { display: none }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045 }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content { width: 100%; cursor: auto }
.mfp-ajax-cur { cursor: progress }
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in }
.mfp-auto-cursor .mfp-content { cursor: auto }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.mfp-loading.mfp-figure { display: none }
.mfp-hide { display: none !important }
.mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044 }
.mfp-preloader a { color: #cccccc }
.mfp-preloader a:hover { color: white }
.mfp-s-ready .mfp-preloader { display: none }
.mfp-s-error .mfp-content { display: none }
button.mfp-close,
button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none }
button::-moz-focus-inner {
padding:0;
border:0
}
.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: 'tahomaregular'; }
.mfp-close:hover,
.mfp-close:focus { opacity: 1; filter: alpha(opacity=100) }
.mfp-close:active { top: 1px }
.mfp-close-btn-in .mfp-close { color: #333333 }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100% }
.mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px }
.mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent }
.mfp-arrow:active { margin-top: -54px }
.mfp-arrow:hover,
.mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100) }
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent }
.mfp-arrow:after,
.mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px }
.mfp-arrow:before,
.mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px }
.mfp-arrow-left { left: 0 }
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px }
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f }
.mfp-arrow-right { right: 0 }
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px }
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px }
.mfp-iframe-holder .mfp-close { top: -40px }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25% }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0,0,0,0.6); background: black }
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto }
.mfp-figure { line-height: 0 }
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0,0,0,0.6); background: #444444 }
.mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px }
.mfp-figure figure { margin: 0 }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto }
.mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px }
.mfp-image-holder .mfp-content { max-width: 100% }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0 }
.mfp-img-mobile img.mfp-img { padding: 0 }
.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0 }
.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px }
.mfp-img-mobile .mfp-bottom-bar { background: rgba(0,0,0,0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box }
.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0 }
.mfp-img-mobile .mfp-counter { right: 5px; top: 3px }
.mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0,0,0,0.6); position: fixed; text-align: center; padding: 0 }
}
@media all and (max-width: 900px) {
.mfp-arrow { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75) }
.mfp-arrow-left { -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0 }
.mfp-arrow-right { -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100% }
.mfp-container { padding-left: 6px; padding-right: 6px }
}
.mfp-ie7 .mfp-img { padding: 0 }
.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px }
.mfp-ie7 .mfp-container { padding: 0 }
.mfp-ie7 .mfp-content { padding-top: 44px }
.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0 }
@font-face@font-face { font-family: 'SabonLTPro-Roman'; src: url(fonts-path("2EAE5B_0_0.eot")); src: url(fonts-path("2EAE5B_0_0.eot?#iefix")) format("embedded-opentype"), url(fonts-path("2EAE5B_0_0.woff2")) format("woff2"), url(fonts-path("2EAE5B_0_0.woff")) format("woff"), url(fonts-path("2EAE5B_0_0.ttf")) format("truetype"), url(fonts-path("2EAE5B_0_0.html#wf")) format("svg"); }
@font-face { font-family: 'AzoSans-Medium'; src: url(fonts-path("2EAE5B_1_0.eot")); src: url(fonts-path("2EAE5B_1_0.eot?#iefix")) format("embedded-opentype"), url(fonts-path("2EAE5B_1_0.woff2")) format("woff2"), url(fonts-path("2EAE5B_1_0.woff")) format("woff"), url(fonts-path("2EAE5B_1_0.ttf")) format("truetype"), url(fonts-path("2EAE5B_1_0.html#wf")) format("svg"); }
@font-face { font-family: 'AzoSans-Regular'; src: url(fonts-path("2EAE5B_2_0.eot")); src: url(fonts-path("2EAE5B_2_0.eot?#iefix")) format("embedded-opentype"), url(fonts-path("2EAE5B_2_0.woff2")) format("woff2"), url(fonts-path("2EAE5B_2_0.woff")) format("woff"), url(fonts-path("2EAE5B_2_0.ttf")) format("truetype"), url(fonts-path("2EAE5B_2_0.html#wf")) format("svg"); }
@media only screen and (max-width: 737px) {
html { width: 100%; overflow-x: hidden }
}
body { background: #FFF; color: #808080; font-family: 'tahomaregular'; font-weight: normal; font-style: normal }
html.ie9 * { opacity: 1 !important }
@font-face { font-family: 'icomoon'; src: url("../fonts/icomoon-15.eot?8bkigd"); src: url("../fonts/icomoon-154.eot?#iefix8bkigd") format("embedded-opentype"), url("../fonts/icomoon-68.ttf?8bkigd") format("truetype"), url("../fonts/icomoon-1.woff?8bkigd") format("woff"), url("../fonts/icomoon-3.svg?8bkigd#icomoon") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
font-family:'icomoon';
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.icon-arrow-down:before { content: "\e600" }
.icon-arrow-left:before { content: "\f104" }
.icon-arrow-right:before { content: "\f105" }
.icon-arrow-up:before { content: "\e603" }
.icon-equals:before { content: "\e604" }
.icon-fortune-icon:before { content: "\e605" }
.icon-plus:before { content: "\e606" }
.icon-star:before { content: "\e607" }
.icon-tick:before { content: "\e608" }
.icon-linkedin:before { content: "\e609" }
.icon-close:before { content: "\e60a" }
.icon-twitter:before { content: "\e60b" }
.SabonLTPro-Roman { font-family: 'tahomaregular'; font-weight: normal; font-style: normal }
.AzoSans-Medium { font-family: 'tahomaregular'; font-weight: normal; font-style: normal }
.AzoSans-Regular { font-family: 'tahomaregular'; font-weight: normal; font-style: normal }
h1,
h2,
h3,
h4 { font-family: 'tahomaregular'; font-weight: normal; font-style: normal; color: #222; text-align: center }
h1 { font-size: 2.625em }
h1.large { font-size: 4.5em }
h2 { font-size: 2.25em }
h2.large { font-size: 2.625em; margin-bottom: 0.5em }
h3 { font-size: 1.3em; }
h4 { font-size: 1.5em }
h5 { font-size: 1.25em; color: #808080; text-transform: uppercase; letter-spacing: 0.05em }
h6 { font-size: 0.875em; color: #010066; letter-spacing: 0.05em; text-transform: uppercase; font-family: 'tahomaregular'; }
h3+h6 { margin-top: -1em }
span.time { display: block; font-size: 0.875em; color: #ccc }
a:link,
a:visited,
a:active { color: #010066; text-decoration: underline; -webkit-transition: color 0.3s ease-in; transition: color 0.3s ease-in }
a.btn { display: inline-block; border: solid 2px #010066; padding: 1em 1.5em; font-size: 0.8em; color: #010066; text-decoration: none; text-transform: uppercase; letter-spacing: 0.05em; margin-top: 1.5em; text-align: center; -webkit-transition: background color 0.3s ease-in; transition: background color 0.3s ease-in; font-family: 'tahomaregular'; }
a.btn:hover { background: #010066; color: #FFF }
a.btn.secondary { font-size: 0.75em; border: solid 1px rgba(31,61,149,0.4) }
a.btn.secondary:hover { border: solid 1px #010066 }
p.subhead { color: rgba(255,255,255,0.6); font-size: 1.125em }
p.lead { font-size: 1.125em; color: #222 }
.highlight-list { margin-bottom: 0; display: block; font-size: 1.5em; color: #010066; text-align: center }
.highlight-list p { margin-bottom: 0 }
blockquote { font-size: 1.6em; color: #010066; text-align: center; border-left: none; font-family: 'tahomaregular'; margin: 50px 0; padding: 0 10% }
blockquote::before { content: ""; display: block; position: relative; margin: 0 auto; width: 100px; height: 4px; background: #010066; margin-bottom: 0.5em }
blockquote cite { display: block; color: #808080; font-size: 0.6em; margin-top: 1em; font-style: normal; font-family: 'tahomaregular'; }
blockquote.secondary { font-size: 1.5em; text-align: left; padding: 0; margin: 30px 0 0 0 }
blockquote.secondary::before { display: none }
.select-style { border: 1px solid #FFF; width: 300px; margin: 0 auto; overflow: hidden; background: url("../../../img/Front/arrow-down.png") no-repeat 95% 50% }
.select-style option,
.select-style option:active,
.select-style option:focus { background: #fff; color: #000 }
@media only screen and (max-width: 737px) {
.select-style { width: 100% }
}
.select-style select { padding: 15px 0 0 15px; width: 130%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none }
.select-style select:focus { outline: none }
.center { text-align: center }
.top20 { margin-top: 20px !important }
.top40 { margin-top: 40px !important }
.top60 { margin-top: 60px !important }
.fadein,
.fadeinfast { opacity: 1 }
.display .fadein { -webkit-animation: fadein 0.2s ease-in forwards; animation: fadein 0.2s ease-in forwards }
.display .fadeinfast { -webkit-animation: fadein 0.1s ease-in forwards; animation: fadein 0.1s ease-in forwards }
@keyframes fadein { 0% {
opacity:0
}
100% {
opacity:1
}
}
@-webkit-keyframes fadein { 0% {
opacity:0
}
100% {
opacity:1
}
}
.fadein.delay1 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s }
.fadein.delay2 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s }
.fadein.delay3 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s }
.fadein.delay4 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s }
.fadein.delay5 { -webkit-animation-delay: 1s; animation-delay: 1s }
.fadein.delay6 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s }
.fadein.delay7 { -webkit-animation-delay: 1.4s; animation-delay: 1.4s }
.fadein.delay8 { -webkit-animation-delay: 1.6s; animation-delay: 1.6s }
.fadein.delay9 { -webkit-animation-delay: 1.8s; animation-delay: 1.8s }
.fadein.delay10 { -webkit-animation-delay: 2s; animation-delay: 2s }
.fadeinfast.delay1 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s }
.fadeinfast.delay2 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s }
.fadeinfast.delay3 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s }
.fadeinfast.delay4 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s }
.fadeinfast.delay5 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s }
.fadeinfast.delay6 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s }
.fadeinfast.delay7 { -webkit-animation-delay: 0.7s; animation-delay: 0.7s }
.fadeinfast.delay8 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s }
.fadeinfast.delay9 { -webkit-animation-delay: 0.9s; animation-delay: 0.9s }
.fadeinfast.delay10 { -webkit-animation-delay: 1s; animation-delay: 1s }
nav.skip { position: absolute; z-index: 9999; width: 100%; top: 50%; height: 3em; -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transform: translate(0, -50%) }
nav.skip a.next,
nav.skip a.prev { position: absolute; width: 3em; height: 3em; line-height: 3em; overflow: hidden; padding: 0.5em; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; text-transform: uppercase; letter-spacing: 0.05em }
nav.skip a.next:hover,
nav.skip a.prev:hover { width: auto; background: #222 }
nav.skip a.next span,
nav.skip a.prev span { color: #FFF }
nav.skip [class^="icon-"],
nav.skip [class*=" icon-"] { display: block; font-size: 3em }
nav.skip span.next-name,
nav.skip span.prev-name { display: block; opacity: 0; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in }
nav.skip a.next:hover span.next-name,
nav.skip a.prev:hover span.prev-name { opacity: 1 }
nav.skip a.prev { left: 40px }
nav.skip a.prev [class^="icon-"],
nav.skip a.prev [class*=" icon-"] { float: left }
nav.skip a.prev:hover { padding-right: 1.5em }
nav.skip span.prev-name { float: right; margin-left: 1em }
nav.skip a.next { right: 40px }
nav.skip a.next [class^="icon-"],
nav.skip a.next [class*=" icon-"] { float: right }
nav.skip a.next:hover { padding-left: 1.5em }
nav.skip span.next-name { float: left; margin-right: 1em }
.left { text-align: left }
.twitter-feed { border: solid 3px #f1f2f5; padding: 30px; text-align: center }
.twitter-feed .icon-twitter { font-size: 1.5em; color: #010066 }
.twitter-feed h6 { color: #808080 }
.twitter-feed .tweet { border-top: solid 2px #f1f2f5; padding: 20px 0 }
.twitter-feed .tweet:first-child { border-top: none }
.twitter-feed .tweet a.author { display: block; font-family: 'tahomaregular'; color: #010066; text-decoration: none; margin-bottom: 5px }
.twitter-feed .tweet .time { margin-top: 10px }
.pages { float: none; width: 100% }
.pages nav.pagination { border-top: solid 3px #f1f2f5; padding-top: 30px }
.pages nav.pagination span.page { display: inline-block; font-family: 'tahomaregular'; margin: 0 8px; color: #010066; text-decoration: none }
.pages nav.pagination span.page.current { opacity: 0.3; cursor: pointer }
.pages nav.pagination a { text-decoration: none }
.pages nav.pagination a:hover { text-decoration: underline }
.pages nav.pagination .next,
.pages nav.pagination .last,
.pages nav.pagination .first,
.pages nav.pagination .prev { text-transform: uppercase; font-size: 0.875em }
.pages nav.pagination .prev+.page { margin-left: 30px }
.pages nav.pagination .prev+.page.gap { margin-left: 20px }
.pages nav.pagination .prev { margin-left: 10px }
.pages nav.pagination .next,
.pages nav.pagination .last { margin-left: 10px }
header.main { border-top: solid 5px #010066; text-align: center ; padding-top:20px;}
header.main nav.secondary { text-align: right; display: block }
@media only screen and (max-width: 960px) {
nav.secondary .container { width: 90% }
}
nav.secondary a { display: inline-block; text-decoration: none; color: #010066; }
nav.secondary a.contact { background: #010066; padding: 10px 30px; color: #FFF; margin-left: 10px }
nav.secondary.sticky { position: fixed; top: 0; right: 2%; z-index: 9997 }
nav.secondary.sticky a { display: none }
nav.secondary.sticky a.contact { display: block; width: 80px; height: 100%; text-align: center }
#logo { margin: 0 0 20px; }
.mobile-button,
.mobile-only { display: none }
@media only screen and (min-width: 761px) {
.primary-wrap { height: 72px }
.secondary-wrap { height: 45px }
}
nav.primary { border-top: solid 1px #808080; padding: 1.5625em 0; font-size: 1em }
nav.primary a { color: #808080; text-decoration: none; margin: 0 1em; background: none !important }
nav.primary a:hover { color: #010066 }
nav.primary .icon-fortune-icon { display: none; position: absolute; left: 2%; top: 0.3em; margin: 0; font-size: 3em }
nav.primary.sticky { position: fixed; z-index: 9996; width: 100%; background: rgba(255,255,255,0.95); border-bottom: solid 1px #ddd; border-top: 0; top: 0; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.05); opacity: 0; animation: fadestickynav 0.8s ease-in forwards; -webkit-animation: fadestickynav 0.8s ease-in forwards }
nav.primary.sticky .icon-fortune-icon { display: block }
@keyframes fadestickynav { from {
opacity:0
}
to { opacity: 1 }
}
@-webkit-keyframes fadestickynav { from {
opacity:0
}
to { opacity: 1 }
}
#banner { position: relative; padding: 50px 0; color: #FFF; text-align: center; background: #010066; margin-bottom:60px; }
body#page_home #banner { height: calc(100vh - 214px); position: relative; overflow: hidden; padding: 0 }
#banner.sticky { position: fixed; width: 100%; padding: 20px 0; z-index: 9999; top: 0 }
#banner.sticky h1 { display: none }
#banner .container { height: 100%; -webkit-animation: bannerfade 1s ease-in; animation: bannerfade 1s ease-in }
@keyframes bannerfade { from {
opacity:0
}
to { opacity: 1 }
}
@-webkit-keyframes bannerfade { from {
opacity:0
}
to { opacity: 1 }
}
#banner .container .row { position: relative }
body#page_home #banner .container .row { top: 50%; -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transform: translate(0, -50%) }
#banner h1 { color: #FFF; margin-bottom: 0.4em }
#banner .subhead { margin-bottom: 0 }
body#page_home #banner .subhead { margin-bottom: 2em }
body#page_home #banner video { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover }
body#page_home #banner .banner-content { position: absolute; width: 100%; height: 100%; z-index: 50 }
#banner a.more { display: inline-block; position: relative; text-transform: uppercase; color: #FFF; text-decoration: none; letter-spacing: 0.05em; height: 60px }
#banner a.more span { position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); display: block; font-size: 3em; margin-top: 0.5em; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in }
#banner a.more span:hover { margin-top: 0.7em }
#banner .banner-nav { position: absolute; width: 100%; top: 50%; height: 3em; -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transform: translate(0, -50%); display: none; }
#banner .banner-nav a.next,
#banner .banner-nav a.prev { position: absolute }
#banner .banner-nav a.next span,
#banner .banner-nav a.prev span { color: #FFF; font-size: 3em }
#banner .banner-nav a.next { right: 40px }
#banner .banner-nav a.prev { left: 40px }
main section { padding:60px 0 60px 0 }
main section.CmsEditor { padding:0px 0 60px 0 }
main section img { width: 100%; height: auto }
#page_home #banner span.bannerhead1,
#page_home #banner span.bannerhead2 { display: block }
#page_home #banner span.bannerhead1,
#page_home #banner span.bannerhead2,
#page_home #banner a.more { opacity: 0; -webkit-animation: bannerfade 1s ease-in forwards; animation: bannerfade 1s ease-in forwards }
#page_home #banner span.bannerhead2 { -webkit-animation-delay: 1.5s; animation-delay: 1.5s }
#page_home #banner p { font-size: 1.2em; color: #fff; color: rgba(255,255,255,0.7) }
#page_home #banner a.more { -webkit-animation-delay: 2.5s; animation-delay: 2.5s }
@keyframes bannerfade { 0% {
opacity:0
}
100% {
opacity:1
}
}
@-webkit-keyframes bannerfade { 0% {
opacity:0
}
100% {
opacity:1
}
}
.blue-section { text-align: center; background: #010066; text-align: center; color: rgba(255,255,255,0.6) }
.grey-section { background: #f1f2f5 }
.process h2 { text-align: left; color: #010066 }
.process h2::before { content: ""; display: block; margin-bottom: 0.4em; width: 60px; height: 4px; background: #010066 }
.process .row .columns:nth-child(2) { padding-top: 2.25em }
.fade { opacity: 1; -webkit-transition: opacity 0.5s ease-in; transition: opacity 0.5s ease-in }
.fade.display { opacity: 1 }
.fortune-difference { overflow: hidden }
.fortune-difference .feature p { padding: 0 20px }
.fortune-difference .feature { position: relative; opacity: 1 }
.fortune-difference.animate .feature { opacity: 1 }
.fortune-difference.animate .feature { -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out }
.fortune-difference.animate .feature:nth-child(2) { -webkit-transition: opacity 0.5s ease-in-out 0.2s; transition: opacity 0.5s ease-in-out 0.2s }
.fortune-difference.animate .feature:nth-child(3) { -webkit-transition: opacity 0.5s ease-in-out 0.4s; transition: opacity 0.5s ease-in-out 0.4s }
.fortune-difference .feature:nth-child(1):after,
.fortune-difference .feature:nth-child(2):after { position: absolute; right: -13%; top: 50%; font-size: 4em; font-weight: lighter; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; color: #ccc }
.fortune-difference .feature:nth-child(1):after { content: "+" }
.fortune-difference .feature:nth-child(2):after { content: "=" }
.invert a.btn { color: #FFF; border-color: #FFF }
.invert a.btn:hover { background: #FFF; color: #010066 }
.invert a.btn.secondary { border: solid 1px rgba(255,255,255,0.4) }
.invert h1,
.invert h2,
.invert h3,
.invert h4,
.invert h5,
.invert h6 { color: #FFF }
.feature { text-align: center }
.feature [class^="icon-"],
.feature [class*=" icon-"] { font-size: 4em; color: #010066 }
.feature p { color: #808080; }
.intro { margin-bottom: 3em }
.expertise { /*background: url("vdivide-6e9d782ce5940071ecf5d736eb562764c7ce946b792c1584ba16745336ff97a5.png") no-repeat center center*/
}
#page_home div.expertise { margin-top: 40px }
.expertise a { font-size: 1.125em; display: block; margin-bottom: 1em; text-decoration: none }
.expertise a:hover { text-decoration: underline }
.expertise h5 { margin-bottom: 2em }
.link-block,
.link-block h3 { text-align: left }
.link-block a.btn { bottom: 0 }
@media only screen and (min-width: 668px) and (max-width: 1024px) and (orientation: landscape) {
.link-block a.btn { min-height: auto; }
}
.link-block .btn { width: 100%; box-sizing: border-box }
.link-block a { text-decoration: none }
.case-studies,
.our-people { background: #f1f2f5 }
.case-studies .row,
.our-people .row { margin-bottom: 40px }
a.case-study,
a.person,
.value { display: block; border: solid 5px #FFF; padding: 50px 30px; text-align: center; text-decoration: none; color: #808080; background-size: 70% auto; background-repeat: no-repeat; background-position: center center; outline: none }
@media only screen and (max-width: 1024px) {
a.case-study,
a.person,
.value { padding: 50px 10px }
}
a.case-study,
a.person,
.value { -webkit-transition: color 0.6s ease-in }
a.case-study,
a.person,
.value { -webkit-transition: background-color 0.3s ease-in, border-color 0.3s ease-in, background-size 0.4s ease-in }
a.case-study:hover,
a.person:hover,
.value:hover { background-color: #010066; /*background-image: url("logo-background.png");*/
background-size: 80% auto; border-color: #010066; color: rgba(255,255,255,0.5) }
a.case-study:hover h3,
a.person:hover h3,
.value:hover h3,
a.case-study:hover h6,
a.person:hover h6,
.value:hover h6 { color: #FFF }
a.person { height: 270px; overflow: hidden }
a.person img,
a.person h3,
a.person p { -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in }
a.person img { width: auto; height: auto; margin-bottom: 10px }
a.person:hover img { opacity: 0 }
a.person:hover h3 { margin-top: -170px }
a.person p { -webkit-transform: translate(0, 300%); -ms-transform: translate(0, 300%); transform: translate(0, 300%) }
a.person:hover p { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) }
@media only screen and (max-width: 737px) {
.person h3 { font-size: 1.5em }
}
@media only screen and (min-width: 737px) {
#people_show:after { content: ""; display: block; z-index: 100; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #112358; opacity: 0.9 }
#people_show .popup { position: static; height: 800px; padding: 0; max-width: 800px; overflow-y: auto; overflow-x: hidden }
#people_show .popup>div { box-sizing: border-box; z-index: 200; position: absolute; top: 200px; background: #FFF; width: auto; max-width: 800px; padding: 60px; margin: 0 auto; text-align: center }
}
.value { position: relative; overflow: hidden; padding: 0; min-height: 250px }
.value .value-wrapper { position: absolute; width: 90%; overflow: hidden; padding: 30px 5%; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in }
.value p { display: none; -webkit-transform: translate(0, 500%); -ms-transform: translate(0, 500%); transform: translate(0, 500%); -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in }
.value:hover p { display: block; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) }
.icon-close { cursor: pointer }
.popup { position: relative; background: #FFF; width: auto; max-width: 680px; padding: 60px; z-index: 2000; margin: 0 auto; text-align: center; -webkit-animation: popupfade 0.5s ease-in; animation: popupfade 0.5s ease-in }
@keyframes popupfade { 0% {
opacity:0
}
100% {
opacity:1
}
}
@-webkit-keyframes popupfade { 0% {
opacity:0
}
100% {
opacity:1
}
}
.popup header { text-align: center; margin-bottom: 40px }
.popup header .icon-close { position: absolute; font-size: 2em; top: 20px; right: 20px; color: #222; -webkit-transition: all 0.3s ease-in }
.popup header .icon-close:hover { color: #010066; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) }
.popup img { margin-bottom: 20px }
.popup footer { text-align: center; border-top: solid 1px #ddd; padding-top: 40px; margin-top: 60px; font-size: 1em }
.popup footer .icon-linkedin { font-family: 'tahomaregular'; position: relative; display: block; color: #010066; line-height: 2em; padding-left: 3em; text-decoration: none; text-transform: uppercase; letter-spacing: normal; word-spacing: normal }
.popup footer .icon-linkedin:before { font-family: 'icomoon' }
.popup footer .icon-linkedin:before { position: absolute; font-size: 2em; left: 0 }
.popup footer a { display: inline-block }
a.download-brochure { font-family: 'tahomaregular'; }
.mfp-wrap { z-index: 9999 }
.mfp-bg { background: #112358 !important; z-index: 9998 }
.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out }
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.9 }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0 }
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out }
#insights_index main h1,
#insights_index main h2,
#insights_index main h3,
#insights_index main h4 { text-align: left }
#insights_index article { margin-bottom: 60px }
#insights_index article h2 { color: #010066; margin-bottom: 5px }
#insights_index h2 a { text-decoration: none }
#insights_index h2 a:hover { text-decoration: underline }
#insights_index article h5 { font-size: 0.875em; margin-bottom: 15px }
#insights_index article p { margin-bottom: 10px }
#insights_show img.article-image { margin: 40px 0; width: 100%; height: auto }
footer.main { background-color: #010066; clear: both; }
footer.main section.contact { overflow: hidden; position: relative; height: 600px; padding: 100px 0; text-align: center }
@media only screen and (min-width: 668px) {
footer.main section.contact:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; z-index: 3; background-color: #010066; background-image: url("../../../img/Front/map.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 1.5s ease-in-out; transition: all 1.5s ease-in-out; -webkit-transition: all 1.5s ease-in-out; transition: all 1.5s ease-in-out; }
}
footer.main section.contact .contact-wrapper { position: relative; top: 50%; z-index: 10; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%) }
footer.main.animate section.contact:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
footer.main section.contact .container:first-child p { color: rgba(255,255,255,0.6); font-size: 1.125em }
footer.main section.contact .columns { opacity: 1 }
footer.main.animate section.contact .columns { opacity: 1 }
footer.main section.contact .columns:nth-child(1) { -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out }
footer.main section.contact .columns:nth-child(2) { -webkit-transition: opacity 0.5s ease-in-out 0.2s; transition: opacity 0.5s ease-in-out 0.2s }
footer.main section.contact .columns:nth-child(3) { -webkit-transition: opacity 0.5s ease-in-out 0.4s; transition: opacity 0.5s ease-in-out 0.4s; margin-left: 0; }
footer.main section.contact .columns:nth-child(4) { -webkit-transition: opacity 0.5s ease-in-out 0.6s; transition: opacity 0.5s ease-in-out 0.6s }
footer.main section.contact h5 { color: rgba(255,255,255,0.4) }
footer.main section.contact .contact-details { margin-bottom: 50px; margin-top: 70px; }
footer.main section.contact .contact-details a,
footer.main section.contact .contact-details p { color: #FFF; font-size: 1.125em; text-decoration: none; }
footer.main section.contact a.telephone { text-decoration: none }
footer.main section.contact .social a { display: inline-block; font-size: 1em; text-decoration: none; margin: 0 2px; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in }
footer.main section.contact .social a:hover { -webkit-transform: translate(0, -10%); -ms-transform: translate(0, -10%); transform: translate(0, -10%) }
footer.main section.terms { background: #222; padding: 40px 0; font-size: 0.875em; font-family: 'tahomaregular'; color: #808080; }
@media only screen and (min-width: 737px) {
footer.main section.terms .columns:nth-child(2) { text-align: right }
}
footer.main section.terms a { color: #808080; text-decoration: none; }
@media only screen and (max-width: 737px) {
footer.main section.terms a { margin-left: 0; margin-right: 20px }
}
footer.main section.terms a:hover { color: #FFF; text-decoration: underline; }
@media only screen and (max-width: 1024px) {
.popup { max-width: 500px }
nav.skip a.next { right: 10px }
nav.skip a.next:hover { background: none }
nav.skip a.next:hover span.next-name { display: none }
nav.skip a.prev { left: 10px }
nav.skip a.prev:hover { background: none }
nav.skip a.prev:hover span.prev-name { display: none }
.values .three.columns { width: 48% }
.values .three.columns:nth-child(3) { margin-left: 0 }
.values .three.columns:nth-child(1),
.values .three.columns:nth-child(2) { margin-bottom: 40px }
}
@media only screen and (max-width: 900px) {
.expertise { background: none; text-align: center; margin-top: 0 }
.expertise .columns,
.case-studies .columns,
.link-blocks .columns { width: 100%; float: none; margin-left: 0 !important }
.expertise .columns:first-child { margin-bottom: 60px }
.case-studies .columns:not(:last-child),
.our-people .columns:not(:last-child) { margin-bottom: 40px }
.link-blocks .columns:not(:last-child) { margin-bottom: 60px }
.link-blocks .columns a.btn { margin-top: 0 }
.link-blocks .link-block,
.link-blocks .link-block h3 { text-align: center }
.link-block.fadein.delay2.equal-height.three.columns h3 { font-size: 19px; }
a.person img { width: 80%; height: auto }
footer.main section.contact { height: auto }
footer.main section.contact .contact-wrapper { top: 0; -ms-transform: none; transform: none; -webkit-transform: none }
footer.main .three.columns { width: 48% }
footer.main .row .three.columns:nth-child(3) { margin-left: 0 }
}
@media only screen and (min-width: 668px) {
#page_home nav.primary a.home,
#page_what_we_do nav.primary a.what-we-do,
#page_who_we_are nav.primary a.who-we-are,
#page_our_values nav.primary a.who-we-are,
#people_index nav.primary a.who-we-are,
#page_our_approach nav.primary a.who-we-are,
#page_candidates nav.primary a.who-we-are,
#page_the_difference nav.primary a.who-we-are,
#categories_index nav.primary a.expertise,
#categories_show nav.primary a.expertise,
#case_studies_index nav.primary a.case-studies,
#case_studies_show nav.primary a.case-studies,
#page_enquiries nav.primary a.enquiries { color: #808080; border-bottom: solid 2px #010066; font-family: 'Tahoma'; padding-bottom: 7px; }
header.main .primary-wrap nav.primary .twelve.columns ul.mobimenu li a.active { 
	color: #808080; font-family: 'Tahoma'; padding-bottom: 7px; 

	   
        border-bottom: solid 2px #010066;

}
}
@media only screen and (max-width: 737px) {
header.main { border-top: none;  }
header.main .logo { padding-top: 20px }
header.main #logo { margin-top: 0 }
header.main nav.secondary { display: none }
#banner { background: #010066 }
body#page_home #banner { height: auto; padding: 50px 0 }
body#page_home #banner .container .row { top: 0; -ms-transform: none; transform: none; -webkit-transform: none }
body#page_home #banner .banner-content { position: relative }
body#page_home #banner video { display: none }
.fortune-difference .feature:after { display: none }
.popup { max-width: 400px }
}
@media only screen and (max-width: 737px) {
.mobile-only { display: block }
h1 { font-size: 1.8em }
h1.large { font-size: 3.2em }
h2 { font-size: 1.6em }
h2.large { font-size: 1.8em; margin-bottom: 0.5em }
h3 { font-size: 1.3em }
a.btn { font-size: 0.8em }
header.main .logo { position: relative; z-index: 99999; background: #FFF; width: 100% }
header.main nav.primary { -webkit-transform: translate(0, -200%); -ms-transform: translate(0, -200%); transform: translate(0, -200%); -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; background: #010066; padding: 0; position: absolute; width: 100%; height: calc(100% - 50px); top: 184px; z-index: 9998 }
header.main nav.primary.scroll { position: fixed; top: 50px }
body.mobile-nav nav.primary { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) }
body.mobile-nav header.main nav.primary { display: block }
header.main nav.primary .container { width: 100% }
header.main nav.primary a { display: block; color: #FFF; height: 55px; line-height: 55px; margin: 0; border-bottom: solid 1px rgba(255,255,255,0.1) }
header.main nav.primary a.active { padding-bottom: 0 }
header.main nav.primary a.icon-fortune-icon { display: none }
.mobile-button { font-family: 'tahomaregular'; position: relative; z-index: 9999; display: block; height: 50px; line-height: 50px; text-transform: uppercase; border-top: solid 1px #ddd; color: #010066; background: #FFF; text-align: center }
header.main .mobile-button.sticky { position: fixed; z-index: 9999; top: 0; width: 100%; border-bottom: solid 1px #ddd; box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.15) }
header.main .mobile-button.sticky+.primary-wrap nav.primary { -webkit-transition: none; transition: none }
.mobile-button .mobile-button-inner { position: relative; display: inline-block; padding-left: 45px }
.mobile-button .hamburger { position: absolute; cursor: pointer; left: 0; top: 15px; bottom: 0; height: 1.25em; width: 2em }
.hamburger .line { width: 2em; background: #010066; height: 0.25em; margin-bottom: 0.25em; -webkit-transition: 0.2s; transition: 0.2s; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity }
.mobile-button.active .hamburger .line { color: #fff; margin: 0 }
.mobile-button.active .hamburger .line:first-child { -webkit-transform: rotate(45deg) translateY(0.4em) translateX(0.4em); -ms-transform: rotate(45deg) translateY(0.4em) translateX(0.4em); transform: rotate(45deg) translateY(0.4em) translateX(0.4em); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center }
.mobile-button.active .hamburger .line:nth-child(2) { height: 0; opacity: 0; margin: 0 }
.mobile-button.active .hamburger .line:last-child { -webkit-transform: rotate(-45deg) translateY(0.2em) translateX(-0.2em); -ms-transform: rotate(-45deg) translateY(0.2em) translateX(-0.2em); transform: rotate(-45deg) translateY(0.2em) translateX(-0.2em); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; margin-bottom: 0 }
footer.main section.contact { height: auto; background-image: none }
footer.main section.contact .three.columns { width: 100%; margin-left: 0 }
footer.main section.contact .contact-details { margin-top: 0 }
.expertise { background: none; margin-top: 0; text-align: center }
.expertise .columns:first-child { margin-bottom: 40px }
#banner .banner-nav { display: none }
nav.skip { display: none }
a.person { height: 200px }
.values .three.columns { width: 100%; margin-left: 0; margin-bottom: 40px }
}
@media only screen and (max-width: 737px) {
a.person img { width: auto }
}
.claws ol { border: 2px solid #808080; list-style: none; margin: 0 auto; max-width: 365px; padding: 0 26px; position: relative; text-align: center }
.claws ol li { background-color: #fff; color: #010066; font-size: 1.125em; margin-bottom: 1em; padding: 0 40px; width: auto }
.claws ol li:first-child { margin-top: -2px; padding-top: 30px }
.claws ol li:last-child { margin-bottom: -2px; padding-bottom: 30px }
.claws ol:before,
.claws ol:after { /*background: url("claw-6c0fd59f9d75a1f736c7c009713ce7766c65c62290c93457511e29462854cf66.png") no-repeat center left;*/
content: ' '; height: 55px; margin-top: -23px; position: absolute; top: 50%; width: 28px; }
.claws ol:before { left: -15px }
.claws ol:after { right: -15px }
.exptnone .twelve { display: none; }
.insight .link-block p { height: 100px; overflow: hidden; margin-bottom: 0; }
.laetpart { float: left; width: 72%; }
.inputfome { float: left; width: 100%; margin: 0 0 15px 0; }
.inputfome label { float: left; width: 32%; line-height: 35px; text-align: left; }
.inputfome select,
.inputfome input { width: 82%; margin: 0 0 20px 0; }
.inputfome span { color: #F00; }
.cahkmain { float: right; width: 68%; margin-top: 20px; }
.chakbax { float: left; margin-left: 15px; line-height: 15px; }
.second > input { float: left; width: auto; }
.second { float: left; width: 100%; }
.inputfome textarea { height: 100px; width: 68%; }
.enqairefome { text-align: center; }
.enqairefome .btn { float: none; text-align: center; margin: 0; }
.right-part { float: right; width: 25%; }
.information { background: #010066; float: left; width: 100%; }
.information ul { margin: 0; padding: 0; }
.information li { list-style: none; margin: 0; }
.information li a { color: #ffffff; display: block; line-height: 30px; padding: 10px 20px; text-decoration: none; border-bottom: solid 1px; }
.resume .moreadd { float: right; width: 65%; }
.moreadd { float: left; width: 100%; }
.information .active { background: #5655c0; }
.information li a:hover { background: #5655c0; }
.enqairefome.resume label { width: 31%; }
.resume .inputfome textarea,
.resume .inputfome select,
.resume .inputfome input { width: 67%; }
.laetpart .claws { text-align: left; }
.laetpart h3 { text-align: left; }
.WSlink { margin-left: 0 !important; }
.socal-icon { float: right; }
.socal-icon a { border: solid 1px #010066; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 18px; color: #808080; display: inline-block; text-decoration: none; margin: 5px 0 0 3px; border-radius: 50%; }
.socal-icon a:hover { background: #010066; color: #fff; }
.added .icon-star-empty,
.added .icon-ok { border: 1px solid #010066; border-radius: 50%; display: inline-block; font-size: 30px !important; font-weight: normal; padding: 8px; }
.star h4 { margin-top: 8px; }
.overlay { background-color: #010066; height: 100%; left: 0; overflow-x: hidden; position: absolute; top: 0; transition: all 0.5s ease 0s; width: 100%; z-index: 9; opacity: 0.7; }
.contact-details .two.columns { margin: 0; width: 17%; }
.social .socal-icon { float: none; }
.social .socal-icon ul {list-style: none; padding: 0; display: flex; justify-content: center;}
.board { border-left: solid 2px #808080; padding-left: 129px; margin: 0; }
nav.primary .leftlogo { display: none; position: absolute; left: 2%;   margin: 0; font-size: 3em; width: 350px; }
nav.primary .leftlogo {
    top: 7px;
    padding-right: 50px;
}
nav.primary .leftlogo img { max-width: 100%;   }
.leftlogo { display: block; }
.leftlogo > img { width: 100%; }
nav.primary.sticky { position: fixed; z-index: 9996; width: 100%; background: rgba(255,255,255,0.95); border-bottom: solid 1px #ddd; border-top: 0; top: 0; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.05); opacity: 0; animation: fadestickynav 0.8s ease-in forwards; -webkit-animation: fadestickynav 0.8s ease-in forwards; }
nav.primary.sticky .leftlogo { display: block; }
.social .socal-icon a { border: 1px solid #ffffff; }
.social .socal-icon a:hover { border: 1px solid #010066; }
.insight h3 { font-size: 1.3em }
.insight .link-block p { height: 165px; margin-bottom: 0; overflow: hidden; }
.iosSlider .main_title > p { color: #fff; }
.contact-email-link:hover { color: #808080 !important; text-decoration: underline !important; }
.social.two.columns { margin: 0 30px; width: auto; }
.secondary h3 { font-size: 1.6em; margin: 30px 0 20px 0; padding: 0; text-align: left; color: #010066; }
.ckeditor h6 { font-size: 1.5em; margin: 30px 0 20px 0; line-height: 40px; padding: 0; text-align: center; color: #010066; }
.ckeditor h3 { font-size: 1.3em; color: #222; }
.ckeditor .link-block h3 { font-size: 1.3em; color: #222; }
.ckeditor .link-block a { color: #222; }
.ckeditor .link-block a:hover { color: #fff; }
.ckeditor h6::before { background: #010066 none repeat scroll 0 0; content: ""; display: block; height: 4px; margin: 0 auto 0.5em; position: relative; width: 100px; }
.ckeditor cite { color: #808080; display: block; font-size: 15px; font-style: normal; margin: 0 0 25px 0; font-weight: normal; text-align: center; }
.consumer-services li a { text-decoration: none }
.consumer-services li a:hover { color: #ddd; }
.enquiry-error select,
.enquiry-error input { margin: 0; width: 100%; color: #333; }
.enquiry-error { float: left; text-align: left; width: 68%; }
.select-style optgroup { background: #010066; }
.socal-icon > a i,
nav.secondary a i { font-size: 14px; line-height: 30px; }
.case-studies.related-casesBox .four.columns { margin-left: 0; margin-bottom: 20px; margin-right: 21px; width: 32.1%; }
.case-studies.related-casesBox .four.columns:nth-child(3n+0) { margin-right: 0; }
.case-studies.related-casesBox .four.columns h6 { height: 40px; overflow: hidden; margin-bottom: 8px; }
.case-studies.related-casesBox .four.columns h3 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.imageprtnr { display: block; float: right; border: #ddd solid 1px; padding: 0; margin: 0 0 10px 15px }

 @media screen and (max-width:1500px) and (min-width:1241px) {
nav.primary .leftlogo { width: 230px; }
.iosSlider .slider .item .caption { bottom: 0; margin: auto 0; top: 340px; height: 100%; width: 100%; transform: none; }
.iosSlider .item .caption .main_title { margin: 0 auto !important; width: 50%; }
}
@media screen and (max-width:1240px) and (min-width:1024px) {
nav.primary .leftlogo { width: 185px; }
.iosSlider .slider .item .caption { bottom: 0; margin: auto 0; top: 200px; height: 100%; width: 100%; transform: none; }
.iosSlider .item .caption .main_title { margin: 0 auto !important; width: 50%; }
.eight.columns.offset-by-two,
.cotentfull .six.columns.offset-by-three { margin: 0; width: 100%; }
.link-block a.btn { padding: 1em; }
.insight .link-block p { height: 200px; margin: 0; overflow: hidden; }
blockquote { padding: 0; }
.board { padding-left: 150px; width: 48% !important; }
.inputfome textarea,
.inputfome select,
.inputfome input { width: 80%; }
.second > input { width: 5%; }
.cahkmain { margin: 0; }
.inputfome label { width: 20%; }
.enqairefome.resume label { width: 37%; }
.resume .inputfome textarea,
.resume .inputfome select,
.resume .inputfome input { width: 63%; }
.claws ol li { padding-left: 0; padding-right: 0; }
.case-study.equal-height { height: 150px; overflow: hidden }
.social.two.columns { width: auto; margin-left: 0; margin-right: 10px; }
.case-studies.related-casesBox .four.columns { width: 31.5%; }
.case-studies.related-casesBox .four.columns a.case-study { height: 320px; }


.enqairefome .inputfome label {width:26%;}
.enqairefome .inputfome textarea { width:74%; } 
.enqairefome .inputfome .cahkmain {float:left; } 
.enqairefome .inputfome .cahkmain input {width:auto; }
.enqairefome .enquiry-error { width:72%; }
.enqairefome .inputfome select,.enqairefome .inputfome input { width:100%; }


}
 @media screen and (max-width:1023px) and (min-width:767px) {
nav.primary.sticky .leftlogo { display: none; }
header { height: auto; }
#page_home #logo { margin-bottom: 20px; }
.iosSlider .slider .item .caption { bottom: 0; margin: auto 0; top: 150px; height: 100%; width: 100%; transform: none; }
.iosSlider .item .caption .main_title { margin: 0 auto !important; width: 80%; }
main section { padding: 20px 0; }
.terms .row,
.contact-details .row,
.expertise.row,
.cotentfull .row { padding: 0; }
.eight.columns.offset-by-two,
.cotentfull .six.columns.offset-by-three { margin: 0; width: 100%; }
.expertise .four.columns { float: left; width: 50%; margin-left: 0; text-align: center; }
.board { padding-left: 120px }
footer.main section.contact .contact-details { margin-top: 0; }
footer.main section.contact { padding: 50px 0; }
.link-block.equal-height.three.columns { margin: 0 10px 20px 0; width: 47%; display: inline-block; height: auto !important; }
.insight .link-block p { height: 90px; overflow: hidden; }
blockquote { padding: 0; }
.insight .link-block h3,
.case-studies { text-align: center; }
a.case-study { margin-bottom: 0; height: 215px; overflow: hidden; }
.case-studies .four.columns { display: inline-block; vertical-align: top; width: 30%; margin-bottom: 15px; }
.six.columns.offset-by-three { width: 100%; margin: 0; }
.case-studies .row,
.our-people .row { margin-bottom: 0; }
.laetpart { width: 55%; }
.enqairefome.resume label,
.resume .inputfome textarea,
.resume .inputfome select,
.resume .inputfome input,
.resume .moreadd,
.moreadd,
.inputfome textarea,
.cahkmain,
.inputfome select,
.inputfome input,
.inputfome label { width: 100%; }
.second > input { width: 5%; margin-bottom: 5px; }
.second { margin-bottom: 10px; }
.right-part { width: 40%; float: right; }
.inputfome > input { margin-bottom: 5px; }
.claws ol li { padding-left: 0; padding-right: 0; }
.case-studies .columns:not(:last-child),
.our-people .columns:not(:last-child) { margin-bottom: 0; }
.expertise h5,
.expertise a { text-align: left; }
.contact-details .two.columns { width: 27%; }
.social .socal-icon { float: none; }
.social.two.columns { width: auto; margin-left: 0; }
.contact-details .four.columns { width: 46%; }
.expertise.row { margin: 0 auto; width: 87%; }
.board { padding-left: 85px; }
footer .social.two.columns { margin: 0 0 10px 0; }
footer .two.columns.footerBox { width: 46%; }
.insight .link-block p { height: auto; min-height: 100px; }
.link-blocks.insight .link-block a.btn { margin-top: 15px; }
.case-studies.related-casesBox .four.columns { margin: 0 10px 10px 0; width: 48%; }
.case-studies.related-casesBox .four.columns a.case-study { height: 250px; padding: 10px 10px; }
.case-studies.related-casesBox .four.columns:nth-child(3n) { margin-right: 10px; }

.enqairefome .inputfome .enquiry-error { width:100%; }
.labeldisplaynone { display:none; }
.enqairefome .inputfome .cahkmain {margin-top:0;}
.enqairefome .inputfome.chak {margin-bottom:0;}



}
 @media screen and (max-width:767px) and (min-width:738px) {
header.main nav.primary { top: 0!important; }
nav.primary a { margin: 0 12px; color: #808080 !important; }
}
@media screen and (max-width:766px) and (min-width:651px) {
header { height: auto; }
.leftlogo { display: none !important; }
.home { border-bottom: 1px solid rgba(255, 255, 255, 0.1)!important; color: #ffffff!important; }
.home:hover { color: #808080 !important; }
#page_home #logo { margin: 0; width: 100%; }
.terms .row,
.contact-details .row,
.expertise.row,
.cotentfull .row { padding: 0; }
.primary .row { margin: 0; padding: 0; }
header.main nav.primary a:hover { background: #100f96; color: #fff; }
#logo { width: 100%; margin: 0 0 20px 0; }
header.main nav.primary { top: auto; }
.iosSlider .slider .item .caption { bottom: 0; margin: auto 0; top: 80px; height: 100%; width: 100%; transform: none; }
.iosSlider .item .caption .main_title { margin: 0 auto !important; width: 80%; }
main section { padding: 20px 0; }
.intro { margin-bottom: 1em; padding: 0; }
.cotentfull .six.columns.offset-by-three { margin: 0; width: 100%; }
.fortune-difference .feature p { padding: 0; margin: 0; }
.added h4 { font-size: 20px; }
.terms .row,
.contact-details .row,
.expertise.row,
.cotentfull .row { padding: 0 15px; }
.six.columns.offset-by-three,
.eight.columns.offset-by-two { margin: 0; width: 100%; }
.board { padding-left: 100px; }
.expertise h5,
.expertise a { text-align: left; }
footer.main section.contact { padding: 50px 0; }
footer.main section.contact .three.columns { width: 46%; }
footer.main section.contact .contact-details { margin: 0px; }
footer.main section.terms a { margin: 0; float: right; }
.WSlink { float: left !important; }
.expertise .four.columns { display: inline-block; float: none; text-align: center; vertical-align: top; width: 45%; }
.link-block.equal-height.three.columns { margin: 0 0 10px 0; width: 49%; display: inline-block; }
blockquote { padding: 0; }
.case-studies { text-align: center; }
a.case-study { margin-bottom: 0; height: 195px; overflow: hidden; }
.case-studies .four.columns { display: inline-block; vertical-align: top; width: 32%; margin-bottom: 0; }
.laetpart { width: 55%; }
.enqairefome.resume label,
.resume .inputfome textarea,
.resume .inputfome select,
.resume .inputfome input,
.resume .moreadd,
.moreadd,
.inputfome textarea,
.cahkmain,
.inputfome select,
.inputfome input,
.inputfome label { width: 100%; }
.second > input { width: 5%; margin-bottom: 5px; }
.second,
.inputfome > input { margin-bottom: 5px; }
.right-part { width: 40%; float: right; }
.claws ol li { padding-left: 0; padding-right: 0; }
.btn.top60 { margin: 0; }
footer.main { margin: 15px 0 0 0; }
.case-studies .row,
.our-people .row { margin-bottom: 15px; }
.case-studies .columns:not(:last-child),
.our-people .columns:not(:last-child) { margin-bottom: 0; }
.contact-details .two.columns { width: 27%; }
.social .socal-icon { float: none; }
.contact-details .four.columns { width: 46%; }
.expertise.row { margin: 0 auto; width: 87%; }
.board { padding-left: 70px; }
footer .social.two.columns { margin: 0 0 10px 0; }
footer .two.columns.footerBox { width: 46%; }
.insight .link-block p { height: auto; }
.link-blocks.insight .link-block a.btn { margin-top: 15px; }
.case-studies.related-casesBox .four.columns { margin: 0 10px 10px 0; width: 47%; }
.case-studies.related-casesBox .four.columns a.case-study { height: 275px; padding: 10px 10px; }
.case-studies.related-casesBox .four.columns:nth-child(3n) { margin-right: 10px; }

.enqairefome .inputfome .enquiry-error { width:100%; }
.labeldisplaynone { display:none; }
.enqairefome .inputfome .cahkmain {margin-top:0;}
.enqairefome .inputfome.chak {margin-bottom:0;}
header.main { padding-top:0; }
}
 @media screen and (max-width:650px) and (min-width:490px) {
.iosSlider .slider .item .caption { top: 100px !important; }
.iosSlider .item .caption .main_title { width: 80%; margin: 0 auto!important; }
}
 @media screen and (max-width:650px) and (min-width:351px) {
header { height: auto; }
.leftlogo { display: none !important; }
#page_home #logo { margin: 0; width: 100%; }
header.main nav.primary a:hover { background: #100f96 !important; color: #fff; }
#logo { width: 100%; margin: 0 0 20px 0; }
.blue-section .row,
.terms .row,
.contact-details .row,
.expertise.row,
.cotentfull .row { padding: 0 15px; margin-bottom: 15px; }
header.main nav.primary { top: auto; }
.iosSlider .slider .item .caption { bottom: 0; margin: auto 0; top: 50px; height: 100%; width: 100%; transform: none; }
.added h4,
.main_title h1 { font-size: 20px; line-height: 25px; margin-bottom: 10px; }
.main_title > p { font-size: 13px; line-height: 16px; }
main section { padding: 20px 0; }
#page_home div.expertise { margin: 0; }
.intro { margin-bottom: 2em; padding: 0; }
.board { border: none; padding-left: 0; }
footer.main section.contact { padding: 50px 0; }
.expertise h5 { margin-bottom: 15px; }
.cotentfull .six.columns.offset-by-three { margin: 0; width: 100%; }
.fortune-difference .feature p { padding: 0; }
.cotentfull .added { float: none; margin: auto auto 15px auto; max-width: 250px; vertical-align: top; width: 100%; display: inline-block; }
.six.columns.offset-by-three,
.terms .six.columns { margin: 0; width: 100% }
.expertise a { font-size: 16px; }
.six.columns.offset-by-three,
.eight.columns.offset-by-two { margin: 0; width: 100%; }
.expertise .four.columns { width: 100%; max-width: 230px; display: inline-block; vertical-align: top; }
.link-blocks.fade.display.insight { text-align: center; }
.link-block.equal-height.three.columns { float: none; margin: auto auto 25px auto; width: 100%; max-width: 100%; display: inline-block; }
.insight .link-block p { height: 140px }
blockquote { padding: 0; }
.case-studies .columns:not(:last-child),
.our-people .columns:not(:last-child) { margin-bottom: 0; }
a.case-study,
.value { height: auto !important; margin-bottom: 10px; }
.case-studies .row,
.our-people .row { margin-bottom: 10px; }
.resume .inputfome textarea,
.resume .inputfome select,
.resume .inputfome input,
.resume .moreadd,
.enqairefome.resume label,
.moreadd,
.right-part,
.inputfome textarea,
.cahkmain,
.laetpart,
.inputfome select,
.inputfome input,
.inputfome label,
.second { width: 100%; float: left; margin: 0 0 5px 0 }
.right-part { margin: 20px 0 0; }
footer.main { margin: 15px 0 0 0; }
.second > input { width: 5%; }
.claws ol li { padding: 0; }
.resume .moreadd,
.moreadd { margin: 10px 0 0 0; }
.contact-details .two.columns { width: 50%; }
.contact-details { margin-bottom: 0 !important; }
.social.two.columns { margin-right: 0; margin-left: 0; width: auto; }
.contact-details .four.columns { width: 100%; }
.contact-details .two.columns { width: 100%; }
.social .socal-icon { margin-bottom: 20px; }
footer.main section.terms a { margin: 5px 0 0 0; display: block; }
footer.main section.terms { text-align: center; padding: 20px 0 0px 0; }
.link-blocks.insight .link-block a.btn { margin-top: 15px; }
.six.columns.Termsfooter br { display: none; }
.insight .link-block p { height: auto; }
.case-studies.related-casesBox .four.columns { width: 100%; }
.case-studies.related-casesBox .four.columns a.case-study { height: auto; padding: 10px 10px; }

.process.CaseStudies_detail .columns.six,.process.CaseStudies_detail .columns.six .claws {padding-top:0 !important;}
.enqairefome .inputfome {margin-bottom:0;}
.enqairefome .inputfome .enquiry-error { width:100%; }
.labeldisplaynone { display:none; }
.enqairefome .btn { margin-top:15px; }
.enqairefome .enquiry-error.moreadd{ text-align:center;}
header.main { padding-top:0; }

}
 @media screen and (max-width: 350px) {
nav.primary .leftlogo { display: none !important; }
#page_home #logo { margin: 0; width: 100%; }
#logo { width: 100%; margin: 0 0 20px 0; }
.blue-section .row,
.terms .row,
.contact-details .row,
.expertise.row,
.cotentfull .row {   margin-bottom: 15px; }
header.main nav.primary a:hover { background: #100f96 !important; color: #fff; }
.iosSlider .slider .item .caption { bottom: 0; margin: auto 0; top: 15px; height: 100%; width: 100%; transform: none; }
.main_title h1 { font-size: 20px; line-height: 25px; margin-bottom: 10px; }
.main_title > p { font-size: 13px; line-height: 16px; }
.iosSlider .item .caption .main_title { margin: 0 !important; }
header.main nav.primary { top: auto; }
.added { margin: 0 0 25px; }
.fortune-difference .feature p { padding: 0; margin-bottom: 0; }
.main section { padding: 20px 0; }
.four.columns.board { border: medium none; padding: 0; }
.expertise a { margin-bottom: 10px; }
footer.main section.terms a { margin: 5px 0 0 0; display: block; }
footer.main section.terms { text-align: center; padding: 20px 0 0px 0; }
#page_home div.expertise { margin-top: 0; }
footer.main section.contact { padding: 50px 0; }
.social.two.columns,
.case-studies .columns:not(:last-child),
.expertise h5 { margin-bottom: 15px; }
.six.columns.offset-by-three,
.eight.columns.offset-by-two { margin: 0; width: 100%; }
.insight .link-block p { height: auto; }
.link-blocks .columns:not(:last-child) { margin-bottom: 20px; }
blockquote { padding: 0; }
a.case-study,
.value { height: auto; }
.enqairefome.resume label,
.resume .inputfome textarea,
.resume .inputfome select,
.resume .inputfome input,
.resume .moreadd,
.moreadd,
.right-part,
.inputfome textarea,
.cahkmain,
.laetpart,
.inputfome select,
.inputfome input,
.inputfome label,
.second { width: 100%; float: left; margin: 0 0 5px 0 }
.resume .moreadd,
.moreadd { margin: 10px 0 0 0; }
.right-part { margin: 30px 0 0 0; }
footer.main { margin: 15px 0 0 0; }
.second > input { width: 5%; }
.case-studies .row,
.our-people .row,
.our-people .columns:not(:last-child) { margin-bottom: 0; }
.claws ol li { padding: 0; }
.contact-details .two.columns { width: 100%; margin-left: 0; margin-right: 0; }
.contact-details { margin-bottom: 0 !important; }
main section { padding: 30px 0 }
.cotentfull .Title_blueColor a.btn { margin-top: 0; }
.Learnmorebox { margin: -20px 0 0 0 !important; }
.six.columns.Termsfooter br { display: none; }
.link-blocks.insight .link-block a.btn { margin-top: 15px; }
.insight .link-block p { height: auto; }
.case-studies.related-casesBox .four.columns { width: 100%; }
.case-studies.related-casesBox .four.columns a.case-study { height: auto; padding: 10px 10px; }

.process.CaseStudies_detail .columns.six,.process.CaseStudies_detail .columns.six .claws {padding-top:0 !important;}

.enqairefome .inputfome {margin-bottom:0;}
.enqairefome .inputfome .enquiry-error { width:100%; }
.labeldisplaynone { display:none; }
.enqairefome .btn { margin-top:15px; }
.enqairefome .enquiry-error.moreadd{ text-align:center;}
header.main { padding-top:0; }

.imageprtnr { display:inline-block; float:none; }

}
.link-blocks.fade.display.insight h3 a:hover { color: #010066 }

main section .imageprtnr img { width: auto; margin: 3px 3px 0 3px }
.grey-section.fade.u-full-width h2 { color: #010066; font-size: 39px }
.Title_blueColor h2,
.Title_blueColor h4 { color: #010066; }
.Title_blueColor2 > p { color: #010066; }


.case-studies.related-casesBox .four.columns p.ServiceSummary {
    min-height: 200px;
}


main.ServiceDetail section { padding-top: 60px; }


.form-horizontal .form-group.Left label.col-sm-2 { width: 25%; }
.form-horizontal .form-group.Left .col-sm-10 { width: 73%; }

section.TheDifferenceDiv {
    margin: 50px 0 -60px 0;
}

section.process.CaseStudies_detail .columns.six .claws { padding-top:45px; }