@font-face {
   font-family:"Open Sans";
   font-weight:400;
   font-style:normal;
   src:url("https://webfonts.zohostatic.com/opensans/font.eot");
   src:url("https://webfonts.zohostatic.com/opensans/font.eot?#iefix") format("eot"),
   url("https://webfonts.zohostatic.com/opensans/font.woff2") format("woff2"),
   url("https://webfonts.zohostatic.com/opensans/font.woff") format("woff"),
   url("https://webfonts.zohostatic.com/opensans/font.ttf") format("truetype"),
   url("https://webfonts.zohostatic.com/opensans/font.svg#OpenSans") format("svg");
}
@font-face {
   font-family:"Open Sans";
   font-weight:800;
   font-style:normal;
   src:url("https://webfonts.zohostatic.com/opensansextrabold/font.eot");
   src:url("https://webfonts.zohostatic.com/opensansextrabold/font.eot?#iefix") format("eot"),
   url("https://webfonts.zohostatic.com/opensansextrabold/font.woff2") format("woff2"),
   url("https://webfonts.zohostatic.com/opensansextrabold/font.woff") format("woff"),
   url("https://webfonts.zohostatic.com/opensansextrabold/font.ttf") format("truetype"),
   url("https://webfonts.zohostatic.com/opensansextrabold/font.svg#OpenSans-Extrabold") format("svg");
}
@font-face {
   font-family:"Roboto";
   font-weight:400;
   font-style:normal;
   src:url("https://webfonts.zohostatic.com/robotoregular/font.eot");
   src:url("https://webfonts.zohostatic.com/robotoregular/font.eot?#iefix") format("eot"),
   url("https://webfonts.zohostatic.com/robotoregular/font.woff2") format("woff2"),
   url("https://webfonts.zohostatic.com/robotoregular/font.woff") format("woff"),
   url("https://webfonts.zohostatic.com/robotoregular/font.ttf") format("truetype"),
   url("https://webfonts.zohostatic.com/robotoregular/font.svg#Roboto-Regular") format("svg");
}
@font-face {
   font-family:"Roboto";
   font-weight:500;
   font-style:normal;
   src:url("https://webfonts.zohostatic.com/robotomedium/font.eot");
   src:url("https://webfonts.zohostatic.com/robotomedium/font.eot?#iefix") format("eot"),
   url("https://webfonts.zohostatic.com/robotomedium/font.woff2") format("woff2"),
   url("https://webfonts.zohostatic.com/robotomedium/font.woff") format("woff"),
   url("https://webfonts.zohostatic.com/robotomedium/font.ttf") format("truetype"),
   url("https://webfonts.zohostatic.com/robotomedium/font.svg#Roboto-Medium") format("svg");
}

@font-face
{
	font-family: 'Zoho_Puvi_Regular';
	src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_regular.eot');
	src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_regular.eot') format('embedded-opentype'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_regular.woff2') format('woff2'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_regular.otf') format('opentype');
	font-weight: normal; font-style: normal
}

@font-face
{
	font-family: 'Zoho_Puvi_SemiBold';
	src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_semibold.eot');
	src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_semibold.eot') format('embedded-opentype'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_semibold.woff2') format('woff2'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_semibold.otf') format('opentype');
	font-weight: normal; font-style: normal
}

@font-face
{
	font-family: 'Zoho_Puvi_Bold';
	src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_bold.eot');
	src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_bold.eot') format('embedded-opentype'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_bold.woff2') format('woff2'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_bold.otf') format('opentype');
	font-weight: normal; font-style: normal
}
 

