body{font-size: 16px;line-height: normal;position: relative;overflow-x: hidden;}
header {width: 100%;position: fixed;background: #560097;top: 0;left: 0;z-index: 9999;box-shadow: none;}
.header-inner{width: 1200px;margin: 0 auto;transition: .4s;padding: 1% 0;}
#header-inner-sticky .logo a {background: url(https://www.manageengine.com/images/logo/manageengine-logo-dark.svg) no-repeat 0 0;}
.logo img {display: none;}
.main-menu li a{color:#fff;}
h2{font-size: 2em;}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}
.main-menu li a {font-size: 1em;}
.main-menu li.register-tab {display: none;}
.main-menu li.register-tab.chgcolr {display: inline-block;}
nav{
    margin-right: 30%;
    -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;
}
.header-inner.header-width nav{margin-right: 0;}
.pr{position: relative;}
.pa{position: absolute;}
.res-menu{background: url(https://www.manageengine.com/events/images/mob-menu-white-icon.svg) no-repeat 0 0;}
/*-------------- Home section styles -------------------*/
#Home{
    background: #560097 url(../images/banner-creative.svg) no-repeat left center;
    background-size: 75%;;
    padding: 5% 0;
    color:#fff;
    overflow: hidden;
    position: relative;
}
#Home:after {
    content: '';
    position: absolute;
    background: url(../images/banner-curve.svg) no-repeat right bottom;
    background-size: cover;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 500px;
    z-index: 10;
   /* border-radius: 65%;
    -webkit-border-radius: 65%;
    -moz-border-radius: 65%;*/
}
.main-banner-sec{
    margin: 80px 0;
}
.rsa-title{
    position: relative;
    margin: 0 0 30px 0;
    padding: 0 0 10px 0;
}
.rsa-title img{
    width: 300px;
    height: auto;
    display: inline-block;
    vertical-align: top;
}
.rsa-title p{
    display: inline-block;
    vertical-align: top;
    width:50%;
    border-left:1px solid #fff;
    padding: 0 0 0 10px;
    margin:0 0 0 10px;
    line-height: normal;
    font-weight: 300;
}
.rsa-title:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 110px;
    height: 2px;
    background: #D0021B;
}
.stand{
    color:#FFDA3C;
    font-size: 1.6em;
    margin: 30px 0;
}
.loc-dat p{
    display: inline-block;
    vertical-align: top;
    font-size: 1.3em;
    color:#FFDA3C;
    padding: 0 0 0 30px;
    margin: 0 30px 0 0;
}
.loc-dat .dat{
    background: url(../images/date-icon.svg) no-repeat center left;
}
.loc-dat .loc{
    background: url(../images/location-icon.svg) no-repeat center left;
    padding: 0 0 0 20px;
}
.whyus-sec{
    padding: 80px 0 40px 0;
}
.sub-title{
    padding: 15px 0;
    font-size: 1.3em;
}
.whyus-list li{
    padding: 20px 0;
}
.whyus-list li img, .whyus-list li span{
    display: inline-block;
    vertical-align: top;
}
.whyus-list li img{
    width:30px;
}
.whyus-list li span{
    width:70%;
    padding: 10px 0 0 30px;
}

