html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-family: "Open Sans",sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
body { line-height: 1; font-size: 15px; min-width: 480px; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }
/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
td { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

a { color: #e22a13; text-decoration: none; }
a:hover { text-decoration: underline; }

/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
ol { margin-left: 4em; list-style: outside; }
ol li { line-height: 1.6em; }


input[type=text], input[type=password], input[type=date], input[type=number] { border: solid 1px #87888A; font-size: 14px; font-family: "Open Sans",sans-serif; border-radius: 0; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.05) inset; box-sizing: border-box; letter-spacing: 1px; padding: 2px 5px; vertical-align: top; }
input[type=text].long { flex: 1; }

input[readonly=readonly] { background-color: #F0F0F0; }

input[type=checkbox] { border: 1px solid #87888A; font-size: 14px; font-family: "Open Sans",sans-serif; border-radius: 5px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1) inset; box-sizing: border-box; letter-spacing: 1px; padding: 5px 10px; }
select { border: 1px solid #87888A; font-size: 14px; font-family: "Open Sans",sans-serif; border-radius: 5px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1) inset; box-sizing: border-box; letter-spacing: 1px; padding: 5px 10px; }
textarea { border: 1px solid #87888A; font-size: 14px; font-family: "Open Sans",sans-serif; border-radius: 5px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1) inset; box-sizing: border-box; letter-spacing: 1px; padding: 5px 10px; }
input[type=submit] { background: none repeat scroll 0 0 #E85236; border: 1px solid #A6240C; font-size: 14px; font-family: "Open Sans",sans-serif; border-radius: 2px; font-weight: bold; letter-spacing: 0.07em; padding: 3px 5px; color: #FFFFFF; font-size: 14px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2); display: inline-block; }


select option { font-family: "Open Sans",sans-serif; font-size: 14px; padding: 2px 5px; }


body { background: url(Images/background3.png) repeat center center fixed; }
header { min-width: 480px; margin: 0 auto; background: #FFFFFF; max-width: 960px; }
section { min-height: 300px; min-width: 480px; margin: 0 auto; background: #FFFFFF; max-width: 960px; }
footer { background: #EDEDEE none repeat scroll 0 0; box-sizing: border-box; color: #87888A; min-height: 50px; padding: 18px 20px 18px; width: 100%; font-size: 13px; min-width: 480px; margin: 0 auto; max-width: 960px; text-align: center; }

a.help { color: #87888a; text-decoration: underline; }

label.inputLabel { width: 250px; display: inline-block; margin: 0; position: relative; background: #FFFFFF; border: 1px solid #87888A; height: 38px; vertical-align: top; border-radius: 5px; box-sizing: border-box; }
label.inputLabel svg { background: #E0E0E0; position: absolute; right: 0; width: 32px; height: 26px; padding: 5px; border-radius: 0 4px 4px 0; }
label.inputLabel span { position: absolute; left: 0; top: 0; width: calc(100% - 42px); line-height: 37px; white-space: nowrap; padding-left: 5px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; padding-right: 5px; }

table.list { border-collapse: collapse; border-spacing: 0; table-layout: auto; width: 100%; background: #FFFFFF; }
table.list thead { }
table.list thead tr { background: #E85236; }
table.list thead tr:hover { background: #E85236; }
table.list thead tr th { text-align: left; overflow: hidden; font-family: "Dosis"; color: #FFFFFF; font-size: 18px; font-weight: bold; }
table.list td, table th { text-align: left; padding: 10px; }
table.list tr { border-bottom: solid 1px #F0F0F0; border-right: solid 1px #F0F0F0; }
table.list td { border-left: solid 1px #F0F0F0; }
table.list tr:hover { background: #fad7d1; cursor: pointer; }
table.list tr.disableHover:hover { background: #FFFFFF; cursor: default; }
table.list .columnAuto { width: auto; word-wrap: break-word; overflow: hidden; white-space: nowrap; }
table.list .columnMax { width: 100%; word-wrap: break-word; overflow: hidden; white-space: normal; }

div.pageSelector { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; margin: 10px 0 10px; -webkit-box-pack: right; -moz-box-pack: right; -ms-flex-pack: right; -webkit-justify-content: right; -ms-justify-content: right; justify-content: right; }
div.pageSelector a { background: none repeat scroll 0 0 #E85236; border: 1px solid #E85236; border-radius: 5px; color: #FFFFFF !important; display: block; font-size: 11px; font-weight: bold; letter-spacing: 0.07em; margin: -3px; padding: 3px 5px; text-align: center; text-decoration: none; font-size: 16px; margin: 0 5px 0 0; }
div.pageSelector a.current { background-color: #a0a0a0; border-color: #888888; color: #dddddd; }

div.dateSplitted { }
div.dateSplitted label { display: block; }
div.dateSplitted div.subFields { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-flex-direction: row; -moz-box-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; flex-direction: row; }
div.dateSplitted div.subFields input { margin-right: 5px; text-align: center; }
div.dateSplitted div.subFields input.day { width: 3em; }
div.dateSplitted div.subFields input.month { width: 3em; }
div.dateSplitted div.subFields input.year { width: 5em; }


header div.topInfo { background-color: #EDEDEE; height: 32px; }
header div.topInfo div.contactSide { float: left; margin-left: 20px; vertical-align: middle; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-align: center; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: 32px; }
header div.topInfo div.contactSide span { color: #87888A; }
header div.topInfo div.contactSide a.phone { background: rgba(0, 0, 0, 0) url("images/iconPhone.png") no-repeat scroll left center; background-size: 16px 16px; color: #87888A; font-family: "Open Sans",sans-serif; font-size: 15px; margin-right: 20px; padding-left: 15px; text-decoration: none; }
header div.topInfo div.contactSide a.email { background: rgba(0, 0, 0, 0) url("images/iconEmail.png") no-repeat scroll left center; background-size: 16px 16px; color: #87888A; float: left; font-family: "Open Sans",sans-serif; font-size: 15px; margin-right: 20px; padding-left: 15px; text-decoration: none; }
header div.topInfo div.contactSide a.contact { color: #87888A; font-family: "Open Sans",sans-serif; font-size: 15px; margin-right: 20px; text-decoration: none; }
header div.topInfo div.contactSide a:hover { text-decoration: underline; }
header div.topInfo div.infoSide { float: right; margin-top: 8px; margin-right: 20px; }
header div.topInfo div.infoSide div.weather { color: #87888A; display: inline; margin-right: 20px; }
header div.topInfo div.infoSide div.weather img { width: 20px; height: 20px; vertical-align: middle; }
header div.topInfo div.infoSide div.weather span.wind { background: url(Images/Weather/weatherWind.png); display: inline-block; width: 17px; height: 17px; background-size: 17px 17px; vertical-align: middle; }
header div.topInfo div.infoSide div.date { color: #87888A; display: inline; }

header div.topInfo div.loginSide { float: right; margin-top: 8px; margin-right: 20px; }
header div.topInfo div.loginSide a.newUser { background: url(Images/iconLogin.png) no-repeat left center /16px; padding-left: 22px; color: #808080; text-decoration: none; }
header div.topInfo div.loginSide a.newUser:hover { text-decoration: none; }
header div.topInfo div.loginSide span { }
header div.topInfo div.loginSide a.login { color: #e22a13; text-decoration: none; text-transform: uppercase; cursor: pointer; }
header div.topInfo div.loginSide a:hover { text-decoration: underline; }

#formLogin { }
#formLogin div.background { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; background-color: rgba(127, 127,127, 0.001); z-index: 999; }
#formLogin div.popup { background: #f5f5f6; border: solid 3px #d9dadb; z-index: 1000; box-sizing: border-box; }
#formLogin div.comicArrow { position: absolute; right: 9px; top: -13px; width: 21px; height: 13px; background: url(Images/comicArrow.png) no-repeat 0 0 / 21px 13px; }
#formLogin div.row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-flex-direction: row; -moz-box-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; flex-direction: row; margin: 0 20px 10px 20px; }
#formLogin div.row:first-child { margin-top: 10px; }
#formLogin div.row:last-child { margin-bottom: 10px; }
#formLogin div.row div.field { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; }
#formLogin div.row div.field label { margin-top: 5px; width: 85px; }
#formLogin div.row div.field input { margin: 0 0px 0 10px; width: 200px; }
#formLogin div.row div.remember { align-self: center; }
#formLogin div.row div.remember label { margin-right: 10px; }
#formLogin div.row div.remember input { }
#formLogin div.row a { color: #505050; margin: 5px 0 0 0px; text-decoration: none; }
#formLogin div.row a:hover { text-decoration: underline; }
#formLogin div.row a.button { color: #FFFFFF; margin: 0; text-decoration: none; }


header div.topMenu { background: white none repeat scroll 0 0; height: 80px; }
header div.topMenu a.logotype { background: rgba(0, 0, 0, 0) url("images/headerLogo2.png") no-repeat scroll left top; background-size: 380px 60px; display: block; float: left; height: 60px; margin-left: 20px; margin-top: 10px; width: 380px; }
header div.topMenu ul.menu { float: right; margin-right: 20px; }
header div.topMenu ul.menu li { display: inline-block; }
header div.topMenu ul.menu li a { color: #87888A; display: inline-block; font-family: "Dosis"; font-size: 20px; font-weight: normal; line-height: 76px; margin: 0 5px; text-decoration: none; text-transform: uppercase; border-bottom: solid 4px #FFFFFF; box-sizing: border-box; }


header div.topMenu ul.menu li a.color1:hover,
header div.topMenu ul.menu li a.color1.current { border-bottom: solid 4px #048c97; color: #048c97; }
header div.topMenu ul.menu li a.color2:hover,
header div.topMenu ul.menu li a.color2.current { border-bottom: solid 4px #aaad18; color: #aaad18; }
header div.topMenu ul.menu li a.color3:hover,
header div.topMenu ul.menu li a.color3.current { border-bottom: solid 4px #EA8697; color: #EA8697; }
header div.topMenu ul.menu li a.color4:hover,
header div.topMenu ul.menu li a.color4.current { border-bottom: solid 4px #ea8899; color: #ea8899; }
header div.topMenu ul.menu li a.color5:hover,
header div.topMenu ul.menu li a.color5.current { border-bottom: solid 4px #00a2e0; color: #00a2e0; }
header div.topMenu ul.menu li a.color6:hover,
header div.topMenu ul.menu li a.color6.current { border-bottom: solid 4px #a47bb5; color: #a47bb5; }




#mobileMenu { background: #FFFFFF url("images/iconMenu.png") no-repeat scroll center center; background-size: 60px 60px; display: none; float: right; height: 60px; margin-right: 20px; margin-top: 10px; width: 60px; background-size: 35px 35px; border-radius: 30px; }

footer span { margin: 0 2px; line-height: 1.6em; }
footer a { color: #87888A; text-decoration: underline; }
footer span.socialRow { display: none; }


div.titleGallery { align-content: center; -webkit-box-align: center; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background: #87888A url(Images/background3.png) repeat center center fixed; clear: both; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; float: left; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; position: relative; width: 100%; }
div.titleGallery div.content { height: 390px; overflow: hidden; position: relative; width: 100%; }
div.titleGallery div.content div.item { height: 390px; left: 0; position: absolute; top: 0; width: 100%; background-position: center center; background-repeat: no-repeat; }
div.titleGallery div.content div.item h2 { color: #ffffff; font-family: "Dosis"; font-size: 40px; line-height: 45px; margin-left: 100px; margin-right: 100px; margin-top: 80px; text-align: center; text-shadow: 3px 3px 1px rgba(0, 0, 0, 0.7); text-transform: uppercase; }
div.titleGallery div.content div.item h3 { color: #ffffff; font-family: "Dosis"; font-size: 30px; font-weight: normal; margin-top: 10px; text-align: center; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.7); text-transform: uppercase; }

div.titleGallery a { background-color: #87888A; display: block; height: 100px; margin-top: -50px; position: absolute; top: 50%; width: 50px; z-index: 500; }
div.titleGallery a.leftArrow { background: #87888A url("images/iconArrowLeft.png") no-repeat scroll center center; background-size: 25px auto; left: 0; }
div.titleGallery a.rightArrow { background: #87888A url("images/iconArrowRight.png") no-repeat scroll center center; background-size: 25px auto; right: 0; }

div.newsBar { background: #EDEDEE none repeat scroll 0 0; clear: both; color: #87888A; font-family: "Dosis"; font-size: 24px; line-height: 30px; height: 30px; padding: 10px 0; cursor: pointer; }
div.newsBar a { display: block; white-space: nowrap; overflow: hidden; }

div.sections { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex;  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; padding: 30px 20px; }
div.sections a { background: #EDEDEE none repeat scroll 0 0; color: #87888A; display: block; margin: 10px; text-decoration: none; width: 160px; background-position: center 20px; background-repeat: no-repeat; background-size: 85px auto; }
div.sections a span.title { box-sizing: border-box; color: #87888A; display: block; font-family: "Dosis"; font-size: 24px; margin-top: 115px; padding: 0 16px; text-align: center; width: 100%; float: left; width: 100%; margin-bottom: 8px; }
div.sections a span.description { box-sizing: border-box; display: block; font-size: 11px; padding: 0 16px; text-align: center; padding-bottom: 20px; padding-top: 10px; }
div.sections a.presentation { background-image: url("images/iconPresentation.png"); }
div.sections a.lines { background-image: url("images/iconLines.png"); }
div.sections a.prices { background-image: url("images/iconPrices.png"); }
div.sections a.bonus { background-image: url("images/iconBonus.png"); }
div.sections a.waitTime { background-image: url("images/iconWaitTime.png"); }
div.sections a.rules { background-image: url("images/iconTermsOfUse.png"); }
div.sections a.routes { background-image: url("images/waitTimeShowMap.png"); }

div.specialLines { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex;  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; padding: 0 0 20px; }
div.specialLines a { background-repeat: no-repeat; background-size: 280px 280px; color: #ffffff; display: block; height: 280px; margin: 10px; text-decoration: none; width: 280px; position: relative; }
div.specialLines a span.label { height: 55px; position: absolute; left: 0; bottom: 0; right: 0; background-position: 10px center; background-repeat: no-repeat; background-size: 45px 45px; box-sizing: border-box; font-family: "Dosis"; font-size: 22px; height: 55px; padding: 5px 5px 5px 63px; text-transform: uppercase; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-align: center; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
div.specialLines a span.label span.inner { }
div.specialLines a span.background { display: block; height: 55px; position: absolute; background: #EDEDEE; left: 0; bottom: 0; right: 0; opacity: 0.6; }
div.specialLines a:hover span.background { opacity: 1; }

div.specialLines a.lineTrain { background-image: url("Home/imageLineTrain.png"); }
div.specialLines a.lineTrain span.label { background-image: url("images/iconLineTrain.png"); color: #E27D09; }
div.specialLines a.lineHistoric { background-image: url("Home/imageLineHistoric.jpg"); }
div.specialLines a.lineHistoric span.label { background-image: url("images/iconLineHistoric.png"); color: #E27D09; }
div.specialLines a.lineAirport { background-image: url("Home/imageLineAirport.png"); }
div.specialLines a.lineAirport span.label { background-image: url("images/iconLineAirport.png"); color: #E22A13; }
div.specialLines a.bonusOnline { background-image: url("Home/imageBonusOnline.png"); }
div.specialLines a.bonusOnline span.label { background-image: url("images/iconBonusOnline.png"); color: #EB6851; }

div.specialLinesMini { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex;  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; padding: 0 0 20px; }
div.specialLinesMini a { background-repeat: no-repeat; background-size: 280px 128px; color: #ffffff; display: block; height: 128px; margin: 10px; text-decoration: none; width: 280px; position: relative; }
div.specialLinesMini a.rules { background-image: url("Home/imageRules.png"); }
div.specialLinesMini a.lineTrain { background-image: url("Home/imageMiniLineTrain.png"); }
div.specialLinesMini a.notices { background-image: url("Home/imageMiniNotices.png"); }
div.specialLinesMini a.aboutUs { background-image: url("Home/imageMiniAboutUs.png"); }
div.specialLinesMini a.freeTransfer { background-image: url("Home/imageMiniFreeTransfer.png"); }



#popupMobileMenu { align-content: center; -webkit-box-align: center; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background-color: rgba(0, 0, 0, 0.7); bottom: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; left: 0; position: fixed; right: 0; top: 0; z-index: 1000; }
#popupMobileMenu ul.mobileMenu { background: #ffffff none repeat scroll 0 0; list-style: outside none none; padding: 20px; position: relative; border: solid 10px #ededee; }
#popupMobileMenu ul.mobileMenu li { }
#popupMobileMenu ul.mobileMenu li.close { background: #ededee url("images/iconClose.png") no-repeat scroll center center / 20px 20px; background-size: 20px 20px; background-size: 30px 30px; border-radius: 30px; height: 60px; position: absolute; right: -35px; top: -35px; width: 60px; cursor: pointer; }
#popupMobileMenu ul.mobileMenu li a { box-sizing: border-box; color: #000000; display: block; font-size: 30px; font-weight: bold; padding: 5px 20px; text-decoration: none; width: 100%; }
#popupMobileMenu ul.mobileMenu li a:hover { background-color: #ededee; }
#popupMobileMenu ul.mobileMenu li a span.name { vertical-align: middle; font-family: "Dosis"; }
#popupMobileMenu ul.mobileMenu li a span.icon { background: no-repeat center center #ededee; display: inline-block; width: 40px; height: 40px; vertical-align: middle; border-radius: 1px; margin-right: 10px; background-size: 32px auto; }
#popupMobileMenu ul.mobileMenu li a.login span.icon { background-image: url(images/iconLogin2.png); }
#popupMobileMenu ul.mobileMenu li a.bonus span.icon { background-image: url(images/iconBonus.png); }
#popupMobileMenu ul.mobileMenu li a.logged span.icon { background-image: url(images/iconLogin2.png); }
#popupMobileMenu ul.mobileMenu li a.lines span.icon { background-image: url(images/iconLines.png); }
#popupMobileMenu ul.mobileMenu li a.prices span.icon { background-image: url(images/iconPrices.png); }
#popupMobileMenu ul.mobileMenu li a.waitTime span.icon { background-image: url(images/iconWaitTime.png); }
#popupMobileMenu ul.mobileMenu li a.rules span.icon { background-image: url(images/iconTermsOfUse.png); }
#popupMobileMenu ul.mobileMenu li a.notices span.icon { background-image: url(images/iconNotices.png); }
#popupMobileMenu ul.mobileMenu li a.contact span.icon { background-image: url(images/iconContact.png); }
#popupMobileMenu ul.mobileMenu li a.notifications span.icon { background-image: url(images/iconNotifications.png); }


div.topTitle { background: url(Images/background3.png) repeat center center fixed; }
div.topTitle div.content { background-position: top center; min-height: 180px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; background-repeat: no-repeat; width: 100%; max-width: 960px; }
div.topTitle h3 { background: #EDEDED; text-align: center; color: #87888A; font-size: 25px; padding: 10px; font-family: "Dosis"; }
div.topTitle div.content h2 { color: #ffffff; font-family: "Dosis"; font-size: 34px; padding: 10px 30px; text-align: center; background: rgba(200,200,200,0.8); display: block; margin: 20px 20px 0; align-self: center; }
div.topTitle div.content h2.centered { margin-top: 60px; }
div.topTitle div.content h3 { color: #ffffff; font-family: "Dosis"; font-size: 24px; padding: 10px 20px; text-align: center; background: rgba(200,200,200,0.8); display: block; margin: 20px 20px 0; align-self: center; }

div.topTitle2 { height: 100px; min-height: 100px; }
div.topTitle2 div.content { height: 100px; min-height: 100px; margin: 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-flex-direction: row; -moz-box-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; flex-direction: row; width: 100%; max-width: 960px; }
div.topTitle2 div.icon { margin-left: 30px; position: relative; width: 115px; }
div.topTitle2 div.icon svg { }
div.topTitle2 div.icon span.label { position: absolute; left: 10px; top: 10px; font-family: "Dosis"; width: 82px; line-height: 76px; text-align: center; font-size: 45px; font-weight: bold; }
div.topTitle2 div.icon span.len1 { font-size: 60px; }
div.topTitle2 div.icon span.len2 { font-size: 50px; }
div.topTitle2 div.icon span.len3 { font-size: 40px; }
div.topTitle2 div.icon span.len4 { font-size: 30px; }
div.topTitle2 div.icon span.len5 { font-size: 25px; }
div.topTitle2 div.icon span.len6 { font-size: 21px; }

div.topTitle2 div.name { align-self: center; font-family: "Dosis"; font-size: 40px; font-weight: bold; color: #FFFFFF; margin-left: 10px; }

div.topTitle3 { height: 60px; min-height: 60px; background-color: #e22a13; }
div.topTitle3 div.content { height: 60px; min-height: 60px; margin: 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-flex-direction: row; -moz-box-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; flex-direction: row; max-width: 960px; width: 100%; }
div.topTitle3 div.icon { margin-left: 20px; position: relative; width: 35px; align-self: center; height: 32px; }
div.topTitle3 div.icon.clock { background: url(Images/iconClock.png) no-repeat 0 0 /32px 32px; }
div.topTitle3 div.icon.password { background: url(Images/iconPassword.png) no-repeat 0 0 /32px 32px; }
div.topTitle3 div.icon.configuration { background: url(Images/iconConfiguration.png) no-repeat 0 0 /32px 32px; }
div.topTitle3 div.name { align-self: center; font-family: "Dosis"; font-size: 26px; font-weight: bold; color: #FFFFFF; margin-left: 10px; text-transform: uppercase; }



div.waitTime { }
div.waitTime div.topTitle { }
div.waitTime div.topTitle h2 { margin: 60px 20px 0; }
div.waitTime div.sectionContent { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; padding: 30px 20px; }
div.waitTime div.sectionContent div.links { -webkit-box-align: center; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-flex-direction: row; -moz-box-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; flex-direction: row; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; }
div.waitTime div.sectionContent div.links a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; text-decoration: none; background: #EDEDEE; width: 260px; margin: 20px; -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; height: 260px; }
div.waitTime div.sectionContent div.links a:hover { background: #E0E0E0; }
div.waitTime div.sectionContent div.links a span { }
div.waitTime div.sectionContent div.links a span.icon { background: transparent url("images/noImage.png") no-repeat scroll center center; background-size: 100px; display: block; height: 100px; width: 100px; align-self: center; margin-top: 20px; margin-bottom: 20px; }
div.waitTime div.sectionContent div.links a span.text { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; -webkit-box-flex-grow:  1; -moz-box-flex-grow:  1; -webkit-flex-grow:  1; -ms-flex-grow:  1; -webkit-box-flex-basis:  0; -moz-box-flex-basis:  0; -webkit-flex-basis:  0; -ms-flex-basis:  0; flex: 1 1 0; -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; }
div.waitTime div.sectionContent div.links a span.text span.title { color: #87888A; font-size: 24px; font-family: "Dosis"; font-weight: bold; text-align: center; text-transform: uppercase; }
div.waitTime div.sectionContent div.links a:hover span.text span.title { text-decoration: underline; }
div.waitTime div.sectionContent div.links a span.text span.description { color: #87888A; font-family: "Open Sans",sans-serif; font-weight: normal; text-align: center; margin: 10px 20px 20px; line-height: 1.5em; }
div.waitTime div.sectionContent div.links a.lines span.icon { background-image: url("images/waitTimeByLine.png"); }
div.waitTime div.sectionContent div.links a.busStops span.icon { background-image: url("images/waitTimeByBusStop.png"); }
div.waitTime div.sectionContent div.links a.favorites span.icon { background-image: url("images/waitTimeFavorites.png"); }


div.waitTimeBusStops { }
div.waitTimeBusStops div.list,
div.waitTimeLines div.list { align-content: center; -webkit-box-align: center; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex;  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px; padding: 30px 20px; }
div.waitTimeLines div.list a { padding-top: 10px; text-decoration: none; width: 100%; max-width: 440px; border-left: dotted 1px #A0A0A0; padding-left: 10px; padding-bottom: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; }
div.waitTimeLines div.list a span { }
div.waitTimeLines div.list a span.icon { display: block; height: 52px; margin-right: 10px; width: 62px; position: relative; }
div.waitTimeLines div.list a span.icon svg { }
div.waitTimeLines div.list a span.icon span.label { position: absolute; left: 6px; top: 0; width: 40px; height: 52px; line-height: 51px; text-align: center; font-family: "Dosis"; font-size: 22px; font-weight: bold; }
div.waitTimeLines div.list a span.icon span.len1 { font-size: 32px; }
div.waitTimeLines div.list a span.icon span.len2 { font-size: 25px; }
div.waitTimeLines div.list a span.icon span.len3 { font-size: 22px; }
div.waitTimeLines div.list a span.icon span.len4 { font-size: 18px; }
div.waitTimeLines div.list a span.icon span.len5 { font-size: 14px; }
div.waitTimeLines div.list a span.icon span.len6 { font-size: 12px; }

div.waitTimeLines div.list a span.text { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; -webkit-box-flex-grow:  1; -moz-box-flex-grow:  1; -webkit-flex-grow:  1; -ms-flex-grow:  1; -webkit-box-flex-basis:  0; -moz-box-flex-basis:  0; -webkit-flex-basis:  0; -ms-flex-basis:  0; flex: 1 1 0; -webkit-box-align: center; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-flex-direction: row; -moz-box-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; flex-direction: row; }
div.waitTimeLines div.list a span.text span.title { color: #e85236; font-size: 24px; font-family: "Dosis"; font-weight: bold; }
div.waitTimeLines div.list a:hover span.text span.title { text-decoration: underline; }


div.waitTimeBusStops div.list a { -webkit-box-align: center; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; border-radius: 2px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; margin: 8px 10px; min-height: 45px; width: 320px; padding: 5px; text-decoration: none; }
div.waitTimeBusStops div.list a span { color: #000000; font-family: "Dosis"; font-size: 25px; }
div.waitTimeBusStops div.list a span.icon { color: #ffffff; display: block; font-size: 25px; font-weight: bold; line-height: 36px; margin-right: 15px; text-align: center; width: 40px; position: relative; transform: scale(1.3); }
div.waitTimeBusStops div.list a span.icon span.label { display: block; position: absolute; left: 0; top: 0; width: 40px; font-size: 18px; color: #FFFFFF; font-family: "Dosis"; }
div.waitTimeBusStops div.list a div.data { flex: 1; -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; }
div.waitTimeBusStops div.list a span.name { margin-top: -16px; }
div.waitTimeBusStops div.list a span.distance { color: #808080; font-family: "Open sans"; font-size: 20px; margin-top: 5px; }
div.waitTimeBusStops div.list a:hover span.name { text-decoration: underline; }

div.waitTimeBusStops .rowTitle { background: #EDEDED; text-align: center; color: #87888A; font-size: 25px; padding: 10px; font-family: "Dosis"; text-transform: uppercase; }
div.waitTimeBusStops .gpsMessage { font-size: 17px; display: block; margin: 0 auto; color: #303030; }

div.searchField { background: #FFFFFF; max-width: 400px; margin: 0 auto; border: solid 1px #000000; border-radius: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; padding-left: 14px; }
div.searchField input { border: none; box-shadow: none; padding: 5px; background: transparent; flex: 1; font-size: 18px; }
div.searchField input:focus { outline: none; }
div.searchField div.clearSearch { background: url(Images/iconClear.png) no-repeat center center / 10px #EDEDED; width: 20px; height: 20px; border-radius: 25px; margin: 2px; align-self: center; cursor: pointer; }
div.searchField div.iconSearch { background: url(Images/iconSearch.png) no-repeat center center / 20px #E20513; width: 32px; height: 32px; border-radius: 25px; margin: 2px; cursor: pointer; }

div.favorites div.list div.noResults { }
div.favorites div.list div.noResults p { margin-bottom: 1em; }
div.favorites div.list div.noResults a { border: 0; margin: 0; padding: 0; display: inline; width: auto; height: auto; min-height: unset; }



div.waitTimeBusStop { }
div.waitTimeBusStop div.waitTime,
div.waitTimeLine div.waitTime { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; padding: 30px 20px; -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; }

div.waitTimeBusStop div.waitTime ul { -webkit-box-align: initial; -webkit-flex-align: initial; -ms-flex-align: initial; -webkit-align-items: initial; align-items: initial; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: start; -ms-justify-content: start; justify-content: start; -webkit-box-flex-direction: row; -moz-box-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; flex-direction: row;  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
div.waitTimeBusStop div.waitTime ul li { -webkit-box-align: center; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; margin-bottom: 20px; cursor: pointer; cursor: hand; border-left: dotted 1px #A0A0A0; padding-left: 10px; margin-right: 20px; }
div.waitTimeBusStop div.waitTime ul li a { color: #ffffff; display: block; height: 52px; text-decoration: none; width: 62px; margin-right: 10px; position: relative; }
div.waitTimeBusStop div.waitTime ul li a span.iconBusStopAnimated { animation-name: loadingSize; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }
div.waitTimeBusStop div.waitTime ul li a span.iconBusStopNotAnimated { transform: scale(1.2) !important; transition: transform 0.5s !important; }
div.waitTimeBusStop div.waitTime ul li a span.label { display: block; font-size: 21px; font-weight: bold; line-height: 41px; margin-right: 10px; text-align: center; width: 42px; z-index: 1; transform: scale(1); transition: transform 1s; position: absolute; left: 5px; top: 5px; text-shadow: 0px 2px 2px rgba(255,255,255,1); font-family: "Dosis"; }

div.waitTimeBusStop div.waitTime ul li a span.len1 { font-size: 32px; }
div.waitTimeBusStop div.waitTime ul li a span.len2 { font-size: 25px; }
div.waitTimeBusStop div.waitTime ul li a span.len3 { font-size: 22px; }
div.waitTimeBusStop div.waitTime ul li a span.len4 { font-size: 18px; }
div.waitTimeBusStop div.waitTime ul li a span.len5 { font-size: 14px; }
div.waitTimeBusStop div.waitTime ul li a span.len6 { font-size: 12px; }


div.waitTimeBusStop div.waitTime ul li div.data { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; }
div.waitTimeBusStop div.waitTime ul li div.data span.name { font-size: 22px; }
div.waitTimeBusStop div.waitTime ul li div.data span.value { font-size: 19px; color: #505050; margin-top: 5px; min-width: 200px; }

div.waitTimeBusStop div.waitTime div.functions { clear: both; }
div.waitTimeBusStop div.waitTime div.functions #favoritesAdd { background: url(Images/waitTimeFavorites.png) no-repeat 0 0 / 60px; padding-left: 70px; line-height: 60px; white-space: nowrap; font-family: "Dosis"; font-size: 25px; cursor: pointer; }
div.waitTimeBusStop div.waitTime div.functions #favoritesRemove { background: url(Images/waitTimeFavoritesFull.png) no-repeat 0 0 / 60px; padding-left: 70px; line-height: 60px; white-space: nowrap; font-family: "Dosis"; font-size: 25px; cursor: pointer; }
div.waitTimeBusStop div.waitTime div.functions a.openMap { background: url(Images/waitTimeShowMap.png) no-repeat 0 0 / 60px; padding-left: 70px; line-height: 60px; white-space: nowrap; font-family: "Dosis"; font-size: 25px; cursor: pointer; display: block; color: #000000; }
div.waitTimeBusStop div.waitTime div.functions a.reload { background: url(Images/iconReload.png) no-repeat 0 0 / 60px; padding-left: 70px; line-height: 60px; white-space: nowrap; font-family: "Dosis"; font-size: 25px; cursor: pointer; display: block; color: #000000; }


div.waitTimeLine div.waitTime h3 { padding: 10px 10px; text-align: center; font-size: 24px; white-space: normal; color: #FFFFFF; text-transform: uppercase; margin-bottom: 15px; box-shadow: 3px 3px 5px rgba(0,0,0,0.2); }
div.waitTimeLine div.waitTime ul { -webkit-box-align: initial; -webkit-flex-align: initial; -ms-flex-align: initial; -webkit-align-items: initial; align-items: initial; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: start; -ms-justify-content: start; justify-content: start;  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 10px; margin-bottom: 20px; margin-left: 40px; }
div.waitTimeLine div.waitTime ul li { -webkit-box-align: center; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; margin-bottom: 20px; cursor: pointer; cursor: hand; min-width: 300px; margin-right: 20px; flex: 1; }
div.waitTimeLine div.waitTime ul li a { display: block; text-decoration: none; margin-right: 15px; position: relative; transform: scale(1.3); }
div.waitTimeLine div.waitTime ul li a span.iconBusStopAnimated { animation-name: loadingSize; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }
div.waitTimeLine div.waitTime ul li a span.iconBusStopNotAnimated { transform: scale(1.2) !important; transition: transform 0.5s !important; }
div.waitTimeLine div.waitTime ul li a span.label { color: #ffffff; display: block; font-size: 16px; font-weight: bold; line-height: 35px; text-align: center; width: 36px; z-index: 1; transform: scale(1); transition: transform 1s; position: absolute; left: 0; top: 0; font-family: "Dosis"; }
div.waitTimeLine div.waitTime ul li a span.join { width: 15px; display: block; background: #e85236; height: 30px; position: absolute; left: 23px; top: 57px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); z-index: 0; }
div.waitTimeLine div.waitTime ul li div.data { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; margin-top: -5px; }
div.waitTimeLine div.waitTime ul li div.data span.name { font-size: 25px; }
div.waitTimeLine div.waitTime ul li div.data span.value { font-size: 20px; color: #505050; margin-top: 5px; }


div.waitTimeLine div.waitTime div.lineNotice { }
div.waitTimeLine div.waitTime div.lineNotice div.decoration { }
div.waitTimeLine div.waitTime div.lineNotice div.message { line-height: 1.5em; margin: 0 20px 20px 20px; font-size: 16px; }

div.waitTimeLine div.waitTime div.lineNotice.typeChristmas { }
div.waitTimeLine div.waitTime div.lineNotice.typeChristmas div.decoration { background: url(images/noticeChrismas.png) no-repeat center top; height: 140px; background-size: auto 100%; margin: -10px 20px 10px 20px; }
div.waitTimeLine div.waitTime div.lineNotice.typeChristmas div.message { }

div.rates { }
div.rates div.sectionContent { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; padding: 30px 20px;  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 980px; margin: 0 auto; -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; }

div.rateBlock { margin: 10px 15px 30px; -webkit-box-flex-direction: row; -moz-box-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; flex-direction: row; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; }
div.rateBlock h4 { font-family: "Dosis"; font-size: 24px; color: #87888A; margin-bottom: 20px; width: 350px; display: block; text-align: right; margin-right: 10px; }
div.rateBlock div.concept { }
div.rateBlock div.concept div.request { text-align: right; margin-right: 10px; font-family: "Dosis"; font-size: 20px; font-weight: bold; margin-top: 5px; }
div.rateBlock div.concept div.request span { font-family: "Dosis"; }
div.rateBlock div.concept div.hint { text-align: right; margin-right: 10px; margin-top: 10px; line-height: 1.4em; font-size: 11px; }
div.rateBlock div.data { flex: 1; border-left: dotted 1px #AAAD18; padding-left: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; }
div.rateBlock div.price { font-family: "Dosis"; font-size: 24px; color: #AAAD18; margin: 0 0 10px; font-weight: bold; }
div.rateBlock div.pointsOfSale { margin-bottom: 15px; line-height: 1.6em; }
div.rateBlock div.notes { margin: -5px -10px; line-height: 1.6em; background: #F0F0F0; padding: 10px 20px; border-radius: 10px; font-size: 14px; }

div.rules { }
div.rules div.sectionContent { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; padding: 30px 80px;  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 980px; margin: 0 auto; -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; }
div.rules div.sectionContent h2 { font-family: "Dosis"; font-size: 24px; color: #e85236; margin-bottom: 10px; }
div.rules div.sectionContent p { line-height: 1.6em; margin-bottom: 20px; }
div.rules div.sectionContent ul { list-style: none; margin-left: 0; }
div.rules div.sectionContent ul li { line-height: 1.6em; margin-bottom: 20px; border-left: solid 3px #00a0dd; padding-left: 10px; padding-bottom: 3px; margin-left: 50px; text-align: justify; }

div.legal div.sectionContent { padding: 15px; }
div.legal div.sectionContent h2 { font-family: "Dosis"; font-size: 24px; color: #e85236; margin-top: 15px; margin-bottom: 10px; }
div.legal div.sectionContent h3 { font-family: "Dosis"; font-size: 20px; color: #e85236; margin-bottom: 5px; margin-top: 15px; }
div.legal div.sectionContent p { line-height: 1.6em; margin-bottom: 20px; }
div.legal div.sectionContent ul { list-style: none; margin-left: 0; }
div.legal div.sectionContent ul li { line-height: 1.6em; margin-bottom: 20px; border-left: solid 3px #00a0dd; padding-left: 10px; padding-bottom: 3px; margin-left: 50px; }




div.newUser { }
div.newUser div.sectionContent { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; padding: 30px 80px;  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 980px; margin: 0 auto; -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; }

div.validateUser { }
div.validateUser div.sectionContent { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; padding: 30px 80px;  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 980px; margin: 0 auto; -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; }

div.rememberPassword { }
div.rememberPassword div.sectionContent { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; padding: 30px 80px;  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 980px; margin: 0 auto; -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; }

div.changePassword { }
div.changePassword div.sectionContent { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; padding: 30px 80px;  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 980px; margin: 0 auto; -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; }

div.loginForm { }
div.loginForm div.sectionContent { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; padding: 30px 80px;  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 980px; margin: 0 auto; -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; }
div.loginForm div.sectionContent div.form { margin: 0 auto; }
div.loginForm div.row.links { display: block; margin-top: 10px; }
div.loginForm div.row.links a { margin-right: 10px; }
div.loginForm div.sectionContent div.extraInfo { margin-bottom: 30px; }
div.loginForm div.register { background: #EDEDEE; margin-top: 20px; padding: 10px 25px; text-align: center; }
div.loginForm div.register p { text-align: left; }
div.loginForm div.register a.button { }

div.notifications { }
div.notifications div.sectionContent { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; padding: 30px 40px;  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 980px; margin: 0 auto; -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; }
div.notifications div.suscriptions { }
div.notifications div.suscriptions div.suscription { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; margin-bottom: 10px; border-bottom: dotted 3px #E0E0E0; padding-bottom: 10px; }
div.notifications div.suscriptions div.suscription:last-child { border-bottom: 0 none; }
div.notifications div.suscriptions div.suscription div.name { font-family: "Dosis"; font-size: 25px; flex: 1; align-self: center; }
div.notifications div.suscriptions div.suscription div.check { background: url(Images/checkboxStates.png) no-repeat 0 0 / 125px 164px transparent; width: 125px; height: 55px; display: block; cursor: pointer; }
div.notifications div.suscriptions div.suscription div.check.on { background-position-y: -110px; }
div.notifications div.suscriptions div.suscription div.check.off { background-position-y: 0; }
div.notifications div.suscriptions div.suscription div.check.saving { background-position-y: -54px; }

div.notices { }
div.notices div.sectionContent { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; padding: 30px 40px;  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 980px; margin: 0 auto; -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; }
div.notices div.sectionContent article { }
div.notices div.sectionContent article h1 { color: #e85236; font-size: 24px; font-family: "Dosis"; font-weight: bold; background-color: transparent; padding: 0 0 0.3em; box-shadow: none; margin: 15px 0 0 0; }
div.notices div.sectionContent article div.description { color: #000000; font-family: "Open Sans",sans-serif; font-weight: normal; margin: 0 0 5px 0; line-height: 1.4em; }
div.notices div.sectionContent article div.description p { }

div.notices div.listNotices { }
div.notices div.listNotices h2 { font-family: "Dosis"; font-size: 35px; color: #e52620; margin-bottom: 30px; border-bottom: solid 2px #e52620; padding-bottom: 10px; padding-left: 15px; }
div.notices div.listNotices div.list { }
div.notices div.listNotices div.list article { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; margin-bottom: 40px; border-top: dotted 2px #FF0000; padding-top: 20px; }
div.notices div.listNotices div.list article header { width: 90px; display: block; min-width: 0; margin: 0 15px 0 0; background: transparent; max-width: none; border-right: solid 2px #FF0000; }
div.notices div.listNotices div.list article header time { color: #EE0000; font-weight: bold; text-shadow: 1px 1px 2px rgba(0,0,0,0.1); line-height: 1.5em;}
div.notices div.listNotices div.list article div.body { flex: 1; line-height: 1.8em; color: #505050; text-align: justify; }
div.notices div.listNotices div.list article div.body h3 { font-family: "Dosis"; font-size: 22px; margin-bottom: 10px; color: #EE0000; }
div.notices div.listNotices div.list article div.body p { }
div.notices div.listNotices div.list article div.body img{ max-width:100%;}
div.notices div.listNotices div.list article:first-child { border-top: none; padding-top: 0; }



div.bonus { }
div.bonus div.sectionContent { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; padding: 30px;  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 980px; margin: 0 auto; -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; }
div.bonus div.listBonus { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; }
div.bonus div.listBonus div.row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-flex-direction: row; -moz-box-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; flex-direction: row; }
div.bonus div.listBonus div.row div.bonus { display: block; width: 280px; height: 320px; position: relative; background: url(Images/imageBonus1.png) no-repeat 0 0 / 280px 280px; margin-left: 20px; margin-bottom: 30px; image-rendering: optimizequality; position: relative; }
div.bonus div.listBonus div.row div.bonus a.overlink { cursor: pointer; position: absolute; display: block; width: 280px; height: 320px; }
div.bonus div.listBonus div.row div.bonus div.box { background: rgba(73,73, 104, 0.9); display: block; position: absolute; bottom: 0; left: 0; right: 0; color: #FFFFFF; }
div.bonus div.listBonus div.row div.bonus div.box a.title { display: block; background: url(Images/iconBonus2.png) no-repeat 0 0 / 45px 45px; min-height: 45px; margin: 10px 20px 5px 20px; padding-left: 55px; font-family: "Dosis"; font-size: 22px; padding-bottom: 10px; font-weight: bold; color: #FFFFFF; }
div.bonus div.listBonus div.row div.bonus div.box div.do { text-align: center; display: block; margin: 10px 10px; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; }
div.bonus div.listBonus div.row div.bonus div.box div.do a { font-size: 20px; font-weight: bold; color: #FFFFFF; margin: 0 10px 0 10px; }


div.bonus div.listBonus div.row div.bonus1 { background-image: url(Images/imageBonus1.png); }
div.bonus div.listBonus div.row div.bonus1 div.box { background-color: rgba(73,73, 104, 0.9); }
div.bonus div.listBonus div.row div.bonus2 { background-image: url(Images/imageBonus2.png); }
div.bonus div.listBonus div.row div.bonus2 div.box { background-color: rgba(60,162, 93, 0.9); }
div.bonus div.listBonus div.row div.bonus3 { background-image: url(Images/imageBonus3.png); }
div.bonus div.listBonus div.row div.bonus3 div.box { background-color: rgba(76,120, 113, 0.9); }
div.bonus div.listBonus div.row div.bonus4 { background-image: url(Images/imageBonus4.png); }
div.bonus div.listBonus div.row div.bonus4 div.box { background-color: rgba(255,122, 85, 0.9); }
div.bonus div.listBonus div.row div.bonus5 { background-image: url(Images/imageBonus5.png); }
div.bonus div.listBonus div.row div.bonus5 div.box { background-color: rgba(249,150, 78, 0.9); }
div.bonus div.listBonus div.row div.bonus6 { background-image: url(Images/imageBonus6.png); }
div.bonus div.listBonus div.row div.bonus6 div.box { background-color: rgba(224,164, 44, 0.9); }
div.bonus div.listBonus div.row div.bonus7 { background-image: url(Images/imageBonus7.png); }
div.bonus div.listBonus div.row div.bonus7 div.box { background-color: rgba(48,52, 121, 0.9); }

div.bonus div.listBonus div.row div.bonus8 div.box { background-color: rgba(156,157, 158, 0.9); }
div.bonus div.listBonus div.row div.bonus9 div.box { background-color: rgba(133,134, 137, 0.9); }

div.bonus div.listBonus div.row div.bonus10 { background-image: url(Images/imageBonusOrdinario.png); }
div.bonus div.listBonus div.row div.bonus10 div.box { background-color: rgba(0,101, 82, 0.9); }

div.bonus div.listBonus div.row div.bonus11 { background-image: url(Images/imageBonus11.png); }
div.bonus div.listBonus div.row div.bonus11 div.box { background-color: rgba(0,140, 150, 0.9); }


div.bonus div.listBonus div.row div.bonusBillete { background-image: url(Images/imageBonusBillete.png); }
div.bonus div.listBonus div.row div.bonusBillete div.box { }



div.bonus div.form { }
div.bonus div.form div.requirements { margin-bottom: 20px; }
div.bonus div.form div.requirements h2 { color: #a47bb5; font-size: 20px; font-weight: bold; font-family: "Dosis"; margin: 0 0 15px; }
div.bonus div.form div.requirements ul { list-style: outside disc; }
div.bonus div.form div.requirements ul li { margin-left: 50px; margin-bottom: 10px; line-height: 1.4em; color: #303030; }
div.bonus div.form div.row { -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; }
div.bonus div.form div.row p { font-weight: bold; }
div.bonus div.form div.row div.tabField p { font-weight: normal; }
div.bonus div.form div.row div.tabField { margin-left: 50px; margin-top: 15px; margin-right: 10px; margin-bottom: 15px; }
div.bonus div.form div.row div.tabField div.field { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-flex-direction: row; -moz-box-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; flex-direction: row; -webkit-box-align: center; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: flex-start; -moz-box-pack: flex-start; -ms-flex-pack: flex-start; -webkit-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; }
div.bonus div.form div.row div.tabField input[type=radio] { margin-bottom: 10px; margin-right: 10px; }
div.bonus div.form div.row label.error { color: #FF0000; }
div.bonus div.form div.row input.error { border-color: #FF0000; color: #FF0000; }
div.bonus div.form div.row select.error { border-color: #FF0000; color: #FF0000; }
div.bonus div.form div.row div.tabField label { }
div.bonus div.form div.row div.tabField div.uploadList { margin-top: 10px; }
div.bonus div.form div.row div.tabField div.uploadList div.file { margin-bottom: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; }
div.bonus div.form div.row div.tabField div.uploadList div.file label { margin-right: 10px; }
div.bonus div.form div.row div.tabField div.uploadList div.file select { }
div.bonus div.form div.row div.tabField div.captcha { display: block; }
div.bonus div.form div.row div.tabField table { width: 100%; margin-right: 15px; box-sizing: border-box; }
div.bonus div.form div.row div.tabField table th { background-color: #E0E0E0; padding: 2px 10px; }
div.bonus div.form div.row div.tabField table a { color: #000000; }
div.bonus div.form div.row input[type=submit] { background-color: #a47bb5; }


div.bonus div.requirements { }
div.bonus div.requirements h1 { color: #a47bb5; font-size: 30px; font-weight: bold; text-align: center; font-family: "Dosis"; margin: 0 30px 30px; }
div.bonus div.requirements h2 { color: #a47bb5; font-size: 20px; font-weight: bold; font-family: "Dosis"; margin: 30px 0 15px; }
div.bonus div.requirements h2:first-child { margin-top: 0; }
div.bonus div.requirements ul { list-style: outside disc; }
div.bonus div.requirements ul li { margin-left: 50px; margin-bottom: 10px; line-height: 1.4em; color: #303030; }



@keyframes loadingSize {
	0% { transform: scale(1); }
	50% { transform: scale(1.2); }
	100% { transform: scale(1); }
}



div.lines { }
div.lines div.topTitle { min-height: 180px; }
div.lines div.topTitle h2 { margin-top: 70px; }
div.lines div.topTitle div.content { height: 180px; min-height: 180px; margin: 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; }
div.lines div.sectionContent { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; padding: 30px 20px; }
div.lines div.sectionContent div.deco { width: 480px; }
div.lines div.sectionContent div.deco div.imageText { align-content: center; -webkit-box-align: center; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background: rgba(0, 0, 0, 0) url("images/imageDeco1.jpg") no-repeat scroll left top; background-size: 430px 230px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; height: 230px; width: 430px; }
div.lines div.sectionContent div.deco div.imageText div.text { color: #ffffff; font-family: "Dosis"; font-size: 26px; line-height: 30px; padding: 20px; }

div.lines div.sectionContent div.linkMaps { }
div.lines div.sectionContent div.linkMaps a { background: url(Images/showMapButton.png) no-repeat 0 0 / 270px; width: 270px; height: 64px; display: block; }
div.lines div.sectionContent div.linkMaps a span { display: none; }
div.lines div.sectionContent div.linkMaps a:hover { background-position: 0 -64px; }
div.lines div.sectionContent div.links { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex;  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-flex-direction: row; -moz-box-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; flex-direction: row; }
div.lines div.sectionContent div.links a { padding-top: 10px; text-decoration: none; border-left: dotted 1px #A0A0A0; padding-left: 10px; padding-bottom: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; flex: 1; min-width: 300px; margin-bottom: 10px; }
div.lines div.sectionContent div.links a span { }
div.lines div.sectionContent div.links a span.icon { display: block; height: 52px; margin-right: 10px; width: 62px; position: relative; }
div.lines div.sectionContent div.links a span.icon svg { }
div.lines div.sectionContent div.links a span.icon span.label { position: absolute; left: 5px; top: 0; width: 42px; height: 52px; line-height: 51px; text-align: center; font-family: "Dosis"; font-size: 21px; font-weight: bold; }
div.lines div.sectionContent div.links a span.icon span.len1 { font-size: 30px; }
div.lines div.sectionContent div.links a span.icon span.len2 { font-size: 24px; }
div.lines div.sectionContent div.links a span.icon span.len3 { font-size: 21px; }
div.lines div.sectionContent div.links a span.icon span.len4 { font-size: 16px; }
div.lines div.sectionContent div.links a span.icon span.len5 { font-size: 14px; }
div.lines div.sectionContent div.links a span.icon span.len6 { font-size: 12px; }
div.lines div.sectionContent div.links a span.text { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; -webkit-box-flex-grow:  1; -moz-box-flex-grow:  1; -webkit-flex-grow:  1; -ms-flex-grow:  1; -webkit-box-flex-basis:  0; -moz-box-flex-basis:  0; -webkit-flex-basis:  0; -ms-flex-basis:  0; flex: 1 1 0; -webkit-box-align: center; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-flex-direction: row; -moz-box-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; flex-direction: row; }
div.lines div.sectionContent div.links a span.text span.title { color: #e85236; font-size: 24px; font-family: "Dosis"; font-weight: bold; }
div.lines div.sectionContent div.links a:hover span.text span.title { text-decoration: underline; }

div.lines div.sectionContent h3 { margin: 20px 0 20px 0; width: 100%; background: #e85236; box-shadow: 1px 1px 5px rgba(0,0,0,0.3); box-sizing: border-box; color: #FFFFFF; border-radius: 25px; text-align: center; font-family: Dosis; font-size: 20px; text-transform: uppercase; padding: 10px; cursor: pointer; }

div.lines div.sectionContent { }
div.lines div.sectionContent div.info { }
div.lines div.sectionContent div.info div.infoContent { }
div.lines div.sectionContent div.info div.infoContent div.blockLineInfo { }
div.lines div.sectionContent div.info div.infoContent div.infoSubContent { }
div.lines div.sectionContent div.info div.infoContent div.infoSubContent div.blockLineInfo { }
div.lines div.sectionContent div.links { margin: 20px 0; }
div.lines div.sectionContent div.links a.button { margin: 0 0 10px 0; width: 100%; background: #e85236; box-shadow: 1px 1px 5px rgba(0,0,0,0.3); box-sizing: border-box; color: #FFFFFF; border-radius: 25px; text-align: center; text-align: center; }

div.lines div.sectionContent a.image { font-size: 0; color: #e85236; text-decoration: none; width: 100%; border: none; position: relative; display: block; }
div.lines div.sectionContent a.image:hover { text-decoration: underline; }
div.lines div.sectionContent a.image img { width: 100%; border: solid 5px #e85236; box-shadow: 1px 1px 5px rgba(0,0,0,0.3); box-sizing: border-box; border-radius: 10px; }
div.lines div.sectionContent a.image span.zoom { position: absolute; left: 30px; top: 30px; background: url("Images/iconZoom.png") no-repeat center center / 16px 16px #e85236; width: 32px; height: 32px; display: block; border-radius: 16px; }

div.lines div.sectionContent a.image.route img { border: 0; box-shadow: none; border-radius: 0; }
div.lines div.sectionContent a.image.route span.zoom { display: none; }

div.lines div.sectionContent div.infoAdvanced { line-height: 1.6em; margin-left: 40px; margin-right: 40px; }
div.lines div.sectionContent div.infoAdvanced h2 { font-family: "Dosis"; font-size: 25px; text-transform: uppercase; color: #505050; margin-top: 20px; margin-bottom: 5px; background-size: 32px 32px; padding-left: 40px; background-repeat: no-repeat; min-height: 32px; line-height: 32px; }
div.lines div.sectionContent div.infoAdvanced h2.iconTrain1 { background-image: url(Lines/iconCalendar.png); }
div.lines div.sectionContent div.infoAdvanced h2.iconTrain2 { background-image: url(Lines/iconClock.png); }
div.lines div.sectionContent div.infoAdvanced h2.iconTrain3 { background-image: url(Lines/iconBook.png); }
div.lines div.sectionContent div.infoAdvanced div.title { font-weight: bold; margin-left: 60px; margin-top: 1em; margin-bottom: 0.2em; }
div.lines div.sectionContent div.infoAdvanced p { margin-left: 60px; }


div.blockLineInfo { }
div.blockLineInfo div.title { font-size: 30px; font-family: "Dosis"; font-weight: bold; background-color: #e85236; color: #FFFFFF; padding: 10px 20px; border-radius: 25px; box-shadow: 4px 4px 3px rgba(0,0,0,0.15); margin: 30px 0 15px 0; }

div.blockLineInfoItem { }
div.blockLineInfoItem div.title { color: #e85236; font-size: 24px; font-family: "Dosis"; font-weight: bold; background-color: transparent; padding: 0 0 0.3em; box-shadow: none; margin: 15px 0 0 0; }
div.blockLineInfoItem div.description { color: #000000; font-family: "Open Sans",sans-serif; font-weight: normal; margin: 0 0 5px 0; line-height: 1.8em; }
div.blockLineInfoItem div.Notes { color: #303030; font-family: "Open Sans",sans-serif; font-weight: normal; background-color: #DDDDDD; display: inline-block; border-radius: 10px; padding: 2px 10px; margin: 0 5px 0 0; line-height: 1.4em; }



div.contact { }
div.contact div.sectionContent { -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; padding: 30px 20px; }
div.contact div.sectionContent div.deco { width: 480px; }
div.contact div.sectionContent div.deco div.imageText { align-content: center; -webkit-box-align: center; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background: rgba(0, 0, 0, 0) url("images/imageDeco1.jpg") no-repeat scroll left top; background-size: 430px 230px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; height: 230px; width: 430px; }
div.contact div.sectionContent div.deco div.imageText div.text { color: #ffffff; font-family: "Dosis"; font-size: 26px; line-height: 30px; padding: 20px; }

div.form { line-height: 1.6em; margin: 0 auto; width: auto; }
div.form form { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; background: #EDEDEE; padding: 20px 15px 25px 25px; }
div.form div.row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-flex-direction: row; -moz-box-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; flex-direction: row; }
div.form div.row h2 { font-family: Dosis; color: #505050; font-size: 25px; margin: 10px 0 15px 0; }
div.form div.row:first-child h2 { margin-top: 0px; }
div.form div.row div.field { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; margin: 0 10px 10px 0; flex: 1; }
div.form div.row div.fieldRow { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-flex-direction: row; -moz-box-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; flex-direction: row; margin: 0 10px 10px 0; flex: 1; }
div.form div.row div.field label { margin: 0 0 5px 0; }
div.form div.row label.error { color: #FF0000; }
div.form div.row div.field img { display: block; width: 200px; align-self: flex-start; border: solid 1px #87888A; margin: 0 0 10px 0; }
div.form div.row div.field input { }
div.form div.row input[type=submit] { background-color: #e22a13; border: none; font-size: 20px; padding: 5px 20px; align-self: center; margin: 0 auto; text-transform: uppercase; }
div.form div.row input.captcha { width: 202px; text-align: center; text-transform: uppercase; }
div.form div.row div.field textarea { height: 200px; min-height: 100px; max-height: 300px; max-width: 100%; min-width: 100%; }
div.form div.row a { color: #e22a13; margin: 5px 0 0 0px; text-decoration: none; }
div.form div.row a:hover { text-decoration: underline; }




div.contact div.form div.row input[type=submit] { background-color: #465BA6; }
a.button { background-color: #e22a13; border: none; font-size: 20px; padding: 5px 20px; align-self: center; margin: 0 auto; text-transform: uppercase; display: inline-block; color: #FFFFFF; text-decoration: none; margin: 10px; cursor: pointer; }


div.form h2.title { color: #a47bb5; text-transform: uppercase; text-align: center; font-size: 30px; font-family: "Dosis"; margin: 20px 60px 30px; }

div.form p { font-weight: normal; color: #505050; }
div.form label { color: #303030; }

div.success { background: url(images/iconOk.png) no-repeat 10px 10px / 30px #FFFFFF; border: 10px solid #78b82a; border-radius: 20px; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1); clear: both; margin: 0 0 20px 0; padding: 10px 10px 10px 50px; color: #78b82a; font-family: "Dosis"; font-weight: bold; font-size: 20px; min-height: 30px; line-height: 30px; }
div.success2 { background: url(images/iconOk2.png) no-repeat center 30px / 110px #ededee; clear: both; margin: 0 0 20px 0; padding: 160px 30px 30px 30px; color: #505050; font-family: "Dosis"; font-weight: bold; font-size: 20px; min-height: 30px; line-height: 30px; text-align: center; }
div.success2 p { font-weight: normal; color: #000000; }

div.warning { background: url(images/iconWarning.png) no-repeat center 30px / 110px #ededee; clear: both; margin: 0 0 20px 0; padding: 160px 30px 30px 30px; color: #505050; font-family: "Dosis"; font-weight: bold; font-size: 20px; min-height: 30px; line-height: 30px; text-align: center; }
div.warning h2 { font-weight: bold; }
div.warning p { font-weight: normal; color: #000000; }

div.errors { background: #FFFFFF; border: 10px solid #e75336; border-radius: 20px; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1); box-sizing: border-box; clear: both; margin: 0 0 20px 0; padding: 10px; }
div.errors div.title { margin: 0 0 10px; color: #e75336; font-family: "Dosis"; font-size: 20px; font-weight: bold; background: url(images/iconError.png) no-repeat left center / 30px; line-height: 30px; padding-left: 40px; }
div.errors div.list { margin-left: 40px; }
div.errors div.list div.row { margin-bottom: 8px; }
div.errors div.list div.row div.label { float: left; font-weight: bold; width: 200px; }
div.errors div.list div.row div.value { max-width: 600px; }



div.myAccount { }
div.myAccount div.columns { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-flex-direction: row; -moz-box-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; flex-direction: row; }
div.myAccount div.columns div.columnA { margin-right: 20px; flex: 1; margin-left: 20px; margin-bottom: 20px; }
div.myAccount div.columns div.columnB { margin-bottom: 20px; }
div.myAccount div.columns div.section { display: none; margin-bottom: 40px; }
div.myAccount div.columns div.section.selected { display: block; }
div.myAccount h2 { color: #e22a13; font-size: 20px; font-weight: bold; font-family: "Dosis"; margin: 0 0 15px; text-transform: uppercase; border-bottom: solid 1px #e22a13; padding-bottom: 5px; }
div.myAccount p { margin: 0 0 15px; }
div.myAccount div.myData { margin: 20px 0 20px; }
div.myAccount div.myData div.field { background: #EDEDEE; margin: 0 0 10px 0; padding: 10px; }
div.myAccount div.myData div.label { margin-bottom: 5px; font-weight: bold; }
div.myAccount div.myData div.label a.change { float: right; font-size: 12px; font-weight: normal; color: #555555; text-decoration: underline; cursor: pointer; }
div.myAccount div.myData div.value { line-height: 1.4em; }
div.myAccount div.myData div.value span { font-size: 0.8em; margin-left: 15px; opacity: 0.7; }

div.myAccount div.myData div.value form { margin: 0; padding: 0; }
div.myAccount div.myData div.value form div.row { margin: 0 0 10px 0; -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; }
div.myAccount div.myData div.value form div.row div.field { margin: 0; padding: 0; }
div.myAccount div.myData div.value form div.row div.label { }

div.myAccount div.userBonus { max-width: 960px; margin: 0 auto; padding: 20px; box-sizing: border-box; }
div.myAccount div.userBonus div.noItems { border: solid 1px #AA8080; border-radius: 3px; padding: 5px 5px; background: #F8F8E0; box-shadow: 1px 1px 4px rgba(0,0,0,0.1); opacity: 0.5; }

div.myAccount div.userFiles { margin: 20px 0 20px; }
div.myAccount div.userFiles div.noItems { border: solid 1px #AA8080; border-radius: 3px; padding: 5px 5px; background: #F8F8E0; box-shadow: 1px 1px 4px rgba(0,0,0,0.1); opacity: 0.5; }
div.myAccount div.photoBlock { }
div.myAccount div.photoBlock img { border: solid 1px #000000; box-sizing: border-box; margin-bottom: 10px; }
div.myAccount div.photoBlock div.userName { color: #e22a13; font-size: 0.9em; margin-bottom: 5px; }
div.myAccount div.photoBlock div.userEmail { font-size: 0.9em; margin-bottom: 30px; }
div.myAccount div.photoBlock a.sectionLink { font-size: 20px; display: block; color: #505050; margin-bottom: 5px; text-transform: uppercase; font-weight: bold; font-family: Dosis; cursor: pointer; }
div.myAccount div.photoBlock a.sectionLink.selected { color: #e22a13; }


div.routes { }
div.routes div.form { margin-top: 50px; max-width: 600px; margin-bottom: 50px; }
div.routes div.form div.row h2 { background: #EDEDED; text-align: left; color: #87888A; font-size: 25px; font-family: "Dosis"; margin-bottom: 15px; }
div.routes div.route { background: #FFFFFF; border: solid 1px #808080; border-radius: 3px; margin-bottom: 15px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; }
div.routes div.route div.label { width: 45px; height: 45px; background-color: #BBBBBB; border-right: solid 1px #808080; }
div.routes div.route div.input { flex: 1; align-self: center; }
div.routes div.route div.input input { border: none; align-self: center; box-shadow: none; font-size: 18px; padding: 5px 15px 5px 38px; width: 100%; background: url(Images/iconRouteAddress.png) no-repeat 10px center / 20px; }
div.routes div.routeA { }
div.routes div.routeA div.label { background-image: url(Images/iconRouteA.png); background-size: 45px 45px; }
div.routes div.routeB { }
div.routes div.routeB div.label { background-image: url(Images/iconRouteB.png); background-size: 45px 45px; }


div.aboutUs { }
div.aboutUs div.topTitle h3 { font-size: 20px; }
div.aboutUs div.sectionContent { margin-top: 50px; margin-bottom: 50px; }
div.aboutUs div.row { margin-left: 40px; margin-right: 40px; }
div.aboutUs div.row.year { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; }
div.aboutUs div.row div.year { color: #e22a13; font-family: "Dosis"; font-size: 25px; font-weight: bold; width: 70px; text-align: center; margin-bottom: 10px; }
div.aboutUs div.row div.text { flex: 1; border-left: dotted 1px #808080; padding-left: 10px; margin-bottom: 15px; }
div.aboutUs div.row ul { margin-left: 20px; }
div.aboutUs div.row ul li { line-height: 1.6em; color: #505050; }

div.aboutUs div.row.doc { }
div.aboutUs div.row.doc p { line-height: 1.6em; margin-bottom: 1em; color: #505050; }

div.aboutUs div.horizontalButtons { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; }
div.aboutUs div.horizontalButtons a { flex: 1; text-align: center; text-transform: uppercase; background-color: #B1B3B4; font-size: 30px; padding: 10px 20px; }


div.homeMap { }
div.homeMap div.mapBlock { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; }
div.homeMap div.mapBlock a { flex: 1; }
div.homeMap div.mapBlock img { width: 100%; }
div.homeMap div.downloadMapBlock { margin: 10px 0 30px 20px; }
div.homeMap div.downloadMapBlock a { background: url(Images/downloadMapButton.png) no-repeat 0 0 / 270px; width: 270px; height: 64px; display: block; }
div.homeMap div.downloadMapBlock a span { display: none; }
div.homeMap div.downloadMapBlock a:hover{background-position: 0 -64px;}

div.freeTransfer { }

div.rowDecorated { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -ms-flexbox;  display: flex; -webkit-box-flex-direction: row; -moz-box-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; flex-direction: row; margin: 40px 0 40px; }
div.rowDecorated div.decoration { margin-right: 30px; }
div.rowDecorated div.decoration.transfer { background: url(Home/decorationFreeTransfer.png) left top / 380px transparent; width: 380px; height: 200px; }
div.rowDecorated div.content { flex: 1; margin: 0 20px 0 20px; }
div.rowDecorated div.content p { margin-bottom: 1em; line-height: 1.6em;  }
div.rowDecorated div.content p.iconRoute { background: url(Home/iconFreeTransferRoute.png) no-repeat left top / 64px transparent; padding-left: 75px; min-height: 64px; }
div.rowDecorated div.content img { width: 100%; }


div.errorPage { }
div.errorPage div.sectionContent { margin-top: 50px; margin-bottom: 50px; }
div.errorPage div.sectionContent div.errors { margin: 0 20px 0 20px; }
div.errorPage div.sectionContent div.errors div.list { line-height: 1.8em; }


span.socialIcons { }
span.socialIcons a { background: url(Images/iconsSocial.png) no-repeat left top / 80px; display: inline-block; height: 20px; margin: 0; padding: 0; width: 20px; background-position-y: -20px; }
span.socialIcons a:hover { background-position-y: 0px; }
span.socialIcons a.facebook { background-position-x: 0px; }
span.socialIcons a.instagram { background-position-x: -20px; }
span.socialIcons a.twitter { background-position-x: -40px; }
span.socialIcons a.youtube { background-position-x: -60px; }

footer span.socialIcons { letter-spacing: 25px; }
footer span.socialIcons a { background-size: 160px auto; height: 40px; margin: 0; padding: 0; width: 40px; background-position-y: -40px; }
footer span.socialIcons a:hover { background-position-y: 0px; }
footer span.socialIcons a.facebook { background-position-x: 0px; }
footer span.socialIcons a.instagram { background-position-x: -40px; }
footer span.socialIcons a.twitter { background-position-x: -80px; }
footer span.socialIcons a.youtube { background-position-x: -120px; }


@media (max-width: 950px) {
	body { background: none; }

	.hideMobile { display: none; }

	header div.topInfo { display: none; }
	header div.topMenu ul.menu { display: none; }
	footer span.socialRow { display: inline; }

	div.titleGallery { display: none; }

	#mobileMenu { display: block; }

	div.waitTime div.sectionContent { -webkit-box-align: center; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-flex-direction: column-reverse; -moz-box-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
	div.waitTime div.sectionContent div.deco { width: auto; }
	div.waitTime div.sectionContent div.links { margin-bottom: 20px; width: auto; -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; }

	div.waitTimeLine div.waitTime div.lineNotice div.message { font-size: 16px; }
	div.waitTimeLine div.waitTime div.lineNotice.typeChristmas div.decoration { height: 90px;  }

	div.lines div.sectionContent { -webkit-box-align: flex-start; -webkit-flex-align: flex-start; -ms-flex-align: flex-start; -webkit-align-items: flex-start; align-items: flex-start; }
	div.lines div.sectionContent div.deco { width: auto; }
	div.lines div.sectionContent div.links { margin-bottom: 20px; width: auto; }


	div.lines div.sectionContent div.info { -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; }
	div.lines div.sectionContent div.info div.infoContent div.infoSubContent div.blockLineInfo { width: 100%; }
	div.lines div.sectionContent div.info div.infoContent div.infoSubContent { -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; }

	div.lines div.sectionContent div.info div.links { display: block; clear: both; }

	div.contact div.sectionContent { -webkit-box-align: center; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-flex-direction: column-reverse; -moz-box-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
	div.contact div.sectionContent div.deco { width: 100%; }

	div.form { margin-bottom: 20px; width: 100%; }
	div.form div.row { -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; }
	div.form div.errors div.list div.row { -webkit-box-flex-direction: row; -moz-box-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; flex-direction: row; }

	div.myAccount div.columns { -webkit-box-flex-direction: column-reverse; -moz-box-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
	div.myAccount div.columns div.columnA { margin-right: 20px; flex: 1; margin-left: 20px; margin-bottom: 20px; }
	div.myAccount div.columns div.columnB { margin-right: 20px; flex: 1; margin-left: 20px; margin-bottom: 20px; }
	div.myAccount div.columns div.section { display: block; }
	div.myAccount div.photoBlock { text-align: center; }
	div.myAccount div.photoBlock a.sectionLink { display: none; }



	div.rateBlock h4 { width: 160px; }

	div.bonus div.sectionContent { padding: 30px 15px; }
	div.bonus div.listBonus div.row { -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; }
	div.bonus div.form div.row div.tabField label { min-width: 100px; }
	div.bonus div.form div.row div.tabField div.uploadList div.file select { width: 150px; }

	div.form div.row.route { -webkit-box-flex-direction: row; -moz-box-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; flex-direction: row; }

	div.rowDecorated { -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; -webkit-box-align: center; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
	div.rowDecorated div.decoration {margin:0 0 20px; }
}