.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: 0.5px 0.5px 0px #c8c8c8;
    -webkit-box-shadow: 0.5px 0.5px 3px #eeeeee;
    -moz-box-shadow: 0.5px 0.5px 3px #eeeeee;
}

.datepicker>.datepicker_header {
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #eeeeee;
    color: #3f3f3f;
    text-align: center;
    font-size: 9pt;
    font-weight: bold;
    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: #ffffff;
    background-color: #808080;
}

.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,
.datepicker>.datepicker_header>a:hover>div {
    background-position: -16px 0px;
}

/*
 * datepicker_inner_container
*/

.datepicker>.datepicker_inner_container {
    margin: -2px 0px -2px 0px;
    background-color: #d2d2d2;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;

    box-shadow: 0.5px 0px 3px #c8c8c8;
    -webkit-box-shadow: 0.5px 0px 3px #c8c8c8;
    -moz-box-shadow: 0.5px 0px 3px #c8c8c8;
}

.datepicker>.datepicker_inner_container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*
 * datepicker_inner_container > datepicker_calendar
*/

.datepicker>.datepicker_inner_container>.datepicker_calendar {
    float: left;
    width: 18.3em;

    margin-top: -0.5px;
    margin-left: -6px;
    margin-bottom: -2px;

    background-color: #ffffff;
    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_inner_container > datepicker_calendar > datepicker_table > tbody > tr > th (WDay-cell)
*/

.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tbody>tr>th,
.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tr>th {
    color: #646464;
    width: 18px;
    font-size: small;
    font-weight: normal;
    text-align: center;
}

/*
 * datepicker_inner_container > datepicker_calendar > datepicker_table > tbody > tr > td (Day-cell)
*/

.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tbody>tr>td,
.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tr>td {
    color: #000000;
    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,
.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tr>td.today {
    border-bottom: #bfbfbf solid 2px;
    margin-bottom: -2px;
}

.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tbody>tr>td.wday_sat,
.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tr>td.wday_sat {
    color: #0044aa;
}

.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tbody>tr>td.wday_sun,
.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tr>td.wday_sun {
    color: #e13b00;
}

.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tbody>tr>td.day_another_month,
.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tr>td.day_another_month {
    color: #cccccc;
}

.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tbody>tr>td.day_in_past,
.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tr>td.day_in_past {
    cursor: default;
    color: #cccccc;
}

.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tbody>tr>td.day_in_unallowed,
.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tr>td.day_in_unallowed {
    cursor: default;
    color: #cccccc;
}

.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tbody>tr>td.out_of_range,
.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tr>td.out_of_range {
    cursor: default;
    color: #cccccc;
}

.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tbody>tr>td.active,
.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tr>td.active {
    color: #ffffff;
    background-color: #808080;
}

.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tbody>tr>td.hover,
.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tr>td.hover {
    color: #000000;
    background-color: #c8c8c8;
}


.datepicker>.datepicker_inner_container>.datepicker_timelist {
    float: left;

    margin-top: -0.5px;
    padding: 5px 0px;

    overflow: auto;
    overflow-x: hidden;

    background-color: #ffffff;

    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.8em;
}


.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: #aaaaaa;
    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: #cccccc;
}

.datepicker>.datepicker_inner_container>.datepicker_timelist>div.timelist_item.out_of_range {
    cursor: default;
    color: #cccccc;
}

.datepicker>.datepicker_inner_container>.datepicker_timelist>div.timelist_item.active {
    color: #ffffff;
    background-color: #808080;
}

.datepicker>.datepicker_inner_container>.datepicker_timelist>div.timelist_item.hover {
    color: #000000;
    background-color: #c8c8c8;
}

/* -------------------------------------- Reset 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,
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,
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
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

em {
    font-style: italic
}

.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;
}

/*
html, body
{
	overflow-x: hidden;
}
*/
/* normalize css*/

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
    font-size: 16px;
    font-family: "Zoho_Puvi_Regular";
}

section *,
.popup-form * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

article,
footer,
header,
section {
    display: block;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
    text-decoration: none;
    color: #3131FF;
}

a:active,
a:hover {
    outline: 0;
}

