body {
	font-family: 'ZohoPuvi', sans-serif;
	letter-spacing: normal;
    font-size:14px;
	line-height: 24px;
    color:#3B3B3B;
    overflow-x: hidden;
}
.container {
	width: 1200px;
    margin: 0 auto;
}
h1, h2, h3, h4, h5, h6{
    font-family: 'ZohoPuvi', sans-serif;
}
h2{
	font-family: 'ZohoPuvi', sans-serif;
    font-size: 3em;
    line-height: normal;
    font-weight: 600;
    color:#3B3B3B;
}
a{color:#3B3B3B;}
p{font-size: 1em;}
ol, ul {
    list-style: none;
}
strong{font-weight: 600;}
input[type="search"] {
      -webkit-appearance: textfield;
}
.light h2, .light p, .light h3, .light h4 {
	color: #FFF;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.logo img{display: none;}
.reserve-seat a, .but-register a{
    background: #e0314d;
    color: #fff;
    display: inline-block;
    font-size: 1.2em;
    text-decoration: none;
    font-weight: 400;
    padding: 10px 20px;
    margin: 0px 0 20px 20px;
    text-transform: uppercase;
    border-radius: 3px;
    letter-spacing: 1px;
}
.reserve-seat a:hover, .but-register a:hover{
    background: #333;
}
.but-register{display: none;position: relative;z-index: 9;}
.but-register a{margin: 20px 0 0 0;}
.header-inner{
    width:1200px;
    padding: 1% 0;
	-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;
    margin: 0 auto;
}
header{
    position: absolute;
    background: transparent;
    box-shadow: none;
    z-index: 99;
}
nav{margin: 10px 30% 0 0;}
header.active{
    position: fixed;
    background: #FED333;
    border-bottom: 2px solid #fff;
}
header.active .header-inner{
    padding: 0 5%;
}
header.active nav{
    margin: 8px 0 0 0;
}
.main-menu li.register-tab, .main-menu li:nth-child(5){display: none;}
.main-menu li.register-tab.chgcolr{display: inline-block;}
.main-menu li:hover a, .main-menu li.active a{border: none;}
.faq-menu{
    position: absolute;
    z-index: 99999;
    right: 35%;
    top: 34px;
    font-size: 1.2em;
    cursor: pointer;
}
.faq-menu:hover{
    color:#ef1334;
}
#Faq {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,.9);
    z-index: 99999;
}
.pop-inner-sec {
    margin: 4%;
    background: #fff;
    text-align: right;
    height: 85%;
    line-height: normal;
}
.common-popup .pop-inner-sec {
    text-align: left;
}
.common-popup .mailer-contents {
    background: #fff;
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    color: #222;
    text-align: left;
    overflow: scroll;
}
.common-popup .mailer-cont-inner {
    padding: 4%;
}
.common-popup h2 {
    font-size: 2em;
    padding: 0 0 10px 0;
}
.common-popup h3 {
    background: #ee9c38;
    color: #fff;
    padding: 10px 20px;
    margin: 10px 0;
    line-height: normal;
    font-size: 2em;
}
.common-popup h4 {
    font-size: 1em;
    font-weight: 600;
    padding: 20px 0 10px 0;
}
.common-popup p {
    padding: 10px 0;
    line-height: 22px;
    color: #555;
}
/* ------------------------ Banner section styles starts -----------------------*/
.page1{
    background: #FED333;
    overflow: hidden;
    min-height: 800px;
}
.home-cont h2{
    text-transform: uppercase;
    font-size: 14em;
    font-weight: 900;
    line-height: 1em;
    color:#ee9c38;
    margin: 140px 0 20px 0;
}
.duc-title-sec{
    position: relative;
    z-index: 2;
    left: -2000px;
    -moz-transition: all ease-in-out 1s;
    -webkit-transition: all ease-in-out 1s;
    -o-transition: all ease-in-out 1s;
    transition: all ease-in-out 1s;
    opacity: 0;
}
.blurbg{
	-webkit-filter: blur(40px);
	-moz-filter: blur(40px);
	-o-filter: blur(40px);
	-ms-filter: blur(40px);
    filter: blur(40px);
}
.animate .duc-title-sec{
    left: 0;
    opacity: 1;
}
.duc{
    position: absolute;
    top: 42%;
    left: 8px;
    padding: 10px 20px;
    background: #f9de7a;
    color: #000;
    font-size: 2em;
    font-weight: 300;
}
.duc span{font-weight: 600;}
.hdate, .hvenue{
    padding: 5px 0 5px 35px;
    display: inline-block;
    margin: 0 30px 0 0;
    font-size: 1.5em;
    position: relative;
    z-index: 2;
    -moz-transition: all ease-in-out 1.5s;
    -webkit-transition: all ease-in-out 1.5s;
    -o-transition: all ease-in-out 1.5s;
    transition: all ease-in-out 1.5s;
    bottom: -500px;
    opacity: 0;
}
.hdate{
    background: url("../images/dubai-date-icon.svg") no-repeat left center;
    background-size: 25px;
}
.hvenue{
    background: url("../images/dubai-location-icon.svg") no-repeat left center;
    background-size: 20px;
}
.animate .hdate, .animate .hvenue{
    bottom: 0;
    opacity: 1;
}
.map-link{
    padding: 10px 0;
    position: relative;
    z-index: 9;
    display: inline-block;
    opacity: 0;
    -moz-transition: all ease-in-out 1s;
    -webkit-transition: all ease-in-out 1s;
    -o-transition: all ease-in-out 1s;
    transition: all ease-in-out 1s;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}
.animate .map-link{
    opacity: 1;
}
.map-link a{
    color: #b33d00;
}
.map-link a:hover{
    text-decoration: underline;
}
#Home:before {
    content: '';
    position: absolute;
    background-color: #fff;
    bottom: -12%;
    left: 0;
    transform: rotate(-3deg);
    width: 110%;
    height: 150px;
    z-index: 10;
    border-top: 5px Solid #FED333;
}
.creative img{
    position: absolute;
    left:2%;
    bottom: -5%;
    z-index: 1;
    width: 96%;
    transition: all 1s ease-out 0s;
}
.creative img{
    bottom: -5%;
}
.creative img.crv2{
    bottom:.5%;
}
.creative img.crv3{
    bottom:15%;
    left:0;
}
.cloud-animate {
    width: 700px;
    position: relative;
}
.clouds {
    -webkit-animation: animateCloudmove 13s linear infinite;
    -moz-animation: animateCloudmove 13s linear infinite;
    animation: animateCloudmove 13s linear infinite;
    background: url("../images/banner-cloud1.svg") no-repeat 0 0;
    width: 70px;
    height: 70px;
    position: absolute;
    z-index: 2;
    left: 300px;
    bottom: -25px;
}
.cloud2 {
    background: url("../images/banner-cloud2.svg") no-repeat 0 0;
    width: 70px;
    height: 70px;
    left: 200px;
    bottom: -50px;
}
.cloud3 {
    -webkit-animation: animateCloudmove2 18s linear infinite;
    -moz-animation: animateCloudmove2 18s linear infinite;
    animation: animateCloudmove2 18s linear infinite;
    background: url("../images/banner-cloud3.svg") no-repeat 0 0;
    position: absolute;
    z-index: 2;
    width: 180px;
    height: 180px;
    left: 100px;
    bottom: -30px;
}
/* ------------------------ Highlights styles starts -----------------------*/
#Highlights{
    margin: 5% 8%;
    width: 50%;
}
.breadcrumb{
    position: absolute;
    left: 0;
    top:-6%;
    z-index: 2;
}
.breadcrumb a:hover{text-decoration: underline;}
#Highlights h2 span {
    display: block;
    font-size: .5em;
    font-weight: 400;
    text-transform: capitalize;
    Color: #F4C61A;
}
.nav-video-previews-mapping img{
    width:70%;
}
.play-icon {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 16% 29%;
    cursor: pointer;
}
.play-icon:hover {
    opacity: .9;
}
.play-icon img{
    width: 60px;
}
.videoside{
    margin: 50px 0 0 0;
}
.rightside{
    margin: 50px 0 0 0;
}
.rightside ol li{
    margin: 30px 0;
}
.rightside ol li img{
    display: inline-block;
    width:80px;
}
.rightside ol li .high-rt-sec{
    display: inline-block;
    width:70%;
    margin: 0 0 0 5%;
}
.rightside ol li h3{
    padding: 0 0 5px 0;
    color:#F4C61A;
    font-size: 1.2em;
    line-height: normal;
}