html, body{
    padding: 0;
    margin: 0;
}
.flex{
    display: flex;
}
.container{
    width: 1100px;
    margin: 0 auto;
}
header{
    position: fixed;
    top: 0;
    width: 100%;
    height: auto;
    z-index: 99;
    transition: .3s;
}
header.fixed{
    background: #fff;
    transition: .3s;
    box-shadow: 0 0 10px 1px rgba(0,0,0,.1);
}
header .container{
    justify-content: space-between;
    padding: 20px;
    transition: .3s;
}
header.fixed .container{
    padding: 10px;
    transition: .3s;
}
.logo{
    align-self: center;
    width: 180px;
    height: 48px;
    background: url('../images/2019-brazil-roadshow-uba-mfa-sprite.png') no-repeat;
    background-position: -20px -9px;
    background-size: 480px;
}
header.fixed .logo{
    background: url('https://www.manageengine.com/images/logo/manageengine-logo.svg') no-repeat;
    background-position: 0 10px;
    background-size: 160px;
}
.mainMenu{
    align-self: center;
}
.mainMenu a{
    margin-left: 20px;
    position: relative;
    font-family: 'Zoho_Puvi_Regular';
    color: #fff;
    text-decoration: none;
    transition: .3s;
    cursor: pointer;
}

.mainMenu span{
    padding: 8px 30px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 5px;
    transition: .3s;
    cursor: pointer;
    font-family: 'Zoho_Puvi_Regular';
    margin-left: 20px;
}
header.fixed .mainMenu span{
    color: #fff;
    border: 2px solid #f40404;
    transition: .3s;
    background: #f40404;
    cursor: pointer;
}

header.fixed .mainMenu a{
    color: #000;
    transition: .3s;
}

.mainMenu a.active::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -10px;
    left: 0;
    background: #ed1414;
}