a:hover {
    text-decoration: none;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: 500;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

p {
    margin: 0 0 25px;
    line-height: 1.8;
}

.text-left {
    text-align: left;
}

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

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-light {
    color: #fff;
}

.text-dark {
    color: #000;
}

.top-margin {
    margin-top: 25px !important;
}

.bottom-margin {
    margin-bottom: 25px !important;
}

.space-large {
    height: 50px;
}

.space-medium {
    height: 25px;
}

.space-small {
    height: 10px;
}

.margin-0 {
    margin: 0 !important;
}

.padding-0 {
    padding: 0 !important;
}

.non-click {
    cursor: default;
    pointer-events: none;
}

ol,
ul {
    margin-top: 0;
    margin-bottom: 10px;
    list-style-type: none;
    padding: 0px;
}

strong,
b {
    /*	font-weight: 500;*/
}

.rows:after,
.rows:before,
section:after,
section:before,
footer:after,
footer:before,
header:before,
header:after,
.container:before,
.container:after,
.clearfix:after,
.clearfix:before {
    display: table;
    content: "";
    clear: both;
}

.rows {
    margin-right: -15px;
    margin-left: -15px;
}

.container {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1200px;
}

.container-fluid {
    width: 100%;
    max-width: 100%;
}

/*
.fr {
	float: right!important;
}
*/
.fl {
    float: left !important;
}

.pr {
    position: relative;
}

.cols-2,
.cols-3,
.cols-4,
.cols-5,
.cols-6,
.cols-8,
.cols-9,
.cols-10,
.cols-12 {
    float: left;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.cols-2 {
    width: 12.5%;
}

.cols-3 {
    width: 25%;
}

.cols-4 {
    width: 33.3%;
}

.cols-5 {
    width: 41.7%;
}

.cols-6 {
    width: 50%;
}

.cols-8 {
    width: 66.6%;
}

.cols-9 {
    width: 75%;
}

.cols-10 {
    width: 87.5%;
}

.cols-12 {
    width: 100%;
}

@media only screen and (max-width: 992px) {
    .cols-md-12 {
        width: 100%;
    }

    .cols-md-9 {
        width: 75%;
    }

    .cols-md-6 {
        width: 50%;
    }

    .cols-md-3 {
        width: 25%;
    }
}

@media only screen and (max-width: 650px) {
    .cols-sd-12 {
        width: 100%;
    }

    .cols-sd-9 {
        width: 75%;
    }

    .cols-sd-6 {
        width: 50%;
    }

    .cols-sd-3 {
        width: 25%;
    }
}

/*----------Secondary header csss start--------*/
.brand-logo {
    display: inline-block;
}

.nav-menu {
    margin: 0;
}

.nav-menu li {
    display: inline-block;
    margin: 0 10px;
    position: relative;
}

.nav-menu li:first-child {
    margin-left: 0;
}

.nav-menu li a,
.nav-menu li span {
    display: block;
    padding: 10px;
    cursor: pointer;
}

.nav-menu li a:hover,
.nav-menu li span:hover {
    color: #dd002c;
}

.top-nav {
    margin: 0;
}

.top-nav li {
    display: inline-block;
    margin: 0 10px;
    position: relative;
}

.top-nav li a,
.top-nav li span {
    display: block;
    padding: 2px;
    cursor: pointer;
}

.dropdown-menu>ul {
    position: absolute;
    width: 250px;
    margin: 0;
    background: #ccc;
    -webkit-box-shadow: 0px 9px 10px #999999;
    -moz-box-shadow: 0px 9px 10px #999999;
    -o-box-shadow: 0px 9px 10px #999999;
    box-shadow: 0px 9px 10px #999999;
    left: 5px;
    z-index: 999;
    display: none;
}

.dropdown-menu:hover>ul {
    display: block;
}

.dropdown-menu:hover>span:after {
    -webkit-transition: rotate(-135deg);
    -moz-transition: rotate(-135deg);
    -o-transition: rotate(-135deg);
    transition: rotate(-135deg);
    bottom: 0px;
    border-color: #dd002c;
}

.dropdown-menu ul:before {
    content: '';
    position: absolute;
    left: 20px;
    top: -10px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #ccc;
    clear: both;
    z-index: 9999999;
}

.dropdown-menu ul li {
    margin: 0;
    display: block;
}

.dropdown-menu ul li a {
    padding: 12px;
    color: #000;
}

.dropdown-menu>span:after,
.dropdown-menu>a:after {
    content: "";
    border: solid #000;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    margin-left: 10px;
    position: relative;
    bottom: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

.menu-drop {
    position: absolute;
    top: 14px;
    right: 0;
    cursor: pointer;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: transform 0.7s;
    -moz-transition: transform 0.7s;
    -o-transition: transform 0.7s;
    transition: transform 0.7s;
    z-index: 9999999;
    width: 30px;
    height: 30px;
    margin: 0;
    display: none;
}

.menu-drop span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #333;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}

.menu-drop span:nth-child(1) {
    top: 0;
}

.menu-drop span:nth-child(2) {
    top: 8px;
}

.menu-drop span:nth-child(3) {
    top: 16px;
}

.menu-toggle.menu-drop span:nth-child(1) {
    top: 8px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.menu-toggle.menu-drop span:nth-child(2) {
    opacity: 0;
    right: -60px;
}

.menu-toggle.menu-drop span:nth-child(3) {
    top: 8px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.second-header.fixed-header {
    background: #183a90;
    padding: 15px 0;
    width: 100%;
    top: 0;
    left: 0;
    border-bottom: 1px solid #334cbc;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

.second-header.fixed-header.header-fixed {
    padding: 15px 0;
    box-shadow: 0 0 10px #00000057;
    position: fixed;
    z-index: 9999;
}

.second-header.fixed-header.header-fixed .nav-section .nav-menu {
    transform: translate(0);
}

.second-header.fixed-header.header-fixed .brand-logo img {
    height: auto;
    width: 200px;
}

.second-header.fixed-header .nav-section {
    overflow: hidden;
}

.second-header.fixed-header .nav-section #topbar-menu-icon {
    display: none;
    position: absolute;
    right: 30px;
    cursor: pointer;
    transform: translate3d(0, 0, 0);
    transition: transform 0.7s;
    z-index: 9999999;
    margin: 0;
    top: 15px;
    width: 30px;
    height: 30px;
}

.second-header.fixed-header .nav-section #topbar-menu-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all ease 0.25s;
    -moz-transition: all ease 0.25s;
    -o-transition: all ease 0.25s;
    transition: all ease 0.25s;
}

.second-header.fixed-header .nav-section #topbar-menu-icon span:nth-child(1) {
    top: 0;
}

.second-header.fixed-header .nav-section #topbar-menu-icon span:nth-child(2) {
    top: 8px;
}

.second-header.fixed-header .nav-section #topbar-menu-icon span:nth-child(3) {
    top: 16px;
}

.second-header.fixed-header .nav-section .nav-menu {
    padding: 0;
    text-align: left;
    -webkit-transform: translate(21%);
    -moz-transform: translate(21%);
    -o-transform: translate(21%);
    transform: translate(21%);
    -webkit-transition: all ease 0.7s;
    -moz-transition: all ease 0.7s;
    -o-transition: all ease 0.7s;
    transition: all ease 0.7s;
}

.second-header.fixed-header .nav-section .nav-menu li {
    display: inline-block;
    margin-left: 10px;
}

.second-header.fixed-header .nav-section .nav-menu li a {
    color: #fff;
    padding: 10px;
    display: block;
}

.second-header.fixed-header .nav-section .nav-menu li span {
    color: #fff;
}

.second-header.fixed-header .nav-section .nav-menu li span:hover,
.second-header.fixed-header .nav-section .nav-menu li span.active,
.second-header.fixed-header .nav-section .nav-menu li a:hover {
    cursor: pointer;
    color: #F6C855;
}

.second-header.fixed-header .head-container {
    position: relative;
}

.second-header.fixed-header .cols-sd-3 {
    position: relative;
}

@media (max-width: 1450px) {
    .second-header.fixed-header .nav-section .nav-menu {
        transform: translate(0);
        text-align: right;
        transition: none;
    }
}

@media (max-width: 1250px) {
    .second-header.fixed-header.header-fixed .brand-logo img {
        width: 170px;
    }

    .container {
        max-width: 90%;
    }
}

@media only screen and (max-width:1025px) {
    .second-header.fixed-header {
        border: none;
    }

    .second-header.fixed-header .brand-logo img {
        height: auto;
        width: 152px;
    }

    #commonHeader {
        display: none;
    }

    .second-header.fixed-header .nav-section #topbar-menu-icon {
        display: block;
        top: 8px;
    }

    .second-header.fixed-header .nav-section #topbar-menu-icon.active-menu span:nth-child(1) {
        top: 8px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .second-header.fixed-header .nav-section #topbar-menu-icon.active-menu span:nth-child(2) {
        opacity: 0;
        right: -60px;
    }

    .second-header.fixed-header .nav-section #topbar-menu-icon.active-menu span:nth-child(3) {
        top: 8px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

    .second-header.fixed-header .nav-section .nav-menu li span {
        color: #000;
    }

    .second-header.fixed-header .nav-section .nav-menu {
        background: #fff;
        position: absolute;
        width: 100%;
        top: 42px;
        right: 40px;
        z-index: 99;
        display: none;
        box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.26);
    }

    .second-header.fixed-header .nav-section .nav-menu li {
        display: block;
        text-align: left;
        padding: 4px 0;
        margin-left: 0px;
    }

    .second-header.fixed-header .nav-section .nav-menu li a {
        color: #000;
    }

    .second-header.fixed-header.header-fixed .nav-section .nav-menu li:last-child span {
        border: none;
    }

    .second-header.fixed-header.header-fixed .nav-section .nav-menu {
        top: 46px;
    }
}