/* ------------------------ Register styles starts -----------------------*/
#Register {
    background: #3B3B3B;
    color:#fff;
    margin: 0;
    top: 0;
    right: 7%;
    width: 360px;
    -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;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    z-index: 99999;
}
.register-fixed {
    position: fixed;
}
.register-absolute {
    position: absolute;
    top: auto !important;
    bottom: -72px;
}
.success-msg{
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: rgb(248, 253, 238, .5);
    border: 1px solid #b6db95;
    padding: 20% 0 0 0;
    text-align: center;
    color: #5c8707;
    font-weight: 400;
    font-size: 18px;
}
.success-msg:before {
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.success-msg h4{
    margin:0 0 10px 0;
}
.reg-cont {
    margin: 0 auto;
    width: 85%;
    background: transparent;
    padding: 2% 4%;
    overflow: hidden;
    min-height: 600px;
}
.title-register {
    color: #fff;
    text-align: center;
    font-size: 1.7em;
    font-family: 'ZohoPuvi', sans-serif;
    line-height: normal;
    padding: 25px 0 15px;
}
.powered-text {
    font-size: 12px;
    color: #999;
    margin: -30px 0 0 25%;
    white-space: nowrap;
    -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: none;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}
.powered-text .eventbrite {
    background: url(https://www.manageengine.com/events/2016/userconf/images/eventbrite.png) no-repeat top;
    width: 100px;
    height: 36px;
    display: inline-block;
    text-align: left;
    text-indent: -9999em;
    top: -12px;
    position: relative;
}
div.form-field {
    position: relative;
    margin-bottom: 15px;
}
form input, form textarea {
    font-family: 'ZohoPuvi', sans-serif;
    background: #f7f8fb;
    font-size: 1em;
    font-weight: 300;
    color: #555;
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 3% 5%;
    width: 86%;
    margin: 0 2%;
}
form select{
    padding: 3% 5%;
    width: 96%;
    margin: 0 2%;
    -webkit-appearance: value;
   -moz-appearance:    value;
   appearance:         value;
}
form label{
    margin: 0 0 0 2%;
}
form input[type="submit"], .submit-block input{
    background: #e0314d;
    font-size: 1.3em;
    width: 96%;
    text-align: center;
    color: #fff;
}
form input[type="submit"]:hover, .submit-block input:hover {
    background: #FED333;
    color: #000;
}
form a{color:#fff;}
#meGDPRMessage, .privacy-policy{
    font-size: .9em;
    line-height: normal;
    width: 96%;
    margin: 0 auto;
}
.privacy-policy{
    padding: 10px 0 0 0;
}
.dropdown, .dropdown1 {
    position: relative;
    z-index: 1;
    font-size: .9em;
    margin: 0 auto;
    width: 96%;
}
.dropdown a, .dropdown a:visited, .dropdown1 a, .dropdown1 a:visited {
    color: #000;
    text-decoration: none;
    outline: none;
    font-size: 1em;
}
.dropdown .dropdt a, .dropdown1 .dropdt1 a {
    display: block;
    padding: 2.5% 0 2% 5%;
    min-height: 25px;
    line-height: 24px;
    overflow: hidden;
    border: 0;
    width: 95%;
    border: 1px solid #fff;
    background: #fff;
}
.dropdown .dropdt a, .dropdown1 .dropdt1 a {
    background: #f7f8fb url(../images/dropdown-arrow.png) no-repeat 95% center;
    border-radius: 3px;
}
.multiSel span, .multiSel1 span {
    border: 1px solid #ee9b38;
    padding: 1px 5px;
    border-radius: 5px;
    margin: 2px 5px 2px 0;
    font-size: .9em;
}
.multiSel span strong, .multiSel1 span strong {
    margin: 0 0 0 10px;
    color: #898383;
    font-weight: 700;
}
.dropdown .dropdt a span, .multiSel span, .dropdown1 .dropdt1 a span, .multiSel1 span {
    cursor: pointer;
    display: inline-block;
}
.dropdown .dropdt a span.hida, .dropdown1 .dropdt1 a span.hida1 {
    font-size: .9em;
    color: #838383;
}
.dropdown .dropdt a p, .dropdown1 .dropdt1 a p {
    margin: 0;
}
.dropdown .dropdd, .dropdown1 .dropdd1 {
    position: absolute;
    width: 100%;
    z-index: 9999;
}
div.dropdownsearch, div.dropdownsearch1 {
    width: 99.6%;
    background: #fff;
    display: none;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #fff;
    z-index: 9999;
    position: relative;
}
.dropdown .dropdd input, .dropdown1 .dropdd1 input {
    width: 96%;
    padding: 10px;
    font-size: 14px;
    margin: 15px 10px 5px;
    border: 1px solid #CCC;
    background: url(http://tools.manageengine.com/images/common/search-icon.png) no-repeat 98% center;
}
.dropdown ul, .dropdown1 ul {
    margin: -1px 0 0;
    background: #FFF;
}
.dropdown .dropdd ul, .dropdown1 .dropdd1 ul {
    border: none;
    color: #000;
    display: none;
    left: 0;
    padding: 5px 15px 2px 0;
    position: absolute;
    top: 50px;
    width: 95%;
    list-style: none;
    height: 150px;
    overflow: auto;
    border: 1px solid #e9e9e9;
    background: #fff;
}
.dropdown .dropdd ul li, .dropdown1 .dropdd1 ul li {
    padding: 5px 10px;
    width: 97%;
    cursor: pointer;
}
.dropdown .dropdd ul li:hover, .dropdown1 .dropdd1 ul li:hover {
    background: #eee;
}
p.reg_form_errors {
    position: absolute;
    left: 8px;
    bottom: -20px;
    font-size: .8em;
    color: #ff8383;
    display: none;
}
/* ------------------------ Agenda styles starts -----------------------*/
.agenda-top-sec{
    background: #FED333;
    padding: 2% 0 0 0;
    margin: 0 0 1% 0;
    position: relative;
}
.agenda-top-sec h2{
    margin: 3% 0;
}
.ag-menu li{
    display: inline-block;
    margin: 0;
    padding: 0;
}
.ag-menu li a{
    display: inline-block;
    padding: 20px 80px;
    margin: 0;
    background: #EFEFEF;
    color:#3B3B3B;
    font-weight: 300;
    position: relative;
}
.ag-menu li:hover a, .ag-menu li.active a{
    color:#fff;
    background: #434240;
    -moz-box-shadow: 0px 2px 5px #aaa;
    -webkit-box-shadow: 0px 2px 5px #aaa;
    box-shadow: 0px 2px 5px #aaa;
}
.ag-menu li.active a:before{
    content: "";
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #434240;
    position: absolute;
    right: 30px;
    bottom: -10px;
}
.ag-block .col30 .sub-info{
    height: 0;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    margin: 0;
}

.ag-block{margin: 50px 0 0 0;}
.ag-row{border-bottom: 1px solid #D8D8D8;padding: 20px 0;}
.ag-block .col20 {
    width: 12%;
    font-weight: 300;
    font-size: 1em;
    color: #4D4C49;
    background: url("../images/ag-time-icon.svg") no-repeat center left;
    padding: 0 0 0 30px;
    margin: 0 0 0 5px;
}
.ag-block .mob-track-sec .tracksec {margin: 20px 0 20px 5px;}
.ag-block .col70 {
    width: 65%;
    position: relative;
}
.ag-block .col30 {
    width: 32%;
    background: #FEF8E0;
    margin: 0 5px;
}
.ag-block strong {
    font-weight: 400;
    font-size: 1em;
}
.ag-block strong+span{
    font-size: .8em;
    font-weight: 300;
    color: #4D4C49;
}
.track-num{
    background: #FED94D;
    text-align: center;
    color:#000;
    font-weight: 600;
    padding: 20px 0;
    margin: 0;
}
.ag-block .accordion-main strong {
    font-weight: 500;
    font-size: 1.2em;
}
.ag-block .col30 b {
    padding: 10px 15px 0px 0;
    font-weight: 300;
    cursor: pointer;
}
.agenda-contents{
    padding: 5px 20px 5px 20px;
    position: relative;
}
.agenda-contents:hover{
    background: #fffcef;
}
.agenda-contents.seperator{
    padding: 10px 20px;
    border-top: 1px solid #ddd;
}
.agenda-contents.seperator:before{
    content: "";
    width: 0px;
    height: 0px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #434240;
    position: absolute;
    top:20px;
    right: 20px;
}
.track-num + .agenda-contents{
    border: none;
    padding-top: 10px;
}
.Day2 {
    display: none;
}
.agenda-creative{
    position: absolute;
    width: 50%;
    height: auto;
    bottom: -200px;
    opacity: 0;
    right: 0;
    -moz-transition: all ease-in-out 1s;
    -webkit-transition: all ease-in-out 1s;
    -o-transition: all ease-in-out 1s;
    transition: all ease-in-out 1s;
}
.animate .agenda-creative{
    bottom: 0;
    opacity: 1;
}
.agenda-note{
    font-size: .8em;
    text-align: center;
    padding: 30px;
}
/* --- Agenda popup styles starts --- */
.agenda-popup {
    background: rgba(0, 0, 0, .7);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    display: none;
}
.popup-contents {
    width: 700px;
    height: 600px;
    background: #fff;
    margin: 4% auto 0 auto;
    position: relative;
    line-height: normal;
}
.popup-close {
    text-align: right;
    display: block;
    cursor: pointer;
    position: absolute;
    right: 25px;
    top: 25px;
}
.popup-contents .first-part {
    background: #f6f6f6;
    height: 75px;
    color: #222;
    padding: 15px 0 0 20px;
}
.popup-contents .first-part .agenda-title {
    font-size: 1.6em;
    font-weight: 600;
    padding: 5px 0;
    line-height: normal;
}
.popup-contents .first-part span {
    font-style: italic;
    font-size: .8em;
    font-weight: normal;
    padding: 0 0 5px 0;
    display: none;
}
.popup-contents .first-part .agenda-time-pop span {
    font-style: normal;
    display: inline-block;
    padding: 0 5px 0 0;
}
.popup-contents .middle-part {
    color: #222;
    padding: 30px;
    overflow: scroll;
    height: 400px;
}
.middle-part strong {
    display: none;
}
.middle-part b {
    font-weight: 600;
    display: block;
    font-size: 1.1em;
}
.middle-part .sub-info {
    margin: 20px 0;
    font-size: .95em;
    line-height: 20px;
}
.middle-part .sub-info ul {
    margin: 10px 0 0 60px;
}
.middle-part .sub-info ul li {
    font-weight: normal;
    list-style-type: disc;
    padding: 5px 0;
    color: #888;
}
.popup-contents .end-part {
    position: absolute;
    bottom: 0;
    width: 700px;
    background: #f6f6f6;
    height: 80px;
}
.popup-contents .reserve-seat a {
    margin: 20px 0 20px 20px;
}
#tickets-datails{
    position: absolute;
    background: #333;
    width: 600px;
    padding: 20px 30px 30px 30px;
    opacity: 0;
    top:250px;
    right:-800px;
    -moz-box-shadow: inset -2px 0px 10px #101010;
    -webkit-box-shadow: inset -2px 0px 10px #101010;
    box-shadow: inset -2px 0px 10px #101010;
    -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;
    height: auto;
    overflow: auto;
    z-index: 9999;
}
#tickets-datails h5{text-align: center;}
#tickets-datails.active{
    opacity: 1;
    right:360px;
}
form #tickets-datails input{
   font-size: .8em;
    background: #fff1bc;
    border: 1px solid #ffe683;
}
.tiktdetls{
    display: inline-block;
    position: relative;
    width:29%;
    margin: 8px 2%;
}
#tickets-datails p.reg_form_errors{
    left: 5px;
}
.tiktdetls span{
    position: absolute;
    left:-15px;
    color:#fff;
}
/* ------------------------ Venue styles starts ------------------------ */
#Venue h2{
    text-align: center;
    padding: 5% 5% 8% 5%;
    background: #434240;
    color:#fff;
    font-weight: 400;
    font-size: 2em;
    line-height: normal;
    position: relative;
}
#Venue h2 span{
    position: relative;
    z-index: 2;
}
#Venue h2:before{
    content: "Dubai";
    font-size: 4.5em;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    margin: 0 auto;
    color: #555;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: .3;
}
#Venue h3{
    font-size: 1.5em;
}
#Venue a{
    color:#3B3B3B;
    display: block;
}
.venue-inner{
    width:75%;
    background: #FED94D;
    padding: 20px;
    margin: -5% auto 0 auto;
    position: relative;
    z-index: 2;
    text-align: center;
}
.venue-part, .email-part, .call-part{
    display: inline-block;
    vertical-align: top;
    width:30%;
    margin: 0 1%;
    text-align: left;
}
.venue-inner img, .venue-rt-sec{
    display: inline-block;
    vertical-align: top;
}
.venue-inner img{
    width:60px;
}
.venue-rt-sec{
    width:70%;
    margin: 0 0 0 20px;
}
.location-map{
    margin-top: -5%;
}
.location-map img{
    width:100%;
    margin: 0 auto;
    display: block;
}
.map-mob{display: none;}
/* ------------------------ Contact styles starts ------------------------ */
#Contact{
    background: #FED94D;
    margin: -1% 0 0 0;
    padding: 50px 0;
}
#Contact a{color:#3B3B3B;}
#Contact h2{
    padding: 0 0 30px 0;
}
#Contact .container{
    position: relative;
}
.share-list{
    position: absolute;
    right: 0;
    bottom: 2%;
}
.zoho-division{
    font-size: 1em;
}
.zoho-division span{
    display: inline-block;
    padding: 0 10px 0 0;
    font-size: 1em;
    color: #aaa;
}
.zoho-division img{width:55px;}