/*-------------- Highlights section styles -------------------*/
#Agenda{
    padding: 50px 0;
}
.watmor-list{
    margin: 50px 0 30px 0;
}
.watmor-list li{
    display: inline-block;
    vertical-align: top;
    width:28%;
    margin:0 5% 0 0;
}
.watmor-list li p{
    font-size: .9em;
}
.watmor-list li div{
    margin: 0 0 15px 0;
    min-height: 60px;
}
.watmor-list li div img{
    display: inline-block;
    vertical-align: top;
    width: 35px;
}
.watmor-list li div h3{
    display: inline-block;
    vertical-align: bottom;
    margin: 0 0 0 10px;
}
.watmor-list li div.goodies img{
    width:60px;
}
.watmor-list a:hover{text-decoration: underline;cursor: pointer;}
/*-------------- Register section styles -------------------*/
#Register {
    color: #000;
    background: #fff;
    width: 380px;
    z-index: 99999;
    top: 0;
    right: 60px;
    -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;
    min-height: 400px;
    overflow-x: hidden;
    box-shadow: 0px 0px 10px #a7aaab;
}
.register-fixed {
    position: fixed;
}
#Register.register-absolute {
    position: absolute;
    top: auto;
    bottom: 0;
}
.title-register{
    text-align: center;
    padding: 0 0 20px 0;
}
.reg-cont{
    padding: 30px;
}
form{
    font-size: .9em;
    line-height: 25px;
}
form textarea {
    height: 50px;
}
.submit-block-new{
    text-align: center;
}
.form-group label {
    line-height: normal;
    position: absolute;
    left: 10px;
    background: #fff;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    /*color: #9E9E9E;
    font-size: .9em;
    top: 15px;
    z-index: 1;
    padding: 0 0 0 5px;*/
    color:#303F9F;
    font-size: .8em;
    top:-5px;
    padding: 0 6px;
    z-index: 3;
}/*
input:focus ~ label, textarea:focus ~ label, input:valid ~ label, textarea:valid ~ label{
    color:#303F9F;
    font-size: .8em;
    top:-5px;
    padding: 0 10px;
    z-index: 3;
}*/
form input, form textarea {
    background: transparent;
    font-size: 1em;
    color: #555;
    border-radius: 0;
    padding: 4% 5%;
    width: 90%;
    border: 1px solid #9E9E9E;
    border-radius: 3px;
    position: relative;
    z-index: 2;
}
.form-group select {
    background: #fff url(https://www.manageengine.com/events/2018/workshop/images/dropdown-arrow.png) no-repeat 95% center;
    border: 1px solid #fff;
    padding: 0 5%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: .9em;
    color: #555;
    border: 1px solid #9E9E9E;
    height: 46px;
    width: 100%;
    outline: none !important;
}
input:focus, textarea:focus, select:focus {
    outline: none;
    border: 1px solid #303F9F;
}
form input[type="submit"], .submit-block input{
    width:100%;
    margin: 0 auto;
    text-align: center;
    background: #D0021B;
    color:#fff;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.privacy-policy, #meGDPRMessage{
    font-size: .9em;
    line-height: normal;
}
.privacy-policy{
    padding: 10px 0;
}
p.reg_form_errors{bottom: -22px;}
/*-------------- Venue section styles -------------------*/
.linear-grad-secd, header.active {
    background: #560097;
    color:#fff;
}
#Venue .sec-cont {
    padding: 5% 0;
}
.col30 {
    width: 43%;
    display: inline-block;
    vertical-align: top;
}
.col60 {
    width: 55%;
    display: inline-block;
    vertical-align: top;
}
.venue a img, #Venue .col60 {
    z-index: 1000;
}
.commonh2 h2 {
    padding: 24px 0px;
    color:#fff;
}
.venue a img {
    -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;
    display: block;
    width: 100%;
}
.di {
    display: inline-block;
    vertical-align: top;
}
.loc-icon-box {
    position: absolute;
    width: 300px;
    z-index: 9999 !important;
    top: 47%;
    left: 47.5%;
}
#Venue .loc-icon-box:before {
    content: '';
    position: absolute;
    z-index: 100000;
    top: 100%;
    left: 0%;
    height: 10px;
    width: 9%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}
img.loc-icon.di {
    display: inline-block;
    z-index: 100;
    width: 25px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.loc-icon-box p {
    color: red;
    font-size: .8em;
    line-height: normal;
}

/*-------------- Contact section styles -------------------*/
#Contact{padding: 50px 0;}
#Contact .sec-cont {
    padding-top: 0;
    position: relative;
}
.share-list {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    right: 0;
    bottom: 25%;
}
.svg-color {
    fill: #fff;
}

/* -------------------------- Responsive styles starts -------------------------- */
@media screen and (min-width: 1600px) {
    nav{margin-right: 20%;}
}
@media screen and (min-width: 1800px) {
    #Register{right:10%;}
}
@media screen and (min-width: 2000px) {
    #Register{right:17%;}
}
@media screen and (max-width: 1400px) {
    #Register{right:0;}
}
@media screen and (max-width: 1200px) {
    .container, .header-inner{width:90%}
    .main-menu li:nth-child(5){display: none;}
    #Register{width:300px;}
}
@media screen and (max-width: 1000px) {
    .main-menu li.register-tab {display: block;}
    #Home{background: #560097 url(../images/banner-creative.svg) no-repeat left center;background-size: 100%;}
    #Home::after {background: url(../images/banner-curve.svg) no-repeat 40% bottom;background-size: cover;}
    nav{margin: 0;}
    #Register{width:100%;position: static;}
    .reg-cont {width: 400px;margin: 0 auto;}
}
@media screen and (min-width:1024px) and (max-height:660px){
    form input, form textarea{padding: 3% 4%;}
    .form-group select{height: 38px;}
}
@media screen and (max-width: 650px) {
    .rsa-title img, .rsa-title p{width:45%;font-size: .8em;}
    h2 br{display: none;}
    .loc-dat .loc{margin-top:15px;padding: 0 0 0 30px;}
    .watmor-list{margin: 0;}
    .watmor-list li{width:100%;margin: 30px 0 0 0;}
    .reg-cont{width:80%;}
    .share-list{position: static;display: block;}
    .share-list a{padding: 10px 5px 0 0;}
    .zoho-division{font-size: 1.5em;}
    #Home::after {bottom: -1px;right:0;}
    .rsa-title::after{bottom:8px;}
    .col30, .col60{width:90%;}
    .loc-icon-box{width:auto;}
}