.heroContainer{
    position: relative;
    height: auto;
    background: url('../images/2019-brazil-roadshow-uba-mfa-banner.jpg') no-repeat;
    background-size: cover;
    background-position: bottom;
    justify-content: center;
    padding: 130px 0 100px;
}
.heroContainer .container{
    align-self: center;
    text-align: center;
    color: #fff;
}
.overlayText{
    color: #0071b0;
    font-size: 18px;
    line-height: 30px;
    background: url('../images/2019-brazil-roadshow-uba-mfa-sprite.png') no-repeat;
    background-size: 480px;
    background-position: -21px -52px;
    padding: 8px 35px;
    width: 100px;
    margin: 0 auto;
    font-family: "Open Sans";
    font-weight: 800;
    position: relative;
}
.heroContainer p:nth-of-type(2){
    font-size: 43.4px;
    line-height: 51.41px;
    font-family: 'Zoho_Puvi_Bold';
    margin: 20px 0 0;
}
.heroContainer h1{
    font-size: 43.4px;
    line-height: 56px;
    font-family: 'Zoho_Puvi_Regular';
    margin: 0;
}
.heroContainer h1 span{
    display: block;
}
.heroLocation{
    margin: 20px 0;
}
.heroLocation a{
    color: #ffc901;
    font-size: 25px;
    line-height: 54px;
    text-decoration: none;
    font-family: 'Zoho_Puvi_Regular';
    position: relative;
    margin-right: 20px;
    margin-bottom: 15px;
}
.heroLocation a::after{
    position: absolute;
    content: "";
    height: 100%;
    width: 2px; 
    right: -15px;
    top: 0;
    background: #ffc901;
}
.heroLocation a:last-of-type::after{
    display: none;
}
.heroDate{
    position: relative;
    font-size: 24px;
    font-family: 'Zoho_Puvi_SemiBold';
}
.heroDate::before{
    content: "";
    position: relative;
    padding: 22px;
    background: url('../images/2019-brazil-roadshow-uba-mfa-sprite.png') no-repeat;
    background-size: 500px;
    background-position: -309px -2px;
    right: 5px;
}
.heroBtn{
    background: #f40404;
    font-size: 18px;
    font-family: 'Zoho_Puvi_SemiBold';
    padding: 15px 0;
    width: 240px;
    margin: 0 auto;
    cursor: pointer;
}
.popupForm{
    position: fixed; 
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 9999998;
    transition: .7s; 
    justify-content: center;
    display: none;
}
.popupForm.active{
    display: flex;
    transition: .7s;
}
.formOverlay{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(0,0,0,.7);
}
.top-2-form-inn{
    position:relative;z-index:9;margin: auto; height: auto; background: #fff; width: 400px;padding: 10px 0;z-index: 99;align-self: center;
}
.top-2-form-inn.fix-form{
    position:fixed;top:100px;width:372px;box-shadow:0 1px 17px 2px rgba(0,0,0,0.04);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;background:#f3f3f3;box-shadow:0 22px 23px -18px #0e1923
}
form ul{
    padding: 0;
}
form ul li{
    width:80%;margin:0 10% 15px;border-bottom:1px solid #cdcdcd;box-sizing:border-box;background:#fff;border-radius:2px;position:relative;display:inline-block;font-weight: 400;
}
form ul li:nth-child(5){
    margin-bottom:20px
}
form ul li:last-child{
    margin-bottom:0;border-bottom:0;background:none;border:0
}
form ul li:nth-child(6){
    margin-bottom: 0;
}
form ul li span{
    display:block;padding-bottom:0;position:absolute
}
form ul li input{
    width:100%;line-height:20px;box-sizing:border-box;padding:12px;font-size:14px;outline:none;padding-left:35px;border:0;background:none; font-family: 'Roboto';
}
form ul li select{
    width:100%;line-height:20px;box-sizing:border-box;padding:10px;font-size:14px;outline:none;border:0;background:none;height:42px;color:#868686;margin-left:20px;width:85%;font-family: 'Roboto';
}
form ul li textarea{
    width:100%;height:60px;line-height:20px;box-sizing:border-box;padding:10px;font-size:14px;outline:none;padding-left:40px;border:0;font-family: 'Roboto';
}
form ul li input[type="checkbox"]{
    width:10px!important;float:left;display:inline-block;height:10px!important;margin-right:20px;margin-top:9px;padding:8px
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
form ul li label{
    color:#3e3a39;text-align:left;font-size:13px;line-height:20px;font-weight:600;margin-bottom:6px;display:block
}
form ul li:before{
    content:'';position:absolute;background:url(../images/2019-brazil-roadshow-uba-mfa-sprite.png) no-repeat left center;background-size:500px;width:28px;height:29px;margin-top:7px;margin-left:2px
}
form ul li:nth-child(1):before{
    background-position:-363px -24px;
}
form ul li:nth-child(2):before{
    background-position:-401px -24px;
}
form ul li:nth-child(3):before{
    background-position:-433px -24px;
}
form ul li:nth-child(4):before{
    background-position:-363px -65px;
}
form ul li:nth-child(5):before{
    background-position:-403px -65px;
}
form ul li:last-child:before{
    display:none
}
form ul li input[type="submit"]{
    background:#dd3939;cursor:pointer;border:0;color:#fff;font-size:20px;border-radius:2px;font-weight:400;padding:12px 0;text-transform:uppercase
}
form ul li:last-child p{
    color:#969696;margin-top:-5px;font-size:11px;text-align:center
}
form ul li:last-child p a{
    color:#09C;font-size:11px
}
span#backToTop{
    display:none!important;opacity:0!important
}
div#formCTAgdpr{
    color:#888;text-align:left;font-size:10px;margin-top:4px;line-height:0;margin-top:12px;display:none
}
div#meGDPRMessage{
    margin-bottom:15px;font-size:12px
}
#meGDPRMessage label{
    font-size:11px;line-height:18px;color:#969696
}
form ul li input[type="checkbox"]{
    width:15px!important;float:left;display:inline-block;height:15px!important;margin-right:20px;margin-bottom:20px;margin-top:9px
}
.dwn-priv{
    color:#969696;margin-top:5px;font-size:11px; font-family: 'Zoho_Puvi_Regular';
}
.dwn-priv a{
    color:#09C;font-size:11px
}
label#sendmemailcheck{
    color:#888;text-align:left;font-size:12px;line-height:15px
}
#meGDPRMessage .checkmarkgdpr{
    padding-bottom:0
}
.tnk-hide{
    text-align:center;font-size:24px;margin-bottom:20px; font-family: 'Zoho_Puvi_SemiBold';}

.msm1{
    text-align:center;display:none; font-size:24px;margin-bottom:20px; font-family: 'Zoho_Puvi_SemiBold';color:#4CAF50;
}