/* -------------------------- Responsive styles starts -------------------------- */
@media screen and (min-width: 1600px) {
    .container, .header-inner{width:1400px;}
    .creative img{bottom:-10%;}
    .creative img.crv3{bottom:8%;}
    .faq-menu{top:37px;right: 32%;}
    nav {margin: 10px 26% 0 0;}
}
@media screen and (min-width: 1800px) {
    .home-cont h2{ margin-top:10%;font-size: 16em;}
    #Home::before{bottom:-5%;}
    #Venue h2::before {top:7%;}
    .venue-inner{margin-top:-3%;width:50%;}
    #Register{right: 15%;}
    .faq-menu{top:40px;right: 37.5%;}
    .agenda-creative{width:35%;}
    nav {margin: 10px 28% 0 0;}
}
@media screen and (min-width: 2000px) {
    #Venue h2::before {top:15%;}
    #Highlights {margin: 5% 0 5% 22%;width: 50%;}
    #Register{right: 20%;}
    .faq-menu{top:45px;right: 36.5%;}
}
@media (max-width: 1400px) {
    .container, .header-inner{width:1100px;}
    .venue-inner{width:90%;}
    .location-map {margin-top: -6%;}
    #Register{right:4%;}
    .faq-menu{top: 33px;right:34%;}
}
@media (max-width: 1200px) {
    .main-menu li{padding: 0 3px;}
    .main-menu li a, .faq-menu{font-size: 1em;}
    nav {margin: 10px 40% 0 0;}
    .faq-menu{top: 30px;right:37%;}
    .container, .header-inner{width:90%;}
    .home-cont h2{font-size: 10em;}
    .duc{font-size: 1.5em;}
    .hdate, .hvenue{font-size: 1.2em;}
    #Venue h2::before{top:-15%;}
    .venue-part, .email-part, .call-part{width: 30%;margin: 2% 1%;text-align: center;}
    .venue-inner img, .venue-rt-sec{display: block;margin: 0 auto;}
    .venue-inner img{margin: 0 auto 20px auto;}
    .venue-rt-sec{width: 100%;}
    .venue-inner{width:96%;margin:0;}
    .location-map{width:100%;}
    #Venue h2{padding:5%;}
    .hdate, .hvenue{z-index: 9;}
    #Register{right:0;width:350px;}
}
@media (max-width: 1000px) {
    nav { margin: 10px 0 0 0;}
    .faq-menu{display: none;}
    #Register{width:100%;position: static;}
    .page1{min-height: 570px;}
    .home-cont h2{margin-top:100px;}
    #Home::before{height: 100px;}
    #Home .container{width: 80%;}
    .breadcrumb{z-index: 999;top:-5%;}
    .main-menu li:hover a, .main-menu li.active a{border-bottom: 1px solid #5d5d5d;}
    .main-menu li.register-tab, .main-menu li:nth-child(5){display: block;}
    header{position: fixed;background: #f9d473;}
    .but-register{display: block;}
    .but-register+br{display: none;}
    #Highlights{width:100%;}
    .submit-block{width:40%;margin:20px auto 10px auto;}
    .ag-block .col20{width:20%;}
    .ag-block .col30{width:100%;min-height: auto!important;margin: 0;}
    #Venue h2::before{top:-29%;}
    .venue-inner{width:90%;padding: 5%;}
    #Highlights{width:90%;margin: 5%;}
    #tickets-datails{display: none;}
    #tickets-datails.active{display: block;}
    #tickets-datails{width:95%;position: static;padding: 20px 0;margin:0 auto;border-radius: 5px;}
    .tiktdetls{width:85%;display: block;margin: 15px auto;}
    .tiktdetls.field3{margin-bottom:30px;}
    header.active .header-inner{padding: 1% 5%;}
    .main-menu li.register-tab.chgcolr {display: block;}
}
@media (max-width: 600px) {
    .home-cont h2{font-size:7em;}
    .page1{min-height: 500px;}
    .duc{top: 33%;left: 4px;padding: 3px 6px;font-size: .8em;}
    .creative img.crv3{bottom: 4%;}
    .cloud1{bottom: -95px;}
    .cloud2{bottom: -75px;}
    .cloud3{bottom: -150px;}
    .agenda-creative{display: none;}
    .venue-part, .email-part, .call-part{width:80%;}
    .nav-video-previews-mapping, .videoside{text-align: center;}
    .play-icon{top:-11%;left:11%;}
    #Highlights iframe{width:300px !important; height: auto !important;}
    .ag-menu li a{padding: 20px 60px;}
    .ag-block .col20{float: none;width:90%;margin: 0 0 10px 0;}
    .ag-block .col70{width:90%;}
    .popup-contents{width:90%;height: 600px;}
    .popup-contents .end-part{width: 100%;}
    .share-list{position: static;margin-top:20px;}
    #Venue h2::before{display: none;}
    .zoho-division{display: none;}
}
@media (max-width: 350px) {
    .home-cont h2{font-size:5.5em;}
    .cloud-animate, .breadcrumb{display: none;}
    .rightside ol li{text-align: center;}
    .rightside ol li .high-rt-sec{margin: 20px 0;width:90%;}
    .ag-menu li a{padding: 20px 40px;}
}
/* -------------------------- KEYFRAMES -------------------------- */
@-webkit-keyframes animateCloudmove {
    0% {
        margin-left: -10%;
        opacity: 0;
    }
    10% {
        opacity: .2;
    }
    20% {
        opacity: 1;
    }
    90% {
        opacity: .8;
    }
    100% {
        margin-left: 60%;
        opacity: 0;
    }
}
@-moz-keyframes animateCloudmove {
    0% {
        margin-left: -10%;
        opacity: 0;
    }
    10% {
        opacity: .2;
    }
    20% {
        opacity: 1;
    }
    90% {
        opacity: .8;
    }
    100% {
        margin-left: 60%;
        opacity: 0;
    }
}
@keyframes animateCloudmove {
    0% {
        margin-left: -10%;
        opacity: 0;
    }
    10% {
        opacity: .2;
    }
    20% {
        opacity: 1;
    }
    90% {
        opacity: .8;
    }
    100% {
        margin-left: 60%;
        opacity: 0;
    }
}
@-webkit-keyframes animateCloudmove2 {
  0% {
        margin-left: -40%;
        opacity: 0;
    }
    10% {
        opacity: .2;
    }
    20% {
        opacity: 1;
    }
    90% {
        opacity: .8;
    }
    100% {
        margin-left: 70%;
        opacity: 0;
    }
}
@-moz-keyframes animateCloudmove2 {
  0% {
        margin-left: -40%;
        opacity: 0;
    }
    10% {
        opacity: .2;
    }
    20% {
        opacity: 1;
    }
    90% {
        opacity: .8;
    }
    100% {
        margin-left: 70%;
        opacity: 0;
    }
}
@keyframes animateCloudmove2 {
  0% {
        margin-left: -40%;
        opacity: 0;
    }
    10% {
        opacity: .2;
    }
    20% {
        opacity: 1;
    }
    90% {
        opacity: .8;
    }
    100% {
        margin-left: 70%;
        opacity: 0;
    }
}