@media (max-width: 650px) {
    .second-header.fixed-header .nav-section #topbar-menu-icon {
        right: 0;
    }

    .second-header.fixed-header .nav-section .nav-menu {
        width: 100%;
        right: 0;
    }

    .second-header.fixed-header .cols-sd-3 {
        position: inherit;
    }
}

/*----------Secondary header csss end----------*/
.light {
    color: #fff !important;
}

section {
    padding: 40px 0 60px 0;
    position: relative;
}

#meGDPRMessage {
    margin-bottom: 10px;
    line-height: 1.4;
    font-size: 14px;
    font-family: 'Zoho_Puvi_Medium';
    color: #000;
}

p.privacy-policy {
    line-height: 1.4;
    margin: 0 0 15px;
    text-align: center;
    font-size: 14px;
    font-family: 'Zoho_Puvi_Medium';
}

.privacy-policy a {
    color: #000;
    text-decoration: underline;
}

.privacy-policy a:hover,
.md-br-hide a:hover,
.container-fluid.copyright p a:hover {
    text-decoration: none;
}

/*Section css start*/
section {
    padding: 80px 0;
}

h1 {
    font-size: 3.5em;
    line-height: 1.4;
    position: relative;
    font-family: "Zoho_Puvi_Medium";
    color: #fff;
}

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

h2 {
    font-size: 2em;
    margin-bottom: 15px;
    font-family: "Zoho_Puvi_SemiBold";
    line-height: 1.5;
}

.header-section {
    background: url("https://cdn.manageengine.com/cis-critical-security-controls/images/cis-banner-bg.svg") no-repeat !important;
    background-size: cover !important;
}

.first-sec {
    padding: 60px 0;
}

.banner-sec h2.fir-title,
.sec3 h2.fir-title {
    margin: 0;
}

.sec3 {
    background: #f2f1ef;
}

.sec3 .md-hide {
    color: #75787C;
}

p {
    font-size: 1em;
    margin: 15px 0;
    color: #000;
    line-height: 1.8;
}

.dropdown-box p {
    margin: 0;
}

.form-sec {
    background: #f1f5ff;
}

.slider-sec {
    margin: 80px 0 0;
}