.msm1 h2{
    color:#4CAF50;font-size:30px;margin-bottom:10px}

.errMsg,.errMsg2{
    color:#000;display:none;background:rgba(255,0,0,0.33);padding:8px 20px;text-align:center;border:1px solid #ef8484;position:relative;margin-bottom:10px;margin-top:-15px;border-radius:2px;font-size:13px; font-family: 'Roboto';
}
.formClose{
    position: absolute;
    right: 15px;
    top: 5px;
    font-size: 18px;
    font-weight: 300;
    color: #000;
    cursor: pointer;
}
.briefContainer{
    position: relative;
    margin: 80px 0 100px;
}
.briefContainer .container{
    position: relative;
    width: 60%; 
    margin: 0 auto;
    text-align: center;
}
.briefContainer h2{
    color: #0180c3;
    font-size: 30px;
    font-family: 'Zoho_Puvi_Bold';
    line-height: 30px;
    margin-bottom: 30px;
}
.briefContainer p{
/*    color: #0180c3;*/
    font-size: 18px;
    font-family: 'Zoho_Puvi_Regular';
    line-height: 32px;
}
.agendaContainer{
    position: relative;
    padding-top: 50px;
}
.agendaContainer::before{
    content: "";
    position: absolute;
    height: 78%;
    width: 100%;
    left: 0;
    top: 0;
    background: #d3ebff;
    z-index: -1;
}
.agendaContainer h2{
    font-size: 36px;
    font-family: 'Zoho_Puvi_Bold';
    text-align: center;
}
.agendaWrapper{
    width: 80%;
    margin: 0 auto;
    justify-content: space-between;
    margin-top: 100px;
}
.agendaBox{
    width: 40%;
    height: auto;
    padding: 30px 20px 10px;
    background: #fff;
    box-shadow: 0 0 10px 1px rgba(0,0,0,.2);
    position: relative;
}
.agendaBox:last-of-type::before{
    content: "";
    position: absolute;
    height: 174px;
    width: 217px;
    background: url('../images/2019-brazil-roadshow-uba-mfa-sprite.png') no-repeat;
    background-size: 500px;
    background-position: -17px -117px;
    right: -8px;
    top: -81px;
}
.agendaBox:first-of-type::before{
    content: "";
    position: absolute;
    height: 174px;
    width: 217px;
    background: url('../images/2019-brazil-roadshow-uba-mfa-sprite.png') no-repeat;
    background-size: 500px;
    background-position: -276px -114px;
    right: -8px;
    top: -81px;
}
.agendaBox p{
    font-family: 'Zoho_Puvi_Regular';
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
}
p.agendaNumber{
    font-size: 60px;
    color: white;
    line-height: 30px;
    font-family: 'Zoho_Puvi_Bold';
    margin: 20px 0;
}
.sec-agen{padding: 50px 60px 25px 10%;text-align:center;position:relative;overflow:hidden; font-family: 'Zoho_Puvi_Bold';}
.sec-agen h2{font-size:32px;font-weight:800;margin-bottom:30px;color:#000;text-align:center; }
.age1{display:block;position:relative}
.age-com ul{padding-left: 0; margin: 0;}
.age-com ul li{width:100%; list-style-type: none;}
.age-row{border-bottom:1px dashed #b4b4b4;margin-bottom:32px;padding-bottom:20px;z-index:12;position:initial;overflow:hidden;padding-top:12px;position:relative}
.age-row-1{width:10%}
.age-row-icon{background:url(../images/2019-brazil-roadshow-uba-mfa-sprite.png);width:50px;height:50px;border-radius:50%;z-index:10;background-size:524px;background-position:-30px -322px;margin-top:-12px;margin-left:0}
.age-row-icon-pre{margin:0 0 0 -115px;position:absolute;background-position:-390px -114px}
.age-row-2{width:20%}
.age-row-2 span{font-size:16px;font-weight:700; line-height: 24px;}
.age-row-3{width:70%;position:relative;overflow:hidden}
.age-row-3 h4{font-size:16px;font-weight:700;line-height:24px;padding-bottom:8px;cursor:pointer;z-index:99;color:#000;margin: 0;    padding-right: 50px;}
.age-row-3 h6{font-size:14px;font-weight:400;line-height:30px;margin-bottom:20px}
.age-row-3 ol{padding:0; font-family: 'Zoho_Puvi_Regular';}
.age-row-3 ol li{font-size:14px;font-weight:400;line-height:28px;padding-left:30px}
.age-row-3 ol li:before{content:'';position:absolute;width:7px;height:7px;background:#909090;border-radius:50px;margin-left:-26px;margin-top:11px}
.age-row-4{position:absolute;right:5px}
.age-row-arr-up{background:url(../images/2019-brazil-roadshow-uba-mfa-sprite.png);width:30px;height:30px;border-radius:50%;z-index:10;background-size:800px;background-position:-725px -126px}
.age-row-arr-do{background:url(../images/2019-brazil-roadshow-uba-mfa-sprite.png);width:30px;height:30px;border-radius:50%;z-index:10;background-size:800px;background-position:-760px -126px}
.age-row div{float:left;text-align:left}
.age-com::after{content:'';background:#e5e5e5;position:absolute;width:1px;top:20px;bottom:0;height:98%;left:22.4%;z-index:-1}
.age-com::before{content:'';background:#fff;position:absolute;width:5px;top:0;bottom:0;height:100%;left:0;z-index:-1}
.age-row-3 ol{display:none}
.age-row-act .age-row-arr-do{display:block}
.age-row-act .age-row-arr-up{display:none}
.btn-d{background:url(../images/2019-brazil-roadshow-uba-mfa-sprite.png) no-repeat #7f7f7f;background-position:-552px -76px;width:28px;height:28px;background-size:598px;position:absolute;right:0;top:0;border-radius:50px;z-index:-1}
.btn-u{background:url(../images/2019-brazil-roadshow-uba-mfa-sprite.png) no-repeat #7f7f7f;background-position:-526px -77px;width:28px;height:28px;background-size:598px;position:absolute;right:0;top:0;border-radius:50px;display:none;z-index:-1}
.age-icon-certi-1{background-position:-89px -385px}
.age-icon-lunch-1{background-position:-262px -322px}
.age-icon-mik-4{background-position:-30px -386px}
.age-icon-mik-3{background-position:-324px -322px}
.age-icon-mik-2{background-position:-208px -322px}
.age-icon-mik-1{background-position:-89px -322px}
.age-icon-coff-1{background-position:-148px -322px}
.sec-prese{background:#1f1f1f;padding: 50px 60px;text-align:center;position:relative;overflow:hidden;}
.sec-prese h2{font-size:32px;font-weight:800;margin-bottom:40px;color:#fff; font-family: 'Zoho_Puvi_Bold';}
.sec-prese-list ul li{width:33.333%;display:inline-block;}
.sec-prese-list-one ul li{width:65%;}
.sec-prese-list{position:relative;overflow:hidden}
.sec-prese-list ul{position:relative;overflow:hidden;margin:0 auto;display:table; padding-left: 0}
.sec-prese-details{margin-top:-2px}
.sec-prese-details-2-user{width:63.2%;margin:0 auto;position: relative;overflow: hidden; font-family: 'Zoho_Puvi_Regular';}
.sec-prese-det-com{color:#fff;color:#c3c3c3;font-size:14px;line-height:26px;display:none;background:#000;padding:30px 40px 30px 30px;margin:0 20px;text-align:left;position:relative}
.sec-pre-box{margin:0 20px;position:relative;cursor:pointer}
.sec-pre-box:before{content:'';position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.34);background:-webkit-linear-gradient(to bottom,rgba(255,255,255,0),#000);background:linear-gradient(to bottom,rgba(255,255,255,0),#000)}
.sec-pre-box:after{content:'';position:absolute;background:url(../images/2019-brazil-roadshow-uba-mfa-sprite.png) no-repeat left center;background-size:542px;background-position:-163px -412px;width:32px;height:32px;bottom:15px;right:15px}
.clo-details{position:absolute;background:url(../images/2019-brazil-roadshow-uba-mfa-sprite.png) no-repeat left center;background-size:542px;background-position:-199px -412px;width:32px;height:32px;top:9px;right:0;cursor:pointer;z-index:12}
.sec-pre-box-act .clo-details{display:block}
.sec-pre-box-act:after{display:none}
.sec-pre-box img{width:100%}
.sec-pre-box.sec-pre-box-act h4{border-top:2px solid #d43434}
.sec-pre-details{text-align:left;padding:0;position:absolute;margin-top:-120px;padding-left:31px}
.sec-pre-details h4{color:#d43434;font-size:20px;font-weight:700;text-transform:uppercase;margin-bottom:10px;border-top:2px solid transparent;padding-top:10px; font-family: 'Zoho_Puvi_Bold';}
.sec-pre-details p{color:#fff;font-size:12px;margin:0;line-height:20px; font-family: 'Zoho_Puvi_Regular';}
.locationContainer{
    margin-top: 140px;
    position: relative;
    padding-bottom: 40px;
}
.locationContainer::before{
    position: absolute;
    content: "";
    bottom: 0;
    width: 100%;
    height: 63%;
    left: 0;
    z-index: 0;
    background: rgba(0,0,0,.15);
    background: -webkit-linear-gradient(to bottom,#fff,rgba(0,0,0,.15));
    background: linear-gradient(to bottom,#fff,rgba(0,0,0,.15));
}
.locationContainer h2{
    text-align: center;
    font-size: 36px;
    font-family: 'Zoho_Puvi_Bold';
    margin-bottom: 40px; 
}
.locationList{
    justify-content: space-between;
}
.locationNameList{
    width: 350px;
}
.locationName{
    position: relative;
    margin-bottom: 10px;
    padding-left: 20px;
    transition: .3s;
    opacity: .5;
}
.locationName.active{
    transition: .3s;
    border-left: 7px solid #2db28b;
    opacity: 1;
}
.locationName p:first-of-type{
    font-size: 18px;
    font-family: 'Zoho_Puvi_SemiBold';
    color: #2db28b;
    line-height: 30px;
    margin-bottom: 0;
}
.locationName p:last-of-type{
    font-size: 24px;
    font-family: 'Zoho_Puvi_Bold';
    line-height: 30px;
    margin-top: 0;
}
.locationMapBox{
    width: calc(100% - 380px);
    height: 470px;
    position: relative;
    background: #fff;
}
.locationMap{
    opacity: 0;
    display: none;
    z-index: -1;
    transition: .3s;
    height: 93.5%;
    width: 96%;
    margin: 2.5% auto;
    background: #fff;
}
.locationMap.active{
    display: block;
    opacity: 1;
    z-index: 1;
    transition: .3s;
}
.bottomContainer{
    text-align: center;
    background: #2e2e2e;
    color: #fff;
    padding: 40px 0 30px;
}
.bottomContainer p:first-of-type{
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 22px;
    line-height: 35px;
    margin-bottom: 0;
}
.bottomContainer p:nth-of-type(2), .bottomContainer p:nth-of-type(3){
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 16px;
    line-height: 35px;
    margin-top: 5px;
    margin-bottom: 0;
}
.bottomContainer p:nth-of-type(3){
    line-height: 30.5px;
    margin-top: 5px;
    margin-bottom: 35px;
}
.zlogo{
    position: relative;
    height: 20px;
    padding: 0 33px;
    background: url('../images/2019-brazil-roadshow-uba-mfa-sprite.png') no-repeat;
    background-position: -172px -23px;
    background-size: 400px;
}
.bottomContainer .flex{
    justify-content: center;
}
.bottomContainer .flex a{
    color: #a9a9a9;
    text-decoration: none;
    font-size: 16px;
    font-family: 'Roboto';
    font-weight: 500;
    margin: 0 25px;
}
.phone, .email, .website{
    position: relative;
}
.phone::before, .email::before, .website::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 30px;
    background: url('../images/2019-brazil-roadshow-uba-mfa-sprite.png') no-repeat;
    background-size: 450px;
    background-position: -22px -54px;
}
.phone::before{
    background-position: -209px -68px;
} 
.email::before{
    background-position: -242px -65px;
}
.website::before{
    background-position: -277px -65px;
}
footer{
    text-align: center;
    font-family: 'Roboto';
    font-weight: 400;
    color: #fff;
    background: #000;
}
footer p{
    margin: 0;
    padding: 15px 0;
}
.mobCta{display: none;}
@media only screen and (max-width: 1370px){
    .sec-prese,.sec-agen{padding-left:10%}
    .sec-prese-details-2-user{width:67.2%}
     .sec-agen .container{width: 100%;}
}
@media only screen and (max-width: 1120px){
    .container{
        width: 90%;
    }
}
@media only screen and (max-width: 991px){
    .agendaWrapper{
        width: 90%;
    }
    .locationNameList{
        width: 280px;
    }
    .locationMapBox{
        width: calc(100% - 280px);
    }
    .age-com::after{left: 23.4%;}
    .heroContainer::before{
        content: "";
        position: absolute;
        z-index: 0;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background: rgba(0,111,175);
        background: -webkit-linear-gradient(to bottom,rgba(0,111,175), transparent);
        background: linear-gradient(to bottom,rgba(0,111,175), transparent);
        z-index: -1;
    }
    .heroContainer .container{
        z-index: 1;
    }
}
@media only screen and (max-width: 850px){
    .bottomContainer .flex{
        flex-direction: column;
        justify-content: center;
    }
    .phone, .email, .website{
        align-self: center;
        margin-bottom: 5px;
    }
    .age-com::after{left: 24%;}
    .sec-agen{padding: 50px 40px 25px 40px}
}

@media only screen and (max-width: 767px){
    .sec-prese-list ul li{width:100%;margin-bottom:15px}
    .sec-prese-list ul li:last-child{margin-bottom:0}
    .sec-prese-details-2-user{width: 100%;}	
    .sec-prese-det-com {position: fixed;bottom: 0;left: 0px;margin: 0px;z-index: 13;}
    .age-row-2{width:100%;margin-bottom:22px}
    .age-row-icon{margin-top:0}
    .age-row-3{width:85%;padding-left:25px}
    .age-com::after{display: none;}
    .heroLocation a{border-right: 2px solid #ffc901; padding: 0 15px; font-size: 20px; line-height: 40px}
    .heroLocation a:last-of-type{border-right: none;}
    .heroLocation a::after{display: none;}
    .mobCta{position: fixed; bottom: 0; left: 0; width: 100%; background: #f40404; font-family: 'Zoho_Puvi_Regular'; padding: 15px 10px; justify-content: center;z-index: 999;}
    .mobCta.active{display: flex;}
    .mobCta a{color: #fff; text-decoration: none; align-self: center;}
    header .container{
        flex-direction: column;
    }
    .logo{
        height: 37px;
        background-position: -20px -18px;
        margin-bottom: 15px;
    }
    header.fixed .logo{
        background-position: 0 0;
    }
    header.fixed .container{
        padding: 10px 10px 17px;
    }
}
@media only screen and (max-width: 675px){
    .heroContainer h1, .heroContainer p:nth-of-type(2){
        font-size: 35px;
    }
    .agendaWrapper{
        flex-direction: column;
    }
    .agendaBox{
        width: 80%;
        margin: 0 auto;
    }
    .agendaBox:first-of-type{
        margin-bottom: 120px;
    }
    .agendaContainer::before{
        height: 104%;
    }
}

@media screen and (max-width: 575px){
    .locationList{
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .locationNameList{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-self: flex-start;
    }
    .locationName{
        align-self: center;
    }
    .locationName.active{
        border-left: 0;
        border-bottom: 7px solid #2db28b;
    }
    .locationMapBox{
        width: 100%;
        height: 300px;
    }
    header .mainMenu span{display: block; margin-top: 20px; margin-left: 0; text-align: center;}
    .heroContainer{padding: 190px 0 50px;}
}
@media screen and (max-width: 480px){
    .heroContainer h1, .heroContainer p:nth-of-type(2){
        line-height: 45px;
    }
    .heroLocation{
        font-size:  45px;
    }
    .top-2-form-inn{
        width: 90%;
    }
    .briefContainer .container{
        width: 80%;
    }
    .agendaBox:first-of-type::before{
        background-size: 450px;
        width: 187px;
        background-position: -23px -101px;
    }
    .agendaBox:last-of-type::before{
        background-size: 440px;
        width: 187px;
        background-position: -245px -105px;
    }
    .age-row-1{display:none}
    .age-row-3{width:100%;padding-left:0;}
}
@media screen and (max-width: 400px){
    .mainMenu span{
        padding: 8px 20px;
    }
    .bottomContainer .flex a, footer p{
        font-size: 14px;
    }
}