/* --- Common styles --- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block
}
ol, ul {
list-style: none
}
#topsec-rhs ul li:nth-last-child(2) {
display: none;
}
#topsec-rhs ul li .telphdrop {
width: 200px;
font-size: 1em;
right: auto;
left: 0;
}
#topsec-rhs ul li .telphdrop a {
color: #CCC;
padding: 2px 0;
display: block;
line-height: 20px;
}
#topsec-rhs ul li span.telno {
padding: 5px 0;
display: inline-block;
border-bottom: none !important;
font-size: .9em;
background: 0 0;
}
#header-topsec ul a {
color: #444;
font-size: .9em;
line-height: 30px;
}
blockquote, q {
quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
body {
font: 400 14px/24px 'Poppins', sans-serif;
letter-spacing: .5px;
line-height: 20px;
color: #444;
}
.tc {
text-align: center;
}
.tl {
text-align: left;
}
.tr {
text-align: right;
}
.pr {
position: relative;
}
.pa {
position: absolute;
}
.pf {
position: fixed;
}
.fl {
float: left;
}
.fr {
float: right;
}
ul, ol {
list-style-type: none;
}
.dark {
background: #f4f4f4;
}
.dn {
display: none;
}
a {
color: #138cd6;
text-decoration: none;
outline: none;
border: none;
}
.show {
display: block !important;
}
.head-container, .container {
max-width: 1400px;
width: 100%;
margin: 0 auto;
transition: all 0.2s ease-in 0s;
}
.container {
max-width: 1200px;
}
.slider-container .container {
max-width: 1100px;
}
.pop-box {
width: 100%;
background: #000;
opacity: .5;
position: absolute;
z-index: 100;
top: 0;
display: none
}
#viewContainer, .pop-container {
max-width: 100%;
width: 720px;
padding: 20px;
border: 1px solid #000;
box-shadow: 0px 0px 4px 1px #3b3b3b;
background: #fff;
position: fixed;
height: 460px;
top: 120px;
overflow-x: hidden;
overflow-y: hidden;
left: 50%;
margin-left: -350px;
z-index: 99999999;
display: none
}
#close {
position: absolute;
top: 0;
right: 0;
background-color: rgba(250, 250, 250, 0.8);
cursor: pointer
}
#feedbackIframeContainer {
max-width: 100%;
width: 720px;
height: 460px;
overflow-x: hidden;
overflow-y: scroll
}
#feedbackContainer {
display: none;
position: fixed;
z-index: 9999999;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: #000;
background-color: rgba(0, 0, 0, .4);
box-shadow: 0 0 5px 8px #aaa
}
/* --- clearfix style --- */
.clearfix:after {
clear: both;
content: '.';
display: block;
visibility: hidden;
height: 0;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
* + html .clearfix {
display: inline-block;
}
/* --------------- Header top section SVG styles --------------- */
.str3 {
stroke: #5B5B5B;
stroke-width: 0.0999351
}
.str4 {
stroke: #433C45;
stroke-width: 0.249838
}
.str1 {
stroke: #5B5B5B;
stroke-width: 0.0999351;
stroke-dasharray: 0.499676 0.299805 0.099935 0.299805
}
.str0 {
stroke: #5B5B5B;
stroke-width: 0.19987;
stroke-dasharray: 0.199870 0.399740
}
.str2 {
stroke: #5B5B5B;
stroke-width: 0.19987;
stroke-dasharray: 0.199870 0.599611
}
.str5 {
stroke: #433C45;
stroke-width: 0.249838
}
.fil7 {
fill: none
}
.fil0 {
fill: none;
fill-rule: nonzero
}
.fil8 {
fill: #FCC651
}
.fil9 {
fill: #FEFEFE
}
.fil6 {
fill: #585559
}
.fil15 {
fill: #433C45;
fill-rule: nonzero
}
.fil5 {
fill: #7FCDE7;
fill-rule: nonzero
}
.fil10 {
fill: #CBE7FA;
fill-rule: nonzero
}
.fil4 {
fill: #E0DD08;
fill-rule: nonzero
}
.fil1 {
fill: #EA5A5C;
fill-rule: nonzero
}
.fil12 {
fill: #F09791;
fill-rule: nonzero
}
.fil2 {
fill: #FCC651;
fill-rule: nonzero
}
.fil11 {
fill: #FCD475;
fill-rule: nonzero
}
.fil3 {
fill: #FDE18D;
fill-rule: nonzero
}
.fil14 {
fill: #FEFEFE;
fill-rule: nonzero
}
.fil13 {
fill: #9D9E9E;
fill-rule: nonzero
}
.qJCWZgUi_0 {
stroke-dasharray: 35 37;
stroke-dashoffset: 36;
}
.animationstart .qJCWZgUi_0 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_1 {
stroke-dasharray: 4 6;
stroke-dashoffset: 5;
}
.animationstart .qJCWZgUi_1 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_2 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_2 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_3 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_3 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_4 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_4 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_5 {
stroke-dasharray: 4 6;
stroke-dashoffset: 5;
}
.animationstart .qJCWZgUi_5 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_6 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_6 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_7 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_7 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_8 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_8 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_9 {
stroke-dasharray: 4 6;
stroke-dashoffset: 5;
}
.animationstart .qJCWZgUi_9 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_10 {
stroke-dasharray: 9 11;
stroke-dashoffset: 10;
}
.animationstart .qJCWZgUi_10 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_11 {
stroke-dasharray: 8 10;
stroke-dashoffset: 9;
}
.animationstart .qJCWZgUi_11 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_12 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_12 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_13 {
stroke-dasharray: 9 11;
stroke-dashoffset: 10;
}
.animationstart .qJCWZgUi_13 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_14 {
stroke-dasharray: 8 10;
stroke-dashoffset: 9;
}
.animationstart .qJCWZgUi_14 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_15 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_15 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_16 {
stroke-dasharray: 15 17;
stroke-dashoffset: 16;
}
.animationstart .qJCWZgUi_16 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_17 {
stroke-dasharray: 15 17;
stroke-dashoffset: 16;
}
.animationstart .qJCWZgUi_17 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_18 {
stroke-dasharray: 15 17;
stroke-dashoffset: 16;
}
.animationstart .qJCWZgUi_18 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_19 {
stroke-dasharray: 5 7;
stroke-dashoffset: 6;
}
.animationstart .qJCWZgUi_19 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_20 {
stroke-dasharray: 5 7;
stroke-dashoffset: 6;
}
.animationstart .qJCWZgUi_20 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_21 {
stroke-dasharray: 7 9;
stroke-dashoffset: 8;
}
.animationstart .qJCWZgUi_21 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_22 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_22 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_23 {
stroke-dasharray: 3 5;
stroke-dashoffset: 4;
}
.animationstart .qJCWZgUi_23 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_24 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_24 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_25 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_25 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_26 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_26 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_27 {
stroke-dasharray: 21 23;
stroke-dashoffset: 22;
}
.animationstart .qJCWZgUi_27 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_28 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_28 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_29 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_29 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_30 {
stroke-dasharray: 3 5;
stroke-dashoffset: 4;
}
.animationstart .qJCWZgUi_30 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_31 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_31 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_32 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_32 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_33 {
stroke-dasharray: 21 23;
stroke-dashoffset: 22;
}
.animationstart .qJCWZgUi_33 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_34 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_34 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_35 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_35 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_36 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_36 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_37 {
stroke-dasharray: 3 5;
stroke-dashoffset: 4;
}
.animationstart .qJCWZgUi_37 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_38 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_38 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_39 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_39 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_40 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_40 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_41 {
stroke-dasharray: 21 23;
stroke-dashoffset: 22;
}
.animationstart .qJCWZgUi_41 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_42 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_42 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_43 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_43 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_44 {
stroke-dasharray: 3 5;
stroke-dashoffset: 4;
}
.animationstart .qJCWZgUi_44 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_45 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_45 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_46 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_46 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_47 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_47 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_48 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_48 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_49 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_49 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_50 {
stroke-dasharray: 15 17;
stroke-dashoffset: 16;
}
.animationstart .qJCWZgUi_50 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_51 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_51 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_52 {
stroke-dasharray: 22 24;
stroke-dashoffset: 23;
}
.animationstart .qJCWZgUi_52 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_53 {
stroke-dasharray: 15 17;
stroke-dashoffset: 16;
}
.animationstart .qJCWZgUi_53 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_54 {
stroke-dasharray: 15 17;
stroke-dashoffset: 16;
}
.animationstart .qJCWZgUi_54 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_55 {
stroke-dasharray: 6 8;
stroke-dashoffset: 7;
}
.animationstart .qJCWZgUi_55 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_56 {
stroke-dasharray: 11 13;
stroke-dashoffset: 12;
}
.animationstart .qJCWZgUi_56 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_57 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_57 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_58 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_58 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_59 {
stroke-dasharray: 6 8;
stroke-dashoffset: 7;
}
.animationstart .qJCWZgUi_59 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_60 {
stroke-dasharray: 11 13;
stroke-dashoffset: 12;
}
.animationstart .qJCWZgUi_60 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_61 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_61 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_62 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_62 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_63 {
stroke-dasharray: 6 8;
stroke-dashoffset: 7;
}
.animationstart .qJCWZgUi_63 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_64 {
stroke-dasharray: 11 13;
stroke-dashoffset: 12;
}
.animationstart .qJCWZgUi_64 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_65 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_65 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_66 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_66 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_67 {
stroke-dasharray: 17 19;
stroke-dashoffset: 18;
}
.animationstart .qJCWZgUi_67 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_68 {
stroke-dasharray: 14 16;
stroke-dashoffset: 15;
}
.animationstart .qJCWZgUi_68 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_69 {
stroke-dasharray: 14 16;
stroke-dashoffset: 15;
}
.animationstart .qJCWZgUi_69 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_70 {
stroke-dasharray: 14 16;
stroke-dashoffset: 15;
}
.animationstart .qJCWZgUi_70 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_71 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_71 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_72 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_72 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_73 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_73 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_74 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_74 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_75 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_75 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_76 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_76 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_77 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_77 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_78 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_78 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_79 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_79 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_80 {
stroke-dasharray: 30 32;
stroke-dashoffset: 31;
}
.animationstart .qJCWZgUi_80 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_81 {
stroke-dasharray: 30 32;
stroke-dashoffset: 31;
}
.animationstart .qJCWZgUi_81 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_82 {
stroke-dasharray: 13 15;
stroke-dashoffset: 14;
}
.animationstart .qJCWZgUi_82 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_83 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_83 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_84 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_84 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_85 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_85 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_86 {
stroke-dasharray: 8 10;
stroke-dashoffset: 9;
}
.animationstart .qJCWZgUi_86 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_87 {
stroke-dasharray: 30 32;
stroke-dashoffset: 31;
}
.animationstart .qJCWZgUi_87 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_88 {
stroke-dasharray: 30 32;
stroke-dashoffset: 31;
}
.animationstart .qJCWZgUi_88 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_89 {
stroke-dasharray: 13 15;
stroke-dashoffset: 14;
}
.animationstart .qJCWZgUi_89 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_90 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_90 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_91 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_91 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_92 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_92 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_93 {
stroke-dasharray: 8 10;
stroke-dashoffset: 9;
}
.animationstart .qJCWZgUi_93 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_94 {
stroke-dasharray: 5 7;
stroke-dashoffset: 6;
}
.animationstart .qJCWZgUi_94 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_95 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_95 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_96 {
stroke-dasharray: 5 7;
stroke-dashoffset: 6;
}
.animationstart .qJCWZgUi_96 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_97 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_97 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_98 {
stroke-dasharray: 14 16;
stroke-dashoffset: 15;
}
.animationstart .qJCWZgUi_98 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_99 {
stroke-dasharray: 14 16;
stroke-dashoffset: 15;
}
.animationstart .qJCWZgUi_99 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_100 {
stroke-dasharray: 43 45;
stroke-dashoffset: 44;
}
.animationstart .qJCWZgUi_100 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_101 {
stroke-dasharray: 14 16;
stroke-dashoffset: 15;
}
.animationstart .qJCWZgUi_101 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_102 {
stroke-dasharray: 40 42;
stroke-dashoffset: 41;
}
.animationstart .qJCWZgUi_102 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_103 {
stroke-dasharray: 43 45;
stroke-dashoffset: 44;
}
.animationstart .qJCWZgUi_103 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_104 {
stroke-dasharray: 16 18;
stroke-dashoffset: 17;
}
.animationstart .qJCWZgUi_104 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_105 {
stroke-dasharray: 10 12;
stroke-dashoffset: 11;
}
.animationstart .qJCWZgUi_105 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_106 {
stroke-dasharray: 10 12;
stroke-dashoffset: 11;
}
.animationstart .qJCWZgUi_106 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_107 {
stroke-dasharray: 3 5;
stroke-dashoffset: 4;
}
.animationstart .qJCWZgUi_107 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_108 {
stroke-dasharray: 3 5;
stroke-dashoffset: 4;
}
.animationstart .qJCWZgUi_108 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_109 {
stroke-dasharray: 3 5;
stroke-dashoffset: 4;
}
.animationstart .qJCWZgUi_109 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_110 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_110 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_111 {
stroke-dasharray: 39 41;
stroke-dashoffset: 40;
}
.animationstart .qJCWZgUi_111 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_112 {
stroke-dasharray: 37 39;
stroke-dashoffset: 38;
}
.animationstart .qJCWZgUi_112 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_113 {
stroke-dasharray: 7 9;
stroke-dashoffset: 8;
}
.animationstart .qJCWZgUi_113 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_114 {
stroke-dasharray: 39 41;
stroke-dashoffset: 40;
}
.animationstart .qJCWZgUi_114 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_115 {
stroke-dasharray: 46 48;
stroke-dashoffset: 47;
}
.animationstart .qJCWZgUi_115 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_116 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_116 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_117 {
stroke-dasharray: 3 5;
stroke-dashoffset: 4;
}
.animationstart .qJCWZgUi_117 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_118 {
stroke-dasharray: 3 5;
stroke-dashoffset: 4;
}
.animationstart .qJCWZgUi_118 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_119 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_119 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_120 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_120 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_121 {
stroke-dasharray: 3 5;
stroke-dashoffset: 4;
}
.animationstart .qJCWZgUi_121 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_122 {
stroke-dasharray: 5 7;
stroke-dashoffset: 6;
}
.animationstart .qJCWZgUi_122 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_123 {
stroke-dasharray: 5 7;
stroke-dashoffset: 6;
}
.animationstart .qJCWZgUi_123 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_124 {
stroke-dasharray: 3 5;
stroke-dashoffset: 4;
}
.animationstart .qJCWZgUi_124 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_125 {
stroke-dasharray: 3 5;
stroke-dashoffset: 4;
}
.animationstart .qJCWZgUi_125 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_126 {
stroke-dasharray: 5 7;
stroke-dashoffset: 6;
}
.animationstart .qJCWZgUi_126 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_127 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_127 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_128 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_128 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_129 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_129 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_130 {
stroke-dasharray: 20 22;
stroke-dashoffset: 21;
}
.animationstart .qJCWZgUi_130 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_131 {
stroke-dasharray: 13 15;
stroke-dashoffset: 14;
}
.animationstart .qJCWZgUi_131 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_132 {
stroke-dasharray: 8 10;
stroke-dashoffset: 9;
}
.animationstart .qJCWZgUi_132 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_133 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_133 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_134 {
stroke-dasharray: 13 15;
stroke-dashoffset: 14;
}
.animationstart .qJCWZgUi_134 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_135 {
stroke-dasharray: 34 36;
stroke-dashoffset: 35;
}
.animationstart .qJCWZgUi_135 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_136 {
stroke-dasharray: 32 34;
stroke-dashoffset: 33;
}
.animationstart .qJCWZgUi_136 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_137 {
stroke-dasharray: 4 6;
stroke-dashoffset: 5;
}
.animationstart .qJCWZgUi_137 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_138 {
stroke-dasharray: 10 12;
stroke-dashoffset: 11;
}
.animationstart .qJCWZgUi_138 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_139 {
stroke-dasharray: 10 12;
stroke-dashoffset: 11;
}
.animationstart .qJCWZgUi_139 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_140 {
stroke-dasharray: 10 12;
stroke-dashoffset: 11;
}
.animationstart .qJCWZgUi_140 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_141 {
stroke-dasharray: 10 12;
stroke-dashoffset: 11;
}
.animationstart .qJCWZgUi_141 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_142 {
stroke-dasharray: 6 8;
stroke-dashoffset: 7;
}
.animationstart .qJCWZgUi_142 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_143 {
stroke-dasharray: 6 8;
stroke-dashoffset: 7;
}
.animationstart .qJCWZgUi_143 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_144 {
stroke-dasharray: 10 12;
stroke-dashoffset: 11;
}
.animationstart .qJCWZgUi_144 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_145 {
stroke-dasharray: 6 8;
stroke-dashoffset: 7;
}
.animationstart .qJCWZgUi_145 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_146 {
stroke-dasharray: 8 10;
stroke-dashoffset: 9;
}
.animationstart .qJCWZgUi_146 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_147 {
stroke-dasharray: 5 7;
stroke-dashoffset: 6;
}
.animationstart .qJCWZgUi_147 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_148 {
stroke-dasharray: 9 11;
stroke-dashoffset: 10;
}
.animationstart .qJCWZgUi_148 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_149 {
stroke-dasharray: 5 7;
stroke-dashoffset: 6;
}
.animationstart .qJCWZgUi_149 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_150 {
stroke-dasharray: 6 8;
stroke-dashoffset: 7;
}
.animationstart .qJCWZgUi_150 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_151 {
stroke-dasharray: 10 12;
stroke-dashoffset: 11;
}
.animationstart .qJCWZgUi_151 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_152 {
stroke-dasharray: 6 8;
stroke-dashoffset: 7;
}
.animationstart .qJCWZgUi_152 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_153 {
stroke-dasharray: 9 11;
stroke-dashoffset: 10;
}
.animationstart .qJCWZgUi_153 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_154 {
stroke-dasharray: 10 12;
stroke-dashoffset: 11;
}
.animationstart .qJCWZgUi_154 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_155 {
stroke-dasharray: 5 7;
stroke-dashoffset: 6;
}
.animationstart .qJCWZgUi_155 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_156 {
stroke-dasharray: 10 12;
stroke-dashoffset: 11;
}
.animationstart .qJCWZgUi_156 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_157 {
stroke-dasharray: 10 12;
stroke-dashoffset: 11;
}
.animationstart .qJCWZgUi_157 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_158 {
stroke-dasharray: 6 8;
stroke-dashoffset: 7;
}
.animationstart .qJCWZgUi_158 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_159 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_159 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_160 {
stroke-dasharray: 5 7;
stroke-dashoffset: 6;
}
.animationstart .qJCWZgUi_160 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_161 {
stroke-dasharray: 22 24;
stroke-dashoffset: 23;
}
.animationstart .qJCWZgUi_161 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_162 {
stroke-dasharray: 6 8;
stroke-dashoffset: 7;
}
.animationstart .qJCWZgUi_162 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_163 {
stroke-dasharray: 3 5;
stroke-dashoffset: 4;
}
.animationstart .qJCWZgUi_163 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_164 {
stroke-dasharray: 3 5;
stroke-dashoffset: 4;
}
.animationstart .qJCWZgUi_164 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_165 {
stroke-dasharray: 40 42;
stroke-dashoffset: 41;
}
.animationstart .qJCWZgUi_165 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_166 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_166 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_167 {
stroke-dasharray: 28 30;
stroke-dashoffset: 29;
}
.animationstart .qJCWZgUi_167 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_168 {
stroke-dasharray: 20 22;
stroke-dashoffset: 21;
}
.animationstart .qJCWZgUi_168 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_169 {
stroke-dasharray: 10 12;
stroke-dashoffset: 11;
}
.animationstart .qJCWZgUi_169 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_170 {
stroke-dasharray: 5 7;
stroke-dashoffset: 6;
}
.animationstart .qJCWZgUi_170 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_171 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_171 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_172 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_172 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_173 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_173 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_174 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_174 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_175 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_175 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_176 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_176 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_177 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_177 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_178 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_178 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_179 {
stroke-dasharray: 1 3;
stroke-dashoffset: 2;
}
.animationstart .qJCWZgUi_179 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_180 {
stroke-dasharray: 16 18;
stroke-dashoffset: 17;
}
.animationstart .qJCWZgUi_180 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_181 {
stroke-dasharray: 4 6;
stroke-dashoffset: 5;
}
.animationstart .qJCWZgUi_181 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_182 {
stroke-dasharray: 12 14;
stroke-dashoffset: 13;
}
.animationstart .qJCWZgUi_182 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_183 {
stroke-dasharray: 9 11;
stroke-dashoffset: 10;
}
.animationstart .qJCWZgUi_183 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_184 {
stroke-dasharray: 9 11;
stroke-dashoffset: 10;
}
.animationstart .qJCWZgUi_184 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_185 {
stroke-dasharray: 6 8;
stroke-dashoffset: 7;
}
.animationstart .qJCWZgUi_185 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_186 {
stroke-dasharray: 6 8;
stroke-dashoffset: 7;
}
.animationstart .qJCWZgUi_186 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_187 {
stroke-dasharray: 10 12;
stroke-dashoffset: 11;
}
.animationstart .qJCWZgUi_187 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_188 {
stroke-dasharray: 9 11;
stroke-dashoffset: 10;
}
.animationstart .qJCWZgUi_188 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_189 {
stroke-dasharray: 112 114;
stroke-dashoffset: 113;
}
.animationstart .qJCWZgUi_189 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_190 {
stroke-dasharray: 173 175;
stroke-dashoffset: 174;
}
.animationstart .qJCWZgUi_190 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_191 {
stroke-dasharray: 12 14;
stroke-dashoffset: 13;
}
.animationstart .qJCWZgUi_191 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_192 {
stroke-dasharray: 14 16;
stroke-dashoffset: 15;
}
.animationstart .qJCWZgUi_192 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_193 {
stroke-dasharray: 9 11;
stroke-dashoffset: 10;
}
.animationstart .qJCWZgUi_193 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_194 {
stroke-dasharray: 66 68;
stroke-dashoffset: 67;
}
.animationstart .qJCWZgUi_194 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_195 {
stroke-dasharray: 11 13;
stroke-dashoffset: 12;
}
.animationstart .qJCWZgUi_195 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_196 {
stroke-dasharray: 92 94;
stroke-dashoffset: 93;
}
.animationstart .qJCWZgUi_196 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_197 {
stroke-dasharray: 9 11;
stroke-dashoffset: 10;
}
.animationstart .qJCWZgUi_197 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_198 {
stroke-dasharray: 10 12;
stroke-dashoffset: 11;
}
.animationstart .qJCWZgUi_198 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_199 {
stroke-dasharray: 6 8;
stroke-dashoffset: 7;
}
.animationstart .qJCWZgUi_199 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_200 {
stroke-dasharray: 14 16;
stroke-dashoffset: 15;
}
.animationstart .qJCWZgUi_200 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_201 {
stroke-dasharray: 3 5;
stroke-dashoffset: 4;
}
.animationstart .qJCWZgUi_201 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_202 {
stroke-dasharray: 3 5;
stroke-dashoffset: 4;
}
.animationstart .qJCWZgUi_202 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_203 {
stroke-dasharray: 7 9;
stroke-dashoffset: 8;
}
.animationstart .qJCWZgUi_203 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_204 {
stroke-dasharray: 13 15;
stroke-dashoffset: 14;
}
.animationstart .qJCWZgUi_204 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_205 {
stroke-dasharray: 5 7;
stroke-dashoffset: 6;
}
.animationstart .qJCWZgUi_205 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_206 {
stroke-dasharray: 6 8;
stroke-dashoffset: 7;
}
.animationstart .qJCWZgUi_206 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_207 {
stroke-dasharray: 7 9;
stroke-dashoffset: 8;
}
.animationstart .qJCWZgUi_207 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_208 {
stroke-dasharray: 262 264;
stroke-dashoffset: 263;
}
.animationstart .qJCWZgUi_208 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_209 {
stroke-dasharray: 86 88;
stroke-dashoffset: 87;
}
.animationstart .qJCWZgUi_209 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_210 {
stroke-dasharray: 91 93;
stroke-dashoffset: 92;
}
.animationstart .qJCWZgUi_210 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_211 {
stroke-dasharray: 36 38;
stroke-dashoffset: 37;
}
.animationstart .qJCWZgUi_211 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_212 {
stroke-dasharray: 20 22;
stroke-dashoffset: 21;
}
.animationstart .qJCWZgUi_212 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_213 {
stroke-dasharray: 21 23;
stroke-dashoffset: 22;
}
.animationstart .qJCWZgUi_213 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_214 {
stroke-dasharray: 3 5;
stroke-dashoffset: 4;
}
.animationstart .qJCWZgUi_214 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_215 {
stroke-dasharray: 3 5;
stroke-dashoffset: 4;
}
.animationstart .qJCWZgUi_215 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_216 {
stroke-dasharray: 3 5;
stroke-dashoffset: 4;
}
.animationstart .qJCWZgUi_216 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_217 {
stroke-dasharray: 39 41;
stroke-dashoffset: 40;
}
.animationstart .qJCWZgUi_217 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_218 {
stroke-dasharray: 37 39;
stroke-dashoffset: 38;
}
.animationstart .qJCWZgUi_218 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_219 {
stroke-dasharray: 15 17;
stroke-dashoffset: 16;
}
.animationstart .qJCWZgUi_219 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_220 {
stroke-dasharray: 86 88;
stroke-dashoffset: 87;
}
.animationstart .qJCWZgUi_220 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_221 {
stroke-dasharray: 101 103;
stroke-dashoffset: 102;
}
.animationstart .qJCWZgUi_221 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_222 {
stroke-dasharray: 5 7;
stroke-dashoffset: 6;
}
.animationstart .qJCWZgUi_222 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_223 {
stroke-dasharray: 7 9;
stroke-dashoffset: 8;
}
.animationstart .qJCWZgUi_223 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_224 {
stroke-dasharray: 7 9;
stroke-dashoffset: 8;
}
.animationstart .qJCWZgUi_224 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_225 {
stroke-dasharray: 5 7;
stroke-dashoffset: 6;
}
.animationstart .qJCWZgUi_225 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_226 {
stroke-dasharray: 5 7;
stroke-dashoffset: 6;
}
.animationstart .qJCWZgUi_226 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_227 {
stroke-dasharray: 7 9;
stroke-dashoffset: 8;
}
.animationstart .qJCWZgUi_227 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_228 {
stroke-dasharray: 9 11;
stroke-dashoffset: 10;
}
.animationstart .qJCWZgUi_228 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_229 {
stroke-dasharray: 9 11;
stroke-dashoffset: 10;
}
.animationstart .qJCWZgUi_229 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_230 {
stroke-dasharray: 7 9;
stroke-dashoffset: 8;
}
.animationstart .qJCWZgUi_230 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_231 {
stroke-dasharray: 7 9;
stroke-dashoffset: 8;
}
.animationstart .qJCWZgUi_231 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_232 {
stroke-dasharray: 9 11;
stroke-dashoffset: 10;
}
.animationstart .qJCWZgUi_232 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_233 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_233 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_234 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_234 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_235 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_235 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_236 {
stroke-dasharray: 57 59;
stroke-dashoffset: 58;
}
.animationstart .qJCWZgUi_236 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_237 {
stroke-dasharray: 32 34;
stroke-dashoffset: 33;
}
.animationstart .qJCWZgUi_237 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_238 {
stroke-dasharray: 16 18;
stroke-dashoffset: 17;
}
.animationstart .qJCWZgUi_238 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_239 {
stroke-dasharray: 5 7;
stroke-dashoffset: 6;
}
.animationstart .qJCWZgUi_239 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_240 {
stroke-dasharray: 26 28;
stroke-dashoffset: 27;
}
.animationstart .qJCWZgUi_240 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_241 {
stroke-dasharray: 65 67;
stroke-dashoffset: 66;
}
.animationstart .qJCWZgUi_241 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_242 {
stroke-dasharray: 65 67;
stroke-dashoffset: 66;
}
.animationstart .qJCWZgUi_242 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_243 {
stroke-dasharray: 29 31;
stroke-dashoffset: 30;
}
.animationstart .qJCWZgUi_243 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_244 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_244 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_245 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_245 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_246 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_246 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_247 {
stroke-dasharray: 17 19;
stroke-dashoffset: 18;
}
.animationstart .qJCWZgUi_247 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_248 {
stroke-dasharray: 65 67;
stroke-dashoffset: 66;
}
.animationstart .qJCWZgUi_248 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_249 {
stroke-dasharray: 65 67;
stroke-dashoffset: 66;
}
.animationstart .qJCWZgUi_249 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_250 {
stroke-dasharray: 29 31;
stroke-dashoffset: 30;
}
.animationstart .qJCWZgUi_250 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_251 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_251 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_252 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_252 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_253 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_253 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_254 {
stroke-dasharray: 17 19;
stroke-dashoffset: 18;
}
.animationstart .qJCWZgUi_254 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_255 {
stroke-dasharray: 12 14;
stroke-dashoffset: 13;
}
.animationstart .qJCWZgUi_255 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_256 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_256 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_257 {
stroke-dasharray: 12 14;
stroke-dashoffset: 13;
}
.animationstart .qJCWZgUi_257 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_258 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_258 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_259 {
stroke-dasharray: 31 33;
stroke-dashoffset: 32;
}
.animationstart .qJCWZgUi_259 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_260 {
stroke-dasharray: 31 33;
stroke-dashoffset: 32;
}
.animationstart .qJCWZgUi_260 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_261 {
stroke-dasharray: 89 91;
stroke-dashoffset: 90;
}
.animationstart .qJCWZgUi_261 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_262 {
stroke-dasharray: 29 31;
stroke-dashoffset: 30;
}
.animationstart .qJCWZgUi_262 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_263 {
stroke-dasharray: 18 20;
stroke-dashoffset: 19;
}
.animationstart .qJCWZgUi_263 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_264 {
stroke-dasharray: 11 13;
stroke-dashoffset: 12;
}
.animationstart .qJCWZgUi_264 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_265 {
stroke-dasharray: 4 6;
stroke-dashoffset: 5;
}
.animationstart .qJCWZgUi_265 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_266 {
stroke-dasharray: 246 248;
stroke-dashoffset: 247;
}
.animationstart .qJCWZgUi_266 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_267 {
stroke-dasharray: 14 16;
stroke-dashoffset: 15;
}
.animationstart .qJCWZgUi_267 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_268 {
stroke-dasharray: 3 5;
stroke-dashoffset: 4;
}
.animationstart .qJCWZgUi_268 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_269 {
stroke-dasharray: 6 8;
stroke-dashoffset: 7;
}
.animationstart .qJCWZgUi_269 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_270 {
stroke-dasharray: 10 12;
stroke-dashoffset: 11;
}
.animationstart .qJCWZgUi_270 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_271 {
stroke-dasharray: 4 6;
stroke-dashoffset: 5;
}
.animationstart .qJCWZgUi_271 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_272 {
stroke-dasharray: 10 12;
stroke-dashoffset: 11;
}
.animationstart .qJCWZgUi_272 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_273 {
stroke-dasharray: 80 82;
stroke-dashoffset: 81;
}
.animationstart .qJCWZgUi_273 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_274 {
stroke-dasharray: 8 10;
stroke-dashoffset: 9;
}
.animationstart .qJCWZgUi_274 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_275 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_275 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_276 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_276 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_277 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_277 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_278 {
stroke-dasharray: 8 10;
stroke-dashoffset: 9;
}
.animationstart .qJCWZgUi_278 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_279 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_279 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_280 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_280 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_281 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_281 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_282 {
stroke-dasharray: 8 10;
stroke-dashoffset: 9;
}
.animationstart .qJCWZgUi_282 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_283 {
stroke-dasharray: 20 22;
stroke-dashoffset: 21;
}
.animationstart .qJCWZgUi_283 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_284 {
stroke-dasharray: 18 20;
stroke-dashoffset: 19;
}
.animationstart .qJCWZgUi_284 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_285 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_285 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_286 {
stroke-dasharray: 20 22;
stroke-dashoffset: 21;
}
.animationstart .qJCWZgUi_286 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_287 {
stroke-dasharray: 18 20;
stroke-dashoffset: 19;
}
.animationstart .qJCWZgUi_287 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_288 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_288 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_289 {
stroke-dasharray: 15 17;
stroke-dashoffset: 16;
}
.animationstart .qJCWZgUi_289 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_290 {
stroke-dasharray: 15 17;
stroke-dashoffset: 16;
}
.animationstart .qJCWZgUi_290 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_291 {
stroke-dasharray: 15 17;
stroke-dashoffset: 16;
}
.animationstart .qJCWZgUi_291 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_292 {
stroke-dasharray: 12 14;
stroke-dashoffset: 13;
}
.animationstart .qJCWZgUi_292 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_293 {
stroke-dasharray: 12 14;
stroke-dashoffset: 13;
}
.animationstart .qJCWZgUi_293 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_294 {
stroke-dasharray: 15 17;
stroke-dashoffset: 16;
}
.animationstart .qJCWZgUi_294 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_295 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_295 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_296 {
stroke-dasharray: 7 9;
stroke-dashoffset: 8;
}
.animationstart .qJCWZgUi_296 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_297 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_297 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_298 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_298 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_299 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_299 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_300 {
stroke-dasharray: 46 48;
stroke-dashoffset: 47;
}
.animationstart .qJCWZgUi_300 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_301 {
stroke-dasharray: 3 5;
stroke-dashoffset: 4;
}
.animationstart .qJCWZgUi_301 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_302 {
stroke-dasharray: 3 5;
stroke-dashoffset: 4;
}
.animationstart .qJCWZgUi_302 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_303 {
stroke-dasharray: 7 9;
stroke-dashoffset: 8;
}
.animationstart .qJCWZgUi_303 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_304 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_304 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_305 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_305 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_306 {
stroke-dasharray: 46 48;
stroke-dashoffset: 47;
}
.animationstart .qJCWZgUi_306 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_307 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_307 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_308 {
stroke-dasharray: 3 5;
stroke-dashoffset: 4;
}
.animationstart .qJCWZgUi_308 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_309 {
stroke-dasharray: 3 5;
stroke-dashoffset: 4;
}
.animationstart .qJCWZgUi_309 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_310 {
stroke-dasharray: 7 9;
stroke-dashoffset: 8;
}
.animationstart .qJCWZgUi_310 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_311 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_311 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_312 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_312 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_313 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_313 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_314 {
stroke-dasharray: 46 48;
stroke-dashoffset: 47;
}
.animationstart .qJCWZgUi_314 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_315 {
stroke-dasharray: 3 5;
stroke-dashoffset: 4;
}
.animationstart .qJCWZgUi_315 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_316 {
stroke-dasharray: 3 5;
stroke-dashoffset: 4;
}
.animationstart .qJCWZgUi_316 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_317 {
stroke-dasharray: 7 9;
stroke-dashoffset: 8;
}
.animationstart .qJCWZgUi_317 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_318 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_318 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_319 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_319 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_320 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_320 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_321 {
stroke-dasharray: 3 5;
stroke-dashoffset: 4;
}
.animationstart .qJCWZgUi_321 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_322 {
stroke-dasharray: 3 5;
stroke-dashoffset: 4;
}
.animationstart .qJCWZgUi_322 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_323 {
stroke-dasharray: 32 34;
stroke-dashoffset: 33;
}
.animationstart .qJCWZgUi_323 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_324 {
stroke-dasharray: 3 5;
stroke-dashoffset: 4;
}
.animationstart .qJCWZgUi_324 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_325 {
stroke-dasharray: 47 49;
stroke-dashoffset: 48;
}
.animationstart .qJCWZgUi_325 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_326 {
stroke-dasharray: 34 36;
stroke-dashoffset: 35;
}
.animationstart .qJCWZgUi_326 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_327 {
stroke-dasharray: 34 36;
stroke-dashoffset: 35;
}
.animationstart .qJCWZgUi_327 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_328 {
stroke-dasharray: 16 18;
stroke-dashoffset: 17;
}
.animationstart .qJCWZgUi_328 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_329 {
stroke-dasharray: 28 30;
stroke-dashoffset: 29;
}
.animationstart .qJCWZgUi_329 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_330 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_330 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_331 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_331 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_332 {
stroke-dasharray: 16 18;
stroke-dashoffset: 17;
}
.animationstart .qJCWZgUi_332 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_333 {
stroke-dasharray: 28 30;
stroke-dashoffset: 29;
}
.animationstart .qJCWZgUi_333 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_334 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_334 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_335 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_335 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_336 {
stroke-dasharray: 16 18;
stroke-dashoffset: 17;
}
.animationstart .qJCWZgUi_336 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_337 {
stroke-dasharray: 28 30;
stroke-dashoffset: 29;
}
.animationstart .qJCWZgUi_337 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_338 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_338 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_339 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_339 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_340 {
stroke-dasharray: 35 37;
stroke-dashoffset: 36;
}
.animationstart .qJCWZgUi_340 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_341 {
stroke-dasharray: 29 31;
stroke-dashoffset: 30;
}
.animationstart .qJCWZgUi_341 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_342 {
stroke-dasharray: 29 31;
stroke-dashoffset: 30;
}
.animationstart .qJCWZgUi_342 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_343 {
stroke-dasharray: 29 31;
stroke-dashoffset: 30;
}
.animationstart .qJCWZgUi_343 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_344 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_344 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_345 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_345 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_346 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_346 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_347 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_347 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_348 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_348 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_349 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_349 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_350 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_350 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_351 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_351 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_352 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_352 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_353 {
stroke-dasharray: 34 36;
stroke-dashoffset: 35;
}
.animationstart .qJCWZgUi_353 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_354 {
stroke-dasharray: 32 34;
stroke-dashoffset: 33;
}
.animationstart .qJCWZgUi_354 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_355 {
stroke-dasharray: 4 6;
stroke-dashoffset: 5;
}
.animationstart .qJCWZgUi_355 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_356 {
stroke-dasharray: 46 48;
stroke-dashoffset: 47;
}
.animationstart .qJCWZgUi_356 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_357 {
stroke-dasharray: 12 14;
stroke-dashoffset: 13;
}
.animationstart .qJCWZgUi_357 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_358 {
stroke-dasharray: 6 8;
stroke-dashoffset: 7;
}
.animationstart .qJCWZgUi_358 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_359 {
stroke-dasharray: 6 8;
stroke-dashoffset: 7;
}
.animationstart .qJCWZgUi_359 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_360 {
stroke-dasharray: 40 42;
stroke-dashoffset: 41;
}
.animationstart .qJCWZgUi_360 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_361 {
stroke-dasharray: 4 6;
stroke-dashoffset: 5;
}
.animationstart .qJCWZgUi_361 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_362 {
stroke-dasharray: 58 60;
stroke-dashoffset: 59;
}
.animationstart .qJCWZgUi_362 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_363 {
stroke-dasharray: 20 22;
stroke-dashoffset: 21;
}
.animationstart .qJCWZgUi_363 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_364 {
stroke-dasharray: 22 24;
stroke-dashoffset: 23;
}
.animationstart .qJCWZgUi_364 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_365 {
stroke-dasharray: 13 15;
stroke-dashoffset: 14;
}
.animationstart .qJCWZgUi_365 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_366 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_366 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_367 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_367 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_368 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_368 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_369 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_369 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_370 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_370 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_371 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_371 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_372 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_372 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_373 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_373 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_374 {
stroke-dasharray: 2 4;
stroke-dashoffset: 3;
}
.animationstart .qJCWZgUi_374 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_375 {
stroke-dasharray: 34 36;
stroke-dashoffset: 35;
}
.animationstart .qJCWZgUi_375 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_376 {
stroke-dasharray: 10 12;
stroke-dashoffset: 11;
}
.animationstart .qJCWZgUi_376 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
.qJCWZgUi_377 {
stroke-dasharray: 29 31;
stroke-dashoffset: 30;
}
.animationstart .qJCWZgUi_377 {
animation: qJCWZgUi_draw 2000ms linear 0ms forwards;
}
@keyframes qJCWZgUi_draw {
100% {
stroke-dashoffset: 0;
}
}
@keyframes qJCWZgUi_fade {
0% {
stroke-opacity: 1;
}
93.54838709677419% {
stroke-opacity: 1;
}
100% {
stroke-opacity: 0;
}
}
/* --------------- Header top section styles --------------- */
header {
height: auto;
}
#topsec-rhs ul {
border-bottom: 1px solid #DDD;
padding: 0 0 7px 0;
margin: 0;
}
#topsec-rhs ul li {
float: left;
padding: 10px 5px 0;
}
#topsec-rhs > ul > li:last-child {
padding-top: 5px;
}
li.nav-search.navdrop {
margin-top: 5px;
}
#topsec-rhs ul li span.user-thumb {
background: url(https://www.manageengine.com/images/me-sprite-new.png) no-repeat -240px -120px;
width: 16px;
height: 24px;
display: inline-block;
margin-top: 4px;
border-bottom: none !important;
}
nav ul.header-nav {
margin: 0;
}
nav ul.header-nav > li {
float: left;
padding: 0 20px 20px 20px;
margin: 20px 0 0 0;
font-size: 1.1em;
position: static;
}
nav ul.header-nav > li > span {
cursor: pointer;
}
nav > ul.header-nav > li:hover span {
border-bottom: 2px solid rgb(124, 187, 66);
}
nav ul.header-nav > li:first-child {
padding: 0 20px 20px 50px;
}
nav ul.header-nav > li:last-child {
padding: 0;
margin: 20px 0 0 0;
}
#header-mainsec nav ul li:last-child span {
border: none;
}
#header-topsec ul a {
color: #444;
font-size: .9em;
}
.icon-search {
background: url(https://www.manageengine.com/images/me-sprite-new.png) no-repeat -224px -120px;
height: 24px;
width: 16px;
position: relative;
margin-top: 5px;
display: block;
}
#header-mainsec .headerinner {
background: #FFF;
width: 100%;
top: 0;
position: relative;
z-index: 99999;
}
#header-mainsec .headerinner {
box-shadow: 0 2px 2px -1px #ccc;
}
#header-mainsec .headerinner.fixed {
position: fixed;
z-index: 99999;
top: 45px;
}
#header-mainsec {
top: 45px;
position: fixed;
width: 100%;
z-index: 99999;
}
.headerinner .prdLogo {
margin-top: 0;
}
.prdLogo img {
width: 250px;
height: 52px;
}
#commonHeader {
min-height: 102px;
}
/* --------------- Header inner menu styles --------------- */
.nav-list > div {
color: #fff;
position: absolute;
width: 100%;
z-index: 999999;
font-size: 14px;
height: 350px;
background: #f9f9f9;
border-bottom: 7px solid #1d2532;
padding: 0;
top: 57px;
left: 0;
opacity: 0;
visibility: hidden;
-moz-box-shadow: inset 0 0 2px #ccc;
-webkit-box-shadow: inset 0 0 2px #ccc;
box-shadow: inset 0 0 2px #ccc;
}
.nav-list > div.header-search {
top: 36px;
}
.nav-list > div.solutions {
height: 350px;
}
.nav-list > div.products {
height: 520px;
}
.nav-list > div.show {
opacity: 1;
visibility: visible;
}
.nav-list > div.header-search .head-container {
min-height: 50px;
max-width: 60%;
margin: 40px auto 0;
}
.nav-list > div div.menu-inner-left, .nav-list > div div.menu-inner-right, .nav-list > div div.solution-sec, .nav-list > div div.sol-listCol4, .nav-list > div.header-search .head-container, .nav-list > div.header-search .suggestion-sec, .nav-list > div .products-list {
opacity: 0;
visibility: hidden;
transition-property: all;
transition-duration: .3s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
margin-top: 3.5%;
}
.nav-list > div div.solution-sec, .nav-list > div div.sol-listCol4, .nav-list > div .products-list {
margin-top: .5%;
}
.nav-list > div.show div.menu-inner-left, .nav-list > div.show div.menu-inner-right {
opacity: 1;
visibility: visible;
padding: 0;
margin-top: 3%;
}
.nav-list > div.show div.solution-sec, .nav-list > div.show div.sol-listCol4, .nav-list > div.show .products-list {
opacity: 1;
visibility: visible;
margin-top: 0;
}
.nav-list > div.header-search.show .head-container, .nav-list > div.header-search.show .suggestion-sec {
opacity: 1;
visibility: visible;
margin-top: 40px;
}
/* --------------- Header product menu styles --------------- */
.products-list {
width: 100%;
position: absolute;
left: 0;
top: 80px;
}
.products-list > div {
background: #f9f9f9;
color: #fff;
padding: 30px 0;
top: 35px;
z-index: 999999;
font-size: 14px;
min-height: 300px;
width: 100%;
display: none;
}
.products-list > div.show {
display: block;
}
.nav-list .header-sol-listCol3 {
width: 30%;
height: 330px;
border-right: 1px solid #1d2532;
}
.nav-list .sol-listCol1 {
width: 65%;
margin: 2% 1%;
border-radius: 5px;
border: none;
text-align: left;
}
.nav-list .sol-listCol1 ul {
font-size: 14px;
/* display: inline-block;*/
vertical-align: top;
padding: 0;
margin: 0;
text-align: left;
height: 350px;
}
.nav-list .sol-listCol1 ul li {
border-top: none;
color: #1d1e1f;
float: left;
width: 48%;
height: 17%;
vertical-align: top;
padding: 0 0 0 10px;
}
.nav-list a {
font-weight: 300;
font-size: 1em;
color: #000;
}
div.nav-submenu ul li a {
color: #000;
}
.nav-list .sol-listCol1 ul li a {
display: inline-block;
margin: 15px 0 0 10px;
cursor: pointer;
}
.nav-list .solution-sec ul li a {
width: 80%;
}
.nav-list .products-list .sol-listCol1 ul li a {
display: inline-block;
margin: 0 45px;
}
.nav-list .sol-listCol1 ul li a span {
display: block;
font-size: .85em;
color: #34ad65;
}
.nav-list .products-list .activedirectory .sol-listCol1 ul li {
height: 24%;
}
.nav-list .products-list .sol-listCol1 ul li {
height: 26%;
width: 46%;
}
.nav-list .products-list .sol-listCol1 {
width: 69%;
}
.nav-list .products-list .sol-listCol1 ul li.mult-list a {
margin: 0 0 5px 45px;
display: inline-block;
}
.nav-list .products-list .sol-listCol1 ul li.mult-list > span {
margin: 0 0 0 45px;
font-size: .8em;
color: #34ad65;
display: inline-block;
}
.nav-list .products-list .sol-listCol1 ul li.mult-list > .sep {
margin: 0 0 0 10px;
color: #000;
}
.ad-prd-title {
color: #000;
text-align: left;
padding: 0 0 10px 38px;
font-size: 1.3em;
margin: 0 0 0 20px;
}
.nav-list #products-nav .activedirectory .sol-listCol1 ul li.office365, .nav-list #products-nav .network .sol-listCol1 ul li.server {
position: absolute;
bottom: 24%;
color: #000;
border-bottom: none;
margin: 0 0 0 45px;
width: 55%;
font-size: 1.3em;
height: 25px;
border-top: 1px solid #ddd;
padding-top: 10px;
}
.nav-list #products-nav .network .sol-listCol1 ul li.server {
bottom: 42%;
}
.nav-list .sol-listCol2, .nav-list .sol-listCol3, .nav-list .sol-listCol1 {
float: left;
padding: 0;
text-align: center;
margin: 0 auto;
color: #fff;
}
.nav-list .sol-listCol3 {
width: 30%;
height: 380px;
border-right: 1px solid #aaa;
}
.nav-list .sol-listCol3 .f1 {
font-size: 1.4em;
line-height: 1.8em;
color: #000;
font-weight: 400;
margin: 50px 0 10px 0;
}
.nav-list .sol-listCol3 .f2 {
font-size: 13px;
line-height: 22px;
margin: 10px 0 0;
color: #424f56;
font-family: 'Poppins', sans-serif;
min-height: 130px;
}
.nav-list .commonlinks a {
font-size: .9em;
text-decoration: underline;
}
.nav-list .commonlinks a:hover {
text-decoration: none;
}
.commonlinks {
color: #424f56;
}
.commonlinks .marketplace-list {
color: #424f56;
display: block;
font-size: .9em;
}
#products-nav {
background: #1d2532;
list-style-type: none;
display: flex;
width: 99.8%;
padding: 6px .2% 0;
margin: 0;
}
#products-nav li {
float: left;
padding: 0 10px;
text-align: center;
color: #fff;
flex-grow: 1;
height: 75px;
border-radius: 5px 5px 0 0;
margin: 0 3px;
position: static;
}
#products-nav > li:hover {
background: #2d3d57;
}
#products-nav > li.active {
background: #f9f9f9;
}
#products-nav > li h3 {
font-size: .8em;
margin: 0;
color: #fff;
font-weight: 300;
letter-spacing: 1px;
padding: 0;
line-height: 24px;
cursor: pointer;
}
#products-nav li.active h3, #products-nav li.active:hover h3 {
color: #000;
}
#products-nav li:hover h3 {
color: #fff;
}
#products-nav li p.sicon, .solutions ul li span.icon {
background: url(../images/solutions-strip-new.svg) no-repeat center 10px;
height: 30px;
width: 30px;
background-size: cover;
margin: 10px auto 3px auto;
cursor: pointer;
transition: all 0.5s ease;
-webkit-transform: all 0.5s ease;
-moz-transform: all 0.5s ease;
-o-transform: all 0.5s ease;
-ms-transform: all 0.5s ease;
}
.solutions ul li span.icon {
display: inline-block;
vertical-align: top;
}
#products-nav li .activedirectory p.sicon, .solutions ul li.activedirectory span.icon {
background-position: 0px 0px;
}
#products-nav li .analytics p.sicon, .solutions ul li.analytics span.icon {
background-position: 0px -43px;
}
#products-nav li .application p.sicon, .solutions ul li.application span.icon {
background-position: 0px -83px;
}
#products-nav li .ondemandcloud p.sicon, .solutions ul li.ondemandcloud span.icon {
background-position: 0px -120px;
}
#products-nav li .desktop p.sicon {
background-position: 0px -160px;
}
.solutions ul li.desktop span.icon {
background-position: 0px -186px;
}
#products-nav li .desktopmobile p.sicon {
background-position: 0px -190px;
width: 37px;
}
#products-nav li .helpdesk p.sicon, .solutions ul li.helpdesk span.icon {
background-position: 0px -270px;
}
#products-nav li .security p.sicon, .solutions ul li.security span.icon {
background-position: 0px -382px;
}
#products-nav li .network p.sicon, .solutions ul li.network span.icon {
background-position: 0px -304px;
}
#products-nav li .allproducts p.sicon {
background-position: 0px -467px;
}
.solutions ul li.msp span.icon {
background-position: 0px -425px;
}
.solutions ul li.server span.icon {
background-position: 0px -339px;
}
.solutions ul li.mobile span.icon {
background-position: 0px -228px;
}
#products-nav li .active h3 {
border-bottom: 6px solid #CA3A3C;
padding-bottom: 4px;
display: inline-block;
}
#products-nav ul li {
text-align: left;
}
#products-nav ul li a:hover {
text-decoration: underline;
}
/* --------------- solution dropdown styles --------------- */
.sol-listCol4 {
float: left;
width: 25%;
padding: 4% 0 0 80px;
text-align: left;
}
.sol-listCol4 h2 {
font-size: 1.6em;
line-height: 2em;
margin: 0;
color: #444;
font-weight: 400;
}
.sol-listCol4 h2 span {
font-weight: 500;
color: #34ad65;
font-size: 1.2em;
}
.sol-listCol4 p {
line-height: 2.5em;
color: #000;
}
.nav-list > div.solutions {
padding: 30px 0;
}
.solution-sec ul {
border-right: 1px solid #aaa;
}
.sol-sepration {
position: absolute;
border-left: 1px solid #aaa;
width: 1px;
height: 350px;
left: 48%;
top: 0;
}
.menu-inner-left {
width: 46%;
vertical-align: top;
display: inline-block;
text-align: center;
margin: 3% 0 0 0;
}
.menu-inner-right {
width: 53%;
display: inline-block;
vertical-align: top;
margin: 3% 0 0 0;
text-align: left;
}
.menu-inner-right ul {
width: 32%;
display: inline-block;
vertical-align: top;
float: none;
border: none;
margin: 0;
}
.menu-inner-right .col-35 {
width: 35%;
}
div.nav-submenu .menu-inner-right ul {
padding: 0;
}
.nav-list .menu-inner-right li {
padding: 0 0 10px 0;
}
.menu-inner-right .col-60 {
width: 60%;
}
.menu-inner-right .col-60 p {
font-size: 1.6em;
line-height: 2em;
margin: 0;
color: #444;
}
div.nav-submenu ul li span, #mobPanel #mobListCompany ul li span {
color: #34ad65;
font-size: 1.2em;
font-weight: 500;
}
#mobPanel {
top: 42px;
}
.suggestion-sec {
margin: 50px auto;
width: 60%;
color: #000;
}
.nav-list .suggestion-sec a {
line-height: 2em;
padding: 0 10px;
font-size: .9em;
}
.newsearchbox {
outline: none;
}
#cse-search-box .newsearchbox {
border: 1px solid #eee;
border-radius: 5px;
padding: 15px 0;
width: 100%;
text-indent: 20px;
font-size: 1.8em;
color: #444;
background: #fff;
}
#cse-search-box .newsearchbox:focus {
border: 1px solid #34ad65;
}
.followus {
margin: 10px 0 0;
}
.followus a {
text-decoration: none;
}
.nav-videos-preview span {
width: 100%;
height: 100%;
position: absolute;
opacity: .5;
left: 0;
}
.subHdrRhsDrop {
background: #1d2532;
border: none;
color: #fff;
position: absolute;
width: 250px;
padding: 5px 10px;
top: 35px;
right: 0;
z-index: 999999;
font-size: 12px;
display: none;
line-height: 22px;
}
#header-topsec ul .loginbox a {
color: #fff;
font-size: 1em;
}
#header-topsec {
background: #fff;
position: fixed;
z-index: 999999;
width: 100%;
}
/* --------------- Mobile style --------------- */
#MEmobPanel {
width: 100%;
max-width: 100%;
position: fixed;
z-index: 99999;
height: 100%;
top: 78px;
background: #fff;
display: none;
}
#MEmobPanel {
position: fixed;
}
#MEdropPanel {
overflow: scroll;
overflow-x: hidden;
}
#MEmobPanel ul li {
line-height: 24px;
border-bottom: 1px solid #c0c0c0;
}
#MEmobPanel a, #MEmobPanel span, #MEbackPanel {
color: #000;
display: inline-block;
padding: 10px;
cursor: pointer;
text-decoration: none;
}
#MEmobPanel #MEmobListPrd ul a span {
padding: 0;
display: none;
}
#MEmobPanel ul li ul, #MEmobPanel ul li.office365, #MEmobPanel ul li.server {
display: none;
}
#MEmobListPrd > ul > li:last-child {
display: none !important;
}
#MEmobListCom, #MEmobListCom span, #MEmobListSearch .suggestion-sec, #MEmobPanel .ad-prd-title {
display: none;
}
#MEmobListSearch form {
padding: 0 0 0 10px;
}
.MEmobListSearch {
background: #73c57d;
padding: 14px 0;
color: #fff;
border: none;
font-size: 14px;
width: 20%;
text-align: center;
float: right;
}
#MEmobPanel .social-inner-sec {
display: inline-block;
margin: 0 10px 10px;
padding: 0 10px;
}
#MEmobPanel .social-inner-sec a {
padding: 0;
}
#MEmobPanel #MEmobListCompany ul li span {
color: #34ad65;
font-size: 1.2em;
font-weight: 500;
}
#MEmobListPrd li {
margin: 0;
font-size: 1em;
}
.menuIcon {
cursor: pointer;
display: inline-block;
float: right;
margin-right: 20px;
}
.icon-s-menu {
background: url(.../images/me-sprite-new.png) no-repeat 0px -230px;
height: 25px;
width: 25px;
display: inline-block;
}
.menu2ResBlk {
display: none !important;
}
/* --------- header style end --------- */
/* --------- ME index page body style --------- */
h1, h2 {
font-size: 2.7em;
line-height: normal;
font-weight: 400;
padding: 20px 0;
margin: 0;
}
h3 {
font-size: 2em;
font-weight: 400;
line-height: 1em;
padding: 0 0 10px;
margin: 30px 0 20px;
}
h1, h2, h3, .foot-head {
font-weight: 500;
}
p {
margin: 15px 0;
}
section {
padding: 50px 0;
}
.main-sheet h1, h2.mainhead {
padding-bottom: 0;
text-align: center;
}
.main-sheet p, .mainhead + p {
font-size: 1em;
font-weight: 300;
text-align: center;
}
.prod-list {
padding: 60px 0 10px 0;
text-align: left;
font-size: .8em;
}
.prod-list > li {
margin: 0 0 60px 0;
width: 19%;
display: inline-block;
}
.prod-list > li > a {
color: #444;
display: inline-block;
font-size: 1.3em;
font-weight: 400;
}
.prod-list > li, .prod-list > li > a {
text-align: center;
}
.prod-list > li > a span {
padding: 20px 0;
display: block;
}
.prod-list li a {
transition: all .6s ease-in-out;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
-ms-transform: scale(.5);
/* IE 9 */
-webkit-transform: scale(.5);
/* Safari */
transform: scale(.5);
}
.prod-list li.animate a {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
-ms-transform: scale(1);
/* IE 9 */
-webkit-transform: scale(1);
/* Safari */
transform: scale(1);
}
.prod-list li .prod-icons {
position: relative;
top: 0px;
transition: all .3s ease-in-out;
background: url(../images/solutions-strip-new.svg) no-repeat 0 0;
background-size: cover;
margin: 0 auto;
text-indent: -999999em;
overlflow: hidden;
padding: 0;
display: inline-block;
height: 50px;
width: 50px;
}
.prod-list li:hover .prod-icons {
top: -5px;
}
.prod-list li .icon-unified {
background-position: 0 -70px;
}
.prod-list li .icon-application {
background-position: 0 -138px;
}
.prod-list li .icon-ondemand {
background-position: 0 -198px;
}
.prod-list li .icon-desktop {
background-position: 0 -310px;
}
.prod-list li .icon-help {
background-position: 0 -450px;
}
.prod-list li .icon-security {
background-position: 0 -637px;
}
.prod-list li .icon-mobile {
background-position: 0 -379px;
}
.prod-list li .icon-network {
background-position: 0 -510px;
}
.prod-list li .icon-server {
background-position: 0 -566px;
}
.customer-test-preview1 {
background-position: -7px -193px;
}
.customer-test-preview2 {
background-position: -189px -193px;
}
.customer-test-preview3 {
background-position: -371px -193px;
}
.customer-test-preview5 {
background-position: -7px -320px;
}
.testmonial-block img {
width: 100%;
}
.testv-img {
position: relative;
}
.testv-img p {
position: absolute;
bottom: 0;
padding: 10px;
color: #fff;
background: rgba(0, 0, 0, 0.6);
margin: 0;
}
/*.testv-block .testv-img{height: 370px; overflow: hidden;}*/
.revcolum > .cusQte {
width: 28%;
max-width: 30%;
}
.s11ban .sol-caption, .s3ban .sol-caption, .s7ban .sol-caption {
padding-left: 50%;
width: auto;
top: 30px;
}
.view-all-link a {
background: #333;
text-transform: uppercase;
margin-bottom: 40px;
}
.s11ban .sol-caption {
margin-top: 0px;
}
.view-all-link a:hover {
color: #fff;
}
.dark {
background: #f4f4f4;
}
.itsm-container {
max-width: 1200px;
letter-spacing: 1px;
}
h2.millions {
font-size: 2em;
line-height: 1.4em;
text-align: center;
}
h3.it-infrastructure {
font-size: 1.2em;
font-weight: 300;
text-align: center;
line-height: normal;
}
.cust-logo1 ul li {
float: none;
width: auto;
vertical-align: top;
display: inline-block;
padding: 0px 1% 0 1%;
text-align: center;
}
.cust-logo1 ul li span {
background: url(../images/clients.jpg) no-repeat left top;
display: inline-block;
text-indent: -9999em;
width: 100px;
height: 60px;
}
.cust-logo1 ul li span.cl-at {
background-position: 0 0;
}
.cust-logo1 ul li span.cl-bs {
background-position: -200px 0;
}
.cust-logo1 ul li span.cl-sy {
background-position: -300px 0;
}
.cust-logo1 ul li span.cl-ge {
background-position: -400px 0;
}
.cust-logo1 ul li span.cl-sg {
background-position: -500px 0;
}
.cust-logo1 ul li span.cl-er {
background-position: -600px 0;
}
.cust-logo1 ul li span.cl-lr {
background-position: -100px 0;
}
.cust-logo1 ul li span.cl-nc {
background-position: -700px 0;
}
.cust-logo {
border: none;
padding: 0 0 10px;
text-align: center;
}
.cust-logo a {
text-decoration: none;
}
.wvbox, .wvbox2 {
position: fixed;
display: none;
width: 100%;
height: 100%;
padding: 10px;
background: rgba(0, 0, 0, .8);
left: 0;
top: 0;
z-index: 9999;
}
.wvbox-inner {
width: 560px;
margin: 10% auto 0 auto;
position: relative;
background: #fff;
padding: 3px;
border: 1px solid #ccc;
}
.wvbox-close {
position: absolute;
right: -15px;
top: -15px;
width: 20px;
height: 20px;
padding: 5px;
background: #fff;
color: #000;
cursor: pointer;
border: 1px solid #333;
text-align: center;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
}
.more-stories {
border-top: 1px solid #aaa;
margin: 30px 0 0 0;
text-align: center;
}
.more-stories a {
text-align: center;
display: inline-block;
position: relative;
top: -18px;
padding: 5px;
background: #f4f4f4;
color: #138cd6;
margin: 0 6%;
}
.itsm-solutions ul li {
height: 310px;
width: 25%;
background: #fff;
color: #fff;
display: inline-block;
vertical-align: top;
margin: 7px 5px;
transition: all 0.3s ease-in-out;
overflow: hidden;
}
.itsm-solutions ul li.video {
width: 46%;
position: relative;
cursor: pointer;
}
.itsm-solutions ul li.video p {
background: rgba(21, 30, 31, 0.8);
position: absolute;
bottom: 0;
margin: 0;
width: 100%;
padding: 10px 0 0;
height: 50px;
font-weight: 300;
color: #fff;
line-height: .7em;
}
.itsm-solutions ul li.video p img {
padding: 0 0 0 20px;
position: absolute;
right: 20px;
}
.itsm-solutions ul li.video p span {
font-weight: 300;
line-height: 1.5em;
padding: 0 0 0 20px;
display: inline-block;
}
.itsm-solutions ul li.doc {
background: #fff;
text-align: center;
color: #333;
}
.itsm-solutions ul li.doc.dark {
background: #1d1e1f;
color: #fff;
}
.itsm-solutions ul li.video img.video-img {
width: 100%;
}
.itsm-solutions ul li.doc a {
padding: 10px;
display: block;
}
.itsm-solutions ul li a:hover {
text-decoration: none;
}
.itsm-solutions ul li.doc.dark a {
color: #fff;
}
.itsm-solutions ul li.doc img {
margin: 10px 0 0;
width: 160px;
}
.itsm-solutions ul li.doc p {
margin: 10px 0;
}
.itsm-solutions ul li.doc p span {
display: block;
}
.itsm-solutions ul li.doc p span.big {
font-size: 4em;
font-weight: 300;
line-height: 1em;
}
.top-links {
font-size: 14px;
}
#fixedbtn, .top-links {
position: fixed;
right: 0px;
top: initial;
bottom: 300px;
z-index: 4;
}
#fixedbtn .demo, .top-links .req-demo {
color: #fff !important;
background: #34ad65;
text-align: center;
display: block;
height: 40px;
font-weight: 500;
font-size: .65em;
line-height: normal;
vertical-align: middle;
border-radius: 0;
width: 55px;
padding: 10px 0 0;
text-transform: uppercase;
}
#fixedbtn .demo, .top-links .req-demo:hover {
cursor: pointer;
}
#fixedbtn .contact, .top-links .req-call {
background: #1d2532;
color: #fff !important;
text-align: center;
display: block;
height: 40px;
font-weight: 500;
font-size: .75em;
letter-spacing: -.1px;
line-height: normal;
vertical-align: middle;
border-radius: 0;
width: 55px;
padding: 10px 0 0;
text-transform: capitalize;
}
#fixedbtn .contact, .top-links .req-call:hover {
cursor: pointer;
}
#fixedbtn .contact:hover, .top-links .req-call:hover {
text-decoration: none;
}
.ad-prd-title {
color: #000;
text-align: left;
padding: 0 0 10px 38px;
font-size: 1.3em;
}
#backToTop {
position: fixed;
right: 20px;
bottom: 80px;
color: #000;
background: #1d2532 url(https://www.manageengine.com/images/up-arrow.png) no-repeat 16px 17px;
font-size: 12px;
display: none;
cursor: pointer;
transition: all 0.1s ease 0s;
width: 50px;
height: 50px;
border-radius: 50%;
text-indent: -1000px;
overflow: hidden;
padding: 0;
}
.top-creative img {
width: 100%;
}
.brand-header {
background: #f2f1f0 url(https://www.manageengine.com/images/home-banner.svg) no-repeat;
min-height: calc(100vh - 50vh);
text-align: center;
position: relative;
padding: 20px 0;
background-size: 100%;
background-position: center bottom;
}
.main-sheet p {
font-size: 1.3em;
line-height: 1.7em;
}
.brand-header h1 {
padding: 20px 0 0 0;
}
.brand-header p {
font-size: 1.2em;
margin: 0;
padding: 20px 0;
line-height: normal;
position: relative;
z-index: 2;
}
#product-list .svg-imgs {
position: relative;
top: 0px;
transition: all .3s ease-in-out;
margin: 0 auto;
text-indent: -999999em;
overflow: hidden;
padding: 0;
display: inline-block;
height: 50px;
width: 50px;
background: url(https://www.manageengine.com/images/me-icons.svg) no-repeat 0 0;
background-size: cover;
}
#product-list .svg-imgs.active {
background-position: 0 0;
}
#product-list .svg-imgs.helpdesk {
background-position: 0 -325px;
}
#product-list .svg-imgs.desktop {
background-position: 0 -260px;
}
#product-list .svg-imgs.mobile {
background-position: 0 -390px;
}
#product-list .svg-imgs.network {
background-position: 0 -445px;
}
#product-list .svg-imgs.server {
background-position: 0 -595px;
}
#product-list .svg-imgs.application {
background-position: 0 -130px;
}
#product-list .svg-imgs.analytics {
background-position: 0 -65px;
}
#product-list .svg-imgs.cloud {
background-position: 0 -195px;
}
#product-list .svg-imgs.it {
background-position: 0 -520px;
}
.explore-btn {
padding: 20px 0 0 0;
}
.explore-btn a, .allprod-btn a {
background: #181818;
color: #fff;
padding: 10px 20px;
font-size: 1.3em;
font-weight: 300;
display: inline-block;
cursor: pointer;
}
.explore-btn a {
background: #df565f;
color: #fff;
padding: 8px 20px;
font-size: 1.3em;
font-weight: 300;
display: inline-block;
cursor: pointer;
text-transform: uppercase;
}
.explore-btn a:hover {
text-decoration: none;
background-color: #24a151;
}
.allprod-btn a {
background: #df565f;
}
.allprod-btn a:hover {
text-decoration: none;
background-color: #24a151;
}
.brand-header svg {
width: 100%;
height: auto;
position: absolute;
bottom: 0;
left: 0;
}
.next, .prev {
display: none;
}
ul.pagination {
right: 70px;
bottom: auto;
top: 45%;
left: auto;
}
ul.pagination li {
display: block;
}
ul.pagination li span {
border-radius: 20px;
}
.view-all-link a {
text-transform: inherit;
}
.mainhead a {
color: #FFF;
}
ul.ft-list {
padding: 40px 0 20px 0;
}
ul.ft-list li {
float: left;
width: 23%;
padding: 10px 0;
margin-left: 2%;
text-align: center;
}
ul.ft-list li:first-child {
margin-left: 0;
}
.ft-list li a {
color: #FFF;
display: inline-block;
position: relative;
width: 80px;
padding-top: 100px;
background: url(../images/community-icon-sprite.svg) no-repeat 0 0;
background-size: cover;
}
.ft-container {
background: url(../images/homepage-comunity-bg.jpg) no-repeat left top;
background-size: cover;
color: #FFF;
text-align: center;
}
.ft-list li.ic-forums a {
background-position: 0 -100px;
}
.ft-list li.ic-blogs a {
background-position: 0 0;
}
.ft-list li.ic-marketplace a {
background-position: 0 -212px;
}
.ft-list li.ic-freetools a {
background-position: 0 -330px;
}
p.join-pitstop a {
color: #fff;
}
p.join-pitstop a span {
color: #138cd6;
}
p.join-pitstop a:hover span {
text-decoration: underline;
}
/**** Events and News sec style start ****/
.news-events {
vertical-align: top;
position: relative;
height: 310px;
background: #fff;
}
.events-left {
float: left;
width: 46%;
height: 310px;
background: #fff;
text-align: center;
}
.news-events img {
width: auto;
height: 100%;
}
.events-right {
float: left;
width: 47%;
height: 310px;
background: #fff;
text-align: center;
border-left: 1px solid #DDD;
}
.allprod-sec {
text-align: center;
padding-bottom: 40px;
}
.allprod-sec h4 {
font-size: 1.5em;
line-height: 1.2em;
margin: 20px 0;
padding: 20px 0;
}
.events-right h3 {
font-size: 1.2em;
margin-bottom: 0px;
}
.event-type {
color: #e66611;
font-size: 2em;
}
.event-type.southafrica {
color: #00774a;
}
.sem-list {
width: 45%;
display: inline-block;
}
.sem-menu {
background: #000;
color: #FFF;
font-size: 1.0em;
width: 10%;
float: right;
height: 100%;
vertical-align: middle;
position: absolute;
right: 0;
top: 0px;
z-index: 4;
}
.sem-menu li {
cursor: pointer;
background: #363535;
padding: 67px 0;
position: relative;
}
.sem-menu li.active {
background: #000;
}
.sem-menu li span.arrow {
display: none;
height: 0;
width: 0;
position: absolute;
left: -10px;
top: 60px;
}
.sem-menu li.active span.arrow {
display: block;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-right: 15px solid #000;
}
.event-sec h2.mainhead {
margin-bottom: 10px;
}
.sem-menu li span {
display: block;
height: 100%;
vertical-align: text-bottom;
text-align: center;
}
.news-events .events-sec {
width: 0;
background: #fff;
position: absolute;
transition: width 0.5s ease-in-out;
-webkit-transition: width 0.5s ease-in-out;
-moz-transition: width 0.5s ease-in-out;
-o-transition: width 0.5s ease-in-out;
right: 0;
height: 370px;
overflow: hidden;
}
.news-events .events-sec.tab-active {
width: 100%;
}
.news-link, .events-link {
position: absolute;
bottom: -20px;
width: 100%;
text-align: center;
left: 0;
padding: 30px 0 0 0;
height: 50px;
margin: 0;
background: #f4f4f4;
}
.events-link a {
opacity: 0;
visibility: hidden;
}
.events-sec.tab-active .events-link a {
opacity: 1;
visibility: visible;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition-delay: .5s;
-webkit-transition-delay: .5s;
/* Safari */
}
.event-sec {
padding: 20px 0 80px;
}
.newstab .cont1 {
font-size: 2.5em;
color: #d82e2e;
font-weight: 500;
margin: 10px 0;
line-height: normal;
}
.press-repeases {
padding: 8px 0 0 10px;
}
.newstab .inthenews .cont1 {
color: #34ad65;
}
.newstab .cont2 {
font-size: 1.2em;
line-height: normal;
width: 90%;
}
.newstab .cont4 a {
color: #1891d2;
}
.news-left, .news-right {
display: inline-block;
width: 30%;
vertical-align: middle;
}
.news-right {
width: 63%;
margin: 0 0 0 20px;
text-align: left;
}
.news-left img, .news-right img {
width: 170px;
height: 104px;
}
.inthenews .news-left img {
width: 120px;
height: 150px;
}
.events-sec h3 {
color: #558d27;
font-size: 1.5em;
line-height: 1em;
font-weight: 500;
padding: 20px 0 0;
letter-spacing: normal;
margin: 0;
}
.events-sec .news-left p {
margin: 0;
line-height: 1.5em;
}
.events-sec p.hotel-name {
font-size: 1.5em;
color: #999;
padding: 5px 0 0 0;
}
.events-sec p.country {
font-size: 2.3em;
color: #000;
font-weight: 500;
}
.events-sec p.date {
font-weight: 400;
font-size: 1.2em;
color: #558d27;
}
.event-creative .evt-rigister-btn span {
background: #d73131;
padding: 5px 10px;
color: #fff;
}
.event-creative {
width: 100%;
text-align: left;
}
.event-creative div.creative-img, .event-creative .evt-rigister-btn {
width: 70%;
display: inline-block;
vertical-align: bottom;
}
.event-creative .evt-rigister-btn {
width: 25%;
margin: 0 0 20px 0;
}
/* Share icons style */
.ssFB, .ssTW, .ssIN, .ssGP, .ssYT {
height: 30px;
width: 30px;
display: inline-block;
background: url(../images/me-sprite-new2.png) no-repeat 0 0;
}
.ssFB {
background-position: -10px -192px;
width: 15px;
}
.ssTW {
background-position: -30px -192px;
}
.ssIN {
background-position: -60px -192px;
}
.ssGP {
background-position: -90px -192px;
}
.ssYT {
background-position: -120px -191px;
}
/**** New logo animation style start ****/
.newlogopromo {
position: fixed;
width: 100%;
height: 100%;
background: #fff;
top: 0;
left: 0;
z-index: 9999999;
}
keyframes rotation {
from {
transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
}
to {
transform: rotate(359deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
}
}
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
}
}
@-moz-keyframes rotation {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(359deg);
}
}
@-o-keyframes rotation {
from {
-o-transform: rotate(0deg);
}
to {
-o-transform: rotate(359deg);
}
}
@-ms-keyframes rotation {
from {
-ms-transform: rotate(0deg);
}
to {
-ms-transform: rotate(359deg);
}
}
.logo-aimation {
width: 340px;
height: 100px;
position: fixed;
left: 45%;
top: 40%;
}
.old-logo, .new-logo {
position: absolute;
top: -43px;
right: -18px;
width: 120px;
height: 120px;
margin: 0px 0 0 0px;
transition: all .3S ease-in-out;
-webkit-transition: all .3S ease-in-out;
-moz-transition: all .3S ease-in-out;
}
.logo-cent {
right: 55%;
}
.new-logo, .vhide {
display: none;
}
.logo-anim {
-webkit-animation: spin .4s linear 2;
-moz-animation: spin .4s linear 2;
-0-animation: spin .4s linear 2;
animation: spin .4s linear 2;
display: block;
}
.logo-anim1 {
-webkit-animation: spin .4s linear 2;
-moz-animation: spin .4s linear 2;
-0-animation: spin .4s linear 2;
animation: spin .4s linear 2;
display: block;
}
.logo-text-old, .logo-text {
position: absolute;
top: 0;
left: 0;
width: 500px;
height: 120px;
margin: 0px 0 0 -200px;
transition: all .2S ease-in-out;
-webkit-transition: all .2S ease-in-out;
-moz-transition: all .2S ease-in-out;
}
.logo-text {
opacity: 0;
}
.logo-text.vshow {
opacity: 1;
}
@-moz-keyframes spin {
100% {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/**** Popup form and Preloader style ****/
.popup_contains {
width: 100%;
height: 100%;
position: fixed;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
z-index: 999999;
}
.req_form_popup {
z-index: -9;
opacity: 0;
}
.popup_contains.after_active {
z-index: 999999;
opacity: 1;
}
.popup_boxes {
width: 70%;
background: #fff none repeat scroll 0 0;
margin: 4% auto;
border: 10px solid rgba(11, 11, 11, 0.67);
border-radius: 5px;
position: relative;
overflow-y: scroll;
}
.popup_boxes div.popup_closeicon {
float: right;
padding: 10px 0 0 0;
border: 1px solid #34ad65;
border-radius: 30px;
font-size: 32px;
margin: 0;
width: 40px;
height: 30px;
top: 15px;
right: 20px;
position: relative;
background: #fff;
color: #34ad65;
text-align: center;
z-index: 99999;
position: absolute;
font-weight: 100;
cursor: pointer;
}
.popup_boxes div.popup_closeicon:hover {
cursor: pointer
}
.popup_boxes div.survey_popups {
text-align: center;
font-size: 3em;
margin: 0px 0;
position: relative
}
.my-iframe {
position: absolute;
top: -50px;
left: 0;
width: 100%;
height: 500px;
border: none
}
div.me_support_popups {
position: absolute;
top: -50px;
left: 0px;
width: 100%;
height: 480px;
border: none;
z-index: 999;
overflow-y: scroll;
}
.survey_popups h4.popup_form_heading {
font-size: 22px;
height: auto;
margin: 10px 0 0 15px;
line-height: 2em;
text-align: left;
}
.popupform_preloader {
width: 100%;
height: 500px;
position: absolute;
background: #fff;
z-index: 99999;
}
.popupform_preloader p {
text-align: center;
font-size: 16px;
color: #34ad65;
}
.page_preloader {
width: 100%;
height: auto;
display: block;
}
.popupform_preloader img, .page_preloader img, .preloader_images img {
width: 50px;
height: 50px;
margin: 15% auto 0% auto;
display: block;
-webkit-animation: rotation 1s infinite linear;
-moz-animation: rotation 1s infinite linear;
-o-animation: rotation 1s infinite linear;
-ms-transition: rotation 1s infinite linear;
animation: rotation 1s infinite linear;
}
.page_preloader p {
text-align: center;
font-size: 16px;
color: #34ad65;
}
#close {
height: 16px;
width: 16px;
display: inline-block;
line-height: 0;
font-size: inherit;
position: absolute;
right: 5px;
top: 5px;
background: url(../images/me-sprite-new.png) no-repeat -176px -120px;
cursor: pointer;
z-index: 9999
}
/**** footer new style start ****/
footer {
line-height: 1.8em;
}
.bg-d-grey {
background: #1d1e1f;
}
.footer, .footer a {
color: #bbb;
}
.footer a:hover {
text-decoration: underline;
}
.footer .col2, .footer .col1 {
border-right: 1px solid #666;
}
.footer .foot-head, .menl, .division {
color: #fff;
}
.foot-sec > ul:first-child {
padding-left: 0;
}
.foot-copy a {
color: #898c90;
}
h3.ss-head {
font-size: 0.8em;
}
.foot-copy {
font-size: 1em;
text-align: center;
color: #898c90;
}
#subscribe {
font-size: 12px;
text-transform: uppercase;
background: #34ad65;
}
.foot-copy {
padding: 10px 0;
background: #fff;
}
.footer .foot-head, .footHead {
font-weight: 300;
color: #eee;
font-size: 1.3em;
padding-bottom: 15px;
}
.foot-sec > ul, .footCont > ul {
width: 45%;
padding-left: 5%;
float: left;
}
.foot-sec > ul, .footCont > ul, .foot-sec > ul:first-child {
padding-left: 4%;
}
#btmscroll {
padding: 0;
}
.footer .col1 {
padding: 2% 5% 2% 0;
border-right: 1px solid #292929;
min-height: 250px;
width: 25%;
float: left;
}
.footer .col2 {
width: 25%;
min-height: 220px;
padding: 2% 5%;
border-right: 1px solid #292929;
float: left;
}
.footer .col3 {
width: 25%;
min-height: 220px;
padding: 4% 0 0 5%;
float: left;
}
.footHead.active {
padding-bottom: 20px;
}
.footer .footHead {
margin: 5% 0 0 0;
}
#subscribe {
border-radius: 0 15px 15px 0;
padding: 6px 20px;
border: medium none;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
font-size: 12px;
line-height: 19px;
padding: 6px 10px;
text-decoration: none;
float: left;
margin: 0;
}
@-moz-document url-prefix() {
#subscribe {
padding: 5px 20px;
}
}
.txtfield {
border-radius: 15px 0 0 15px;
}
.divisionHead {
padding: 10px 0 0 0;
}
.bg-d-grey {
background: #333;
}
.foot-social a {
height: 20px;
width: 20px;
border: 1px solid #fff;
padding: 8px;
margin: 0 6px;
border-radius: 100%;
}
.foot-social a:first-child {
margin-left: 0;
}
.foot-social {
margin-bottom: 30px
}
.foot-social a:hover {
text-decoration: none
}
.foot-social a.fb {
background: url(https://www.manageengine.com/images/footer-sprite.svg) no-repeat 0 0;
background-size: 25% !important;
background-position: center;
}
.tw {
background: url(https://www.manageengine.com/images/footer-icon-tw.svg) no-repeat 0 3px;
background-size: 45%;
background-position: 50% 52%;
}
.in {
background: url(https://www.manageengine.com/images/footer-icon-in.svg) no-repeat 0 0;
background-size: 45%;
background-position: 50% 46%;
}
.yt {
background: url(https://www.manageengine.com/images/footer-icon-yt.svg) no-repeat 0 4px;
background-size: 45%;
background-position: center;
}
a.insta {
background: url(../images/ft-insta.png) no-repeat 0 0;
background-size: 45%;
background-position: center;
}
.foot-social a.fb:hover {
background-color: #4267b2
}
.foot-social a.tw:hover {
background-color: #1da1f2
}
.foot-social a.in:hover {
background-color: #0e76a8
}
.foot-social a.yt:hover {
background-color: red
}
.foot-social a.insta:hover {
background: url(../images/ft-insta.png) no-repeat 0 0, linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) no-repeat;
background-size: 45%, 100% !important;
background-position: center
}
.txtfield {
background-color: #FFFFFF;
border: 1px solid #DDD;
border-right: none;
color: #b5b5b8;
height: 19px;
line-height: 20px;
outline: medium none;
padding: 5px 6px;
transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
width: 140px;
float: left;
}
.zLogo {
height: 28px;
width: 81px;
display: inline-block;
text-indent: -9999em;
vertical-align: text-bottom;
background: url(../images/me-sprite-new.png) no-repeat 0 -164px;
}
#dwn-form-alert {
background: #E9142B;
position: absolute;
color: #fff;
font-size: 12px;
padding: 10px;
line-height: 16px;
max-width: 265px;
left: 15px;
bottom: -36px;
}
/* --------------- banner slider style --------------- */
.home-banner {
padding: 0;
}
.slider-container {
position: relative;
}
ul.slider {
width: 100%;
position: relative;
overflow: hidden;
background: #6c7477;
height: 500px;
}
ul.slider li {
display: none;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.desc, .dshow {
position: absolute;
left: 0;
top: 23%;
color: #FFF;
width: 100%;
}
.desc p {
color: #333;
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 40px;
}
.next, .prev {
position: absolute;
left: 0;
top: 40%;
padding: 5px;
text-decoration: none;
width: 35px;
height: 35px;
cursor: pointer;
background: rgba(0, 0, 0, .5)url(../images/homepage-sprite.png) no-repeat -78px -136px;
text-indent: -999em;
opacity: .5;
display: none;
}
.next {
left: auto;
right: 0;
top: 40%;
background: rgba(0, 0, 0, .5)url(../images/homepage-sprite.png) no-repeat -120px -136px;
}
ul.pagination {
position: absolute;
right: 70px;
bottom: auto;
top: 45%;
left: auto;
}
ul.pagination li span {
width: 10px;
height: 10px;
background: #000;
text-indent: -9999em;
display: inline-block;
margin-left: 5px;
cursor: pointer;
opacity: .5;
}
ul.pagination li span {
border-radius: 20px;
}
ul.pagination li.active span {
opacity: 1;
}
#MeSlider .next, #MeSlider .prev, ul.pagination, .br-right, .dc-ban .container, .sdp-sb .container, .me2015-ban .container {
z-index: 2;
}
.slider li.active .desc h2, .slider li.active .desc p.banner-head, .slider li.active .desc p, .slider li.active .desc span.but-cont {
opacity: 1;
}
.slider li.branding-slide {
background: #000;
min-height: 490px;
}
.slider li.cloud-slide {
background: url(../images/cloud-homebanner2.jpg) no-repeat 0 0;
background-size: cover;
}
.slider li.branding-slide .desc {
top: 0 !important;
}
ul.slider li.branding-slide img {
width: 100%;
height: auto;
}
.slider-container .container {
max-width: 1100px;
}
ul.slider li.cloud-slide .cont-sec {
margin: 10% 0 0;
width: 50%;
}
ul.slider li.cloud-slide .img-sec {
margin: 5% 7% 0 0;
width: 26%;
}
.register-btn a {
background: #7bbb2a;
color: #fff;
padding: 2% 4%;
line-height: 25px;
display: inline-block;
margin: 5px 0 0;
}
.cloud-slide .desc p {
font-size: 1.3em;
color: #fff;
font-weight: 300;
line-height: 1.3em;
letter-spacing: normal;
}
.cloud-slide .desc p.bannercont {
font-size: 2em;
line-height: 2em;
font-weight: 200;
}
.cloud-slide .register-btn a {
background: #b23237;
padding: 2% 4%;
font-size: 1em;
font-weight: 200;
color: #fff;
}
ul.slider li.ad-webinar-slide img {
width: 100%;
height: auto;
}
.ad-webinar-slide .desc p {
text-align: left;
line-height: 30px;
letter-spacing: normal;
}
.ad-webinar-slide p.webr-cont1 {
color: #00deff;
font-weight: 100;
letter-spacing: 0.2px;
text-align: center;
}
.ad-webinar-slide .desc .cont-sec {
width: 100%;
margin-top: 40px;
}
.ad-webinar-slide .desc p.webr-cont2, .ad-webinar-slide .desc p.webr-cont4 {
text-align: center;
}
.ad-webinar-slide p.webr-cont2 {
color: #77c537;
font-weight: 400;
font-size: 2em;
}
.ad-webinar-slide p.webr-cont4 {
color: #ffffff;
font-weight: 400;
font-size: 1.4em;
}
.ad-webinar-slide .desc p.register-btn {
text-align: center;
margin: 0 auto;
display: table;
}
.ad-webinar-slide p.register-btn a {
display: inline-block;
background: #e9142b;
padding: 10px 20px;
font-size: .7em;
color: #fff;
font-weight: 400;
}
.slider li.analytics-slide {
background: #273241;
}
ul.slider li.analytics-slide .img-sec {
width: 50%;
margin: 5% 0 0 0;
}
ul.slider li.analytics-slide .cont-sec {
width: 50%;
margin: 7% 0 0 0;
}
.analytics-slide p {
color: #fff;
font-weight: normal;
}
.analytics-slide .desc p.cont1, .analytics-slide .desc p.cont2 {
font-size: 2.5em;
font-weight: 300;
line-height: 30px;
letter-spacing: normal;
}
.analytics-slide .desc p.cont2 {
font-size: 22px;
}
ul.slider .analytics-slide .desc .register-btn {
margin: 10px 0 0 0;
}
ul.slider li.analytics-slide .register-btn a {
font-size: .6em;
letter-spacing: 1px;
}
.slider li.me2017-dubai-uc-slide {
background: #fff;
border-top: 1px solid #eee;
}
ul.slider li.cloud-sec-plus .cont-sec {
width: 40%;
}
ul.slider li.cloud-sec-plus .img-sec {
width: 50%;
margin-right: 0;
}
.slider li.cloud-sec-plus {
background: url(../images/cloud-security-home-banner-bg.jpg) no-repeat 0 0;
background-size: cover;
}
.slider li.me2017-dubai-uc-slide .cont-sec img {
width: 80%;
display: block;
margin: 0 auto;
}
.slider li.me2017-dubai-uc-slide p {
text-align: center;
padding: 15px 0 0 0;
}
.slider li.me2017-dubai-uc-slide p.register-btn a {
background: #0aaf6f;
color: #fff;
font-size: 0.7em;
font-weight: 400;
letter-spacing: 0.5px;
padding: 1% 2%;
}
.slider li.office365-slider {
background: #e8402e;
}
.slider li.office365-slider .desc p {
color: #fff;
font-size: 1.8em;
}
.slider li.office365-slider p.bannercont strong {
font-weight: 500;
font-size: 1.5em;
}
.slider li.office365-slider .register-btn a {
background: #000;
padding: 2% 4%;
font-size: .7em;
font-weight: 200;
color: #fff;
}
ul.slider li.office365-slider .cont-sec {
margin: 10% 0 0 0;
width: 50%;
}
ul.slider li.office365-slider .img-sec {
margin: 0;
width: 50%;
}
/**** Aus page slider custom style ****/
.au-sprite-image {
display: inline-block;
background-image: url(https://manageengine.com.au/images/au-sprite-image.png) !important;
overflow: hidden;
text-indent: -9999px;
text-align: left;
}
.au-header-flag {
background-position: -10px -873px;
width: 16px;
height: 10px;
}
a.au-header-flags {
text-indent: initial;
width: auto;
display: inline;
padding-left: 23px;
background-position: -10px -870px;
}
.slider li.australia-workshop2017 {
background: #fff;
border-top: 1px solid #eee;
}
.slider li.australia-workshop2017 .title-sec {
float: left;
color: #91c1a7;
width: 45%;
}
.slider li.australia-workshop2017 .title-sec h2 {
font-size: 6em;
font-weight: bold;
text-transform: uppercase;
line-height: 1em;
color: #3ba782;
margin: 0;
}
.slider li.australia-workshop2017 .creative {
position: relative;
bottom: -47px;
}
ul.slider li.australia-workshop2017 img {
width: 100%;
height: auto;
}
.slider li.australia-workshop2017 .desc p {
margin: 0;
letter-spacing: normal;
}
.slider li.australia-workshop2017 .content-sec {
float: right;
color: #000;
text-align: left;
width: 47%;
}
.slider li.australia-workshop2017 .content-sec .aus-webi-container {
width: 100%;
height: auto;
display: inline-block;
}
.slider li.australia-workshop2017 .content-sec .aus-webi-container1 {
width: 44%;
height: auto;
display: inline-block;
text-align: right;
padding: 0 5% 10px 0;
margin: 7% 0 0 0;
}
.slider li.australia-workshop2017 .content-sec .aus-webi-container2 {
width: 44%;
height: auto;
display: inline-block;
text-align: left;
padding: 0 0% 10px 5%;
margin: 7% 0 0 0;
}
.slider li.australia-workshop2017.active .content-sec .aus-webi-container1 {
border-right: 1px solid #ccc;
}
.slider li.australia-workshop2017 .content-sec p.register-btn {
text-align: center;
margin: 3% 0 0 0;
}
.slider li.australia-workshop2017 .content-sec p.aus-webi-text1 {
color: #e90000;
margin: 5px 0 5px 0;
font-size: 1.3em;
padding: 0 0 0 0;
line-height: 24px;
letter-spacing: 0.5px;
font-weight: 500;
}
.slider li.australia-workshop2017 .content-sec p.aus-webi-text2 {
margin: 5px 0 5px 0;
font-size: 1em;
padding: 0 0 0 0;
line-height: 30px;
letter-spacing: 0.5px;
font-weight: 500;
}
.slider li.australia-workshop2017 .content-sec p.aus-webi-text3 {
margin: 0 0 0 0;
font-size: 0.9em;
padding: 0 0 0 0;
line-height: 26px;
letter-spacing: 0.5px;
}
.slider li.australia-workshop2017 .content-sec p.aus-webi-text4 {
width: 100%;
display: inline-block;
margin: 0 0 0 0;
padding: 0 0 0 0;
line-height: 12px;
}
.slider li.australia-workshop2017 .desc {
top: 5%;
}
.slider li.australia-workshop2017 .register-btn a {
background: #e9132b;
padding: 2px 20px;
color: #fff;
display: inline-block;
font-size: .7em;
letter-spacing: normal;
text-decoration: none;
}
.slider li.australia-workshop2017 .content-sec p.register-btn a {
padding: 10px 20px;
font-size: 0.9em;
}
.cust-logo1 ul li {
float: none;
width: auto;
vertical-align: top;
display: inline-block;
padding: 0px 1% 0 1%;
text-align: center;
}
.cust-logo1 ul li span {
background: url(https://www.manageengine.com/images/clients.jpg) no-repeat left top;
display: inline-block;
text-indent: -9999em;
width: 100px;
height: 60px;
}
.cust-logo1 ul li span.cl-at {
background-position: 0 0;
}
.cust-logo1 ul li span.cl-bs {
background-position: -200px 0;
}
.cust-logo1 ul li span.cl-sy {
background-position: -300px 0;
}
.cust-logo1 ul li span.cl-ge {
background-position: -400px 0;
}
.cust-logo1 ul li span.cl-sg {
background-position: -500px 0;
}
.cust-logo1 ul li span.cl-er {
background-position: -600px 0;
}
.cust-logo1 ul li span.cl-lr {
background-position: -100px 0;
}
.cust-logo1 ul li span.cl-nc {
background-position: -700px 0;
}
.au-cust-logos .au-cust-logo4 {
background-position: -10px -806px;
width: 133px;
height: 57px;
}
.au-cust-logos .au-cust-logo3 {
background-position: -10px -739px;
width: 133px;
height: 57px;
}
.au-cust-logos .au-cust-logo2 {
background-position: -10px -672px;
width: 133px;
height: 57px;
}
.au-cust-logos .au-cust-logo1 {
background-position: -10px -605px;
width: 133px;
height: 57px;
}
.au-cust-logos ul li {
padding: 0px 4% 0 4%;
}
/**** UK page slider custom style ****/
.au-sprite-image {
display: inline-block;
background-image: url(https://manageengine.com.au/images/au-sprite-image.png) !important;
overflow: hidden;
text-indent: -9999px;
text-align: left;
}
.au-header-flag {
background-position: -10px -873px;
width: 16px;
height: 10px;
}
a.au-header-flags {
text-indent: initial;
width: auto;
display: inline;
padding-left: 23px;
background-position: -10px -870px;
}
.slider li.ad-webinar-slide {
background: url(../images/webinar-homebanner3.jpg) no-repeat 0 0;
background-size: cover;
}
.ad-webinar-slide .desc {
top: 6%;
}
.ad-webinar-slide .desc p {
text-align: center;
line-height: 30px;
letter-spacing: normal;
color: #fff;
margin: 0 !important;
}
ul.slider li.ad-webinar-slide p.consy2 {
font-size: 2.5em;
font-weight: normal;
position: relative;
}
ul.slider li.ad-webinar-slide p.consy3 {
color: #77c537;
font-weight: 600;
font-size: 1.9em;
padding: 40px 0 20px 0;
}
ul.slider li.ad-webinar-slide p.consy4 {
font-size: 1.3em;
background: url(../images/date-icon.png) no-repeat 36% 5px;
}
/**** Responsive style ****/
@media screen and (min-width: 1600px) {
.container {
max-width: 1400px;
}
}
@media screen and (max-width: 1500px) {
#commonHeader + .bg-list-grey {
min-height: 650px;
}
.head-container {
width: 98%;
padding-left: 1%;
padding-right: 1%;
}
ul.slider li.cloud-slide .cont-sec {
margin: 4% 0 0;
}
ul.slider li.cloud-slide .img-sec {
margin: 5% 7% 0 0;
}
}
@media screen and (min-width: 1000px) and (max-width: 1350px) {
.news-events img {
height: 100%;
width: 100%;
}
}
@media screen and (max-width: 1350px) {
.brand-header p {
padding: 5px 0px 0 0;
}
ul.slider li.office365-slider .cont-sec {
margin: 6% 0 0 0;
}
ul.slider li.cloud-slide .img-sec img {
width: 75%;
}
ul.slider li.analytics-slide .img-sec {
width: 35%;
margin: 5% 0px 0px;
}
.register-btn a {
padding: 1% 4%;
}
.container, .itsm-container {
max-width: 1100px;
}
.facts-list li {
width: 21%;
}
.itsm-solutions ul li {
height: 280px;
}
#scroll .prdBox, #scroll .prdvideo {
margin: 20px 13px 20px 0;
}
.brand-header {
min-height: 85%;
}
ul.slider li.analytics-slide .cont-sec {
margin: 5% 0 0 0;
}
#subscribe {
padding: 6px 10px;
}
@-moz-document url-prefix() {
#subscribe {
padding: 5px 10px;
}
}
}
@media screen and (max-width: 1080px) {
ul.slider li.office365-slider .img-sec img {
width: 70%;
}
ul.slider li.office365-slider .cont-sec {
margin: 5% 0px 0px;
}
ul.slider p {
font-size: 14px !important;
line-height: 18px !important;
padding-bottom: 10px !important;
}
nav ul.header-nav > li:first-child {
padding: 0px 15px 20px;
}
#scroll1 .container {
max-width: 900px;
}
.breadcrumb {
left: 6%;
}
.facts-list li {
font-size: 2em;
}
#scroll .prdBox, #scroll .prdvideo {
width: 25%;
}
.nav-list .suggestion-sec a {
font-size: 0.8em;
}
.sol-listCol4 h2 {
font-size: 1.5em;
padding: 0;
line-height: 1.4em;
}
div.nav-submenu ul li a {
font-size: 85%;
}
.menu-inner-right .col-60 p {
font-size: 1.3em;
}
nav ul.header-nav > li:first-child {
padding: 0px 15px 20px 15px;
}
.sol-listCol4 {
padding: 30px;
}
#header-mainsec .header-nav > li:last-child {
display: block;
}
.nav-list .sol-listCol1 ul li a {
font-size: .85em;
}
.products .header-nav {
font-size: .9em;
}
#mobPanel #mobListPrd a span {
font-size: .85em;
color: #34ad65;
padding: 0;
display: block;
}
.itsm-solutions ul li {
height: 260px;
}
.nav-list .sol-listCol3 .f1 {
margin: 20px 0px 0px;
}
.nav-list .sol-listCol3 .f3 a {
margin: 5px 0px 25px;
}
}
@media (max-width: 1000px) {
.container {
width: 96%;
padding-left: 2%;
padding-right: 2%;
}
.itsm-solutions ul li.video p {
font-size: .9em;
}
.txtfield {
width: 75px;
}
#scroll1 {
margin-left: 5%;
}
#scroll1 .container {
max-width: 700px;
}
.breadcrumb {
left: 9%;
}
#solutions-type-filter ul {
top: 78px;
}
#commonHeader {
min-height: 78px;
}
#comSubTree {
position: static !important;
}
#comSubTreeMenu {
margin: 20px 0;
}
footer .container {
width: 96%;
}
#scroll .videos-preview p {
font-size: 2.5em;
top: 20%;
}
.menu2ResBlk {
margin-top: 20px;
}
.comp-top {
width: 90%;
}
.analyst-reports-mainsec {
width: 90% !important;
}
.analyst-reports-mainsec .filterdrop > span {
width: 92%;
}
#scroll .prdBox {
width: 40%;
}
#header-mainsec, #header-mainsec .headerinner.fixed {
top: 0;
}
.product-list ul li {
width: 50%;
}
.hor-bor {
left: 49.9%;
}
.hor-bor2 {
display: none;
}
.hor-bor, .hor-bor2 {
height: 520px;
}
.soltions-sec {
height: auto;
}
.soltions-sec ul.tabs li span.icon {
width: 55%;
}
.soltions-sec ul.tabs li.oprations-management span.icon, .soltions-sec ul.tabs li.business-intelligence span.icon {
width: 70%;
}
#cse-search-box .newsearchbox {
padding: 10px 0px;
width: 75%;
font-size: 1.3em;
margin: 10px 0;
color: #444;
}
.MEmobListSearch {
margin: 10px 0;
border-radius: 5px;
}
.itsm-solutions ul li, .itsm-solutions ul li.video {
width: 48%;
height: auto;
}
.hl-cont span {
font-size: 0.6em;
padding: 0;
line-height: .5em !important;
}
.itsm-solutions ul li.video p img {
bottom: 0;
right: 10px;
}
.analyst-reports-banner h2 {
top: 5%;
font-size: 1.2em;
}
.filter-containers, #scroll1 .comTtl {
float: none;
}
#solutions-filter ul li p.sicon {
transform: scale(0.7);
}
#solutions-filter ul li {
height: 40px;
}
#solutions-filter ul li h3, #solutions-filter ul li.active h3 {
display: none;
}
#header-topsec, .header-nav {
display: none;
}
#header-mainsec .headerinner {
padding: 10px;
}
.menu2ResBlk {
margin-top: 20px;
display: block !important;
}
#header-topsec, .header-nav {
display: none;
}
#commonHeader {
min-height: 78px;
}
#header-mainsec {
top: 0;
}
#cse-search-box .newsearchbox {
padding: 10px 0px;
width: 75%;
font-size: 1.3em;
margin: 10px 0;
color: #444;
}
.MEmobListSearch {
margin: 10px 0;
border-radius: 5px;
}
.container {
width: 93%;
}
.brand-header {
min-height: 35%;
}
.sem-menu {
width: 10%;
}
.sem-menu li span.arrow {
left: -16px;
}
.news-right {
width: 55%;
}
.newstab .cont1 {
font-size: 1.5em;
}
.newstab .cont2 {
font-size: 1em;
}
/* Events and news section style */
.events-left, .events-right {
float: none;
height: auto;
width: auto;
}
.events-inner {
margin: 0 auto;
}
.events-left {
border-bottom: 1px solid #DDD;
}
.events-right {
border-left: none;
}
.news-events {
height: auto;
}
.news-events .events-sec {
height: auto;
position: static;
}
.sem-menu, .news-link, .events-link {
position: static;
}
.sem-menu {
width: 100%;
height: auto;
float: none;
}
.sem-menu li {
display: inline-block;
width: 49.5%;
padding: 15px 0px;
position: relative;
}
.sem-menu li.active span.arrow {
border-bottom: none;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid #000;
left: 45%;
top: 45px;
}
.news-events .events-sec {
display: none;
}
.news-events .events-sec.tab-active {
display: block;
}
.news-right {
width: 60%;
}
.newstab .cont1 {
font-size: 1.5em;
}
.newstab .cont2 {
font-size: 1em;
}
.news-link, .events-link {
display: block;
}
/* Events and news section style end */
.mbH {
display: none !important;
}
ul.slider li.office365-slider .cont-sec {
margin: 5% 0px 0px;
}
}
@media screen and (min-width: 650px) and (max-width: 1000px) {
#btmscroll {
font-size: 12px;
}
.itsm-solutions ul li.doc a {
transform: scale(.8);
margin-top: -30px;
}
.itsm-solutions ul li {
height: 200px;
}
.prod-list > li {
width: 30%;
}
}
@media screen and (max-width: 650px) {
#scroll1 {
margin-left: 15%;
width: 80% !important;
}
.me_support_column30 {
width: 100%;
}
.solutionFilter1 > ul, #filter > ul {
left: 0;
}
span.me_support_regform {
margin-top: 10%;
}
.popup_boxes {
width: 85%;
}
.me_support_column40, .me_support_column50 {
width: 80%;
}
.me_support_column60 {
width: 95%;
margin: 0px 20px;
}
.me_support_head h1 {
line-height: 35px;
font-size: 1.6em;
}
.me_support_telephone {
margin: 0 0 0 20px;
}
.me_support_column90 h2, .me_support_column50 h2 {
font-size: 2em;
}
.timeline-sec .cusQte {
background: #fff;
}
.timeline-sec .cusQte-inner {
margin: 10px auto 50px;
}
.contactBox {
width: 90%;
}
.customer-listing .per30.filr-act ul li {
width: 100%;
}
.customer-listing {
margin: 15% 0px 0px;
}
.customer-listing .per30, .customer-listing .per30:first-child {
width: 95%;
}
#custList {
margin: 20px 15% 20px 0;
}
#comSubTree .comSubTree > ul > li {
display: inline-block;
}
#comSubTree .comSubTree {
width: 100%;
color: #444;
}
#comSubTree .comSubTree > ul > li a {
color: #444 !important;
}
#scroll .videos-preview p {
font-size: 1.6em;
}
#scroll .videos-preview span img {
max-height: 50%;
top: 20%;
}
.com-banner p {
font-size: 1.2em;
top: -13px;
}
.comp-top, .comp-middle, .comp-middle p {
width: 90%;
}
.facts-list li {
width: 55%;
}
.itsm-solutions ul li, .itsm-solutions ul li.video {
width: 95%;
}
.wvbox-inner {
width: 360px;
}
#scroll .prdBox {
width: 88%;
}
.solutionFilter1 {
float: none;
}
}
@media (max-width: 600px) {
.sem-menu li {
width: 49%;
}
.event-creative div.creative-img, .event-creative .evt-rigister-btn {
width: 100%;
}
.event-creative .evt-rigister-btn {
padding: 10px 0;
}
.event-creative {
text-align: center;
}
.news-events img, ul.ft-list li {
width: 100%;
}
.itsm-solutions ul li.video p {
font-size: .8em;
}
.footer .col1, .footer .col2, .footer .col3 {
width: 90%;
border: none;
}
.txtfield {
width: 140px;
}
h2.mainhead {
font-size: 2em;
}
h2.millions {
font-size: 1.2em;
}
.more-stories {
border: none;
}
.more-stories a {
float: none;
}
.view-all-link a {
display: inline-block;
padding: 20px;
}
}
@media (max-width: 500px) {
.old-logo, .new-logo {
width: 80px;
}
.logo-text-old, .logo-text {
width: 300px;
margin: 0px 0px 0px -135px;
}
.inthenews .news-left img {
width: 90px;
}
.logo-cent {
right: 55%;
}
.logo-aimation {
width: 50%;
left: 40%;
}
#MeSlider {
display: none;
}
.prod-list > li {
width: 48%;
}
.brand-header {
min-height: 55%;
}
ul.slider li.cloud-slide .cont-sec {
margin: 1% 0px 0px 8%;
}
.press-contact .per50 {
width: 80%;
}
#scroll .prdBox {
width: 84%;
margin: 20px 10px 20px 10px;
}
#scroll .src-btn {
top: 0;
}
.sucurity-response {
float: none;
text-align: center;
}
}
@keyframes cssload-fold-thecube {
0%, 10% {
transform: perspective(70px) rotateX(-180deg);
opacity: 0
}
25%, 75% {
transform: perspective(70px) rotateX(0deg);
opacity: 1
}
90%, 100% {
transform: perspective(70px) rotateY(180deg);
opacity: 0
}
}
@-o-keyframes cssload-fold-thecube {
0%, 10% {
-o-transform: perspective(70px) rotateX(-180deg);
opacity: 0
}
25%, 75% {
-o-transform: perspective(70px) rotateX(0deg);
opacity: 1
}
90%, 100% {
-o-transform: perspective(70px) rotateY(180deg);
opacity: 0
}
}
@-ms-keyframes cssload-fold-thecube {
0%, 10% {
-ms-transform: perspective(70px) rotateX(-180deg);
opacity: 0
}
25%, 75% {
-ms-transform: perspective(70px) rotateX(0deg);
opacity: 1
}
90%, 100% {
-ms-transform: perspective(70px) rotateY(180deg);
opacity: 0
}
}
@-webkit-keyframes cssload-fold-thecube {
0%, 10% {
-webkit-transform: perspective(70px) rotateX(-180deg);
opacity: 0
}
25%, 75% {
-webkit-transform: perspective(70px) rotateX(0deg);
opacity: 1
}
90%, 100% {
-webkit-transform: perspective(70px) rotateY(180deg);
opacity: 0
}
}
@-moz-keyframes cssload-fold-thecube {
0%, 10% {
-moz-transform: perspective(70px) rotateX(-180deg);
opacity: 0
}
25%, 75% {
-moz-transform: perspective(70px) rotateX(0deg);
opacity: 1
}
90%, 100% {
-moz-transform: perspective(70px) rotateY(180deg);
opacity: 0
}
}
.footer {
max-width: 1200px;
margin: 0 auto;
}
/* footer subscribe newsletter style start */
.subscribepopup_contains {
width: 100%;
height: 100%;
position: fixed;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
z-index: 999999;
display: none;
}
.subscribepopup_boxes {
width: 500px;
height: 300px;
background: #fff;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: 25%;
border: 10px solid rgba(11, 11, 11, 0.67)
}
.subscribepopup_closeicon {
float: right;
line-height: 30px;
border: 1px solid #34ad65;
border-radius: 30px;
font-size: 26px;
margin: 0;
width: 35px;
height: 35px;
top: 5px;
right: 5px;
background: #34ad65;
color: #fff;
text-align: center;
z-index: 99999;
position: absolute;
font-weight: 100;
cursor: pointer
}
.subscribe_popups {
padding: 10px 20px
}
.subscribepopup_form_wrapper h4 {
font-size: 20px;
margin: 20px 0 0;
font-weight: 100
}
.subscribepopup_form_wrapper form {
margin: 20px 0 0
}
.subscribepopup_form_wrapper form input[type="text"] {
width: 180px;
border: 1px solid #ddd;
height: 20px;
line-height: 20px;
font-size: 14px;
padding: 5px;
display: block;
float: left;
border-radius: 0;
box-sizing: unset;
}
.subscribepopup_form_wrapper form select {
width: 225px;
border: 1px solid #ddd;
height: 32px;
line-height: 20px;
font-size: 14px;
padding: 5px;
display: block;
margin: 5px auto;
color: #7e7e7e;
float: left;
margin: 0 0 0 10px;
box-sizing: border-box;
height: auto !important;
}
.subscribepopup_form_wrapper form #meGDPRMessage {
width: 100%;
display: inline-block;
font-size: 13px;
margin: 15px 0 0
}
.subscribepopup_form_wrapper form .dwn-priv {
width: 100%;
margin: 10px 0 0;
font-size: 13px;
display: inline-block
}
.subscribepopup_form_wrapper form #subscribe {
background: #34ad65;
color: #fff;
padding: 5px 20px;
margin: 20px auto;
text-transform: uppercase;
line-height: 20px;
border: 1px solid #fff;
font-size: 13px;
height: auto;
width: 110px;
display: table;
float: none;
border-radius: 0;
}
span.footer-subscribenewsletteremail {
background-color: #fff;
border-right: none;
color: #b5b5b8;
height: 19px;
line-height: 20px;
outline: 0;
padding: 10px 15px;
transition: border .2s linear 0s, box-shadow .2s linear 0s;
width: 70%;
font-size: 12px;
float: left;
}
span.footer-subscribenewslettersubmit {
border: none;
color: #FFF;
cursor: pointer;
display: inline-block;
font-size: 12px;
line-height: 19px;
padding: 10px 30px;
text-decoration: none;
float: left;
margin: 0;
text-indent: -99999em;
background: #34ad65 url(../images/footer-icon-arrow.svg) no-repeat center center;
height: 20px;
}
div#form-alert {
color: #df565f;
font-size: 12px;
}
/* footer subscribe newsletter style End */
/**************** footer new style start ********************/
.foot-copy {
padding: 10px 0;
background: #fff;
}
.footer .foot-head, .footHead {
font-weight: 300;
color: #eee;
font-size: 1.3em;
padding-bottom: 15px;
}
.foot-sec > ul, .footCont > ul, .foot-sec > ul:first-child {
padding-left: 0;
}
#btmscroll {
padding: 0;
}
.footer .footCol1 {
padding: 2% 5% 2% 0;
border-right: 1px solid #292929;
}
.footer .footCol2 {
padding: 2% 5%;
border-right: 1px solid #292929;
}
.footer .footCol3 {
padding: 2% 0 2% 5%;
}
.footHead.active {
padding-bottom: 20px;
}
.footer .footHead {
margin: 5% 0 0 0;
}
#subscribe {
border-radius: 0 15px 15px 0;
padding: 6px 20px;
}
@-moz-document url-prefix() {
#subscribe {
padding: 5px 20px;
}
}
.footer {
max-width: 1200px;
margin: 0 auto;
}
.txtfield {
border-radius: 15px 0 0 15px;
}
.divisionHead {
padding: 10px 0 0 0;
}
.bg-d-grey {
background: #222;
}
.foot-social a {
height: 23px;
width: 23px;
}
.foot-social {
margin-bottom: 30px;
}
.foot-social a {
display: inline-block;
}
.footCol1 {
width: 25%;
min-height: 220px;
padding: 0 4.5% 0 0;
float: left;
border-right: 1px dashed #000
}
.footCol2 {
width: 25%;
min-height: 220px;
padding: 0 4.5%;
float: left;
border-right: 1px dashed #000
}
.footCol3 {
width: 25%;
min-height: 220px;
padding: 0 0 0 4.5%;
float: left
}
#meCommonFooterNew .foot-social {
display: block !important;
visibility: visible !important
}
#meCommonFooterNew .foot-social a {
display: inline-block !important;
visibility: visible !important
}
.footer .col1, .footer .footCol1 {
padding: 2% 5% 2% 0;
border-right: 1px solid #292929;
min-height: 250px;
width: 25%;
}
.footer .col2, .footer .footCol2 {
padding: 2% 5% 10%;
border-right: 1px solid #292929;
}
.footer .col3, .footer .footCol3 {
padding: 2% 0 0 5%;
}
footer, #meCommonFooterNew {
font: 400 13px/24px 'Poppins', sans-serif;
letter-spacing: 0.5px;
border-top: 1px solid #444;
line-height: 1.8em;
}
#meCommonFooterNew {
line-height: 1.8em;
}
/**************** footer new style end ********************/
/*----------- Footer Regional sites menu styles start ----------------*/
.foot-sec > ul.regional-countries-drop {
width: 100%;
position: relative;
}
.foot-sec > ul.regional-countries-drop > li span {
padding: 7px 0 7px 35px;
border: 1px solid #979797;
background: #222;
display: block;
cursor: pointer;
position: relative;
z-index: 3;
}
ul.regional-countries-drop > li span::before {
content: "";
width: 23px;
height: 23px;
background: url(../images/footer-icon-sprite.svg) no-repeat;
background-size: cover;
background-position: 0 -154px;
position: absolute;
left: 7px;
top: 7px;
}
ul.regional-countries-drop > li span::after {
content: "";
width: 0px;
height: 0px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #979797;
position: absolute;
right: 8px;
top: 16px;
display: block;
-moz-transition: all ease-in-out .2s;
-webkit-transition: all ease-in-out .2s;
-o-transition: all ease-in-out .2s;
transition: all ease-in-out .2s;
}
.foot-sec > ul.regional-countries-drop > li span:hover {
border: 1px solid #34ad65;
}
.regional-countries-list {
position: absolute;
top: 100%;
left: 0;
background: #fff;
border-radius: 0 0 4px 4px;
padding: 10px 0;
width: 100%;
height: 153px;
overflow-x: scroll;
visibility: hidden;
opacity: 0;
transform: translateY(-2em);
-moz-transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
transition: all ease-in-out .5s;
z-index: 2;
}
.regional-countries-list li a {
padding: 5px 15px;
color: #222;
display: block;
}
.regional-countries-list li:hover a {
text-decoration: none;
background: #eee;
}
ul.regional-countries-drop li:hover .regional-countries-list {
visibility: visible;
opacity: 1;
z-index: 2;
transform: translateY(0%);
transition-delay: 0s, 0s, 0.3s;
}
ul.regional-countries-drop > li:hover span::after {
border-top: none;
border-bottom: 5px solid #979797;
}
#commonNLdivision .foot-head {
margin: 10% 0 0 0;
padding: 0 0 5px 0;
}
#commonNLdivision .menlHead {
padding: 0 0 5px 0;
}
#commonNLdivision form {
position: relative;
z-index: 1;
}
/*----------- Footer Regional sites menu styles end ----------------*/
footer {
font: 400 14px/24px 'Poppins', sans-serif;
letter-spacing: 0.5px;
border-top: 1px solid #444;
line-height: 1.8em;
}
.bg-d-grey {
background: #1d1e1f;
}
.footer, .footer a {
color: #bbb;
}
.footer a:hover {
text-decoration: underline;
}
//.footer .col2, .footer .col1,.footer .footCol1,.footer .footCol2 {border-right:1px solid #666;}
.footer .foot-head, .menl, .division {
color: #fff;
}
.foot-sec > ul:first-child {
padding-left: 0;
}
h3.ss-head {
font-size: 0.8em;
}
.foot-copy {
font-size: 1em;
}
#subscribe {
font-size: 12px;
text-transform: uppercase;
background: #34ad65;
}
ul.regional-countries-drop.spain > li span::before {
width: 24px;
height: 24px;
background: url(../images/spanish.png) no-repeat 0 2px;
top: 5px;
}
--------------- banner slider style --------------- */.home-banner {
padding: 0;
}
.slider-container {
position: relative;
}
ul.slider {
width: 100%;
position: relative;
overflow: hidden;
background: #6c7477;
height: 500px;
}
ul.slider li {
display: none;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.desc, .dshow {
position: absolute;
left: 0;
top: 23%;
color: #FFF;
width: 100%;
}
.desc p {
color: #333;
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 40px;
}
ul.pagination {
position: absolute;
right: 70px;
bottom: auto;
top: 45%;
left: auto;
}
ul.pagination li span {
width: 10px;
height: 10px;
background: #000;
text-indent: -9999em;
display: inline-block;
margin-left: 5px;
cursor: pointer;
opacity: .5;
border: 1px solid #CCC;
}
ul.pagination li span {
border-radius: 20px;
}
ul.pagination li.active span {
opacity: 1;
}
#MeSlider .next, #MeSlider .prev, ul.pagination, .br-right, .dc-ban .container, .sdp-sb .container, .me2015-ban .container {
z-index: 2;
}
.slider li.active .desc h2, .slider li.active .desc p.banner-head, .slider li.active .desc p, .slider li.active .desc span.but-cont {
opacity: 1;
}
.slider li.branding-slide {
background: #000;
min-height: 490px;
}
.slider li.cloud-slide {
background: #0078b7 url(https://www.manageengine.com/images/pmp-banner-bg.jpg) no-repeat 0 0;
}
.slider li.branding-slide .desc {
top: 0 !important;
}
ul.slider li.branding-slide img {
width: 100%;
height: auto;
}
ul.slider li.exchangereport-slide img {
width: auto;
height: auto;
visibility: hidden;
}
ul.slider li.activedirectory-slide {
background: #d5d9d8;
}
ul.slider li.activedirectory-slide span {
font-weight: 600;
color: #000;
}
ul.slider li.activedirectory-slide .desc .cont-sec {
width: 60%;
margin: 3% 0 0 0;
}
.slider li.yei-slide {
background: #181743;
text-align: center;
}
.slider li.yei-slide .cont-sec {
margin-top: 7%;
}
.slider li.yei-slide .bannercont {
color: #fff;
text-transform: uppercase;
letter-spacing: 10px;
}
ul.slider li.yei-slide img {
width: 35%;
position: absolute;
bottom: -8%;
left: 32%;
z-index: 1;
}
.slider li.yei-slide .register-btn {
margin: 18% 0 0 2%;
}
.slider li.yei-slide .register-btn a {
background: #c4165d;
border-radius: 3px;
padding: 1% 4%;
font-size: 15px;
letter-spacing: 2px;
position: relative;
z-index: 2;
}
.slider li.yei-slide .register-btn a:hover {
background: #181743;
}
ul.slider li.activedirectory-slide .desc .cont-sec p.bannercont {
border-bottom: 1px solid #748990;
padding: 0 0 12px 0;
line-height: initial;
margin-bottom: 20px;
font-size: 2.5em;
display: inline-block;
}
ul.slider li.activedirectory-slide .register-btn a {
background: #e9142b;
color: #fff;
padding: 10px 20px;
line-height: 25px;
display: inline-block;
margin: 5px 0 0;
font-size: .6em;
text-transform: none;
}
ul.slider li.activedirectory-slide .desc .img-sec {
width: 35%;
position: absolute;
top: 0;
right: 0;
}
ul.slider li.activedirectory-slide .desc .img-sec img {
width: 55%;
height: auto;
}
.slider li.activedirectory-slide .desc {
top: 5% !important;
}
ul.slider li.activedirectory-slide .register-btn a:hover {
background: #95111f;
text-decoration: none;
}
.slider-container .container {
max-width: 1000px;
}
ul.slider li.cloud-slide .cont-sec {
margin: 12% 0 0;
width: 60%;
}
ul.slider li.cloud-slide .img-sec {
margin: 5% 7% 0 0;
width: 26%;
}
ul.slider li.pmp-slide {
background: #0e61b2;
}
ul.slider li.pmp-slide .img-sec {
margin: 5% 3% 0 0;
width: 35%;
}
ul.slider li.pmp-slide div.cont-sec {
width: 60%;
margin-top: 5%;
}
ul.slider li.ucdubai2018 {
background: #116ec6 url(../images/dubai-uc2018-banner.png) no-repeat 90% 0%;
min-height: inherit;
background-size: auto 100%;
}
ul.slider li.ucdubai2018 .img-sec {
margin: 4% 3% 0 0;
width: 30%;
}
ul.slider li.ucdubai2018 div.cont-sec {
width: 65%;
margin-top: 5%;
}
ul.slider li.ucdubai2018 p.bannercont-dateandmap span img {
width: 25px;
margin: 0px 10px 0 0;
position: relative;
top: 5px;
}
ul.slider li.ucdubai2018 p.bannercont {
margin: 10px 0;
color: #ffde6c;
font-size: 1.6em;
font-weight: 500;
}
ul.slider li.ucdubai2018 p.bannercont span {
padding: 0 0 5px 0;
}
ul.slider li.ucdubai2018 p.bannercont-dateandmap span {
font-size: 0.8em;
line-height: normal;
font-weight: normal;
display: inline-block;
color: #fff;
}
ul.slider li.ucdubai2018 p.bannercont-dateandmap span:nth-child(1) {
width: 35%;
}
ul.slider li.ucdubai2018 p.bannercont-dateandmap span:nth-child(2) {
width: 65%;
}
ul.slider li.ucdubai2018 p.bannercont-dateandmap span:nth-child(1) strong {
width: 25px;
height: 25px;
background: url(../images/dubai-uc2018-banner-dateicon.png) no-repeat;
background-size: cover;
display: inline-block;
margin: 0px 10px 0 0;
position: relative;
top: 5px;
}
ul.slider li.ucdubai2018 p.bannercont-dateandmap span:nth-child(2) strong {
width: 25px;
height: 25px;
background: url(../images/dubai-uc2018-banner-mapicon.png) no-repeat;
background-size: cover;
display: inline-block;
margin: 0px 10px 0 0;
position: relative;
top: 5px;
}
ul.slider li.ucdubai2018 .img-sec img {
visibility: hidden;
}
.register-btn a {
background: #7bbb2a;
color: #fff;
padding: 2% 4%;
line-height: 25px;
display: inline-block;
margin: 5px 0 0;
text-transform: uppercase;
}
ul.slider li.ucaustrlia2018 {
background: #037567 url(../images/australia-creative.png) no-repeat 90% 100%;
min-height: inherit;
background-size: auto 90%;
}
ul.slider li.ucdubai2018 .img-sec {
margin: 4% 3% 0 0;
width: 30%;
}
ul.slider li.ucdubai2018 div.cont-sec {
width: 65%;
margin-top: 5%;
}
ul.slider li.ucdubai2018 p.bannercont-dateandmap span img {
width: 25px;
margin: 0px 10px 0 0;
position: relative;
top: 5px;
}
ul.slider li.ucdubai2018 p.bannercont {
margin: 10px 0;
color: #ffde6c;
font-size: 1.6em;
font-weight: 500;
}
ul.slider li.ucdubai2018 p.bannercont span {
padding: 0 0 5px 0;
}
ul.slider li.ucdubai2018 p.bannercont-dateandmap span {
font-size: 0.8em;
line-height: normal;
font-weight: normal;
display: inline-block;
color: #fff;
}
ul.slider li.ucdubai2018 p.bannercont-dateandmap span:nth-child(1) {
width: 35%;
}
ul.slider li.ucdubai2018 p.bannercont-dateandmap span:nth-child(2) {
width: 65%;
}
ul.slider li.ucdubai2018 p.bannercont-dateandmap span:nth-child(1) strong {
width: 25px;
height: 25px;
background: url(../images/dubai-uc2018-banner-dateicon.png) no-repeat;
background-size: cover;
display: inline-block;
margin: 0px 10px 0 0;
position: relative;
top: 5px;
}
ul.slider li.ucdubai2018 p.bannercont-dateandmap span:nth-child(2) strong {
width: 25px;
height: 25px;
background: url(../images/dubai-uc2018-banner-mapicon.png) no-repeat;
background-size: cover;
display: inline-block;
margin: 0px 10px 0 0;
position: relative;
top: 5px;
}
ul.slider li.ucdubai2018 .img-sec img {
visibility: hidden;
}
li.nyc-userconf .register-btn a {
background: #fdd10c;
color: #222;
padding: 1.2% 2.5%;
font-size: .6em;
font-weight: 500;
text-transform: uppercase;
}
li.nyc-userconf .register-btn a:hover {
background: #fff;
color: #222;
}
li.nyc-userconf .desc p.bannercont {
color: #fff;
margin: 200px 0 0 0;
}
.cloud-slide .desc p {
font-size: 1.3em;
color: #fff;
font-weight: 300;
line-height: 1.3em;
letter-spacing: normal;
}
.cloud-slide .desc p.bannercont {
font-size: 2em;
line-height: 2em;
font-weight: 200;
}
.pmp-slide .desc p.bannercont {
font-size: 1.2em;
color: #fff;
line-height: normal;
}
.pmp-slide .desc p.bannercont span {
font-size: 1.8em;
font-weight: 500;
padding: 0 0 15px 0;
display: block;
}
.cloud-slide .desc p.bannercont span {
font-weight: 500;
}
ul.slider .cloud-slide .register-btn a {
background: #000;
padding: 2% 4% 1.5% 4%;
font-size: 1em;
font-weight: 400;
color: #fff;
}
ul.slider .gdpr-slide .register-btn a {
background: #1c30a3;
font-size: 20px;
padding: 15px 40px;
}
ul.slider .gdpr-slide .register-btn a:hover {
background: #ffcc00;
color: #000;
}
ul.slider .pmp-cloud-slide .register-btn a {
background: #ea5453;
padding: 7px 24px;
}
.pmp-slide .register-btn a {
background: #000;
color: #fff;
font-size: 20px;
padding: 10px 40px;
}
.pmp-slide .register-btn a:hover {
background: #ffd04a;
color: #000;
}
ul.slider .cloud-slide .register-btn a:hover {
background: #b23237;
color: #FFF;
}
.slider li.actdir-slide {
background: #e9eced;
}
ul.slider li.actdir-slide .cont-sec {
width: 55%;
color: #333;
}
ul.slider li.actdir-slide .desc p.bannercont {
font-size: 1.6em;
line-height: 2em;
font-weight: 200;
color: #333;
}
ul.slider li.actdir-slide img {
width: auto;
height: 100%;
}
ul.slider li.actdir-slide .img-sec {
width: 45%;
margin: 0 !important;
}
.actdir-slide .register-btn a {
background: #24a151;
}
.actdir-slide .register-btn a:hover {
background: #df565f;
}
ul.slider li.actdir-slide .desc p.bannercont span {
font-weight: 500;
}
ul.slider li.actdir-slide .desc p.bannercont span.cat-head {
font-size: 1.2em;
font-weight: 200;
}
ul.slider li.ad-webinar-slide img {
width: 100%;
height: auto;
}
.ad-webinar-slide .desc p {
text-align: left;
line-height: 30px;
letter-spacing: normal;
}
.ad-webinar-slide p.webr-cont1 {
color: #00deff;
font-weight: 100;
letter-spacing: 0.2px;
text-align: center;
}
.ad-webinar-slide .desc .cont-sec {
width: 100%;
margin-top: 40px;
}
.ad-webinar-slide .desc p.webr-cont2, .ad-webinar-slide .desc p.webr-cont4 {
text-align: center;
}
.ad-webinar-slide p.webr-cont2 {
color: #77c537;
font-weight: 400;
font-size: 2em;
}
.ad-webinar-slide p.webr-cont4 {
color: #ffffff;
font-weight: 400;
font-size: 1.4em;
}
.ad-webinar-slide .desc p.register-btn {
text-align: center;
margin: 0 auto;
display: table;
}
.ad-webinar-slide p.register-btn a {
display: inline-block;
background: #e9142b;
padding: 10px 20px;
font-size: .7em;
color: #fff;
font-weight: 400;
}
.slider li.analytics-slide {
background: #273241;
}
ul.slider li.analytics-slide .img-sec {
width: 50%;
margin: 5% 0 0 0;
}
ul.slider li.analytics-slide .cont-sec {
width: 50%;
margin: 7% 0 0 0;
}
.analytics-slide p {
color: #fff;
font-weight: normal;
}
.analytics-slide .desc p.cont1, .analytics-slide .desc p.cont2 {
font-size: 2.5em;
font-weight: 300;
line-height: 30px;
letter-spacing: normal;
}
.analytics-slide .desc p.cont2 {
font-size: 22px;
}
ul.slider .analytics-slide .desc .register-btn {
margin: 10px 0 0 0;
}
ul.slider li.analytics-slide .register-btn a {
font-size: .6em;
letter-spacing: 1px;
}
.slider li.me2017-dubai-uc-slide {
background: #fff;
border-top: 1px solid #eee;
}
ul.slider li.cloud-sec-plus .cont-sec {
width: 40%;
}
ul.slider li.cloud-sec-plus .img-sec {
width: 50%;
margin-right: 0;
}
.slider li.cloud-sec-plus {
background: url(../images/cloud-security-home-banner-bg.jpg) no-repeat 0 0;
background-size: cover;
}
.slider li.me2017-dubai-uc-slide .cont-sec img {
width: 80%;
display: block;
margin: 0 auto;
}
.slider li.me2017-dubai-uc-slide p {
text-align: center;
padding: 15px 0 0 0;
}
.slider li.me2017-dubai-uc-slide p.register-btn a {
background: #0aaf6f;
color: #fff;
font-size: 0.7em;
font-weight: 400;
letter-spacing: 0.5px;
padding: 1% 2%;
}
.slider li.office365-slider {
background: #e8402e;
}
.slider li.office365-slider .desc p {
color: #fff;
font-size: 1.8em;
}
.slider li.office365-slider p.bannercont strong {
font-weight: 500;
font-size: 1.5em;
}
.slider li.office365-slider .register-btn a {
background: #000;
padding: 2% 4%;
font-size: .7em;
font-weight: 200;
color: #fff;
}
ul.slider li.office365-slider .cont-sec {
margin: 10% 0 0 0;
width: 50%;
}
ul.slider li.office365-slider .img-sec {
margin: 0;
width: 50%;
}
.slider li.activedirectory-ela-slider {
background: url(../images/me-home-gdpr-banner.jpg) no-repeat center top;
background-size: 100% auto;
text-align: left;
}
.slider li.activedirectory-ela-slider .desc p {
color: #fff;
font-size: 1em;
}
.slider li.activedirectory-ela-slider p.bannercont strong {
font-weight: 400;
font-size: 1.2em;
line-height: 1em;
}
.slider li.activedirectory-ela-slider .register-btn a {
background: #169f52;
text-transform: inherit;
padding: 1.5% 2%;
font-size: 1.2em;
font-weight: 200;
color: #fff;
}
ul.slider li.activedirectory-ela-slider .cont-sec {
margin: 7% 0 0 0;
width: 45%;
text-align: center;
}
ul.slider li.activedirectory-ela-slider .img-sec {
margin: 0;
width: 50%;
}
.slider li.activedirectory-ela-slider p.bannercont span {
font-weight: 100;
font-size: 2.4em;
line-height: 1em;
}
.slider li.activedirectory-ela-slider p.datecont span {
background: url(../images/me-home-date-icon.png) no-repeat left center;
display: inline-block;
padding: 5px 5px 5px 45px;
color: #be9769;
font-size: 1em;
font-weight: 400;
}
.slider li.activedirectory-ransware-slider {
background: #bd0000;
}
.slider li.activedirectory-ransware-slider .desc p {
color: #fff;
font-size: 1.8em;
}
.slider li.activedirectory-ransware-slider p.bannercont strong {
font-weight: 500;
font-size: 1.5em;
}
.slider li.activedirectory-ransware-slider .register-btn a {
background: #000;
padding: 2% 4%;
font-size: .7em;
font-weight: 200;
color: #fff;
}
ul.slider li.activedirectory-ransware-slider .cont-sec {
margin: 10% 0 0 0;
width: 50%;
}
ul.slider li.activedirectory-ransware-slider .img-sec {
margin: 0;
width: 50%;
} /**** Aus page slider custom style ****/ .au-sprite-image {
display: inline-block;
background-image: url(https://manageengine.com.au/images/au-sprite-image.png) !important;
overflow: hidden;
text-indent: -9999px;
text-align: left;
}
.au-header-flag {
background-position: -10px -873px;
width: 16px;
height: 10px;
}
a.au-header-flags {
text-indent: initial;
width: auto;
display: inline;
padding-left: 23px;
background-position: -10px -870px;
}
.slider li.australia-workshop2017 {
background: #fff;
border-top: 1px solid #eee;
}
.slider li.australia-workshop2017 .title-sec {
float: left;
color: #91c1a7;
width: 45%;
}
.slider li.australia-workshop2017 .title-sec h2 {
font-size: 6em;
font-weight: bold;
text-transform: uppercase;
line-height: 1em;
color: #3ba782;
margin: 0;
}
.slider li.australia-workshop2017 .creative {
position: relative;
bottom: -47px;
}
ul.slider li.australia-workshop2017 img {
width: 100%;
height: auto;
}
.slider li.australia-workshop2017 .desc p {
margin: 0;
letter-spacing: normal;
}
.slider li.australia-workshop2017 .content-sec {
float: right;
color: #000;
text-align: left;
width: 47%;
}
.slider li.australia-workshop2017 .content-sec .aus-webi-container {
width: 100%;
height: auto;
display: inline-block;
}
.slider li.australia-workshop2017 .content-sec .aus-webi-container1 {
width: 44%;
height: auto;
display: inline-block;
text-align: right;
padding: 0 5% 10px 0;
margin: 7% 0 0 0;
}
.slider li.australia-workshop2017 .content-sec .aus-webi-container2 {
width: 44%;
height: auto;
display: inline-block;
text-align: left;
padding: 0 0% 10px 5%;
margin: 7% 0 0 0;
}
.slider li.australia-workshop2017.active .content-sec .aus-webi-container1 {
border-right: 1px solid #ccc;
}
.slider li.australia-workshop2017 .content-sec p.register-btn {
text-align: center;
margin: 3% 0 0 0;
}
.slider li.australia-workshop2017 .content-sec p.aus-webi-text1 {
color: #e90000;
margin: 5px 0 5px 0;
font-size: 1.3em;
padding: 0 0 0 0;
line-height: 24px;
letter-spacing: 0.5px;
font-weight: 500;
}
.slider li.australia-workshop2017 .content-sec p.aus-webi-text2 {
margin: 5px 0 5px 0;
font-size: 1em;
padding: 0 0 0 0;
line-height: 30px;
letter-spacing: 0.5px;
font-weight: 500;
}
.slider li.australia-workshop2017 .content-sec p.aus-webi-text3 {
margin: 0 0 0 0;
font-size: 0.9em;
padding: 0 0 0 0;
line-height: 26px;
letter-spacing: 0.5px;
}
.slider li.australia-workshop2017 .content-sec p.aus-webi-text4 {
width: 100%;
display: inline-block;
margin: 0 0 0 0;
padding: 0 0 0 0;
line-height: 12px;
}
.slider li.australia-workshop2017 .desc {
top: 5%;
}
.slider li.australia-workshop2017 .register-btn a {
background: #e9132b;
padding: 2px 20px;
color: #fff;
display: inline-block;
font-size: .7em;
letter-spacing: normal;
text-decoration: none;
}
.slider li.australia-workshop2017 .content-sec p.register-btn a {
padding: 10px 20px;
font-size: 0.9em;
}
.slider li.sdp-slide {
background: #FFF url(https://www.manageengine.com/images/servicedesk-hbanner-bg.jpg) no-repeat 0 0;
}
.slider li.nyc-userconf {
background: url(https://www.manageengine.com/images/nyc-banner-bg.jpg) no-repeat top center;
text-align: center;
}
.slider li.supportcenter-slide {
background: url(https://www.manageengine.com/images/supportcenter-banner-bg.jpg) no-repeat 0 0;
background-size: cover;
}
.slider li.selfservice-slide {
background: url(../images/selfservice-banner-bg.jpg) no-repeat center center;
background-size: cover;
}
.slider li.exchangereport-slide {
background: #00b268 url(../images/zoho-sprints-banner.png) no-repeat 10% top;
background-size: auto 75%;
}
.slider li.supportcenter-slide div.cont-sec {
width: 50%;
color: #fff;
margin: 8% 0 0 0;
}
.slider li.gdpr-slide {
background: #cedbfd;
}
.slider li.pmp-cloud-slide {
background: #e8e8e8;
}
.slider li.supportcenter-slide div.img-sec {
width: 37%;
margin: 11% 0 0 0;
}
ul.slider li.supportcenter-slide .desc p.bannercont {
color: #fff;
line-height: normal;
font-size: 1.6em;
}
ul.slider li.supportcenter-slide .desc p.bannercont span {
font-size: 1.5em;
}
ul.slider li.supportcenter-slide .desc p.register-btn a {
background: #ffca10;
color: #000;
padding: 10px 20px;
font-size: .6em;
font-weight: 400;
}
ul.slider li.supportcenter-slide .desc p.register-btn a:hover {
background: #fff;
}
ul.slider li.sdp-slide .desc .cont-sec {
width: 60%;
}
ul.slider li.gdpr-slide .desc .cont-sec p.bannercont {
color: #222;
font-size: 1.2em;
line-height: 1.8em;
}
ul.slider li.sdp-slide .desc .img-sec {
width: 38%;
margin: 3% 0% 0 0;
}
ul.slider li.gdpr-slide .desc .cont-sec {
margin: 5% 5% 0 0;
width: 55%;
}
ul.slider li.pmp-cloud-slide .desc .cont-sec {
margin: 4% 0 0 0;
width: 65%;
}
ul.slider li.gdpr-slide .desc .img-sec {
margin: 5% 0 0 5%;
width: 35%;
}
ul.slider li.pmp-cloud-slide .desc .img-sec {
margin: 4% 0 0 5%;
width: 30%;
}
ul.slider li.exchangereport-slide .desc .cont-sec {
margin: 7% 0 0 0;
width: 55%;
}
ul.slider li.exchangereport-slide .desc .img-sec {
margin: 7% 0% 0 0;
width: 40%;
}
ul.slider li.exchangereport-slide .desc p {
color: #fff;
}
ul.slider li.exchangereport-slide .desc p.cont2 {
font-weight: 500;
font-size: 2.5em;
}
ul.slider li.exchangereport-slide .desc p.cont1 {
font-weight: 500;
font-size: 2em;
}
ul.slider li.exchangereport-slide .desc p.cont1 span {
font-weight: 300;
}
ul.slider li.exchangereport-slide .desc p.cont3 {
font-weight: 300;
font-size: 1.2em;
line-height: 1.7em;
}
ul.slider li.exchangereport-slide .desc p.register-btn a {
font-size: .6em;
background: #000;
transition: all 0.3s ease-in-out 0s;
}
ul.slider li.exchangereport-slide .desc p.register-btn a:hover {
font-size: .6em;
background: #d53547;
color: #FFF;
}
ul.slider li.selfservice-slide .desc .cont-sec {
width: 50%;
margin: 8% 0 0 0;
}
ul.slider li.dcrandsome-slide .desc .cont-sec {
width: 60%;
margin: 8% 0 0 0;
}
ul.slider li.selfservice-slide .desc .img-sec {
width: 50%;
margin: 3% 0 0 0;
}
ul.slider li.selfservice-slide .cont-sec p.register-btn a {
padding: 10px 20px;
font-size: .6em;
font-weight: 300;
}
ul.slider li.selfservice-slide .cont-sec p.register-btn a:hover {
background: #fdd10c;
color: #000;
}
.sdp-slide .desc p.bannercont {
font-size: 1.4em;
color: #222;
}
.gdpr-slide .desc p.bannercont span {
font-size: 2em;
font-weight: 600;
display: inline-block;
line-height: 1.2em;
margin-bottom: 2%;
}
.pmp-cloud-slide .desc p.bannercont span {
font-size: 1.8em;
font-weight: 600;
}
.sdp-slide .register-btn a {
background: #d53547;
}
.dcrandsome-slide .register-btn a {
background: #834479;
}
.dcrandsome-slide .register-btn a:hover {
background: #ffce22;
color: #000;
}
.cust-logo1 ul li {
float: none;
width: auto;
vertical-align: top;
display: inline-block;
padding: 0px 1% 0 1%;
text-align: center;
}
.cust-logo1 ul li span {
background: url(https://www.manageengine.com/images/clients.jpg) no-repeat left top;
display: inline-block;
text-indent: -9999em;
width: 100px;
height: 60px;
}
.cust-logo1 ul li span.cl-at {
background-position: 0 0;
}
.cust-logo1 ul li span.cl-bs {
background-position: -200px 0;
}
.cust-logo1 ul li span.cl-sy {
background-position: -300px 0;
}
.cust-logo1 ul li span.cl-ge {
background-position: -400px 0;
}
.cust-logo1 ul li span.cl-sg {
background-position: -500px 0;
}
.cust-logo1 ul li span.cl-er {
background-position: -600px 0;
}
.cust-logo1 ul li span.cl-lr {
background-position: -100px 0;
}
.cust-logo1 ul li span.cl-nc {
background-position: -700px 0;
}
.au-cust-logos .au-cust-logo4 {
background-position: -10px -806px;
width: 133px;
height: 57px;
}
.au-cust-logos .au-cust-logo3 {
background-position: -10px -739px;
width: 133px;
height: 57px;
}
.au-cust-logos .au-cust-logo2 {
background-position: -10px -672px;
width: 133px;
height: 57px;
}
.au-cust-logos .au-cust-logo1 {
background-position: -10px -605px;
width: 133px;
height: 57px;
}
.au-cust-logos ul li {
padding: 0px 4% 0 4%;
} /**** UK page slider custom style ****/ .au-sprite-image {
display: inline-block;
background-image: url(https://manageengine.com.au/images/au-sprite-image.png) !important;
overflow: hidden;
text-indent: -9999px;
text-align: left;
}
.au-header-flag {
background-position: -10px -873px;
width: 16px;
height: 10px;
}
a.au-header-flags {
text-indent: initial;
width: auto;
display: inline;
padding-left: 23px;
background-position: -10px -870px;
}
.slider li.ad-webinar-slide {
background: url(../images/webinar-homebanner3.jpg) no-repeat 0 0;
background-size: cover;
}
.ad-webinar-slide .desc {
top: 6%;
}
.ad-webinar-slide .desc p {
text-align: center;
line-height: 30px;
letter-spacing: normal;
color: #fff;
margin: 0 !important;
}
ul.slider li.ad-webinar-slide p.consy2 {
font-size: 2.5em;
font-weight: normal;
position: relative;
}
ul.slider li.ad-webinar-slide p.consy3 {
color: #77c537;
font-weight: 600;
font-size: 1.9em;
padding: 40px 0 20px 0;
}
ul.slider li.ad-webinar-slide p.consy4 {
font-size: 1.3em;
background: url(../images/date-icon.png) no-repeat 36% 5px;
}
ul.slider li.cloud-slide {
background: #f6650b url(../images/sdp-rapid-banner.png) no-repeat 5% top;
min-height: inherit;
background-size: auto 100%;
}
ul.slider li.cloud-slide .desc p.bannercont, ul.slider li.cloud-slide .desc p.bannercont span {
color: #FFF;
}
ul.slider li.cloud-slide .desc p.bannercont {
font-size: 1.2em;
line-height: 2.5em;
}
ul.slider li.cloud-slide .desc p.bannercont span {
font-size: 2.5em;
line-height: 1.3em;
}
ul.slider li.cloud-slide .desc .img-sec {
margin: 0;
}
ul.slider li.cloud-slide img {
visibility: hidden;
}
.slider li.dcrandsome-slide {
background: #ebebeb;
}
ul.slider li.dcrandsome-slide .desc .img-sec img {
width: 75%;
margin-right: 10%;
}
ul.slider li.dcrandsome-slide .desc .img-sec {
text-align: right;
width: 35%;
}
ul.slider li.dcrandsome-slide .desc p.bannercont span {
color: #000;
} /****
/* new menu css */
.all-product, .download-btn, .free-tool a:after, .free-tool.market, .tab-right li {
text-align: center
}
.download-btn a, .tabs-nav a, nav ul.header-nav li .tab-title a:hover, nav ul.header-nav li a:hover {
text-decoration: none
}
#search-result-input, #search-result-input *, .col.col1, .col.col2, .division-list span, .download-btn, .download-btn a, .solutions .division-list li {
box-sizing: border-box
}
.division-list span, .free-tool img, .menu-icons, .search-btn img {
vertical-align: middle
}
#commonHeader {
height: 100px;
min-height: 100px
}
#header-mainsec .head-container .fr {
float: left
}
nav ul.header-nav {
margin-left: 100px;
position: relative
}
nav ul.header-nav > li {
position: relative;
margin: 0 5px;
padding: 0 0 10px;
cursor: pointer;
z-index: 99999
}
nav ul.header-nav > li:first-child {
padding: 0 0 0 10px;
margin-left: 20px
}
.prd-menu span {
color: #000
}
nav ul.header-nav > li > span {
padding: 15px 20px;
z-index: 999;
display: inline-block;
position: relative;
border-bottom: none !important
}
.nav-list > div {
width: 800px;
top: 55px;
background: 0 0;
border: none;
box-shadow: none
}
.header-nav .nav-list > div.anims {
z-index: 9999;
overflow: visible;
transition: all ease .5s;
opacity: 1;
visibility: visible;
display: none
}
.nav-list > div.anims.show {
transform: translateY(0);
z-index: 99
}
.nav-list > div.header-search {
width: 100%;
background: #fff
}
#product-list {
padding-top: 0
}
.tab-active .events-inner {
width: 100% !important
}
.download-btn {
float: right;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: all .2s ease;
width: 185px;
height: 42px;
margin-top: 8px;
line-height: 22px
}
.download-btn a {
background: #fff;
border: 1px solid #dd002c;
display: inline-block;
padding: 10px 5px;
border-radius: 4px;
color: #dd002c;
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
position: relative;
overflow: hidden
}
.events .tabs-nav, .tabs-stage {
border-bottom-right-radius: 4px
}
.download-btn a .in-btn {
z-index: 2;
position: relative
}
.download-btn a:hover {
border-color: #dd002c;
color: #fff;
background: #dd002c
}
.nav-drop:after {
content: "";
display: table;
clear: both
}
.nav-drop, .nav-drop > div {
display: none
}
.nav-drop {
width: 675px;
height: 700px;
border-radius: 4px;
background: #fff;
margin-top: 3px;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.26);
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.26);
-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.26);
-o-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.26);
-ms-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.26);
position: relative;
will-change: all;
transition-property: all;
-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
-o-transition-duration: .4s;
transition-duration: .4s;
transform-origin: 50% -50px;
transform: scale(-1, 0);
opacity: 0
}
.nav-drop.show {
opacity: 1;
transform: translateY(0)
}
.nav-drop > div, .nav-drop > div > .dropdown-product {
height: 100%
}
#product-menu {
transform: translateX(0) translateY(0);
width: 920px
}
#solution-menu {
transform: translateX(50px) translateY(0);
width: 860px;
height: 540px
}
#customer-menu {
transform: translateX(300px) translateY(0);
width: 250px;
height: 500px
}
#support-menu {
transform: translateX(430px) translateY(0);
width: 550px;
height: 440px
}
#community-menu {
transform: translateX(540px) translateY(0);
width: 250px;
height: 440px
}
#community-menu.nav-drop > div.events, #customer-menu.nav-drop > div.company, #product-menu.nav-drop > div.products, #solution-menu.nav-drop > div.solutions, #support-menu.nav-drop > div.support, .tabs-nav a {
display: block
}
.nav-drop .nav-drop.expand {
width: 920px
}
.nav-drop:before {
content: '';
position: absolute;
left: 50px;
top: -10px;
width: 0;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid #333;
clear: both;
z-index: 9999999
}
.event .tabs-nav, .tabs-nav li {
position: relative
}
#product-menu.nav-drop:before {
left: 70px
}
#solution-menu.nav-drop:before {
left: 140px;
}
.support .nav-drop:before {
left: 190px
}
.product-menu .nav-drop {
transition: all ease .7s;
width: 920px
}
.product-menu .nav-drop:before {
left: 125px
}
.solutions .nav-drop:before {
left: 195px
}
.cus-menu .nav-drop:before {
left: 50px
}
.event-menu .nav-drop:before {
left: 80px
}
.tabs-nav {
float: left;
padding-top: 15px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
background: #333;
height: 96.7%;
width: 250px;
max-width: 250px;
min-width: 250px
}
.solutions .tabs-nav {
border-bottom: 3px solid #353434
}
.tabs-stage {
width: calc(100% - 252px);
float: left;
border-top-right-radius: 4px;
overflow: hidden;
height: 100%
}
.product-menu .tabs-stage {
width: 70%
}
.event .tabs-nav, .tabs-nav li.fixed-event {
width: 100%;
border-bottom-right-radius: 4px
}
.tabs-nav li {
float: none;
height: auto;
margin-left: 15px;
margin-bottom: 8px;
border-left: 4px solid #333
}
.company .tabs-nav li.links, .company .tabs-nav li:nth-child(2), .event .tabs-nav li.links, .support .tabs-nav li.links {
margin-bottom: 0
}
.tabs-nav li:not(.tab-active):hover {
background: #484747
}
.tabs-nav li.tab-active, .tabs-nav li:hover {
border-left: 4px solid #E04B3A
}
.nav-drop .tabs-nav li.links {
border-left: 4px solid #333
}
.nav-drop .tabs-nav li.links.fixed-event {
border-left: 0
}
.tabs-nav li.fixed-event {
margin: 0;
text-align: center;
position: absolute;
bottom: 0;
border-bottom-left-radius: 4px;
padding: 0;
height: 50px
}
.nav-submenu ul li.fixed-event a {
color: #fff;
text-transform: uppercase;
font-weight: 600
}
.tabs-nav a {
color: #fff;
padding: 15px 20px 15px 8px;
font-size: 1.1em;
cursor: pointer
}
div.nav-submenu ul.tabs-nav li a h3 {
color: #fff
}
div.nav-submenu ul.tabs-nav li.tab-active a h3 {
color: #E04B3A
}
div.nav-submenu ul.tabs-nav li.links a h3 {
color: #fff
}
.tabs-nav li:after {
content: ">";
display: inline-block;
position: absolute;
right: 15px;
color: #fff;
top: 50%;
transform: translate(-50%, -50%)
}
.tabs-nav li.links:after, .tabs-nav li.tab-active:after {
display: none
}
.tabs-nav h3 {
font-size: 14px;
margin: 0;
padding-bottom: 0;
font-weight: 400;
line-height: 1
}
.menu-icons {
width: 20px;
height: 20px;
margin-right: 10px;
position: relative;
bottom: 1px
}
.nav-drop li.tab-active .menu-icons {
-webkit-filter: invert(30%) grayscale(100%) brightness(70%) contrast(4);
filter: invert(30%) grayscale(100%) brightness(70%) contrast(4)
}
.nav-drop li:not(.tab-active):hover .menu-icons {
filter: brightness(0) invert(1);
-webkit-filter: brightness(0) invert(1)
}
.tabs-nav .links h3 {
display: inline-block;
position: relative
}
.tabs-nav p {
font-size: .9em;
margin: 8px 0 0;
color: #c7c7c7;
line-height: 1.3;
display: none
}
.tab-active {
background: #fff
}
.tabs-nav > li.links:hover {
background: 0 0
}
.tabs-nav > li.links.fixed-event:hover {
background: #E04B3A
}
.tab-active a h3 {
color: #E04B3A
}
.tabs-nav > li:hover p, .tabs-nav > li:not(.tab-active):hover h3 {
color: #fff
}
.tabs-nav > li.links h3:after {
content: "";
display: block;
background: #E04B3A;
width: 0%;
height: 3px;
position: relative;
top: 8px;
transition: all ease .6s
}
.free-tool a, .free-tool a:after {
display: inline-block;
font-size: 12px
}
.tabs-nav > li.links:hover h3:after {
width: 100%
}
.products-lists {
padding: 25px 20px 20px
}
.tab-right {
padding: 20px;
background: #f2fbfc;
margin-right: 12px;
margin-top: 15px;
border: 1px solid #f7f5f5
}
.tab-right li {
line-height: 1.5
}
.free-tool {
position: absolute;
width: calc(100% - 270px);
left: 270px;
bottom: 0;
z-index: 99999;
height: 50px
}
.free-tool a:after {
content: ">";
width: 13px;
height: 13px;
margin-left: 5px;
background: #000;
border-radius: 50%;
color: #fff;
line-height: 14px;
position: relative;
top: 1px
}
.free-tool a {
font-weight: 400;
float: right;
padding: 10px 15px;
margin-right: 25px;
color: #000;
position: relative
}
.free-tool a:hover:after {
background: #E04B3A
}
.free-tool a:hover {
color: #E04B3A
}
.free-tool.market a:after {
display: none
}
.free-tool.market a {
padding: 9px 10px;
background: 0 0;
float: none;
bottom: 10px
}
.free-tool img {
height: 32px
}
a.link-right {
float: right;
margin-right: 20px
}
.tab-right img {
width: 50%;
border-radius: 10px;
display: block;
margin: 10px auto
}
.prd-menu .products-lists {
padding: 10px 20px 20px
}
.prd-menu .division-list {
padding: 20px 15px 15px;
overflow: hidden
}
h2.tab-title {
font-size: 1.1em;
padding: 20px 20px 0;
color: #000;
margin-bottom: 0;
margin-top: 0;
line-height: 1
}
p.tab-descr {
margin-bottom: 10px;
color: #000;
padding-left: 20px;
padding-right: 15px;
margin-top: 0;
font-size: 12px
}
.tab-descr:after {
content: "";
display: block;
width: 100%;
height: 1px;
background: red;
position: relative;
top: 5px
}
.tab-title a {
display: inline-block;
font-weight: 500
}
.col.col1, .col.col2 {
float: left;
width: 50%
}
.seperate {
margin: 20px 0
}
.products-lists li, .solutions .products-lists li {
margin-bottom: 20px
}
.products-lists li {
color: #000;
border-left: 2px solid #fff;
padding-left: 5px
}
.products ..col {
min-width: 282px
}
.products-lists li:hover {
border-left: 2px solid #f23c2d
}
.products-lists.division-list li {
border-left: 0;
padding-left: 0
}
.products-lists.division-list li:hover {
border-left: 0
}
.products-lists h3 {
font-size: 1em;
margin: 0;
color: #000
}
.products-lists p {
margin: 6px 0;
font-size: .8em;
line-height: 1.3;
color: #0009
}
.products-lists a {
font-weight: 400
}
.products .products-lists a {
font-weight: 300;
color: #000;
font-size: 10.5px
}
.products .products-lists a span {
display: block;
margin: 0;
line-height: 1.3;
font-weight: 400;
font-size: 14px;
color: #000
}
.products .products-lists li:hover a {
color: #000
}
.company .products-lists li:hover a, .products .products-lists li:hover a span, .solutions .products-lists li:hover a, .support .products-lists li:hover a {
color: #E04B3A
}
.company .products-lists a, .support .products-lists a {
font-size: 14px
}
.all-product a, .help-product a, .related-product a {
color: #fff;
text-decoration: none
}
.drop-bottom {
width: 100%;
position: absolute;
bottom: 0;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
overflow: hidden
}
.all-product {
width: 40%;
float: left;
padding: 15px 0;
background: #E04B3A
}
.products .all-product {
width: 250px
}
.all-product a {
font-weight: 600
}
.all-product a:hover {
text-decoration: none
}
.help-product, .related-product {
width: 34%;
float: left;
padding: 15px 0
}
.help-product {
text-align: right
}
.related-product a {
font-size: .8em;
padding-left: 30px
}
.help-product a {
font-size: .8em
}
.help-product a:after {
content: ">";
display: inline-block;
margin-left: 10px;
background: #fff;
width: 15px;
height: 15px;
border-radius: 50%;
color: #111634;
text-align: center;
line-height: 1.4;
font-size: 11px
}
.nav-list > div.products {
left: -80px
}
#solution-menu.nav-drop {
width: 860px;
height: 600px
}
.solution-sec ul {
border-right: none
}
.solutions .tabs-stage > div {
min-width: 600px
}
.products .tabs-stage > div {
min-width: 670px;
height: 100%
}
.company .tabs-stage > div, .support .tabs-stage > div {
min-width: 298px
}
.solutions .division-list li {
width: 33%;
float: left;
padding: 5px;
margin-bottom: 15px;
line-height: 30px
}
.solutions .division-list li a {
font-size: 12px
}
.division-list .svg-imgs {
width: 30px;
height: 30px;
display: block;
margin: 0 auto
}
.division-list .education .svg-imgs {
width: 40px;
margin-top: -10px;
height: 40px;
position: relative;
top: 10px
}
#industry .division-list li:hover .svg-imgs, #itdivision .division-list li:hover .svg-imgs {
-webkit-filter: invert(30%) grayscale(100%) brightness(70%) contrast(4);
filter: invert(30%) grayscale(100%) brightness(70%) contrast(4)
}
.division-list span {
width: 100%;
padding-left: 10px;
font-size: 13px;
display: block;
text-align: center;
line-height: 1.4;
min-height: 42px;
margin-top: 8px
}
.division-list:after {
content: "";
clear: both
}
#customer-menu .tabs-stage {
display: none
}
#customer-menu.nav-drop.expand {
width: 550px
}
#customer-menu.expand .tabs-stage {
display: block
}
.nav-list > div.solutions {
padding: 0;
height: auto;
left: -150px
}
.nav-list > div.support {
left: -120px
}
.industries-menu li {
padding: 0
}
#cloud li, #itsecurity li {
min-width: 215px
}
div#MEmobile {
position: fixed;
top: 30px;
right: 15px;
cursor: pointer;
transform: translate3d(0, 0, 0);
transition: transform .7s;
z-index: 9999999;
width: 30px;
height: 30px;
margin: 0
}
#MEmobile span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #2b2b2b;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out
}
#MEmobile span:nth-child(1) {
top: 0
}
#MEmobile span:nth-child(2) {
top: 8px
}
#MEmobile span:nth-child(3) {
top: 16px
}
.bodyoverflow #MEmobile span:nth-child(1) {
top: 8px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg)
}
.bodyoverflow #MEmobile span:nth-child(2) {
opacity: 0;
right: -60px
}
.bodyoverflow #MEmobile span:nth-child(3) {
top: 8px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg)
}
.search-btn {
width: 30px;
height: 30px;
position: absolute;
right: 88px;
top: 26px;
display: none;
cursor: pointer
}
.search-btn img {
display: block;
margin: 5px auto
}
#MEdropPanel {
background: #333
}
#MEmobPanel {
top: 78px
}
#MEmobPanel ul li {
border: 1px solid
}
#MEmobPanel a, #MEmobPanel span {
color: #fffcfc;
cursor: pointer;
display: block
}
#MEmobPanel .breadcrumbs span {
display: inline-block;
box-sizing: border-box;
width: 100%;
font-weight: 500;
font-size: 15px
}
#MEbackPanel {
color: #b7b5b5;
cursor: pointer
}
#MEmobPanel a {
display: block
}
#search-result-input {
position: absolute;
top: 76px;
width: 95%;
left: 0;
z-index: 999;
padding: 0 10px;
background: #333;
display: none
}
.c-ripple, .search-btn:before, li.breadcrumbs {
top: 0;
position: absolute
}
#search-result-input .MEmobListSearch {
background: #E04B3A
}
#free-trial, li.links.fixed-event {
background: #E04B3A;
text-align: center
}
#MEmobListPrd > ul > li#all-product {
background: #E04B3A;
text-align: center;
display: block !important;
border: 0
}
#MEdropPanel .links h3, #MEmobListCompany h3 {
color: #fff;
padding: 2px 10px !important
}
div#MEbackPanel {
position: absolute;
top: 0;
right: 0;
opacity: 0
}
.breadcrumbs {
background: #2A2A2A
}
#MEmobPanel .tab-active {
background: 0 0
}
#MEmobPanel #MEmobListCompany ul li.breadcrumbs span {
color: #fff;
font-size: 1em;
font-weight: 400
}
#MEmobPanel #MEmobListCompany h3, #MEmobPanel .tab-active h3 {
color: #fff !important
}
#MEmobPanel .tab-active h3 {
margin: 0;
font-size: 14px;
padding: 10px 10px 0;
font-weight: 400
}
.active-sub-list:before {
content: "";
display: inline-block;
width: 5px;
height: 5px;
background: #0096A7;
border-radius: 100%;
position: relative;
right: 6px;
margin-right: 3px
}
.search-btn:before {
content: "X";
color: #0f1438;
background: #fff;
width: 30px;
height: 30px;
left: 0;
z-index: 9;
font-size: 18px;
font-family: sans-serif;
line-height: 1.7;
-webkit-animation: slidein .5s ease 1 normal;
-moz-animation: slidein .5s ease 1 normal;
-o-animation: slidein .5s ease 1 normal;
animation: slidein .5s ease 1 normal;
text-align: center;
display: none
}
.search-btn.acts:before {
display: block
}
@keyframes slidein {
0% {
transform: scale(0);
-webkit-transform: scale(0)
}
100% {
transform: scale(1);
-webkit-transform: scale(1)
}
}
.search-btn #cse-search-box .newsearchbox:focus {
border: none
}
li.breadcrumbs {
width: 100%;
z-index: 99
}
#MEmobListPrd .breadcrumbs + li + li {
margin-top: 50px
}
.allprod-btn a, .events-sec .evt-rigister-btn, .explore-btn a {
background: #E04B3A;
font-size: 14px;
font-weight: 600;
padding: 10px 35px;
border-radius: 4px
}
.allprod-btn a:hover, .events-sec .evt-rigister-btn:hover, .explore-btn a:hover {
background: #dd002c
}
@media (min-width:1000px) and (max-width:1200px) {
.download-btn a {
padding: 10px 8px
}
nav ul.header-nav {
margin-left: 0px
}
}
@media screen and (min-width:1024px) and (max-height:750px) {
.products .products-lists a span {
font-size: 12px
}
#solution-menu.nav-drop, .nav-drop {
height: 575px
}
.nav-list a {
font-size: 14px
}
.products .products-lists a, p.tab-descr {
font-size: 12px
}
.products .tabs-nav li {
margin-bottom: 3px;
}
.products .tabs-nav li.tab-active {
right: -1px;
}
.products-lists {
padding: 15px 20px 20px 40px
}
.tab-opt .products-lists {
padding: 5px 0 0
}
.products .products-lists li {
margin-bottom: 12px
}
.tab-right li img {
width: 60%
}
.solutions {
height: 540px
}
.solutions .products-lists li {
margin-bottom: 15px
}
.solutions .division-list li {
margin-bottom: 10px;
font-size: 12px
}
.seperate {
margin: 2px 0
}
p.tab-descr {
margin-bottom: 6px
}
.products .tabs-nav a {
padding: 12px 20px 12px 8px;
}
.menu-icons {
width: 20px;
height: 20px
}
}
.c-ripple {
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
background: 0 0
}
.c-ripple__circle {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
width: 0;
height: 0;
border-radius: 50%;
background: rgba(255, 255, 255, .25)
}
.c-ripple.is-active .c-ripple__circle {
-webkit-animation: a-ripple .4s ease-in;
animation: a-ripple .4s ease-in
}
@-webkit-keyframes a-ripple {
0% {
opacity: 0
}
25% {
opacity: 1
}
100% {
width: 200%;
padding-bottom: 200%;
opacity: 0
}
}
@keyframes a-ripple {
0% {
opacity: 0
}
25% {
opacity: 1
}
100% {
width: 200%;
padding-bottom: 200%;
opacity: 0
}
}
.bundle-box {
text-align: center
}
.bundle-box h2 {
font-size: 16px;
color: #000;
padding-bottom: 5px
}
.bundle-box p {
margin-top: 0;
color: #000;
font-size: 13px
}
.bundle-box a {
color: #f23c2d;
font-size: 14px;
font-weight: 400
}
#header-mainsec .bundle-box a:hover {
text-decoration: none
}
.bundle-box a:after {
content: ">";
font-size: 14px;
height: 15px;
width: 15px;
border: 1px solid #f23c2d;
background: #f23c2d;
display: inline-block;
color: #fff;
margin-left: 5px;
text-align: center;
border-radius: 50%;
line-height: 16px;
transition: all ease .3s;
position: relative;
top: 1px
}
.bundle-box a:hover:after {
color: #f23c2d;
background: #fff
}
@media only screen and (max-width:1380px) {
.help-product, .related-product {
width: 31%
}
.products .products-lists li {
margin-bottom: 15px
}
.products .products-lists a {
font-size: 10px
}
#product-menu {
transform: translateX(-235px) translateY(0)
}
#product-menu.nav-drop:before {
left: 300px;
top: -12px;
border-bottom: 12px solid #fff
}
#solution-menu {
transform: translateX(-175px) translateY(0)
}
#solution-menu.nav-drop:before {
left: 370px;
top: -12px;
border-bottom: 12px solid #fff
}
#customer-menu.nav-drop.expand {
transform: translateX(132px) translateY(0)
}
#customer-menu.nav-drop.expand:before {
left: 190px;
top: -12px
}
#support-menu {
transform: translateX(130px) translateY(0)
}
#support-menu.nav-drop:before {
left: 318px;
top: -12px;
border-bottom: 12px solid #fff
}
#community-menu {
transform: translateX(440px) translateY(0)
}
#community-menu.nav-drop:before {
left: 115px;
top: -12px
}
}
@media only screen and (max-width:1152px) {
.download-btn {
display: none
}
}
@media only screen and (min-device-width:1025px) and (max-device-width:1114px) and (-webkit-min-device-pixel-ratio:2) {
.products .nav-drop {
width: 840px
}
#solution-menu.nav-drop {
width: 790px
}
.support-menu .nav-drop {
width: 535px
}
.company-menu .nav-drop.expand {
width: 520px
}
}
@media only screen and (max-width:1000px) {
.products-lists {
padding: 0
}
.download-btn, h2.tab-title {
display: none
}
#search-result-input {
width: 100%
}
#commonHeader {
min-height: 78px;
height: 78px
}
}
@media only screen and (max-width:1023px) {
#MEmobListSup span br {
display: none
}
#MEmobListCompany li span, #MEmobListCompanyE li span, #MEmobListPrd li span, #MEmobListSup li span, #MEmobListSupi li span {
display: block !important
}
#MEmobListSup li:not(.breadcrumbs) span, #MEmobListSupi li:not(.breadcrumbs) span {
padding: 0
}
#MEmobPanel img.svg-imgs {
width: 20px;
height: 20px;
float: left;
margin-right: 10px
}
h2.tab-title, p.tab-descr {
display: none
}
#search-result-input {
width: 95%
}
#product-nav {
display: block !important
}
#MEmobListCompany h3, #MEmobListSup h3, .links h3 {
color: #000;
display: inline-block;
padding: 10px;
cursor: pointer;
text-decoration: none;
margin: 0;
font-weight: 400;
font-size: 14px
}
.products-lists {
padding: 0
}
.download-btn {
display: none
}
#header-mainsec .headerinner {
height: 57px
}
.prdLogo img {
width: 180px;
height: auto
}
.headerinner .prdLogo {
margin-top: 10px
}
#fixedbtn, .top-links {
bottom: -1px;
left: 0;
z-index: 999;
}
.foot-copy.container {
margin-bottom: 30px;
}
#fixedbtn .contact, #fixedbtn .demo {
float: left;
width: 50%;
height: 25px
}
#MEdropPanel > ul > li > ul {
overflow: scroll
}
#MEdropPanel > ul > li > ul > li:nth-child(3) {
margin-top: 42px
}
}
@media only screen and (max-width:1282px) {
#header-mainsec .nav-list > div.anims.show {
width: 0;
}
}
@media only screen and (max-width: 1320px) {
.nav-list > div {
height: 430px
}
}
ul.pagination {
z-index: 9999 !important
}
li.branding-slide.gdpr-slide.uc-slide {
min-height: auto !important;
background: #71ccdd;
z-index: 999;
}
img.fixed-slide {
position: absolute;
width: 100% !important;
left: 0;
bottom: -10px;
z-index: -1;
pointer-events: none;
}
ul.slider li.gdpr-slide.uc-slide .desc .cont-sec {
margin: 0 auto;
width: 80%;
float: none;
text-align: center;
}
.slider li.uc-slide .desc {
top: 50% !important;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
}
ul.slider li.uc-slide .bannercont img {
width: 260px;
display: block;
margin: 20px auto;
}
.uc-slide .bannercont > span {
font-size: 23px;
display: block;
margin-bottom: 30px;
}
.uc-slide .bannercont > p {
padding: 5px 0 5px 35px;
display: inline-block;
margin: 0 30px 0 0;
font-size: 1.5em;
position: relative;
z-index: 2;
color: #fff;
}
ul.slider .gdpr-slide.uc-slide .register-btn a {
background: #fcda39;
color: #000;
font-weight: 500;
font-size: 16px;
margin-top: 14px;
}
@media only screen and (max-width: 1025px) {
ul.slider li.uc-slide .bannercont img {
width: 200px;
margin: 10px auto;
}
.uc-slide .bannercont > span {
margin-bottom: 15px;
}
ul.slider .gdpr-slide.uc-slide .register-btn a {
margin-top: 0;
}
}
/* YIR banner*/
.banners-content {
position: absolute;
transform: translate(-50%, -50%);
top: 40%;
left: 25%;
z-index: 9;
text-align: left;
}
h1.banner-title {
font-size: 20px;
padding: 0;
margin-bottom: 30px;
}
.banners-content h1 img {
width: 330px;
}
.brand-header p.details {
margin-top: 0;
color: #fff;
font-size: 15px;
padding: 0;
}
.details span {
display: block;
margin: 0;
padding: 0;
position: relative;
z-index: 2;
vertical-align: middle;
}
.details span img {
vertical-align: middle;
padding: 0 10px 0 0;
width: 15px;
}
.details span.hdate {
padding: 15px 0 0;
}
.details span.hdate img {
padding: 0 13px 0 2px;
width: 11px;
}
a.conf-register {
display: inline-block;
margin-top: 40px;
background: #39FFFF;
color: #000;
padding: 15px 40px;
font-size: 18px;
transition: all 0.5s ease-in-out;
}
a.conf-register:hover {
background: #444;
color: #fff;
}
.brand-header.mexico-uc-banner {
background: url("../images/mexico-bg-img.jpeg") no-repeat;
background-size: cover;
background-position: center bottom;
}
.mexico-uc-banner a.conf-register {
background: #fd057a;
color: #fff;
}
.mexico-uc-banner a.conf-register:hover {
background: #444;
color: #fff;
}
.mexico-uc-banner h2.cityname {
color: #fff;
}
@media (max-width: 1100px) {
.brand-header {
min-height: 50vh;
}
.banners-content {
top: 30%;
}
}
@media only screen and (max-width:1000px) {
.banners-content h1 img {
width: 300px;
}
.banners-content {
left: 50%;
text-align: center;
}
}
@media only screen and (max-width:650px) {
.brand-header {
min-height: 70vh;
}
.details span {
display: block;
line-height: 2;
margin: 0;
text-align: center;
}
.banners-content {
top: 45%;
left: 50%;
}
.banners-content h1 img {
width: 260px;
}
}
/* evaluator form*/
.eval-popup * {
margin: 0;
padding: 0;
box-sizing: border-box
}
div.eval-popup {
width: 800px;
height: auto;
display: block;
border-radius: 5px;
position: fixed;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
display: none
}
div.eval-popup .scroll-div {
overflow-y: scroll;
max-height: 95vh
}
.eval-popup h3.headlines {
font-size: 1.6em;
color: #e04b39;
margin-top: 10px;
font-weight: 600;
text-align: center
}
.fm-center {
text-align: center
}
.eval-popup .fm-center div.form-group {
width: 50%
}
.eval-popup .text-label {
margin-top: 10px;
margin-bottom: 3px
}
.eval-popup div.wrapper a img {
width: 200px;
margin: 0 auto;
display: block
}
.eval-popup p.headlines {
font-size: 13px;
text-align: center;
width: 90%;
margin: 10px auto 10px auto;
line-height: 18px
}
.eval-popup div.form-group {
width: 100%;
height: auto;
clear: both;
margin: 5px 0 20px 0;
display: inline-block;
position: relative;
vertical-align: top
}
.grey-bg .form-group {
margin-bottom: 5px
}
.fm-left div.form-group {
width: 45%;
margin-right: 4%
}
.fm-left div.form-group + .form-group {
width: 49%;
margin-right: 0
}
.eval-popup .form-group.zc-dropdown-group:after {
background: 0 0
}
.captcha-group.form-group:after, .eval-popup .form-group.zc-phone-group:after, .zc-submitandreset-group:after {
display: none
}
.eval-popup .inline-field {
position: relative
}
.eval-popup img.imgs {
width: 25%;
position: absolute;
left: 20px;
bottom: 10px
}
.eval-popup div.form-group label {
width: 350px;
float: left;
display: none
}
.eval-popup div.form-group label p {
margin: 0 auto
}
.form-field * {
outline: 0
}
div.form-group label p span.fieldMandate {
color: #ff0004
}
.captcha-input, div.form-group .form-field {
position: relative
}
.captcha-input.form-field {
margin: 0
}
.captcha-input {
margin: 0
}
.eval-popup .form-control {
display: block;
width: 100%;
height: 40px;
padding: 10px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
position: relative;
margin-bottom: 20px;
background-color: transparent;
background-image: none;
border: 1px solid #d1d1d1;
border-radius: 4px;
transition: border ease .9s;
-webkit-transition: border ease .9s;
-moz-transition: border ease .9s;
box-shadow: none
}
.form-group.captcha-group {
margin: 0 0 10px 0
}
.active-sec .form-control, .form-control.active-sec {
border-color: #fff
}
.eval-popup .form-control.zc_textareacomments {
height: 80px;
width: 98%
}
.eval-popup div.form-control input, .eval-popup div.form-control textarea {
width: 100%;
outline: 0;
border: none;
height: 100%;
background: 0 0;
padding-left: 0;
font-size: 13px;
position: relative;
z-index: 9;
opacity: .5;
resize: none
}
.eval-popup .form-control:before, .form-control:after {
box-sizing: inherit;
content: '';
position: absolute;
width: 0;
height: 0;
z-index: 1;
border: 2px solid transparent;
border-radius: 5px;
pointer-events: none
}
.eval-popup .form-control:before {
top: 0;
left: 0
}
.eval-popup .form-control:after {
bottom: 0;
right: 0
}
.eval-popup .active-sec .form-control::before, .eval-popup .active-sec.form-control::before {
border-top-color: #34ad65;
border-right-color: #34ad65;
transition: width .15s ease-out, height .15s ease-out .15s;
width: 100%;
height: 100%
}
.eval-popup .active-sec .form-control::after, .eval-popup .active-sec.form-control::after {
border-bottom-color: #34ad65;
border-left-color: #34ad65;
transition: border-color 0s ease-out .3s, width .15s ease-out .3s, height .15s ease-out .45s;
width: 100%;
height: 100%
}
.eval-popup div.form-control textarea {
height: 50px;
resize: none;
outline: 0
}
.eval-popup div.zc-submitandreset-group .form-field {
width: 100%;
margin: 0 auto;
float: none;
text-align: center
}
.eval-popup div.form-group input[type=submit] {
background: #e04b3a;
color: #fff;
border: none;
border-radius: 5px;
margin: 0;
padding: 14px 50px;
font-size: 16px;
text-align: center;
text-indent: 0;
-webkit-appearance: none;
float: none;
cursor: pointer
}
.eval-popup div.form-group input[type=reset] {
width: 150px;
background: #f66a63;
color: #fff;
border: none;
border-radius: 4px;
margin: 0 15px;
padding: 10px 0;
font-size: 16px;
text-align: center;
text-indent: 0
}
.eval-popup div.form-group input[type=submit]:hover {
background: #dd002c
}
.eval-popup div.form-group input[type=reset]:hover {
cursor: pointer
}
.eval-popup div.form-group input.zc-businessemail_input {
background-image: url(https://www.manageengine.com/images/form_emailicon.png);
background-size: 14px;
background-repeat: no-repeat;
background-position: 97% 50%
}
.eval-popup div.form-group input.zc-CallbackDateandTime_input {
background-image: url(https://www.manageengine.com/images/form_calendaricon.png);
background-size: 14px;
background-repeat: no-repeat;
background-position: 97% 50%
}
.eval-popup div.nature-of-query {
border: none;
width: 400px;
display: none;
position: absolute;
background: #fff;
z-index: 99999999;
top: 38px
}
.eval-popup div.nature-of-query ul {
list-style: none;
height: 250px;
width: 100%;
overflow-y: scroll;
background: #fff;
margin: 0;
padding: 0;
border: 1px solid #d7e4e6
}
.eval-popup div.nature-of-query ul li {
color: #000;
padding: 10px;
font-size: 13px
}
.eval-popup div.nature-of-query ul li:hover {
background: #34ad65;
color: #fff
}
.eval-popup div.form-group input.nature-of-query_input {
background-image: url(https://www.manageengine.com/images/form_dropdownarrows.png);
background-size: 14px;
background-repeat: no-repeat;
background-position: 97% 50%
}
.eval-popup div.countrylists {
border: none;
width: 400px;
display: none;
position: absolute;
background: #fff;
z-index: 9999999;
top: 38px;
border: 1px solid #d7e4e6
}
.eval-popup div.countrylists ul {
list-style: none;
height: 300px;
width: 100%;
overflow-y: scroll;
background: #fff;
margin: 0;
padding: 0
}
.eval-popup div.countrylists ul li {
color: #787878;
padding: 10px;
font-size: 13px
}
.eval-popup div.countrylists ul li:hover {
background: #34ad65;
color: #fff
}
.eval-popup div.form-group input.countrylists_input {
background-image: url(https://www.manageengine.com/images/form_dropdownarrows.png);
background-size: 14px;
background-repeat: no-repeat;
background-position: 97% 50%
}
.eval-popup div.me_countrylist_search {
width: 380px;
background: #fff;
padding: 15px 10px 15px 10px;
float: left
}
.eval-popup div.form-group input.me_countrylist_search_input {
width: 380px;
border: 1px solid #ccc;
border: 1px solid #e8eeef
}
.eval-popup div.me_solutions {
border: none;
width: 400px;
display: none;
position: absolute;
background: #fff;
z-index: 999999;
top: 38px;
border: 1px solid #d7e4e6
}
.eval-popup div.me_solutions ul {
list-style: none;
height: 300px;
width: 100%;
overflow-y: scroll;
background: #fff;
margin: 0;
padding: 0;
border: 1px solid #d7e4e6
}
.eval-popup div.me_solutions ul li {
color: #000;
padding: 10px;
font-size: 13px
}
.eval-popup div.me_solutions ul li:hover {
background: #34ad65;
color: #fff
}
.eval-popup div.form-group input.me_solutions_input {
background-image: url(https://www.manageengine.com/images/form_dropdownarrows.png);
background-size: 14px;
background-repeat: no-repeat;
background-position: 97% 50%
}
.eval-popup div.me_productslists {
width: 100%;
display: none;
position: relative;
background: #fff;
z-index: 99999;
top: 0
}
.eval-popup div.me_productslists.opn {
top: 0
}
.eval-popup div.me_productslists ul {
list-style: none;
height: 230px;
width: 100%;
overflow-y: scroll;
background: #fff;
margin: 0;
padding: 0
}
.eval-popup div.me_productslists ul li {
color: #000;
padding: 10px;
font-size: 13px;
cursor: pointer
}
.eval-popup div.me_productslists ul li:hover {
background: #34ad65;
color: #fff
}
.eval-popup div.form-group input.me_productslists_input {
background-image: url(https://www.manageengine.com/images/form_dropdownarrows.png);
background-size: 14px;
background-repeat: no-repeat;
background-position: 97% 50%;
cursor: pointer
}
.eval-popup div.me_productslistssearch {
width: calc(100% - 20px);
background: #fff;
padding: 15px 10px 15px 10px;
float: left
}
.eval-popup div.form-group input.me_productslistssearch_input {
width: 100%;
border: 1px solid #d7e4e6;
font-size: 1em;
padding: 8px
}
.eval-popup p.me_productslists_multiSel {
width: 100%;
padding: 3px;
position: relative;
background: #fff;
display: none;
z-index: 99999;
border-radius: 5px;
height: auto;
overflow: scroll;
max-height: 115px
}
.eval-popup p.me_productslists_multiSel span {
border: 1px solid #c2cacc;
border-radius: 5px;
font-size: 12px;
margin: 2px 5px 2px 0;
padding: 5px 5px;
display: inline-block
}
.eval-popup p.me_productslists_multiSel span strong {
color: #ff1e1e;
font-weight: 700;
margin: 0 0 0 10px;
cursor: pointer
}
.eval-popup div.me_productslist_inner {
border: 1px solid #d7e4e6;
width: 100%;
float: left;
position: absolute;
z-index: 9999;
top: 4px;
background: #fff
}
div.zc-Phonenumber-group input.Phonenumbercode_input {
width: 100px;
margin: 0 5px 0 0
}
div.zc-Phonenumber-group input.Phonenumberonly_input {
width: 291px
}
div.fieldinactive {
opacity: .1;
display: none !important
}
p.evalform_error_msg {
font-size: 11px;
color: #f63f3f;
position: absolute;
top: 40px;
left: 0;
display: none;
min-width: 300px
}
p.evalform_disclaimer {
font-size: 12px;
color: #818f92;
font-style: italic
}
.eval-popup p.evalform_disclaimer strong {
font-weight: 600
}
.eval-popup select#country_state, .eval-popup select#zc-country {
background: transparent url(https://www.manageengine.com/images/form_dropdownarrows.png) no-repeat 97% center;
background-size: 14px;
border: none;
width: 100%;
font-size: 13px;
color: #6f6c6c;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
margin: 0
}
.eval-popup .uscountry select#country_state, .eval-popup .uscountry select#zc-country {
height: 45px
}
.sol_rec .fm-left div.form-group.uscountry {
margin-bottom: -48px
}
.eval-popup div.zc-Preferredcallbackdateandtime span {
font-size: 14px;
color: #000
}
.eval-popup div.zc-Preferredcallbackdateandtime input {
width: auto;
vertical-align: middle;
margin: 1px 10px 0 0
}
.eval-popup div.form-group label.form-check-label {
display: block;
font-size: 13px
}
.eval-popup div#meGDPRMessage {
margin: 10px 0
}
.eval-popup p.privacy-policy {
font-size: 11px;
margin: 12px 0;
line-height: 1.4
}
.eval-popup p.privacy-policy a {
color: #138cd6
}
.eval-popup div.form-group div#meGDPRMessage label {
font-size: 11px;
display: block;
width: 100%;
margin: 0 0 20px 0
}
.success-msg, .success-msg-cosedevent, .success-msg2 {
background: #f8fdee;
border: 1px solid #b6db95;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-width: 1px 0;
padding: 10px 0;
text-align: center;
color: #5c8707;
font-weight: 700;
font-size: 18px;
position: absolute;
top: 0;
left: 0;
z-index: 99999;
width: 100%;
display: none
}
.eval-popup .zc-dropdown-group .form-field {
width: 100%
}
.eval-popup .zc-dropdown-group select {
background: #fff url(https://www.manageengine.com/images/form_dropdownarrows.png) no-repeat 97% center;
background-size: 14px;
border: none;
width: 100%;
font-size: 13px;
color: #6f6c6c;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
margin: 0
}
.eval-popup .form-control.zc-dropdown-group {
background: #fff
}
.eval-popup .error {
color: red;
font-size: 12px;
display: none
}
#WrongCaptchaError {
position: relative;
top: 14px;
line-height: 1;
width: 300px
}
.eval-popup .inline-field {
display: inline-block
}
.eval-popup .field-4.inline-field {
width: 28%;
padding-right: 2%;
margin: 0
}
.eval-popup .field-8.inline-field {
width: 70%;
margin: 0;
margin-left: 2%
}
.shapes {
position: absolute
}
.dots1 {
background-image: radial-gradient(#007bef 5%, transparent 0);
background-size: 30px 30px;
width: 300px;
height: 150px;
right: -75px;
top: -25px;
opacity: .5;
position: absolute;
z-index: 999999;
pointer-events: none;
transform: rotate(40deg);
opacity: .35;
display: none
}
.second-col .form-in {
margin: 0
}
.second-col .form-in.grey-bg {
background: #f2f1f0;
border-radius: 5px 5px 0 0;
border: 1px solid #fff;
padding: 10px 50px
}
.CaptchaWrap {
position: relative
}
#CaptchaImageCode {
text-align: center;
padding: 0 0;
width: 100%;
overflow: hidden
}
.CaptchaTxtField {
display: block;
box-sizing: border-box
}
.CaptchaWrap:after, .CaptchaWrap:before, .captcha-input:after, .captcha-input:before {
content: "";
display: table;
clear: both
}
.capcode {
font-size: 46px;
display: block;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
cursor: default;
letter-spacing: 1px;
color: #ccc;
font-family: 'Roboto Slab', serif;
font-weight: 100;
font-style: italic
}
div.form-group input.ReloadBtn {
background: url(../images/captcha-reload.svg) left top no-repeat;
background-size: 100%;
width: 22px;
height: 22px;
position: relative;
left: 7px;
top: 8px;
border: 0;
outline: 0;
cursor: pointer;
transition: all ease .5s;
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s
}
.eval-popup div.form-group.zc-submitandreset-group {
margin: 5px 0 5px 0
}
.eval-popup div.form-group.hide_field {
display: none
}
.eval-popup span.lbl {
pointer-events: none;
font-size: 13px;
color: #6b6a6a;
padding: 0 4px;
transition: all ease .5s;
-webkit-transition: all ease .5s;
border-radius: 5px;
display: block;
font-weight: 400;
position: absolute;
top: 10px;
left: 10px;
z-index: 2
}
.form-group.active-row span.lbl {
top: -8px;
background: #fff
}
.field-4 span.lbl, .zc-countrylists-group span.lbl {
opacity: 0
}
.form-group.active-row .field-4 span.lbl, .zc-countrylists-group.form-group.active-row span.lbl {
opacity: 1
}
.form-group .field-4 span.lbl, .form-group.zc-countrylists-group span.lbl {
top: -8px;
background: #fff;
opacity: 1
}
.zc-me_productslists-group .lbl {
z-index: 100000
}
.captcha-group:after, .captcha-group:before, .form-row:after, .form-row:before, .rows:after, .rows:before {
content: "";
display: table;
clear: both
}
div.form-group.group-half {
width: 49%;
float: left;
clear: none
}
.form-row > .group-half:first-child {
padding-right: 1%
}
.form-row > .group-half:last-child {
padding-left: 1%
}
.CaptchaWrap {
width: 250px;
float: left;
margin: 0 0 0 15px
}
.reload {
width: 8%;
float: left;
margin: 0
}
.captcha-input.form-field {
width: 42%;
float: left;
padding-right: 2%
}
span.eval-close {
position: absolute;
top: 10px;
right: 10px;
text-indent: -99999999999em;
background: url(../images/popup-close-black.svg) #f2f1f0 no-repeat 0 0;
width: 23px;
height: 23px;
background-size: 10px;
background-position: center;
text-align: center;
color: #fff;
line-height: 26px;
border-radius: 50%;
cursor: pointer;
z-index: 9;
transition: all ease .5s;
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s
}
span.eval-close:hover {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg)
}
.eval-popup-bg {
position: fixed;
left: 0;
top: 0;
z-index: 9999999;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .8);
display: none
}
.eval-popup form {
height: 100%
}
.eval-popup .form-col {
width: 100%;
float: left;
height: 100%;
position: relative;
overflow: hidden;
margin: 0
}
.eval-popup .form-in {
padding: 10px 20px
}
.second-col .form-in {
padding: 20px 50px
}
.eval-popup .rows {
height: 100%;
position: relative;
border-radius: 5px;
background: #fff
}
.eval-popup .form-group:after, .eval-popup .form-group:both, .form-field:after, .form-field:before {
display: table;
clear: both;
content: ""
}
@media only screen and (max-width:1400px) {
.form-group.zc-countrylists-group {
margin-bottom: 15px
}
div.form-group textarea {
height: 35px
}
}
@media only screen and (max-width:1100px) {
.eval-popup div.wrapper a img {
width: 300px
}
.eval-popup div.wrapper {
width: 90%
}
.eval-popup div.form-group label.form-check-label {
font-size: 15px;
width: 90%
}
.eval-popup div.form-group textarea {
padding: 5px 0 0 5px;
margin: 20px 0 0 0
}
.eval-popup div.form-group input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0
}
.eval-popup .form-control.zc_textareacomments {
width: 100%
}
.eval-popup div.form-group textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0
}
.eval-popup div.zc-Preferredcallbackdateandtime input {
width: auto;
padding: 0;
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance: checkbox;
outline: 0;
border-radius: 0
}
.eval-popup div.form-group {
clear: both;
margin: 20px auto;
display: table
}
.first-col div.form-group {
margin: 0
}
.eval-popup p.me_productslists_multiSel {
width: 97%
}
.eval-popup p.headlines {
font-size: 15px
}
.eval-popup .fm-left div.form-group, .eval-popup .fm-left div.form-group + .form-group {
width: 100%
}
.sol_rec .fm-left div.form-group.uscountry {
margin-bottom: 0
}
.sol_rec .form-group.zc-me_productslists-group {
display: none
}
}
@media only screen and (max-width:900px) {
div.eval-popup {
width: 90%
}
}
@media only screen and (max-width:650px) {
.eval-popup div.wrapper a img {
width: 250px
}
.eval-popup .img.imgs {
display: none
}
.eval-popup .form-col, .eval-popup .form-col.first-col {
width: 100%
}
.eval-popup .form-in {
padding: 20px
}
.eval-popup h3.headlines {
margin: 0 0 10px 0
}
.second-col .form-in {
padding: 20px 20px;
margin: 0
}
.captcha-input.form-field {
width: 100%
}
.CaptchaWrap {
width: 90%;
margin: 15px 0 0 0
}
.eval-popup {
max-height: 90vh;
overflow-y: scroll
}
.eval-popup .fm-center div.form-group {
width: 100%
}
}
.eval-success-msg {
background: #f8fdee;
border: 1px solid #b6db95;
padding: 10px;
text-align: center;
color: #5c8707;
font-weight: 400;
position: fixed;
width: 100%;
display: none;
z-index: 9999999;
top: 0;
left: 0;
font-size: 1em
}
/*country popup message css*/
.country-popup-box {
text-align: center;
border-top: 1px solid #ccc;
font-size: 14px;
position: fixed;
top: 0;
left: 0;
padding: 10px;
height: 57px;
box-sizing: border-box;
background: #273238;
z-index: 999999999999 !important;
width: 100%;
color: #fff;
display: none
}
.country-popup-box * {
box-sizing: border-box
}
a.popup-btn {
display: inline-block;
border: 1px solid #7ecde7;
padding: 7px 30px;
margin-left: 25px;
border-radius: 5px;
color: #fff;
background: #848d9f
}
.close-btn {
display: inline-block;
margin-left: 30px;
cursor: pointer
}
.langscript #commonHeader {
height: 157px
}
.langscript #header-topsec {
top: 57px
}
.langscript #header-mainsec {
top: 97px
}
.langscript #header-mainsec .headerinner.fixed {
top: 97px
}
@media only screen and (max-width:1024px) {
.langscript #commonHeader {
height: 135px
}
.langscript #header-mainsec, .langscript #header-mainsec .headerinner.fixed {
top: 57px
}
.langscript #header-mainsec div#MEmobile {
top: 86px
}
.langscript #MEmobPanel {
top: 135px
}
}
@media only screen and (max-width:650px) {
a.popup-btn {
padding: 7px 15px;
margin-left: 15px;
margin-top: 4px
}
.close-btn {
margin-left: 15px
}
.langscript #header-mainsec, .langscript #header-mainsec .headerinner.fixed {
top: 68px
}
.langscript #header-mainsec div#MEmobile {
top: 100px
}
.langscript #MEmobPanel {
top: 145px
}
.country-popup-box {
height: auto
}
}
@media only screen and (max-width:390px) {
.country-popup-box {
height: 80px
}
a.popup-btn {
padding: 5px 25px;
margin-top: 5px
}
.langscript #header-mainsec {
top: 70px
}
.langscript #header-mainsec {
top: 65px
}
}
/* datepicker */
.datepicker {
position: relative;
display: inline-block;
font: 15px/1.5 "Helvetica Neue", mplus-2c, Helvetica, Arial, "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
font-weight: 300;
border: 1px solid #dfdfdf;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: .5px .5px 0 #c8c8c8;
-webkit-box-shadow: .5px .5px 3px #eee;
-moz-box-shadow: .5px .5px 3px #eee
}
.datepicker > .datepicker_header {
padding-top: 0;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
background-color: #eee;
color: #3f3f3f;
text-align: center;
font-size: 9pt;
font-weight: 700;
min-height: 30px;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none
}
.datepicker > .datepicker_header > span {
display: inline-block;
margin-top: -2px
}
.datepicker > .datepicker_header > a {
color: #3b7796;
cursor: pointer;
font-size: 20px;
padding: 3px 16px;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
vertical-align: initial
}
.datepicker > .datepicker_header > a:hover {
color: #303030;
background-color: #c8c8c8
}
.datepicker > .datepicker_header > a:active {
color: #fff;
background-color: grey
}
.datepicker > .datepicker_header > span {
margin-left: 20px;
margin-right: 20px;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none
}
.datepicker > .datepicker_header > .icon-home {
position: absolute;
display: block;
width: 16px;
height: 16px;
vertical-align: middle;
padding: 8px;
top: 0;
left: 0
}
.datepicker > .datepicker_header > .icon-close {
position: absolute;
display: block;
width: 16px;
height: 16px;
vertical-align: middle;
padding: 8px;
top: 0;
right: 0
}
.datepicker > .datepicker_header > .icon-home > div {
width: 16px;
height: 16px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAYAAAB3AH1ZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAepJREFUSEudk71Kw2AUhnVxVnCyN1EcCjXUujmKF1AoRRCcNU4OIg5dtXF36tAb6B107qjg0iC4STt0EdTnTU8+v5rGNh54aM7Pe/J+abLmR3AZ7QeXD0+WZkI9zViaiXq9vg+5evU0Y+ksgjCqsrgPA2jBOzQs91FNPc0o70vLQtGHAbTgHRqW+6imnmaUS1PVqWL4SgijJr8juHK1H1Qb2Uxai1kivowmjODKq6Wopp5m0losA95Noh43ONXi+XpCPOsx49W9ZaIHp+CbSlFNPc24+i8DxfGX/YeZgTDqQrsgXc9AF9oFkcY9gQN7J3MjuOhs2WUS0ngGluqZmdNLs7IBTltmZsrvsZUKGaBfhik4vTSw3EBwfrdBfwhvwcX9tpVXNkBvA4bwBk4vDSw2UD27WbdLnf42mQmjIysl8ZeBWq3m9PRubWZOL43qGQOccpf8lc9tj5tWuP7g+tHaLqSR1pY7Pde78Ap7UIEPyOip5RgIOzvkzzCGF4gxtWltF9LAIgM78AxjeAF9/xk9tfy/gBuWOLVMfPIUDq08F3kGFOQlkIlPWKiXBvJfQl6+EjdvWJqJvwwoqMlErl4aabVowmmvbWEBEs2EJeLaFhZBmone8hMtAj2JIkykZYmQifRprAqa+sk3UgBXF8VWaxMAAAAASUVORK5CYII=)
}
.datepicker > .datepicker_header > .icon-close > div {
width: 16px;
height: 16px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAYAAAB3AH1ZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAfhJREFUSEvNVEtKA0EUHHBhsvZ7D0HF4PRMnERxI+hCQ4xuBE/g5yLRA+il/CCIXkDElRGt6qkZO91j1JUW1KJf1XvVn2Gif4XGUX986aRf0zIANXq0DBBv7Iwvb+192U+NHi2H0Tg+O2ycnN2DV+CcyiVQW5B2T6/KJUxr7dAkySN4bVbaiyqXMM1s3mr0wKtyDgytgQ/gu/gKbkumvgsOpJH0lieNN3s1O9iYd/EN657kyJikZ2uFDi97JDOgX8fAWyeg2MQO6IeT8Pbrao+Wtw/qJklvywBnE5ZuOAkve9SeA0PnQT+Ia7/2BoZXnK0uBkH5Oqxl4RNZYHAH9ANdMnxP9gA42X5FoMuhp6kEAnjlDPpVeIERm0B4+m0/N9AFq26Bta5sX0JvPvDCycFPTs+PbtQTUOvIHgAhu+DoJ4BH9mFgcAzyy3cDee3+c9ATq60ErjfDcP/kDPQ3hJtIM7XlwMAJ8FoBBe2bi/4m6J1QO34yrWlc740XxDffr/wm6EWP2u0GJsEnDS/DJVPvge7T0DspmT+aGQx+cUKGPriKTcCbzEhGwOn5GAZegM/gHdiSVAK1VBo9F+yRFJn2+hgGXtrBSXpn0mbQb5orbavl4ZfskZRDm5gGp1QKQM16nPACdhNpczZur3+ezAM1eoLwv0MUfQBkquZISGUUwgAAAABJRU5ErkJggg==)
}
.datepicker > .datepicker_header > a:hover > div {
background-position: -16px 0
}
.datepicker > .datepicker_inner_container {
margin: -2px 0 -2px 0;
background-color: #d2d2d2;
border: 1px solid #c8c8c8;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: .5px 0 3px #c8c8c8;
-webkit-box-shadow: .5px 0 3px #c8c8c8;
-moz-box-shadow: .5px 0 3px #c8c8c8
}
.datepicker > .datepicker_inner_container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.datepicker > .datepicker_inner_container > .datepicker_calendar {
float: left;
width: 18.3em;
margin-top: -.5px;
margin-left: -1px;
margin-bottom: -2px;
background-color: #fff;
border: 1px solid #c8c8c8;
border-top: none;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px
}
.datepicker > .datepicker_inner_container > .datepicker_calendar > table {
padding: 10px
}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > th {
color: #646464;
width: 18px;
font-size: small;
font-weight: 400;
text-align: center
}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td {
color: #000;
font-size: small;
text-align: center;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
cursor: pointer;
padding: 10px
}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.today {
border-bottom: #bfbfbf solid 2px;
margin-bottom: -2px
}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.wday_sat {
color: #04a
}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.wday_sun {
color: #e13b00
}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_another_month {
color: #ccc
}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_in_past {
cursor: default;
color: #ccc
}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_in_unallowed {
cursor: default;
color: #ccc
}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.out_of_range {
cursor: default;
color: #ccc
}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.active {
color: #fff;
background-color: grey
}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.hover {
color: #000;
background-color: #c8c8c8
}
.datepicker > .datepicker_inner_container > .datepicker_timelist {
float: left;
margin-top: -.5px;
padding: 5px 0;
overflow: auto;
overflow-x: hidden;
background-color: #fff;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
text-align: right;
width: 4.9em
}
.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar {
overflow: hidden;
width: 6px;
background: #fafafa;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px
}
.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar:horizontal {
height: 1px
}
.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-button {
display: none
}
.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-piece {
background: #eee
}
.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-piece:start {
background: #eee
}
.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-thumb {
background: #aaa;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px
}
.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-corner {
background: #333
}
.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 7px;
padding-right: 7px;
margin-top: 5px;
margin-bottom: 2px;
font-size: small;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
cursor: pointer
}
.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.time_in_past {
cursor: default;
color: #ccc
}
.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.out_of_range {
cursor: default;
color: #ccc
}
.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.active {
color: #fff;
background-color: grey
}
.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.hover {
color: #000;
background-color: #c8c8c8
}
#itaudit .division-list .svg-imgs {
width: auto;
height: 32px
}
.solutions .division-list li.brazil-menu, li.brazil-menu {
display: none
}
span.s-icon.user-thumb {
margin-left: 10px
}
.nav-drop {
height: calc(100vh - 110px);
}
@media only screen and (min-height: 800px) {
.nav-drop {
max-height: 690px;
}
}