html,body,h1,h2,h3,div,span,p,a,img,strong,form,label,table,tbody,tfoot,thead,tr,th,td,footer,header,button,input,ul,li{margin:0;padding:0;border:0}
html{background:#fff;font-variant-numeric:lining-nums;-moz-font-feature-settings:"lnum"1;-moz-font-feature-settings:"lnum=1";-ms-font-feature-settings:"lnum"1;-o-font-feature-settings:"lnum"1;-webkit-font-feature-settings:"lnum"1;font-feature-settings:"lnum"1;overflow-x:hidden}
body{font-size:20px;font-family:"FiraSans","sans-serif";float:left;width:100%}
@font-face{font-family:"FiraSansThin";src:url('../../fonts/eot/FiraSans-Thin.eot') format('eot'),url('../../fonts/woff/FiraSans-Thin.woff') format('woff'),url('../../fonts/ttf/FiraSans-Thin.ttf') format('truetype'),url("../../fonts/otf/FiraSans-Thin.otf") format("opentype")}
@font-face{font-family:"FiraSansLight";src:url('../../fonts/eot/FiraSans-Light.eot') format('eot'),url('../../fonts/woff/FiraSans-Light.woff') format('woff'),url('../../fonts/ttf/FiraSans-Light.ttf') format('truetype'),url("../../fonts/otf/FiraSans-Light.otf") format("opentype")}
@font-face{font-family:"FiraSans";src:url('../../fonts/eot/FiraSans-Regular.eot') format('eot'),url('../../fonts/woff/FiraSans-Regular.woff') format('woff'),url('../../fonts/ttf/FiraSans-Regular.ttf') format('truetype'),url("../../fonts/otf/FiraSans-Regular.otf") format("opentype")}
@font-face{font-family:"FiraSansMedium";src:url('../../fonts/eot/FiraSans-Medium.eot') format('eot'),url('../../fonts/woff/FiraSans-Medium.woff') format('woff'),url('../../fonts/ttf/FiraSans-Medium.ttf') format('truetype'),url("../../fonts/otf/FiraSans-Medium.otf") format("opentype")}
a{word-break:break-word}
.center{text-align:center!important}
.mainHeader{width:100%;height:80px;background:url(../images/header/bgHeaderActive.jpg);background-size:cover;box-shadow:0 20px 60px 0 rgba(83,71,105,0.8);position:fixed;z-index:+9}
.mainHeader .contHeader{width:calc(100% - 40px);height:100%;display:table;max-width:1620px;padding:0 20px;margin-left:50%;transform:translateX(-50%)}
.mainHeader .logoHeader{width:223px;height:100%;display:table-cell;vertical-align:middle}
.mainHeader .logoHeader img{max-width:100%;height:auto}
.mainHeader .title{width:calc(100% - 233px);padding-left:10px;vertical-align:middle;display:table-cell}
.mainHeader .title h1{float:right;text-transform:uppercase;color:white;font-size:18px;text-align:right;margin-top:6px}
.mainHeader .videoHeader{float:right;background:#FFF url("../images/header/icoVideo.png") no-repeat;background-position:right 12px center;border-radius:4px;color:#232358;font-size:16px;padding:8px 46px 8px 12px;margin-right:20px;text-decoration:none}
.mainHeader .videoHeader:hover{background:#F0E8F7 url("../images/header/icoVideo.png") no-repeat;background-position:right 12px center;transition:ease-in-out all 0.5s}
.info{float:left;width:100%;background:#f7f8fa}
.infoWhite{background:#FFF}
.infoContent{float:left;width:calc(100% - 100px);max-width:1530px;margin:0 auto;padding:80px 50px;margin-left:50%;transform:translateX(-50%)}
.infoContentLast{padding-bottom:150px}
.infoContentIntro{padding:130px 50px 20px 50px;text-align:center}
.infoContVideo{float:left;width:calc(100% - 100px);max-width:1530px;margin:0 auto;padding:80px 50px;margin-left:50%;transform:translateX(-50%)}
.infoContVideo .contVideo{float:left;width:100%;max-width:800px;margin:0 auto;margin-left:50%;transform:translateX(-50%);margin-bottom:30px}
.contTxt p{margin-bottom:30px;color:#3d3d3d}
.infoContentIntro .contTxt p{color:#5f439a;font-size:22px}
.contTabla{float:left;width:100%;overflow:auto;margin-bottom:20px}
.contTabla:last-of-type{margin-bottom:40px}
.contTabla::-webkit-scrollbar{width:6px;height:6px}
.contTabla::-webkit-scrollbar-thumb{background:#b7b7b7;border-radius:20px}
.contTabla::-webkit-scrollbar-track{background:#eef0f7;border-radius:0}
video{width:100%;max-width:990px}
table{width:100%;min-width:800px}
table thead tr th{background:#273140;text-align:center;color:white;padding:5px;font-family:"FiraSansLight","sans-serif"}
table tr th{background:#e1edf7;color:#3d3d3d;height:auto;font-size:16px;padding:3px 0;font-family:"FiraSans","sans-serif";text-align:center;line-height:21px;font-weight:normal}
table tr th p{float:left;width:calc(100% - 30px);font-size:17px}
table tr th a{width:20px;float:left;text-decoration:none;color:white;font-size:50px;margin-right:10px;font-weight:100;margin-top:10px;line-height:0}
table tr th a:hover{color:#2cd1f8}
table tr th.version{width:calc(100% - 50px);padding:0 40px 0 10px;background:#c9dbe8;text-align:left;line-height:30px;font-size:16px;list-style:none;font-family:"FiraSansLight","sans-serif";font-weight:bold;color:#275090}
table tr td{height:auto;padding:5px;border-bottom:1px solid #e8e8f3;border-right:1px solid #e8e8f3;font-size:16px;line-height:14px;font-family:"FiraSansLight","sans-serif"}
table tr td a{color:#2cd1f8;text-decoration:underline;letter-spacing:-0.5px;line-height:16px}
table tr td div ul a{color:#747f82}
table tr td div ul a:hover{color:#2cd1f8}
table tr td:last-child{border-right:0}
table tr td.descripcion{padding-left:20px;padding:5px 10px;line-height:20px}
table tr td.last{border-bottom:0}
.popup{position:relative;display:inline-block;width:7px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.popup .popuptext{visibility:hidden;width:125px;background-color:#f1f1f1;color:#6c7177;text-align:center;padding:10px;position:absolute;z-index:1;top:35px;left:50%;margin-left:-75px;box-shadow:0 0 15px 1px rgba(0,0,0,0.3)}
li{float:right;line-height:30px;font-size:16px;list-style:none;font-family:"FiraSansLight","sans-serif";color:#6c7177}
li img{padding-left:8px;vertical-align:middle}
.popup .popuptext::after{content:"";position:absolute;top:-20%;left:50%;margin-left:-5px;border-width:8px;border-style:solid;border-color:transparent transparent #f1f1f1 transparent}
.popup .show{visibility:visible}
.modalDialog{position:fixed;top:0;right:0;bottom:0;left:0;background:url(../images/bgLight.png);z-index:+9999;opacity:0;transition:opacity 400ms ease-in;pointer-events:none}
.modalDialog:target{opacity:1;pointer-events:auto}
.modalDialog#openEliminar>div{max-width:450px;width:calc(90% - 90px);height:auto;background:#FFF;position:relative;left:50%;top:50%;padding:45px;text-align:center;transform:translateX(-50%) translateY(-50%);box-shadow:0 6px 25px 0 rgba(0,0,0,0.5)}
.modalDialog#openEliminar>div img{position:relative;padding-bottom:40px}
.modalDialog#openEliminar>div p{width:100%;color:#6c7177;padding-bottom:40px}
.modalDialog#openEliminar>div .boxButton{width:100%;text-align:center}
.modalDialog#openEliminar>div .boxButton button{width:90px;margin:0 10px;height:30px;color:#FFF;border:0;border-radius:4px;font-size:15px;cursor:pointer;background:#4ac4f2;box-shadow:0 4px 6px 0 rgba(50,0,0,0.25)}
.modalDialog#openNuevo>div,.modalDialog#openActualizar>div{max-width:700px;width:90%;height:auto;background:#FFF;position:relative;left:50%;top:25%;transform:translateX(-50%) translateY(-50%);box-shadow:0 6px 25px 0 rgba(0,0,0,0.5)}
.modalDialog#openNuevo>div .contInfo,.modalDialog#openActualizar>div .contInfo{float:left;width:calc(100% - 90px);padding:45px;background:#fff;padding-bottom:25px!important}
.modalDialog#openNuevo>div .contInfo p,.modalDialog#openActualizar>div .contInfo p{float:left;width:100%;color:#4ac4f2;font-size:17px}
.modalDialog#openNuevo>div .contInfo input,.modalDialog#openActualizar>div .contInfo input{width:calc(100% - 25px);border:1px solid #aaafbf;border-radius:5px;height:27px;margin-bottom:25px;padding:3px 7px;color:#757575;font-size:16px}
.modalDialog#openActualizar>div .contInfo .column50{float:left;width:50%;margin:20px 0}
.modalDialog#openActualizar>div .contInfo .column50 span{float:left;width:100%;margin:0;font-size:16px;color:#6c7177;line-height:18px}
.modalDialog#openNuevo>div .contInfo .column100 button,.modalDialog#openActualizar>div .contInfo .column50 button{float:right;width:140px;margin:0 10px;height:35px;color:#FFF;border:0;border-radius:4px;font-size:15px;cursor:pointer;background:#4ac4f2;box-shadow:0 4px 6px 0 rgba(50,0,0,0.25)}
.modalDialog#openNuevo>div .contInfo .column100{float:left;width:100%;margin:20px 0}
.modalDialog .close{color:#FFF;line-height:25px;position:absolute;left:calc(50%+325px);text-align:center;top:22%;width:17px;height:25px;text-decoration:none;z-index:999;font-size:35px;transform:scaleX(1.6);font-family:"FiraSansThin","sans-serif";transition:all .3s ease-out;cursor:pointer}
.modalDialog .close:hover{color:#00e3f6}
.modalDialog .close:hover::before{content:"cerrar";position:absolute;top:2px;left:-45px;font-size:12px;background:#00e3f6;padding:0 5px;border-radius:3px;color:#04484e;height:20px;line-height:20px;letter-spacing:-0.5px;font-family:"FiraSansMedium","sans-serif"}
.modalDialog h1{float:left;width:calc(100% - 40px);background:#2f4463;color:#FFF;font-size:24px;padding:15px 20px;text-align:left;font-family:"FiraSansLight","sans-serif"}
.modalDialog h1 p{display:table-cell;vertical-align:middle;line-height:24px}
nav{position:fixed;top:80px;width:100%;background:#eae6ef;z-index:+9;box-shadow:0 20px 60px 0 rgba(83,71,105,0.8)}
nav ul{float:left;width:100%;max-width:1630px;margin-left:50%;transform:translateX(-50%);display:table}
nav li{float:none;display:table-cell;vertical-align:top;padding:10px;position:relative}
nav li:after{content:"";position:absolute;top:10px;right:0;width:1px;height:calc(100% - 20px);background:#FFF}
nav li:last-of-type:after,nav li.noShow:after{display:none}
nav li a{float:left;width:100%;text-align:center;text-decoration:none}
nav li a img{float:left;margin-left:calc(50% - 8px);margin-bottom:3px;padding-left:0;vertical-align:top}
nav li a span{float:left;width:100%;color:#3d3d3d;text-shadow:0 0 1px rgba(61,61,61,.5);font-family:"FiraSansLight","sans-serif";line-height:15px}
nav li.noShow{position:fixed;top:-80px;left:0;height:80px;width:250px;padding:0;border:0}
nav li.noShow a{height:100%}
.contTxt h1{float:left;width:100%;font-size:28px;font-weight:normal;font-family:"FiraSans","sans-serif";line-height:25px;color:#273140;text-align:center}
.contTxt h2{float:left;width:100%;font-size:18px;font-weight:normal;font-family:"FiraSans","sans-serif";line-height:20px;color:#2eb9ef;margin:10px 0;text-shadow:0 0 1px rgba(46,185,239,.5)}
.contTxt h3{display:inline-block;width:100%;font-size:17px;font-weight:normal;font-family:"FiraSansMedium","sans-serif";color:#5d6165;margin-bottom:5px}
.lineTitle{float:left;width:100%;height:5px;margin:5px 0 20px 0;line-height:0;text-align:center}
.lineTitle span{height:5px;display:inline-block}
.lineTitle .dark{width:30px;background:#454545;margin-right:2px}
.lineTitle .light{width:120px;background:#4ac4f3}
.parrafos,.parrafos ul{float:left;width:100%}
.parrafos p{font-family:"FiraSansLight";font-size:17px;margin-bottom:20px;text-align:justify;line-height:20px;color:#6c7177}
.parrafos p a{color:#5053ce}
.parrafos p.center img{max-width:100%}
.parrafos li{float:left;width:calc(100% - 15px);background:url(https://worldoffice.com.co/images/bulletList.png) no-repeat;background-position:0 9px;padding-left:15px}
.note{float:left;width:100%;text-align:center;font-size:18px;margin-top:10px;color:#2090bb}
span.wo{text-shadow:0 1px 0 rgba(100,105,111,.6);color:#64696f}
footer{width:calc(100% - 20px);background:#2d3251;color:white;text-align:center;padding:10px;font-size:16px;position:fixed;bottom:0}
cite{float:left;width:100%;margin-top:10px;font-size:14px;font-style:italic;color:#6638b1}
footer a{color:white;text-decoration:underline}
.accordion li{float:left;width:100%;position:relative}
.accordion li:last-of-type{margin-bottom:0}
.accordion li input[type="radio"]{position:absolute;top:0;left:0;width:100%;height:30px;opacity:0;cursor:pointer}
.accordion li p{float:left;width:calc(100% - 50px);background:#c9dbe8;color:#275090;padding:0 40px 0 10px;margin-top:1px;transition:all .6s ease-out;font-size:16px;font-weight:bold}
.accordion li p span{position:absolute;top:1px;right:0;width:30px;height:30px}
.accordion li p span b{position:absolute;width:3px;height:15px;background:#275090;top:calc(50% - 8px);left:calc(50% - 2px);transition:all .6s ease-out}
.accordion li p span b:last-of-type{transform:rotate(90deg)}
.accordion li .tableAccordion{float:left;width:100%;max-height:0;overflow:hidden;transition:max-height .6s ease-in-out}
.accordion li input[type="radio"]:hover+p{background:#b5d0e4}
.accordion li input[type="radio"]:checked+p span b:first-of-type{transform:rotate(90deg);opacity:0}
.accordion li input[type="radio"]:checked ~ .tableAccordion{max-height:1500px;margin-bottom:20px}
.accordion li table tr:last-of-type td{border-bottom:0}
table.actualiza{width:650px;max-width:650px;min-width:inherit;margin-left:50%;transform:translateX(-50%)}
table.actualiza tr{float:left;width:100%;border-bottom:10px solid #FFF}
table.actualiza tr td{background:#dae0ea;border:0!important;font-family:"FiraSansLight";font-size:17px;color:#6c7177;line-height:20px;width:300px;border-radius:5px;letter-spacing:-0.8px}
table.actualiza tr td:nth-of-type(2){background:0;width:50px}
table.actualiza tr td span{float:left;width:100%;text-align:right}
table.actualiza2{width:1000px;max-width:1000px;min-width:inherit;margin:0 auto}
table.actualiza2 tr{float:left;width:100%;border-bottom:10px solid #FFF}
table.actualiza2 tr td{background:#dae0ea;border:0!important;font-family:"FiraSansLight";font-size:17px;color:#6c7177;line-height:20px;width:300px;border-radius:5px;letter-spacing:-0.8px}
table.actualiza2 tr td:nth-of-type(2),table.actualiza2 tr td:nth-of-type(4){background:0;width:50px}
table.actualiza2 tr td span{float:left;width:100%;text-align:right}
.parrafos2 p{width:calc(100% - 15px);padding-left:15px}
#bannerLateral{width:120px;height:270px;position:fixed;top:90px;right:0;z-index:999}
#bannerLateral a{float:left;width:100%;height:100%}
#bannerLateral a img{position:relative;right:-10px;top:15px;max-width:100%}
#bannerLateral .cerrar{position:absolute;top:0;left:16px;width:auto;height:auto;border:1px solid #bbb;border-radius:5px 5px 5px 5px;color:#F90;font-weight:700;background:#FFF;padding:0 3px;text-decoration:none;font-size:16px;transition:.3s}
#bannerLateral .cerrar:hover{color:#09F;text-decoration:none}
#bannerLeft{width:173px;height:120px;position:fixed;bottom:120px;left:0;z-index:999}
#bannerLeft a{float:left;width:100%;height:100%}
#bannerLeft a img{position:relative;max-width:100%}
#bannerLeft .cerrar{position:absolute;top:-8px;left:143px;width:auto;height:auto;border:1px solid #bbb;border-radius:5px 5px 5px 5px;color:#c81f49;font-weight:700;background:#FFF;padding:0 3px;text-decoration:none;font-size:16px;transition:.3s;z-index:+9999}
#bbannerLeft .cerrar:hover{color:#09F;text-decoration:none}
.oculto{transition:1s;opacity:0;visibility:hidden}
.bodyActualizacion .infoContent{max-width:1400px}
select{float:left;width:100%;max-width:400px;height:30px;border:1px solid #ababad;border-radius:2px;background:0;color:#3d3d3d;font-size:16px;font-family:"FiraSansLight","sans-serif";margin:10px 0;outline:0}
.scrollButton{position:fixed;bottom:90px;right:20px;z-index:+999999;width:40px;height:40px;background:#2C5C9E;border-radius:50%;box-shadow:0px 2px 12px 0px rgba(0,0,0,0.5);cursor:pointer}
.meet{width:100%;height:75px;background:#01D0FF;padding:0;position:fixed;bottom:0;transition:all ease-in-out 0.3s}
.meet:hover{background:#01C0E9;transition:all ease-in-out 0.3s}
.meet .infoContent{display:table;width:calc(100% - 40px);max-width:1250px;height:100%;padding:0 20px;text-decoration:none}
.meet .img{display:table-cell;position:relative;width:187px;line-height:0}
.meet .img img{position:absolute;left:0;bottom:0;line-height:0;max-width:100%}
.meet .txt1{display:table-cell;vertical-align:middle;padding:0 50px;width:365px}
.meet .txt1 b{float:left;width:100%;font-size:26px;color:#9F021F;letter-spacing:-0.5px;text-shadow:3px 3px 4px rgba(165,238,254,0.65)}
.meet .txt1 p{float:left;width:100%;font-size:26px;color:#002041;letter-spacing:-0.5px}
.meet .txt1 p span{color:#FFF}
.meet .txt2{display:table-cell;vertical-align:middle}
.meet .txt2 span{float:right;font-size:17px;color:#005279;letter-spacing:-0.5px;padding:2px 20px;background:rgba(255,255,255,0.5)}
.meet .txt2 p{float:left;width:100%;font-size:20px;color:#FFF;letter-spacing:-0.5px;text-align:right;padding-top:5px}
@media(max-width:1477px){.infoTop{margin-top:150px}}@media(max-width:1366px){video{max-width:820px}
}@media(max-width:1290px){.meet .txt1{padding:0 30px}
}@media(max-width:1250px){.meet .txt1{width:340px}.meet .txt1 b,.meet .txt1 p{font-size:24px}.meet .txt2 p{font-size:18px}
}@media(max-width:1160px){.meet .txt2 p{font-size:17px}
}@media(max-width:1140px){.meet .img{width:160px}.meet .txt1{padding:0 20px}
}@media(max-width:1130px){nav li a span{letter-spacing:-1.0px}
}@media(max-width:1120px){table.actualiza2{width:100%;max-width:100%}
table.actualiza2 tr td:nth-of-type(2),table.actualiza2 tr td:nth-of-type(4){width:20px}
table.actualiza2 tr td{float:left;width:calc(33.33% - 30px)}
}@media(max-width:1090px){.meet .txt1{width:310px}.meet .txt1 b,.meet .txt1 p{font-size:22px}
}@media(max-width:1060px){.meet .txt2 span,.meet .txt2 p{font-size:16px}
}@media(max-width:1024px){nav li{width:calc(33.33% - 11px);padding:5px;float:left;height:32px;border-bottom:1px solid #FFF;border-right:1px solid #FFF}
nav li:after{display:none}.infoTop{margin-top:210px}.meet .txt1{width:280px}.meet .txt1 b,.meet .txt1 p{font-size:20px}
}@media(max-width:1000px){table.actualiza2{padding-left:15px}table.actualiza2 tr td{width:calc(100% - 10px)!important}.meet .img{width:120px}
}@media(max-width:960px){.meet .txt1 {width:160px;line-height:21px;padding-top:4px}.meet .txt1 p span{display:inherit}
}@media(max-width:840px){.meet .txt2 p{padding-top:0}.meet .txt2 span, .meet .txt2 p b{display:inherit}.meet .txt2 span{padding:2px 5px}
}@media(max-width:823px){nav li:nth-of-type(8),nav li:nth-of-type(9),nav li:nth-of-type(10){height:47px}
.infoTop{margin-top:225px}
}@media(max-width:780px){.modalDialog .close{left:90%}.infoContent{padding:40px 20px!important;width:calc(100% - 40px)}.infoContVideo{padding:40px 20px!important;width:calc(100% - 40px)}.popup .popuptext{margin-left:inherit;left:inherit;right:-23px}.popup .popuptext::after{left:80%}
table tr th,table tr td,table tr td.descripcion{padding:5px;height:auto;font-size:15px!important}table tr th p{width:calc(100% - 20px)}table tr th a{margin-right:0;font-size:40px}.modalDialog .close{top:6%}.modalDialog#openNuevo>div,.modalDialog#openActualizar>div{top:10%}.meet .infoContent{padding:0 20px !important}.infoContentLast{
padding-bottom:150px !important}.infoContentIntro{padding:130px 20px 20px 20px !important;
}
}@media(max-width:760px){.meet .txt2 span,.meet .txt2 p{font-size:15px}
}@media(max-width:740px){.meet .txt1{width:140px;padding:0 15px}.meet .txt1 b,.meet .txt1 p{font-size:18px}
}@media(max-width:730px){table.actualiza{width:100%;max-width:100%;padding-left:15px}table.actualiza tr td:nth-of-type(2){width:20px}table.actualiza tr td{float:left;width:calc(50% - 30px)}
}@media(max-width:720px){.meet .txt2 span,.meet .txt2 p{font-size:14px}
}@media(max-width:680px){.meet .img{float:left}.meet .img img{bottom:inherit;top:-11px}.meet .txt1{width:calc(100% - 135px);padding:8px 0 0 15px;float:right}.meet .txt1 b{width:auto}.meet .txt1 p{margin:0 0 0 5px;width:auto}.meet .txt1 p span{display:inline-block}.meet .txt2{float:right;width:calc(100% - 135px)}.meet .txt2 p{margin:0}.meet .txt2 p b{margin-top:3px;display:inline-block}}
@media(max-width:640px){
.mainHeader .videoHeader{width:30px;height:30px;background:#FFF url(../images/header/icoVideo.png) no-repeat;background-position:center;color:#FFF;font-size:0;padding:0;margin-right:10px}
.mainHeader .videoHeader:hover{background:#F0E8F7 url("../images/header/icoVideo.png") no-repeat;background-position:center}}
@media(max-width:610px){.modalDialog#openActualizar>div .contInfo .column50{width:100%;float:left;text-align:center}
.modalDialog#openNuevo>div .contInfo .column100 button,.modalDialog#openActualizar>div .contInfo .column50 button{margin-left:50%;transform:translateX(-50%);float:left}
.modalDialog#openActualizar>div .contInfo .column50:first-of-type{margin:20px 0 0}
}@media(max-width:600px){table.actualiza tr{border-bottom:40px solid #FFF}table.actualiza tr td{width:calc(100% - 10px)!important}.meet .txt1 b,.meet .txt1 p,.meet .txt2 span,.meet .txt2 p{letter-spacing:-1px}
}@media(max-width:560px){.meet{height:110px}.meet .img{margin-top:10px}.meet .img img{position:relative;top:inherit}.meet .txt1 p{width:100%;margin:0}.meet .txt2 p b{margin-top:0;display:inherit}.scrollButton{bottom:120px}.infoContentLast{padding-bottom:180px !important}
}@media(max-width:550px){nav li{width:calc(33.33% - 11px)}.mainHeader{height:auto}.mainHeader .contHeader{width:calc(100% - 20px);padding:0 10px}.mainHeader .title h1{font-size:16px}.mainHeader .logoHeader{float:left;width:auto;height:auto;display:block;vertical-align:middle;margin:10px 0 0 0}.mainHeader .title{width:100%;padding-left:0;vertical-align:middle;display:block;float:left;margin-bottom:5px}nav{top:85px}.infoTop{margin-top:230px}
}@media(max-width:530px){nav li{width:calc(50% - 11px)}nav li:nth-of-type(10){height:auto}.infoTop{margin-top:317px}
}@media(max-width:500px){.meet .infoContent{width:calc(100% - 20px);padding:0 10px!important}
}@media(max-width:480px){.meet{height:125px}.meet .txt2 span{float:left;max-width:240px}.scrollButton{bottom:135px}}
@media (max-width:430px){
.mainHeader .title{margin-top:10px}
#bannerLateral{top:110px}}
@media (max-width:410px){.meet .img{width:90px}.meet .txt1,.meet .txt2{width:calc(100% - 105px)}
}@media(max-width:408px){nav{top:105px}.infoTop{margin-top:337px}
}@media(max-width:390px){.scrollButton{bottom:145px}.meet{height:135px}.meet .infoContent{position:relative}.meet .txt2 {position:absolute;left:0;bottom:0;width:100% !important}.meet .txt2 span{float:left;max-width:calc(100% - 40px);margin:0 15px}.meet .txt2 p{margin:0 15px;max-width:calc(100% - 30px);text-align:left}	
}@media(max-width:360px){nav li{width:calc(100% - 10px);height:auto!important;padding:5px;border-right:0}nav li a span{width:auto}nav li a img{margin-left:0;margin-bottom:0;margin-right:10px}.infoTop{margin-top:348px}}
@media(max-width:350px){.scrollButton{bottom:160px}.meet{height:150px}}
/*chatbot*/
#chat-window{position:fixed;bottom:70px;left:20px;width:300px;max-height:400px;background-color:white;border:0;border-radius:6px;display:none;flex-direction:column;box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;overflow:hidden;z-index:9998}
#chat-window.open{display:flex}
#chat-window .message{font-size:13px}
#wo-chat-bubble{position:fixed;bottom:20px;left:20px;background:url("../images/icoChat.png") no-repeat 15px center,linear-gradient(45deg,#3671EC,#2349B9);color:#FFF;padding:10px 15px 10px 40px;border-radius:25px;font-size:12px;font-family:"Roboto",sans-serif;cursor:pointer;max-width:200px;white-space:normal;z-index:9999}
#chat-header{background:linear-gradient(45deg,#3671EC,#2349B9);color:#FFF;padding:12px;font-family:"Roboto",sans-serif;font-size:15px;line-height:24px}
#chat-header span{display:inline-block;width:24px;height:24px;line-height:25px;background:rgba(255,255,255,0.15);text-align:center;border-radius:50%;cursor:pointer;float:right}
#chat-header span:hover{background:rgba(255,255,255,0.25);transition:ease-in-out 0.3s}
#chat-header span i{display:inline-block;font-size:12px;font-style:normal;font-family:"Roboto",sans-serif;transform:scaleX(1.6)}
#chat-body{flex:1;padding:8px 20px;overflow-y:auto;background:#FFFFFF}
#chat-body a{color:#346de7;font-weight:500}
.message{padding:10px;border-radius:10px;margin:12px 0;max-width:80%}
.message.user{background:#E7F2FC;color:#41608d;font-family:"Roboto",sans-serif;font-weight:300;line-height:18px;margin-left:auto}
.message.bot{background:#F5F5F5;color:#566069;font-family:"Roboto",sans-serif;font-weight:300;line-height:18px}
#chat-input{border:none;padding:12px;border-top:1px solid #dcdfe7;outline:none;background:#FBFBFB;color:#566069}
#chat-body::-webkit-scrollbar{width:8px}
#chat-body::-webkit-scrollbar-track{background:#F2F3F7;border-radius:8px}
#chat-body::-webkit-scrollbar-thumb{background-color:#D9DBEA;border-radius:4px;border:2px solid #e0e0e0}