body{margin:0}p{color:#3d4142;font-size:12px;margin-bottom:7px}#container{width:100%;height:100vh;position:fixed}#head{position:fixed;top:0;width:100%;height:100px;margin-top:50px;border-top:1px solid #e40613;border-bottom:1px solid #aad3df;background:url(xheader-bg.jpg.pagespeed.ic.iD_tP_EeS1.jpg) no-repeat;background-size:cover;background-position:center top;border-bottom-width:solid #aad3df 7px}#form{width:80%;margin:auto;padding-top:0}#xform{float:left;margin:auto;width:420px;display:block}.input{width:400px;height:30px;border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;border:1px solid #1196b0;margin:6px;padding:2px 5px 2px 5px}.input:hover{-webkit-box-shadow:2px 2px 3px 0 rgba(12,120,242,1);-moz-box-shadow:2px 2px 3px 0 rgba(12,120,242,1);box-shadow:2px 2px 3px 0 rgba(12,120,242,1)}#corps{width:80%;height:100%;background-color:#aad3df;margin:auto;margin-top:50px;border:7px solid #aad3df}#left,#xx_left{width:68%;height:100%;height:calc(100% - 15px);background-color:#aad3df;float:left}#right h1{margin-left:5px;padding-top:10px;font-size:13px;color:#1f9db4}#right{width:32%;height:100%;height:calc(100% - 214px);margin-top:100px;margin-left:-2px;background-color:#e0dfdf;position:relative;overflow-y:scroll}#footer{position:fixed;bottom:0;width:100%;height:50px;border-top:1px solid #aad3df;background-color:#104d62}.map{height:calc(100% - 202px);width:calc(100% - 5px);margin-top:100px;background-color:#aad3df;border:1px solid #434748}.gps{font-size:14px;font-style:bold;border:2px solid #3b8cd2;width:100%}.gps td,th{border:thin solid #6495ed;width:50%;padding:10px}.gps td:nth-child(2n), th {color:#3b8cd2}.gps tr:nth-child(n)   {background:#ace5f0}.gps tr:nth-child(2n) {background:#e7c9b9;font-style:bolder}.tbox{border:1px solid #32b3c9;width:30%}.tbox td{border:1px solid #32b3c9}.tbox th{background-color:gray;color:#fff}.tbox tr{text-align:center}.tbox tr:nth-child(2n+1) {background-color:#ede8e8}.tbox tr:nth-child(2n) {background-color:#e0f5f9}#instructions,#ctx,#routing-response,.box{max-height:70%;background-color:#fff;margin:10px;padding:10px;overflow:auto;border:1px solid #32b3c9}.center{position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#ccc;border-radius:5px}#car{color:#2973ab;font-style:bold;font-size:30px;margin:5px}#time{color:#dd171b;font-style:bold;font-size:30px;margin:5px}#bird{color:#7cb900;font-style:bold;font-size:30px;margin:5px}#car:before{content:url(/img/car_0.png.pagespeed.ce.0H9fyNfriM.png);margin:5px}#time:before{content:url(/img/time_0.png.pagespeed.ce.VDhpf4WVoa.png);margin:5px}#bird:before{content:url(/img/eagle_0.png.pagespeed.ce.cASBuBK7Ji.png);margin:5px}#routing-bird,#routing-car,#routing-time{background-color:#fff;margin:10px;padding:10px;border:1px solid #32b3c9;width:200px;float:left;text-align:center;vertical-align:middle}.box ul li{text-transform:capitalize;width:50%;line-height:1.5;color:#0c69ac;font-family:sans-serif,serif,Tahoma,Verdana,Arial,Helvitica;font-size:12px;float:left}.box span{color:#e40613;font-size:11px;margin-left:5px}.box ul li span:nth-child(2n+1) {color:#8ac17e}.box ul li span:nth-child(2n) {color:#dd171b}.wbox{background-color:#fff;margin:10px;padding:10px;border:1px solid #32b3c9}.box:hover,.wbox:hover{box-shadow:0 0 5px 1px rgba(119,119,119,.65);-moz-box-shadow:0 0 5px 1px rgba(119,119,119,.65);-webkit-box-shadow:0 0 5px 1px rgba(119,119,119,.65)}.xleft{float:right;vertical-align:center}.btn{background-color:#008b92;color:#fff;height:80px;float:left;margin:10px}#home{height:100px;float:left;margin-top:0}.htl_box{float:left;border:solid 1px;border-color:gray;margin:5px;padding:2px;width:100px;height:70px;box-shadow:0 0 5px 1px rgba(119,119,119,.65);-moz-box-shadow:0 0 5px 1px rgba(119,119,119,.65);-webkit-box-shadow:0 0 5px 1px rgba(119,119,119,.65)}.htl_box:hover{box-shadow:0 0 5px 1px rgba(19,7,244,.65);-moz-box-shadow:0 0 5px 1px rgba(19,7,244,.65);-webkit-box-shadow:0 0 5px 1px rgba(19,7,244,.65)}.flag img{max-width:99%}@media (max-width:767px){#home_ico{height:85px;float:left;margin-top:0}#home{height:85px;float:left;margin-top:0}#xform{width:72%}.input{width:100%;margin:3px}.btn{height:40px;margin:6px;width:96%;clear:both;font-size:20px}#container{height:auto;position:relative}#head{height:190px;position:relative;margin-top:0}#form{width:100%;height:auto;padding-top:0}#corps{width:100%;height:auto;border-width:0;margin-top:0}#footer{position:relative;height:0}#left{width:100%;height:300px;float:none}#xx_left{width:100%;height:auto;float:none}#right{width:100%;height:auto;float:none;margin:auto;border-top:2px solid #32b3c9}.map{margin-top:0;height:100%;width:100%;border:none}#instructions,#ctx,#routing-response,.box{height:auto}.box ul li{width:auto;float:none;line-height:3;font-size:13px}.box span a,div.dist{display:inline-block;height:16px;width:60px;padding:3px;font-size:12px}#routing-bird,#routing-car,#routing-time{width:29%;height:30px;margin:3px;padding:3px;text-align:center;padding-top:10px}#car{color:#2973ab;font-style:bold;font-size:16px;margin:3px}#time{color:#dd171b;font-style:bold;font-size:16px;margin:3px}#bird{color:#7cb900;font-style:bold;font-size:16px;margin:3px}#car:before{content:url(/img/xcar_mini.png.pagespeed.ic.ERJunf87J7.png);margin:3px}#time:before{content:url(/img/xtime_mini.png.pagespeed.ic.5-f5cT-RBg.png);margin:3px}#bird:before{content:url(/img/xeagle_mini.png.pagespeed.ic.FxbY2SoHbu.png);margin:3px}.tbox{width:95%}}