.slider-container {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.content-slider {
    margin: 70px 0;
    max-height: 280px;
    width: 1900px;
    float: left;
}

.content-slider li {
    float: left;
    width: 590px;
    margin-right: 20px;
}

.cis-group {
    padding: 30px;
    background: #fff;
    border: 1px solid #DBDBDB;
    border-radius: 5px;
    min-height: 510px;
}

.group-images {
    display: inline-block;
    width: 80px;
    height: 110px;
    margin-bottom: 20px;
}

.group-img1 {
    background: url(https://cdn.manageengine.com/cis-critical-security-controls/images/slider1-img.svg) no-repeat left bottom;
    background-size: 80px;
}

.group-img2 {
    background: url(https://cdn.manageengine.com/cis-critical-security-controls/images/slider2-img.svg) no-repeat left bottom;
    background-size: 80px;
}

.group-img3 {
    background: url(https://cdn.manageengine.com/cis-critical-security-controls/images/slider3-img.svg) no-repeat left bottom;
    background-size: 80px;
}

.cis-group h6 {
    font-size: 1.1em;
    font-family: "Zoho_Puvi_SemiBold";
    line-height: 1.5;
}

.cis-group p {
    /*	min-height: 260px;*/
    color: #2c2c2c;
    line-height: 26px;
    margin: 10px 0 15px;
}

.slider-lines {
    display: inline-block;
    width: 50%;
    float: left;
    height: 2px;
    background: #EFEFEF;
}

.slider-lines.active-line {
    background: #092F42;
}

.arrow-controls .arrow {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 1px solid #C9C9C9;
    margin-left: 5px;
    cursor: pointer;
}

.arrow.prev {
    background: url('https://cdn.manageengine.com/cis-critical-security-controls/images/right-arrow.svg') no-repeat #007ABD;
    background-position: center;
    background-size: 20px;
    transform: rotate(180deg);
}

.arrow.next {
    background: url('https://cdn.manageengine.com/cis-critical-security-controls/images/right-arrow.svg') no-repeat #007ABD;
    background-position: center;
    background-size: 20px;
}

.arrow-controls-line {
    padding: 25px 0;
}

.arrow-controls {
    padding-left: 20px;
}

.arrow.disable {
    border: 1px solid #C9C9C9;
    pointer-events: none;
}

.arrow.prev.disable {
    background: url('https://cdn.manageengine.com/cis-critical-security-controls/images/left-arrow.svg') no-repeat;
    background-position: center;
    background-size: 20px;
    transform: rotate(0);
}

.arrow.next.disable {
    background: url('https://cdn.manageengine.com/cis-critical-security-controls/images/left-arrow.svg') no-repeat;
    background-position: center;
    background-size: 20px;
    transform: rotate(-180deg);
}

.organi-list:before,
.organi-list:after,
.controls-dropdown:before,
.controls-dropdown:after,
.basic-box:before,
.basic-box:after,
.control-boxes:before,
.control-boxes:after {
    display: block;
    content: '';
    clear: both;
}

.controls-tab.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -webkit-background: #fff;
    -moz-background: #fff;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0 0 0 / 37%);
    -moz-box-shadow: 0 0 10px rgba(0 0 0 / 37%);
    box-shadow: 0 0 10px rgba(0 0 0 / 37%);
    padding: 0 !important;
}

.basic-title.active-tab:after {
    background: #E6276E;
}

.found-title.active-tab:after {
    background: #f5c400;
}

.organi-title.active-tab:after {
    background: #4abb80;
}

.control-right {
    width: 100%;
}

.top-fix {
    position: fixed;
    left: 240px;
    top: 100px;
    width: 280px;
}

.bottom-fix {
    position: absolute;
    bottom: 0;
}

#basic_box {
    display: block;
}

.controls-dropdown {
    position: relative;
}

.control-steps span.clickbox.dp1 {
    margin-top: 0;
}

.control-steps span.clickbox {
    display: inline-block;
    background: #fff;
    padding: 25px 35px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #EEEEEF;
    position: relative;
    cursor: pointer;
    line-height: 1.7;
    margin-top: 18px;
    font-family: "Zoho_Puvi_Bold";
}

.control-steps span.clickbox:after {
    content: "+";
    position: absolute;
    transform: translate(0px, -50%);
    top: 50%;
    right: 35px;
    font-family: "Zoho_Puvi_Light";
    font-size: 1.8em;
    color: #007ABD;
}

.control-steps span.clickbox.active:after {
    content: '-';
    color: #747472;
    font-size: 2.5em;
}

.control-steps span.clickbox.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none;
    background: #f1f0ee;
}

.control-steps span.clickbox:hover {
    background: #143389;
    color: #fff;
}

.control-steps span.clickbox:hover:after {
    color: #fff;
}

.dropdown-box {
    padding: 10px 35px 30px;
    border: 1px solid #EEEEEF;
    display: none;
    border-top: none;
    background: #f1f0ee;
}

.dropdown-box h6 {
    font-size: 1em;
    margin: 40px 0;
    color: #000;
    font-family: 'Zoho_Puvi_SemiBold';
}

.product-box {
    position: relative;
    padding-left: 65px;
}

.new-prd-icon {
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 45px;
    height: 45px;
    background: url("https://www.manageengine.com/cis-critical-security-controls/../images/new-prod-sprite.svg") 0/520px no-repeat;
}

.new-prd-icon.aex-icon {
    background-position: -284px -87px
}

.new-prd-icon.sdp-icon {
    background-position: -174px -87px
}

.new-prd-icon.ec-icon {
    background-position: -340px -87px
}

.new-prd-icon.opu-icon {
    background-position: -184px -295px
}

.new-prd-icon.acp-icon {
    background-position: -395px -87px
}

.new-prd-icon.dsp-icon {
    background-position: -236px -158px
}

.new-prd-icon.dcp-icon {
    background-position: -177px -365px
}

.new-prd-icon.pam360-icon {
    background-position: -453px -18px
}

.new-prd-icon.mdmp-icon {
    background-position: -18px -156px
}

.new-prd-icon.ncm-icon {
    background-position: -460px -226px
}

.new-prd-icon.opmp-icon {
    background-position: -73px -295px
}

.new-prd-icon.admp-icon {
    background-position: -18px -18px
}

.new-prd-icon.adssp-icon {
    background-position: -127px -18px
}

.new-prd-icon.vmp-icon {
    background-position: -126px -156px
}

.new-prd-icon.ptmp-icon {
    background-position: -17px -366px
}

.new-prd-icon.log360-icon {
    background-position: -458px -156px
}

.new-prd-icon.adap-icon {
    background-position: -75px -18px
}

.new-prd-icon.firewall-icon {
    background-position: -402px -156px
}

.new-prd-icon.bsp-icon {
    background-position: -450px -87px
}

.new-prd-icon.rmp-icon {
    background-position: -235px -18px
}

.new-prd-icon.eventlog-icon {
    background-position: -291px -156px
}

.new-prd-icon.netflow-icon {
    background-position: -404px -226px
}

.new-prd-icon.rpp-icon {
    background-position: -334px -365px
}

.new-prd-icon.mpp-icon {
    background-position: -282px -366px
}

.p-name {
    font-size: 1em;
    font-family: 'Zoho_Puvi_SemiBold';
    margin-bottom: 10px;
    color: #1592e6;
    display: inline-block;
}

.p-name:hover {
    color: #000;
}

.product-box p {
    line-height: 1.8;
}

.product-chart {
    padding: 30px 0;
    text-align: center;
    color: #000;
}

.product-chart span {
    margin: 30px 0;
    display: block;
}

.space-10 {
    height: 10px;
}

.space-20 {
    height: 20px;
}

.space-30 {
    height: 30px;
}

.space-40 {
    height: 40px;
}

.blue-sec2 {
    color: #fff;
    -webkit-background: radial-gradient(circle, #1e3c96, #021b65);
    -moz-background: radial-gradient(circle, #1e3c96, #021b65);
    -o-background: radial-gradient(circle, #1e3c96, #021b65);
    background: radial-gradient(circle, #1e3c96, #021b65);
}

.organi-list {
    margin: 30px 0 0;
}

.mt {
    margin-top: 50px;
}

.organi-list li {
    width: 50%;
    float: left;
    height: 110px;
    margin-top: 10px;
}

.organi-list li p {
    position: relative;
    padding: 0 60px 0 60px;
}

.organi-list li p:before {
    position: absolute;
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    top: 5px;
    left: 0;
}

.organi-list li:nth-child(1) p:before {
    background: url('https://cdn.manageengine.com/cis-critical-security-controls/images/organi-img1.svg') no-repeat left top;
    background-size: 35px;
}

.organi-list li:nth-child(2) p:before {
    background: url('https://cdn.manageengine.com/cis-critical-security-controls/images/organi-img2.svg') no-repeat left top;
    background-size: 35px;
}

.organi-list li:nth-child(3) p:before {
    background: url('https://cdn.manageengine.com/cis-critical-security-controls/images/organi-img3.svg') no-repeat left top;
    background-size: 45px;
}

.organi-list li:nth-child(4) p:before {
    background: url('https://cdn.manageengine.com/cis-critical-security-controls/images/organi-img4.svg') no-repeat left top;
    background-size: 35px;
}

.banner-sec {
    -webkit-background: #ffffff;
    -moz-background: #ffffff;
    -o-background: #ffffff;
    background: #ffffff;
    position: relative;
}

/*-----------flipper----------*/
.flipper {
    transition: 0.6s;
    -o-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
    background: #F4F4F4;
    border-radius: 5px;
}

.flipper.active {
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    -o-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}

.flipper.active .back {
    z-index: 3;
}

.flipper.active .front {
    z-index: 2;
}

.front,
.back {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.back {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.vertical-flip-container .back {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.banner-box {
    background: #143389;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    padding: 30px;
}

.banner-btn-sec {
    margin: 35px 0;
}

.banner-box h3 {
    font-size: 1.5em;
    line-height: 1.6;
    color: #fff;
    font-family: "Zoho_Puvi_SemiBold";
}

.stip-img {
    position: absolute;
    bottom: -60px;
    left: 0;
    width: 45%;
    height: auto;
}

.ebook-btn {
    display: inline-block;
    border-radius: 5px;
    padding: 15px 35px;
    background: #ffd017;
    color: #000;
    font-family: "Zoho_Puvi_Bold";
    cursor: pointer;
    margin: 20px 0 0;
    font-size: 14px;
}

.ebook-btn:hover {
    background: #fff;
}

.masterclass-box {
    background: #253686;
    display: flex;
    justify-content: center;
    align-content: center;
    padding: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.master-bg-img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.lock-img {
    width: 90px;
    height: auto;
    display: block;
    margin-left: 45px;
}

.master-con h3 {
    color: #F3CF35;
    font-size: 1.4em;
    font-family: 'Zoho_Puvi_SemiBold';
}

.master-con p {
    color: #fff;
    font-size: 1.5em;
    line-height: 1.5;
    font-family: 'Zoho_Puvi_Medium';
    margin-bottom: 0;
}

.master-con,
.master-con+.cols-3 {
    align-self: center;
}

.watch-btn-box {
    background: #F3CF37;
    padding: 15px 25px;
    display: inline-block;
    color: #000;
    margin: 0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.watch-btn-box span {
    font-size: 1.1em;
    font-family: 'Zoho_Puvi_SemiBold';
    padding-left: 10px;
}

.watch-btn-box img {
    width: 30px;
}

.watch-btn-box span,
.watch-btn-box img {
    display: inline-block;
    vertical-align: middle;
}

.masterclass-box:hover .watch-btn-box {
    background: #e8bf12;
}

.white {
    color: #fff !important;
}

.found-title br,
.slider-line3 {
    display: none;
}

.disclaimer-sec .md-br-hide {
    font-family: "Zoho_Puvi_Medium";
    font-size: 15px;
}

.disclaimer-sec .md-br-hide b {
    font-size: 17px;
    font-family: "Zoho_Puvi_SemiBold";
}

.md-br-hide a {
    color: #000;
    text-decoration: underline;
}

.formsub p {
    margin-top: 30px;
}

.formsub p a {
    color: #000;
    font-weight: 500;
    cursor: pointer;
}

/*right side contact btn css*/
#fixedbtn {
    position: fixed;
    top: 40%;
    transform: translate(0%, -50%);
    z-index: 9999;
    right: 0;
}

#fixedbtn span {
    display: block;
    padding: 16px 20px 16px 10px;
    position: relative;
    cursor: pointer;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transform: translateX(210px);
    transform: -webkit-translateX(210px);
    transform: -moz-translateX(210px);
    line-height: 23px;
}

#fixedbtn span.demo {
    background: #FFD017;
    margin-bottom: 3px;
}

#fixedbtn span.contact {
    background: #222D6D;
    color: #fff;
}

#fixedbtn span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -70px;
    width: 70px;
    height: 55px;
    text-align: center;
    transform: translate(0%, -50%);
    line-height: 60px;
}

#fixedbtn span.demo:before {
    background: url(https://cdn.manageengine.com/cis-critical-security-controls/images/download-icon.svg) #fed015 no-repeat;
    background-position: center;
    background-size: 23px;
    color: #000;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#fixedbtn span.contact:before {
    background: url(https://cdn.manageengine.com/cis-critical-security-controls/images/call-icon.svg) #09236f no-repeat;
    background-position: center;
    background-size: 23px;
    color: #000;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#fixedbtn.slide span {
    transform: translateX(150px);
    transform: -webkit-translateX(150px);
    transform: -moz-translateX(150px);
}

#fixedbtn.scrollact span {
    transform: translateX(230px);
    transform: -webkit-translateX(230px);
    transform: -moz-translateX(230px);
}

#fixedbtn.slide span.demo:hover,
#fixedbtn.slide span.contact:hover {
    transform: translateX(0);
    transform: -webkit-translateX(0);
    transform: -moz-translateX(0);
}

p.callback-text {
    margin: 0 0 13px 0;
    color: #aaaaaa;
    font-size: 0.9em;
    position: relative;
    bottom: 7px;
}

.label b.sup {
    font-size: 0.9em;
    position: relative;
    bottom: 5px;
    left: 2px;
}

/* footer */
a.ftr-brand {
    display: block;
    width: 200px;
    margin-bottom: 20px;
}

.address li,
.address li a {
    color: #f0f0f0;
    line-height: 1.6;
    font-size: 0.9em;
}

p.copyright {
    color: #fff;
    font-size: 0.95em;
    margin: 5px 0;
}

.zlogo {
    height: auto;
    width: 55px;
    text-indent: -9999em;
    background: url(https://cdn.manageengine.com/images/zoho.svg) 0 0 no-repeat;
    display: inline-block;
    margin: 0 3px;
}

ul.social {
    display: block;
    text-align: right;
}

.social li {
    display: inline-block;
}

.social li a {
    height: 35px;
    width: 35px;
    border: 1px solid #fff;
    padding: 8px;
    margin: 0 5px;
    border-radius: 100%;
    display: inline-block;
}

.social li:first-child a {
    margin-left: 0;
}

.social li a:hover {
    text-decoration: none
}

.social li a.fb {
    background: url(https://cdn.manageengine.com/images/footer-sprite.svg) no-repeat 0 0;
    background-size: 25% !important;
    background-position: center;
}

.tw {
    background: url(https://cdn.manageengine.com/images/footer-icon-tw.svg) no-repeat 0 3px;
    background-size: 45%;
    background-position: 50% 52%;
}

.in {
    background: url(https://cdn.manageengine.com/images/footer-icon-in.svg) no-repeat 0 0;
    background-size: 45%;
    background-position: 50% 46%;
}

.yt {
    background: url(https://cdn.manageengine.com/images/footer-icon-yt.svg) no-repeat 0 4px;
    background-size: 45%;
    background-position: center;
}

a.insta {
    background: url(https://cdn.manageengine.com/images/ft-insta.png) no-repeat 0 0;
    background-size: 45%;
    background-position: center;
}

.social a.fb:hover {
    background-color: #4267b2
}

.social li a.tw:hover {
    background-color: #1da1f2
}

.social li a.in:hover {
    background-color: #0e76a8
}

.social li a.yt:hover {
    background-color: red
}

.social li a.insta:hover {
    background: url(https://cdn.manageengine.com/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
}

.animation {
    opacity: 0;
    transition: all ease 1s;
    -webkit-transition: all ease 1s;
    transform: -webkit-translateY(250px);
    transform: -moz-translateY(250px);
}

.active-anim.animation {
    opacity: 1;
    transform: translateY(0);
    transform: -webkit-translateY(0);
    transform: -moz-translateY(0);
}

/* form css */
.form-box {
    margin: 0 auto;
    float: none;
}

.form-title-box {
    margin: 0 auto;
    float: none;
    color: #fff;
    text-align: center;
}

h4.form-title {
    font-size: 2em;
    margin-bottom: 20px;
    color: #000;
    font-family: 'Zoho_Puvi_SemiBold';
}

.form-title-box p {
    text-align: center;
}

.form-title-box p.md-br-hide:nth-child(3) {
    margin-bottom: 30px;
}

.form-control {
    display: block;
    width: 100%;
    height: 60px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: none;
    position: relative;
    margin-bottom: 20px;
    transition: border ease 1.5s;
    -webkit-transition: border ease 1.5s;
    -moz-transition: border ease 1.5s;
}

.dropdown-control {
    background: url(https://cdn.manageengine.com/images/submenu-sel-arrow.png) no-repeat;
    background-position: 95% center;
}

.form-control.dropdown-control.uscountry {
    background: #fff;
}

.form-control.active-row {
    border: 1px solid #FFF;
}

.form-control.btn-submits {
    border: none;
    padding-left: 0;
    text-align: center;
    background: none;
}

.form-control.form-comments {
    height: 100px;
    display: inline-block;
}

.form-control textarea {
    font-family: "Zoho_puvi_medium";
    padding-top: 10px;
}

.form-control:after,
.form-control:before {
    box-sizing: inherit;
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    z-index: 1;
    border: 2px solid transparent;
    border-radius: 5px;
    pointer-events: none;
}

.form-control:before {
    top: 0px;
    left: 0px;
}

.form-control:after {
    bottom: 0;
    right: 0;
}

.form-control .error {
    position: absolute;
    bottom: -8px;
    left: 30px;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.4s;
    font-size: 1em;
    z-index: 8;
    opacity: 1;
    background: #fff;
    padding: 5px;
    line-height: 0.5;
    color: red;
    display: none;
}

.form-control * {
    -webkit-appearance: none;
    -moz-appearance: none;
}

.form-control .label {
    position: absolute;
    transform: translate(0%, -50%);
    top: 50%;
    left: 30px;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.4s;
    font-size: 15px;
    z-index: 8;
    opacity: 0.5;
}

.form-comments.form-control .label {
    top: 35%;
}

.form-control input,
.form-control select,
.form-control textarea {
    width: 100%;
    outline: none;
    border: none;
    height: 100%;
    background: transparent;
    padding-left: 20px;
    font-size: 1.2em;
    position: relative;
    z-index: 9;
    opacity: 0.5;
    resize: none;
}

.form-control select {
    opacity: 0;
    background: url(https://cdn.manageengine.com/government/images/arrow.png) no-repeat !important;
    background-position: 98% !important;
}

.btn-submits button {
    border-radius: 5px;
    font-size: 14px;
    font-family: "Zoho_Puvi_Bold";
    border: none;
    background: #ffd017;
    color: #000;
    cursor: pointer;
    outline: none;
    display: inline-block;
    padding: 15px 35px;
    margin: 20px 0;
}

.btn-submits button:hover,
.popup-form .btn-submits button:hover {
    background: #0a1f3f;
    color: #fff;
}

.active-row.form-control::before {
    border-top-color: #3754ff;
    border-right-color: #3754ff;
    transition: width 0.15s ease-out, height 0.15s ease-out 0.15s;
    width: 100%;
    height: 100%;
}

.active-row.form-control::after {
    border-bottom-color: #3754ff;
    border-left-color: #3754ff;
    transition: border-color 0s ease-out 0.3s, width 0.15s ease-out 0.3s, height 0.15s ease-out 0.45s;
    width: 100%;
    height: 100%;
}

.form-control.active-row .label {
    top: 0;
    background: #fff;
    padding: 0 6px;
    left: 15px;
    font-size: 1em;
    opacity: 1;
}

.uscountry.form-control {
    height: auto;
    background: transparent;
    padding: 0;
    border-color: transparent;
    border: none;
}

.uscountry select#contact_country,
.uscountry select#zc-country,
.uscountry select#enquire_country,
.uscountry select#zc-country {
    height: 60px;
    border: 2px solid #3754ff;
    border-radius: 4px;
    opacity: 1;
    background: url(https://cdn.manageengine.com/government/images/arrow.png) no-repeat #fff !important;
    background-position: 95% !important;
}

.uscountry select#country_state,
.uscountry select#ukcountry_region {
    height: 60px;
    background: url(https://cdn.manageengine.com/government/images/arrow.png) no-repeat #fff !important;
    background-position: 95% !important;
    margin-top: 15px;
    border-radius: 4px;
    opacity: 1;
    border: 2px solid #3754ff;
}

.uscountry .label {
    z-index: 99;
}

.uscountry .state-label {
    top: unset !important;
    bottom: 38px;
}

.uscountry.form-control:before,
.uscountry.form-control:after {
    display: none;
}

.form-control.active-row select {
    color: #7c7979;
    font-family: 'ZohoPuvi';
    opacity: 1;
}

.success-down-msg,
.success-inq-msg {
    background: rgba(0, 0, 0, .7);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    display: none;
}

.msgcon {
    position: fixed;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 500px;
    background: #012175;
    padding: 60px;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    line-height: 1.5;
}

.msg-close {
    position: absolute;
    z-index: 999;
    top: -13px;
    right: -7px;
    color: #000;
    font-family: 'Zoho_Puvi_Bold';
    cursor: pointer;
    background: #d5e6f4;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

.msg-close:hover {
    background: #fff;
    color: #000;
}

.msgcon h6 {
    font-family: 'Zoho_Puvi_SemiBold';
    font-size: 1.4em;
    margin: 15px 0 0;
}

.msg-line {
    display: block;
    width: 30%;
    height: 3px;
    background: #d5e6f4;
    margin: 15px auto;
    text-align: center;
}

.msg-span {
    font-weight: 300;
    display: block;
}

.datepicker>.datepicker_header>.icon-close {
    width: 30px !important;
    height: 30px !important;
}

#backToTop {
    position: fixed;
    right: 20px;
    bottom: 100px;
    color: #000;
    background: rgba(0, 0, 0, 0.7) url(https://cdn.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;
    z-index: 99999;
}

/*popup form css*/

.popup-form {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.36);
    z-index: 9999999;
    top: 0;
    left: 0;
    display: none;
}

.popup {
    position: fixed;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 800px;
    max-width: 95%;
    max-height: 90vh;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 0 10px #00000042;
    border-radius: 4px;
    padding: 30px;
    z-index: 99;
    display: none;
}

.popup-content {
    overflow: scroll;
    height: 100%;
    max-height: 80vh;
}

.popup-content form {
    width: 70%;
    margin: 0 auto;
}

span.close {
    position: absolute;
    z-index: 999;
    top: 14px;
    right: 12px;
    color: #000;
    font-family: "Zoho_Puvi_SemiBold";
    cursor: pointer;
    background: #fed015;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
}

span.close:hover {
    background: #0a1f3f;
    color: #fff;
}

h4.popup-title {
    text-align: center;
    font-family: 'Zoho_Puvi_SemiBold';
    font-size: 1.4em;
    margin-bottom: 34px;
    color: #000;
}

.pageform-content {
    width: 40%;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}

@media only screen and (max-width: 1450px) {
    #banner {
        margin-top: 50px;
    }

    .cols-6.text-right {
        text-align: center;
    }

    .left-right-img {
        margin: 90px 0 0;
    }

    img.banner-img {
        width: auto;
        height: auto;
    }

    .msgcon {
        padding: 50px;
    }
}

@media only screen and (max-width: 1200px) {
    .msgcon {
        padding: 50px;
    }

    .cis-group {
        min-height: 580px;
    }

    .lock-img {
        margin-left: 35px;
    }
}

@media only screen and (max-width: 1100px) and (min-width:1000px) {
    .cis-group {
        padding: 20px;
    }

    .cis-group p {
        min-height: 300px;
    }
}

@media only screen and (max-width: 1100px) {
    .mobilemenu-icon {
        display: block;
        position: relative;
        cursor: pointer;
    }

    .nav-menu li:nth-child(2) {
        margin: 0;
    }

    .animation {
        opacity: 1;
        transform: translateY(0);
        transform: -webkit-translateY(0);
        transform: -moz-translateY(0);
    }

    .pageform-content {
        width: 50%;
    }

    h1 {
        font-size: 3em;
    }

    .banner-sec {
        background: #f5f5f4;
    }

    .md-br-hide br {
        display: none;
    }

    .slider-lines {
        width: 33.33%;
    }

    .slider-line3 {
        display: block;
    }

    .banner-btn-sec {
        padding-left: 50px;
    }

    .organi-list li p {
        padding: 0 20px 0 60px
    }

    .banner-box .cols-4 {
        width: 0;
        height: 0;
        padding: 0;
    }

    .banner-box .cols-5 {
        width: 60%
    }

    .banner-box .cols-3 {
        width: 40%;
    }

    .stip-img {
        width: 450px;
        bottom: -20px;
    }

    .msgcon {
        padding: 50px;
    }

    .lock-img {
        margin-left: 15px;
    }

    .watch-btn-box {
        padding: 15px;
    }
}

@media only screen and (max-width: 1010px) {
    .slider-sec .cols-md-6 {
        width: 50%;
    }

    .cis-group {
        padding: 10px 30px;
        min-height: auto;
    }

    .cis-group p {
        min-height: 290px;
    }

    .group3 {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 1000px) {
    .pageform-content {
        width: 60%;
    }

    section {
        padding: 40px 0;
    }

    .organi-list li {
        margin-top: 30px;
        height: auto;
        width: 100%;
        float: none;
    }

    .control-steps span.clickbox {
        padding: 25px 35px 25px 25px;
    }

    .control-steps span.clickbox:after {
        right: 25px;
    }

    .organi-list {
        margin: 30px 0 0;
    }

    h1 {
        font-size: 2.5em;
    }

    .md-hide br,
    .master-con p br {
        display: none;
    }

    .banner-btn-sec {
        padding-left: 0;
    }

    .banner-btn-sec {
        margin: 40px 0;
    }

    .stip-img {
        width: 380px;
        bottom: 0;
    }

    .banner-box h3 {
        font-size: 1.3em;
    }

    .lock-img {
        margin-left: 0px;
    }

    .watch-btn-box span {
        padding: 10px 0 0;
    }
}

@media only screen and (max-width: 800px) {
    .banner-btn-sec {
        margin: 20px 0;
    }

    .stip-img {
        width: 450px;
        pointer-events: none;
        opacity: 0.2;
    }

    .banner-con {
        position: relative;
        text-align: center;
        width: 100%;
    }

    .master-con {
        width: 60%;
    }

    .master-con+.cols-3 {
        width: 40%;
    }

    .banner-con h3 br {
        display: block;
    }

    .banner-box h3 {
        font-size: 1.5em;
    }

    .cis-group p {
        min-height: 320px;
    }

    .master-bg-img,
    .masterclass-box .cols-3:nth-child(1) {
        display: none;
    }

    .master-con,
    .master-con+.cols-3 {
        width: 100%;
        text-align: center;
    }

    .masterclass-box {
        display: block;
        padding: 30px;
    }

    .watch-btn-box {
        padding: 12px 25px;
        margin-top: 15px;
    }

    .watch-btn-box span {
        padding: 0 0 0 10px;
    }
}

@media only screen and (max-width: 750px) {
    h1 {
        text-align: center;
        padding-bottom: 50px;
    }

    .first-sec {
        padding: 30px 0 60px;
    }

    .first-sec .cols-6,
    .slider-sec .cols-md-6 {
        width: 100%;
    }

    .implementing-img {
        width: 75%;
        display: block;
        margin: 0 auto;
    }

    .cis-group p {
        min-height: auto;
    }

    .group-img1 {
        height: 60px;
    }

    .cis-group {
        margin: 0 0 20px;
        padding: 30px;
    }
}

@media only screen and (max-width: 650px) {
    body {
        font-size: 15px;
    }

    .mobilemenu-icon {
        bottom: 15px;
    }

    .nav-menu {
        top: 15px;
    }

    .products-list a {
        min-height: auto;
    }

    header {
        padding: 25px 0;
    }

    #banner {
        margin-top: 90px;
    }

    #topbar-menu-icon {
        top: -30px;
    }

    p.copyright {
        text-align: center;
        margin-bottom: 22px;
    }

    ul.social {
        text-align: center;
    }

    #fixedbtn.slide {
        transform: translateX(142px);
        transform: -webkit-translateX(142px);
        transform: -moz-translateX(142px);
    }

    .pageform-content,
    .implementing-img {
        width: 100%;
    }

    h2 {
        font-size: 1.8em;
    }

    p {
        font-size: 1em;
    }

    .content-slider li div p br,
    .blue-sec2 h2 br,
    h1 br,
    .banner-con h3 br,
    .sec3 .space-10 {
        display: none;
    }

    h1 {
        text-align: center;
        font-size: 2.8em;
    }

    .cis-controls-box li {
        width: 100%;
    }

    .cis-controls-box li:nth-child(1) {
        margin: 15px;
    }

    .organi-list li {
        float: none;
        width: 100%;
    }

    .banner-box div {
        text-align: center;
    }

    .banner-box {
        height: auto;
        padding: 30px;
    }

    .found-title br {
        display: block;
    }

    .control-steps span.clickbox {
        padding: 25px 45px 25px 25px;
    }

    .organi-list li p {
        padding-right: 10px;
    }

    .banner-box h3 {
        margin: 25px 0;
        padding: 0;
    }

    .ebook-btn {
        font-size: 1em;
        margin: 0px 0px 10px;
    }

    .banner-box .cols-5,
    .banner-box .cols-4,
    .banner-box .cols-3,
    .popup-content form,
    .nav-menu {
        width: 100%;
    }

    .stip-img {
        width: 100%;
        opacity: 1;
        position: static;
    }

    .group-im2 {
        height: 90px;
    }

    .dropdown-box {
        padding: 25px;
    }

    .dropdown-box h6 {
        line-height: 1.6;
    }

    .msgcon {
        top: 50%;
        width: 90%;
        padding: 35px;
    }

    .msgcon h6 {
        font-size: 1.3em;
    }

    .slider-sec {
        margin: 40px 0 0;
    }
}

@media only screen and (max-width: 375px) {
    .msgcon {
        top: 50%;
        width: 90%;
        padding: 35px;
    }

    .msgcon h6 {
        font-size: 1.1em;
    }

    h1 {
        font-size: 2.5em;
    }
}

.feedback-box {
    width: 391px;
    height: 663px;
    max-height: 85%;
    position: fixed;
    bottom: 10px;
    right: 10px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
    border-radius: 5px;
    overflow: hidden;
    z-index: 99999999999999;
    background: #fff;
    transform: translateY(700px);
    transition: all ease 0.7s;
}

.feedback-box.active {
    transform: translateY(0);
}

.fb_header {
    background: #2C2C2C;
    padding: 30px;
    color: #fff;
    position: relative;
}

.quiz_active_line {
    content: '';
    background: #3A79F0;
    position: absolute;
    bottom: -2.5px;
    left: 0;
    height: 5px;
    transition: all ease-in-out 1s;
}

.fb_header h2 {
    font-size: 1.2em;
    font-style: italic;
    color: #fff;
    line-height: 1.4;
    margin: 0;
    padding: 0;
}

.feedback-box .fb_close {
    position: absolute;
    z-index: 999;
    top: 10px;
    right: 15px;
    color: #000;
    cursor: pointer;
    font-family: 'Zoho_Puvi_Medium';
    font-size: 15px;
    background: #fff;
    border-radius: 30px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    transition: all ease 0.5s;
}

.feedback-box .fb_close:hover {
    transform: rotate(360deg);
}

.quiz_box {
    background: #fff;
}

.quiz_container h3 {
    font-size: 1.1em;
    font-family: 'Zoho_Puvi_SemiBold';
    line-height: 1.4;
    margin: 0;
    padding: 0;
}

#quiz_box {
    width: 100%;
    height: 100%;
}

.quiz_arrow {
    position: absolute;
    right: 30px;
    bottom: 20px;
}

.quiz_arrow_previous img,
.quiz_arrow_next img {
    width: 35px;
    height: auto;
    cursor: pointer;
}

.quiz_arrow_next {
    position: absolute;
    right: 30px;
    bottom: 20px;
    display: none;
}

.quiz_arrow_previous {
    position: absolute;
    left: 30px;
    bottom: 20px;
    display: none;
}

.quiz_arrow_previous img {
    transform: rotate(180deg);
}

.quiz-error {
    position: absolute;
    left: 5px;
    bottom: -30px;
    text-align: left;
    color: #f63f3f;
    ;
    display: none;
}

.quiz_container {
    padding: 20px 30px;
}

.quiz_nums {
    padding-bottom: 15px;
    font-size: 1.3em;
    font-family: "Zoho_Puvi_Bold";
    color: #4D82E7;
}

.quiz_ans_box {
    margin: 20px 0 0;
    border: 1px solid #707070;
    border-radius: 5px;
}

.quiz_ans_box li {
    padding: 0 20px;
    border-bottom: 1px solid #707070;
    cursor: pointer;
}

.quiz_ans_box li:hover {
    background: #EBF0FF;
}

.quiz_ans_box li:nth-child(1) {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.quiz_ans_box li:last-child {
    border: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.quiz_ans_box li input:not(#Other_input) {
    display: none;
}

.quiz_ans_box li label {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 15px 0;
    font-size: 0.9em;
}

.quiz_ans_box li label span {
    content: '';
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid #707070;
    border-radius: 50%;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.quiz_ans_box li label span:before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: block;
}

.quiz_ans_box li input[type="radio"]:checked+label span {
    background: #3A58D1;
}

.quiz_ans_box li input[type="radio"]:checked+label span:before {
    background: #fff;
    border: none;
}

.quiz {
    display: none;
    position: relative;
}

.quiz.quiz_question1 {
    display: block;
}

#Other_input,
.quiz3_website_look .website_look,
.website_change {
    border: 1px solid #969696;
    outline: 0;
    border-radius: 5px;
    resize: none;
    font-size: 1em;
    -webkit-appearance: none;
    font-family: "Zoho_Puvi_Regular";
    background: transparent;
    width: 100%;
    display: none;
}

#Other_input {
    padding: 5px;
    margin: -10px 0 15px;
}

.quiz3_website_look {
    margin: 20px 0 0;
    display: none;
}

.quiz3_website_look .website_look,
#Other_input,
.website_change {
    box-sizing: border-box;
}

.quiz3_website_look .website_look,
.website_change {
    padding: 10px;
    height: 80px;
    display: block;
    margin: 20px 0 0;
}

.website_change {
    height: 150px;
}

.feedback-btn {
    font-size: 18px;
    border: none;
    border-radius: 5px;
    background: #F6C855;
    color: #000;
    cursor: pointer;
    outline: none;
    display: block;
    width: 100%;
    padding: 12px 50px;
    margin: 30px 0 0;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

.feedback-btn:hover {
    background: #f8bf31;
}

.zsiq_floatmain.hidechat {
    display: none !important;
}

#quiz_success {
    height: calc(100% - 115px);
    width: 100%;
    display: none;
}

.success_container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: inherit;
    height: inherit;
}

#quiz_success img {
    width: 80px;
    height: auto;
    display: block;
}

.thank_title {
    font-size: 1.2em;
    font-style: italic;
    color: #000;
    line-height: 1.4;
    margin: 20px 0 0;
    padding: 0;
    text-align: center;
}

.spin .spinner::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border: solid 0.35em #aca075;
    border-bottom-color: #0d0058;
    animation: 0.8s linear infinite spinner;
    will-change: transform;
    display: block;
}

.spin .spinner {
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
}

@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media only screen and (max-height:720px) {
    .fb_header {
        padding: 15px 30px;
    }
}

@media only screen and (max-width:650px) {
    .feedback-box {
        width: 95%;
    }
}

.color {
    color: #fed015;
    background: url(images/download-icon.svg) #fed015 no-repeat;
    background-position: center;
    background-size: 123px;
    color: #000;
    border-top-left-radius: -4px;
    border-bottom-left-radius: -2px;
    padding: 10px;
}