@font-face { font-family: 'Oswald-Light'; src: url('https://ypsilon.net/static/fonts/oswald-light-webfont.eot'); src: url('https://ypsilon.net/static/fonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'), url('https://ypsilon.net/static/fonts/oswald-light-webfont.woff2') format('woff2'), url('https://ypsilon.net/static/fonts/oswald-light-webfont.woff') format('woff'), url('https://ypsilon.net/static/fonts/oswald-light-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } /** GLOBAL **/ body {background: #000000; width: 100%; margin: 0; font-family: 'Roboto', sans-serif; font-size: 12px; color: #444444; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .relfix {position: relative; top: -4px;} /**a {color: #0B2B87; text-decoration: underline;}**/ h1 {font-size: 2em; color: #000000;} .title_sec_2 {font-weight:700;font-size: 64px;color: #fff;line-height: 132%;margin-top: 40px;margin-bottom: 50px; text-align: center;} .title_sec {font-weight:700;font-size: 64px;line-height: 132%;margin-top: 40px;margin-bottom: 50px; text-align: center;} label {cursor: pointer;} .article_title {color: #333333; width: 800px; margin: auto; padding: 10px 0px 10px 0px; font-size: 2em;} .inner_div {background: #FFFFFF; width: 798px;} .border_div {width: 798px; background: #E4E4E4 url('/media/img/design/products_bg.png') repeat-x; border: 1px solid #FFFFFF; padding: 1px 1px 1px 1px; margin: auto; margin-top: 30px; margin-bottom: 30px;} .hidden {display: none;} .hr { border: none; border: 0; border-bottom-width: 1px; border-bottom-style: solid; border-top-width: 1px; border-top-style: solid; margin: 0 !important; padding: 0 !important; clear: both; height: 0px; offset: 0; overflow: hidden; width: 90%; border-bottom-color: #FFFFFF; border-top-color: #C0C0C0; margin: 0 auto; width: 100%; } #extraextra {width: 145px; height: 105px; background: url('../img/design/fareworld.jpg') no-repeat; position: absolute; right: 120px; top: 30px; z-index: 102;} #extraextra a {display: block; width: 145px; height: 102px; } #fraudprotection { position:absolute; right:32px; top:34px; width:82px; height:100px; } #index_container {width: 100%; min-width: 100%;} #index_container #topbar_other, #index_container #topbar { overflow: hidden; height: auto; width: 100%; z-index: 103; background-size: cover; background-color: #2d3b44; /* padding-top: 110px; */ } #index_container #topbar_other { background: url('../images/travel-solution-bg.png') no-repeat 0px -5px; } #index_container #topbar_other { min-height: 360px; display: flex; align-items: center; } #index_container #topbar #topbar_1000 {width: 100%; height: 100%; margin: auto; position: relative; background: url('/media/hero/home-01.jpg') no-repeat; background-size: cover;} #index_container #topbar #topbar_1000 .row{position: relative; z-index:50;} #index_container #topbar_other.products {background: url('../images/careers.jpg') no-repeat; background-size: cover; background-position: center;} #index_container #topbar_other.products.product_1 {background: url('../images/product1.jpg') no-repeat; background-size: cover;} #index_container #topbar_other.products.product_2 {background: url('../images/product2.jpg') no-repeat; background-size: cover;} #index_container #topbar_other.products.product_3 {background: url('../images/product3.jpg') no-repeat; background-size: cover;} #index_container #topbar_other.products.product_4 {background: url('../images/product4.jpg') no-repeat; background-size: cover;} #index_container #topbar_other.products.product_5 {background: url('../images/product5.jpg') no-repeat; background-size: cover;} #index_container #topbar_other.products.product_7 {background: url('../images/product7.jpg') no-repeat; background-size: cover;} #index_container #topbar_other.products.product_8 {background: url('../images/product8.jpg') no-repeat; background-size: cover;} #index_container #topbar_other.products.product_9 {background: url('../images/product9.jpg') no-repeat; background-size: cover;} #index_container #topbar_other.products.product_10 {background: url('../images/product10.jpg') no-repeat; background-size: cover;} #index_container #topbar_other.products.product_11 {background: url('../images/product11.jpg') no-repeat; background-size: cover;} #index_container #topbar_other.products.product_12 {background: url('../images/product12.jpg') no-repeat; background-size: cover;} #index_container #topbar_other.products.product_13 {background: url('../images/product13.jpg') no-repeat; background-size: cover;} #index_container #topbar_other.products.product_14 {background: url('../images/product14.jpg') no-repeat; background-size: cover;} #index_container #topbar_other.products.product_15 {background: url('../images/product15.jpg') no-repeat; background-size: cover;} #index_container #topbar_other.products.product_16 {background: url('../images/product16.jpg') no-repeat; background-size: cover;} #index_container #topbar_other.products.product_17 {background: url('../images/product17.jpg') no-repeat; background-size: cover;} #index_container #topbar_other.products.product_18 {background: url('../images/product18.jpg') no-repeat; background-size: cover;} #index_container #topbar_other.careers {background: url('../images/products.jpg') no-repeat; background-size: cover;} #index_container #topbar_other.order_form {background: url('../images/careers.jpg') no-repeat; background-size: cover;} #index_container #topbar_other.terms_and_conditions {background: url('../images/subpage-imprint-01.jpg') no-repeat; background-size: cover;} #index_container #topbar_other.imprint_impressum {background: url('../images/subpage-term_privacy-01.jpg') no-repeat; background-size: cover;} #index_container #topbar_other.privacy_policy {background: url('../images/subpage-imprint-01.jpg') no-repeat; background-size: cover;} #index_container #topbar_other.download {background: url('../images/subpage-term_privacy-01.jpg') no-repeat; background-size: cover;} #index_container #topbar_other.art-news {background: url('../images/subpage-imprint-01.jpg') no-repeat; background-size: cover;} #index_container #topbar_other #topbar_1000_other {width: 100%; margin: auto; position: relative; } .animation_menu {height: 100%; width: 100%; background-color:#034EA2; opacity: 0.98; position: fixed; top: 0; z-index: 200;} .animation_menu_option {height: 100%; min-height: 1000px; width: 100%; position: absolute; top: 0; z-index: 210;} .close_btn{width: 60px; height: 60px; float: right; background: #fff url('../images/icon-menu-close.png') no-repeat center; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.24); border: none;} .main_text{font-family: 'Oswald', sans-serif; font-weight:400; font-size: 40px; color:#fff; margin-top: 130px; width: 100%;} .main_text_2{font-family: 'Oswald', sans-serif; font-weight:400; font-size: 40px; color:#fff; width: 1100px; border-top: #427AB7 2px solid; padding-top: 15px; padding-bottom: 15px;} .list_menu_options{font-weight:300; font-size: 12px; color:#fff; margin-top: 30px; text-align: center; padding-left: 0;} .list_item{display: inline-block; padding-top:20px; margin: 0 15px;} .list_item a{color:#fff;} .list_item a:hover {border-bottom: red 2px solid;} .main_text_2 a{color:#fff;} .main_text_2 a:hover {border-bottom: red 2px solid;} .social{margin-top: 63px; margin-right: 25px; margin-left: 25px;} #language_left {width: 10px; height: 28px; background: url('../img/design/lang_l.png') no-repeat; float: left; line-height: 28px;} #language_center {height: 28px; background: url('../img/design/lang_c.png') repeat-x; float: left; line-height: 28px; color: #FFFFFF;} #language_center span {line-height: 28px; } #language_center a {text-decoration: none; color: #FFFFFF;} #language_right {width: 10px; height: 28px; background: url('../img/design/lang_r.png') no-repeat; float: left; line-height: 28px;} #language #language_hidden_div {background: #000000; padding: 20px 30px 20px 30px; position: absolute; right: 0px; top: 35px; z-index: 104;} #language #language_hidden_div ul {list-style-type: none; padding: 0; margin: 0; line-height: 150%; width: auto;} #language #language_hidden_div img {border: 0; text-decoration: none; margin-right: 5px;} #language #language_hidden_div a {text-decoration: none; color: #EAEAEA;} #menu_main_li .first_level a:hover {text-decoration: none; color: red;} #language #language_select {cursor: pointer; white-space: nowrap;} #language #language_select img {margin-right: 5px;} .iataArgus{padding-top: 70px; font-weight:700; font-size: 51px; line-height: 1.2; color: #fff; text-align: center; margin-bottom: 30px; } .iataArgus p {font-weight: normal; font-size: 25px;} .iataArgus a{color:#fff;} .iataArgus img{margin-top: 20px; width: 20%;} #ndcPartner, #iataStrategicPartner { padding: 30px 0; } #logo_Big_txt{padding-top: 120px; font-weight:700; font-size: 68px; line-height: 1.2; color: #fff; text-align: center; margin-bottom: 30px;} #logo_Small_txt{font-weight:300; font-size: 24px; color: #fff; text-align: center;} #scroll{padding-top: 6%; text-align: center;} #scroll_txt{font-weight:300; font-size: 12px; color: #fff; line-height: 230%; text-align: center;} .logo_website{padding: 0 20px; width:240px; height:112px;} .Big_txt{ font-weight:700; font-size: 80px; color: #fff; line-height: 105%; text-shadow: 0px 6px 7px rgba(0, 0, 0, 0.1); opacity: 1; } #footer {padding-bottom: 60px; background: #034EA2;} #copyright {height: 30px; font-weight:300; font-size: 12px; color: #fff; padding-top: 26px;} .footer_menu {height: 30px; font-weight:300; font-size: 12px; color: #fff; padding-top: 0px; margin-left: 20px;} .footer_menu:hover {border-bottom: 3px solid red;} .logo_copyright{float: left; /*padding-left: 10%;*/ display: -webkit-box; padding-top: 40px;} .link{float: right;/* padding-right: 10%;*/ padding-top: 63px;} .footer_block{list-style-type: none;} .footer_block li{text-align: center;} #travelstrip {display: block; background: url('/media/img/design/travelstrip.png') no-repeat 0 0; width: 1000px; height: 30px; margin: auto;} #travelstrip:hover {background-position: 0px -30px;} .traveltech { float: left; } #traveltech { height: 30px; width: 1000px; background: url('/media/img/design/webinars.gif') no-repeat 0 0; border-bottom: 1px solid #666666; } /*##############################Integrated IT ...############################################*/ #index_container #index_main_cont #sector_1{width: 100%; height: auto; background-color: #FFFFFF; margin-top: 60px; margin-bottom: 60px; display: -webkit-inline-box;} #sector_1 #sec_text_1{font-weight:700; font-size: 64px; color: rgb(48,48,48); line-height: 125%; position: relative; margin-bottom: 60px;} /*#sector_1 #sec_text_1:after {position: absolute; left: 0; bottom: -37px; width: 62px; height: 1px; content: " "; background: #034EA2;}*/ #sector_1 #sec_text_2{font-weight:300; font-size: 16px; color: rgb(48,48,48); line-height: 200%; margin-right: 20px; margin-top: 5px;} /*##############################Travel it solutions############################################*/ #index_container #index_main_cont #sector_2{width: 100%; height: auto; background: #D5E7FA url("../images/travel-solution-bg.png") no-repeat 0 100%; margin-top: 60px; margin-bottom: 60px; background-size: cover;} #sector_2 [id^='icon_'] { background: #034EA2 url("../images/icon-feature-product.png") no-repeat center; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2); } #sector_2 #sec_text_3{font-weight:700; font-size: 64px; color: #fff; margin-top: 40px;} #sector_2 #row_icons_4{margin-top:60px;} #sector_2 #row_icons_8{margin-top:60px;} #sector_2 #row_icons_12{margin-top:60px;} #sector_2 #row_icons_16{margin-top:60px; padding-bottom: 120px;} .text_icon{font-family: 'Oswald', sans-serif; font-weight:400; font-size: 24px; color: #034EA2; margin-top: 10px;} .text_icon_payment{font-family: 'Oswald', sans-serif; font-weight:400; font-size: 24px; color: #034EA2; margin-top: 10px; height: 70px;} .button_more_details{width: 157px; height: 32px; font-weight:300; font-size: 12px; text-align: center; padding-top: 6px; color: rgb(62,113,165); border: 1px solid #B8D7F7; margin-top: 25px; } .icon_border{border-right: 1px solid #B8D7F7; margin-bottom: 70px;} #sector_2 #icon_1{background: #034EA2 url("../images/icon-feature-b2c.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2); } #sector_2 #icon_2{background: #034EA2 url("../images/icon-feature-b2b.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2); } #sector_2 #icon_3{background: #034EA2 url("../images/icon-feature-low-cost.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2); } #sector_2 #icon_4{background: #034EA2 url("../images/icon-feature-xml-api.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2); } #sector_2 #icon_5{background: #034EA2 url("../images/icon-feature-cache.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2); } #sector_2 #icon_6{background: #034EA2 url("../images/icon-feature-fare-entry-system.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2); } #sector_2 #icon_7{background: #034EA2 url("../images/icon-feature-ticketing.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2);} #sector_2 #icon_8{background: #034EA2 url("../images/icon-feature-powerpricer.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2);} #sector_2 #icon_9{background: #034EA2 url("../images/icon-feature-powerstats.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2);} #sector_2 #icon_10{background: #034EA2 url("../images/icon-feature-profiles.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2); } #sector_2 #icon_11{background: #034EA2 url("../images/icon-feature-globalshopper.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2); } #sector_2 #icon_12{background: #034EA2 url("../images/icon-feature-midback-office.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2); } #sector_2 #icon_13{background: #034EA2 url("../images/icon-feature-touroperator.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2); } #sector_2 #icon_14{background: #034EA2 url("../images/icon-feature-car.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2); } #sector_2 #icon_15{background: #034EA2 url("../images/icon-feature-hotel.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2); } .button_more_details_a {opacity: 1;} .button_more_details_a:hover {opacity: 1;} .button_more_details_a :hover{ color: #fff; background-color: #034EA2; opacity: 1;} /*############################Content, Global reach and Security!##############################################*/ #sector_3{margin-top:68px; /* margin-bottom:60px; */} #sector_3 #sec_text_4{font-weight:700; font-size: 64px; color: rgb(48,48,48); line-height: 132%;} #sector_3 #row_promo_1{display: -webkit-inline-box; width: 100%;} #sector_3 #row_promo_2{display: -webkit-inline-box; width: 100%;} #sector_3 #row_promo_3{display: -webkit-inline-box; width: 100%;} #sector_3 #row_promo_2 #picture_2{padding-left: 50px;} .title_promo{font-family: 'Oswald', sans-serif; font-weight:400; font-size: 24px; color: rgb(3,78,162); padding-top: 30px; text-align: center; margin-top: -50px;} .promo{font-weight:300; font-size: 16px; color: rgb(48,48,48); line-height: 175%; text-align: center;} /*########################Payment solutions########################################*/ #sector_4{margin-bottom: 60px; padding-top: 60px; height: 100%;} #sector_4 #sec_text_5{font-weight:700; font-size: 64px; color: rgb(48,48,48); line-height: 132%; margin-bottom: 50px;} .div_sec4_col{background-color: #1A3046; box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.1); padding-bottom: 40px; margin-bottom: 40px; padding-top: 10px;} .col_title{font-family: 'Oswald', sans-serif; font-weight:400; font-size: 24px; color: #fff; line-height: 150%; margin-left: 20px; margin-right: 20px; margin-top: 20px;} .col_text{font-weight:300; font-size: 16px; color: #fff; line-height: 200%; margin-top: 20px; margin-left: 20px; margin-right: 20px;} .icon_arrow{margin-top: 20px; margin-left: 20px;} .icon_arrow_a:hover{margin-left: 10px;} #payment_div p { overflow: hidden; text-overflow: ellipsis; } #payment_div p:hover { overflow: visible; text-overflow: inherit; } #payment_div .block_payment { background: #1A3046 no-repeat; } #payment_div .block_payment { position: relative; } #payment_div .block_payment_content { position: absolute; bottom: 0; padding-bottom: 30px; } #payment_div .block_pci_dss { background-image: linear-gradient( rgba(0, 0, 0, 0), rgba(26,48,70, 1) 50%), url("../images/pcidss_block.png"); } #payment_div .block_payment_services { background-image: linear-gradient( rgba(0, 0, 0, 0), rgba(26,48,70, 1) 50%), url("../images/payment_services_block.png"); } #payment_div .block_fraud { background-image: linear-gradient( rgba(0, 0, 0, 0), rgba(26,48,70, 1) 50%), url("../images/fraud_prevention_block.png"); } #sector_4 #icon_payment{background: #034EA2 url("../images/icon-payment-payment.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2); margin-top: 40px; margin-left: 20px;} #sector_4 #icon-payment-pci-dss{background: #034EA2 url("../images/icon-payment-pci-dss.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2); margin-top: 40px; margin-left: 20px;} #sector_4 #icon-payment-fraud{background: #034EA2 url("../images/icon-payment-fraud.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2); margin-top: 40px; margin-left: 20px;} /*#################################PCI DSS#############################################*/ /*#sector_5{margin-top:100px; background-color: #D5E7FA; width: 100%; height: auto; padding-top: 50px; padding-bottom: 100px;}*/ #sector_5{margin-top:100px; background-color: #C9E1F9; width: 100%; height: auto; padding-top: 50px; padding-bottom: 100px;} #sector_5 #sec_text_6{font-weight:700; font-size: 64px; color: #fff; line-height: 125%; margin-top: 40px; margin-bottom: 50px; text-align: center; margin-left: 220px; margin-right: 220px;} #sector_5 #sec_text_7{font-weight:300; font-size: 24px; color: #1A3046; line-height: 167%; margin-top: 40px; margin-bottom: 50px; text-align: center; padding-left: 20px; padding-right: 20px;} #sector_5 #sec_text_8{font-weight: 300; font-style: italic; font-size: 16px; color: #303030; line-height: 163%; text-align: left; padding-left: 30%;} #sector_5 #name_title{font-weight:700; font-size: 24px; color:#1A3046; text-align: center;} #sector_5 #company_title{font-weight:300; font-size: 16px; color:#1A3046; text-align: center; margin-bottom: 40px;} .img-circle{border-radius: 50%;} .quotes{display: -webkit-inline-box; position: relative;} [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: rgba(48, 48, 48, 0.17); font-size: 56px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-quotes-left:before { content: "\201D"; font-family: 'Georgia'; font-weight: bold; } .icon-quotes-left { font-size: 120px; position: absolute; top: 0px; left: 20px; } /*############################Meet us###############################################*/ #sector_6{margin-top:40px; margin-bottom:100px; background-color: #fff;} #sector_6 #sec_text_9{font-weight:700; font-size: 64px; color:#303030; margin-top: 40px; margin-bottom: 50px; text-align: center;} .col_item{margin-right: 0px; border: 1px solid #DADADA; } .carousel_item_title{font-family: 'Oswald', sans-serif; font-weight:400; font-size: 28px; color:#034EA2; text-align: center; position: absolute; padding: 20px 0; width: 100%; } .carousel_item_text{font-weight:300; font-size: 16px; color:#303030; line-height: 150%; text-align: center; width: 100%; position: absolute; bottom: 0; padding: 20px 20px;} #carousel-container{margin: 0 auto; float: none;} /*#########################Ypsilon.Net AG################################################*/ #sector_7{margin-top:50px; margin-bottom:50px;} #sector_7 #sec_text_10{font-weight:700; font-size: 64px; color:#5AA2ED; margin-top: 60px; text-align: center;} #sector_7 #sec_text_11{font-weight:300; font-size: 16px; color:#fff; line-height: 150%; text-align: center;} #sector_7 #sec_text_12{font-weight:300; font-size: 16px; color:#fff; line-height: 175%; text-align: left; margin-top: 70px; margin-bottom:50px;} /*##########################Ypsilon group###############################################*/ #ypsilon_group{margin-top:50px; background-color: #fff;} #ypsilon_group #sec_text_13{font-weight:700; font-size: 64px; color:#303030; margin-bottom: 50px; } #ypsilon_group #row_logo_1{margin-top:60px;} #ypsilon_group #row_logo_2{margin-top:60px;} #ypsilon_group #row_logo_3{margin-top:60px; padding-bottom: 120px;} .text_logo{font-family: 'Oswald', sans-serif; font-weight:400; font-size: 24px; color: #303030; margin-top: 10px; height: 70px; height: 40px; padding-top: 5px;} .logo_border{border-right: 1px solid #E5E5E5; margin-bottom: 50px;} .yps_address{font-weight:300; font-size: 16px; color:#303030; line-height: 175%;} .ypsilon_group_title {color: #253774; font-family: "Oswald",sans-serif; font-size: 24px; clear: both; padding: 0 0 10px 0;} .logo_border .ypsilon_group_title { position: relative; top: -30px; padding: 0; } #ypsilon_group .region{ margin-top: 30px; height: 450px;} /*.content_ypsilon_group{ width: 1304px; margin: 0 auto;}*/ /*######################POWERING INDUSTRY LEADERS#################################################*/ #sector_9{margin-bottom:50px; background-color: #fff;} #sector_9 #sec_text_14{font-weight:300; font-size: 16px; color:#888888; margin-top: 40px; margin-bottom: 50px; text-align:center;} /*.ref-box {width: 214px; height: auto; padding-bottom: 30px; padding-top: 30px; padding-left: 35px; padding-right: 30px;}*/ .ref-box {width: auto; padding-bottom: 30px; padding-top: 30px; padding-left: 0px; padding-right: 0px; display: block; margin: auto;} #sector_9 .ref-box {width: 190px; max-width: 100%; padding-bottom: 30px; padding-top: 30px; padding-left: 0px; padding-right: 0px; display: block; margin: auto;} #sector_11 .ref-box {width: 142px !important; max-width: 100%; padding-bottom: 30px; padding-top: 30px; padding-left: 0px; padding-right: 0px; display: block; margin: auto;} #sector_11 .ref-box.parentsPaddingTopBottom { padding-top: 8px; padding-bottom: 8px;} .ref-box_2 {width: 282px; height: auto; padding-bottom: 52px; padding-top: 91px; padding-left: 18px; padding-right: 95px;} .ref-box_logo {border: 1px; border-color: #333; width: 230px; height: auto;} /*.border_logo{border: 1px solid #EFEFEF; float: left; width: 16%; height: 100px;}*/ .border_logo{ float: left; width: auto; height: 100px;} #sector_11 .border_logo, #sector_9 .border_logo{border: 1px solid #EFEFEF; float: left; height: 100px;} /* .powering_industry_leaders_table{margin-left:13%;}*/ /*.powering_industry_leaders_table_2{margin-left:13%;}*/ .row_div{float:left; width: 204px;} /*#########################Contact us####################################################*/ #sector_10{margin-top:50px; margin-bottom:50px; background-color: #F5F5F5;} #sector_10 #sec_text_15{font-weight:700; font-size: 64px; color:#303030; margin-top: 80px; margin-bottom: 60px; text-align:left;} .sec_text_title{font-family: 'Oswald', sans-serif; font-weight:400; font-size: 24px; color:#303030;} #sector_10 #sec_text_16{font-weight:300; font-size: 16px; color:#303030; line-height: 150%; text-align:left;} #sector_10 #sec_text_17{font-weight:300; font-size: 16px; color:#303030; line-height: 150%; text-align:left;} .yps_contact{font-weight:300; /*font-size: 24px;*/ font-size: 17px; color:#303030; line-height: 134%;} #sector_10 #div_map{height: 500px; margin-top: 40px; margin-bottom: 100px; position: relative; overflow: hidden; transform: translateZ(0px); background: rgb(245, 245, 245);} /*##############################Partners###############################################*/ #sector_11{margin-top:50px; margin-bottom:80px; background-color: #fff;} #sector_11 #sec_text_18{font-weight:300; font-size: 16px; color:#888888; margin-top: 40px; margin-bottom: 50px; text-align:center;} .table .table_div{padding-top: 30px; padding-bottom: 30px; padding-left: 50px; padding-right: 30px;} /*#############################Careers################################################*/ .description{font-weight:300; font-size: 16px; color:#303030; line-height: 150%; text-align:left;} .careers_offer{width: auto; height: 100%; background-color: #F5F5F5; /*margin-top: 90px;*/ padding-top: 30px; padding-left: 50px; padding-right: 50px; padding-bottom: 30px;} .careers_offer_title{font-weight:300; font-size: 16px; color: #888888; margin-bottom: 15px;} .careers_offer_txt a{font-family: 'Oswald', sans-serif; font-weight:400; font-size: 16px; color: #303030; line-height: 150%;} .careers_offer_txt a:hover{font-family: 'Oswald', sans-serif; font-weight:400; font-size: 16px; color: #034EA2; border-bottom:none;} .list{font-weight:300; font-size: 16px; color: #303030; line-height:220%; /*list-style: url(/media/images/list-item-bg.png);*/ padding-left: 0;} .list li{padding-left: 18px; margin-bottom: 5px; background: url('../images/list-content-item.png') no-repeat 0 4px; padding-left: 50px;} .reg_article h2, .description_title{font-family: 'Oswald', sans-serif; font-weight:400; font-size: 24px; color: #303030; margin-top: 60px; margin-bottom: 30px;} .intro h2:first-child, .intro .description_title:first-child {margin-top: 0 !important;} .careers_offer_title_2{font-weight:300; font-size: 16px; color: #888888; margin-bottom: 15px; text-align:center;} .careers_offer_txt_2 {font-family: 'Oswald', sans-serif; font-weight:400; font-size: 24px; color: #034EA2; text-align:center; } .button_more_details_2{ font-weight:300; font-size: 12px; text-align: center; padding-top: 6px; color: rgb(62,113,165); border: 1px solid #B8D7F7; } .border{border-top: #034EA2 2px solid; width: 70px; margin-bottom: 70px; margin-left: 70px;} .width-100procent{ width: 1304px;} .career_offer_item { text-align: center; margin-bottom: 40px; } /*###################################################################################*/ .description_title_Big{font-family: 'Oswald', sans-serif; font-weight:400; font-size: 40px; color: #303030; /* margin-top: 40px;*/ margin-bottom: 40px;} .careers_img{height:97px; width:8%; margin-left: 10%; margin-top: 50px; margin-bottom: 50px;} /*###############################Products############################################*/ #travel > .row {display: none;} .travel_div_text{font-weight:300; font-size: 16px; color: #888; opacity:1; margin-bottom: 50px;} #travel_div #row_icons_4{margin-top:60px;} #travel_div #row_icons_8{margin-top:60px;} #travel_div #row_icons_12{margin-top:60px;} #travel_div #row_icons_16{margin-top:60px; padding-bottom: 120px;} #travel_div_2 #row_icons_5{margin-top:60px; padding-bottom: 120px;} .text_icon{font-family: 'Oswald', sans-serif; font-weight:400; font-size: 24px; color: #034EA2; margin-top: 10px;} .button_more_details{width: 157px; height: 32px; font-weight:300; font-size: 12px; text-align: center; margin-bottom: 40px; padding-top: 9px; color: rgb(62,113,165); border: 1px solid #B8D7F7; margin-top: 25px; } .icon_border{float: left; border-right: 1px solid #B8D7F7;} #travel_div #icon_1{background: #034EA2 url("../images/icon-feature-b2c.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2); } #travel_div #icon_2{background: #034EA2 url("../images/icon-feature-b2b.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2); } #travel_div #icon_3{background: #034EA2 url("../images/icon-feature-low-cost.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2); } #travel_div #icon_4{background: #034EA2 url("../images/icon-feature-xml-api.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2); } #travel_div #icon_5{background: #034EA2 url("../images/icon-feature-cache.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2); } #travel_div #icon_6{background: #034EA2 url("../images/icon-feature-fare-entry-system.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2); } #travel_div #icon_7{background: #034EA2 url("../images/icon-feature-ticketing.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2);} #travel_div #icon_8{background: #034EA2 url("../images/icon-feature-powerpricer.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2);} #travel_div #icon_9{background: #034EA2 url("../images/icon-feature-powerstats.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2);} #travel_div #icon_10{background: #034EA2 url("../images/icon-feature-profiles.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2); } #travel_div #icon_11{background: #034EA2 url("../images/icon-feature-globalshopper.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2); } #travel_div #icon_12{background: #034EA2 url("../images/icon-feature-midback-office.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2); } #travel_div #icon_13{background: #034EA2 url("../images/icon-feature-touroperator.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2); } #travel_div #icon_14{background: #034EA2 url("../images/icon-feature-car.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2); } #travel_div #icon_15{background: #034EA2 url("../images/icon-feature-hotel.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2); } #travel_div_2 #icon_16{background: #034EA2 url("../images/icon-feature-touroperator.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2); } #travel_div_2 #icon_17{background: #034EA2 url("../images/icon-payment-pci-dss.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2); } #travel_div_2 #icon_18{background: #034EA2 url("../images/icon-payment-fraud.png") no-repeat center ; width: 72px; height: 72px; border-radius: 72px 72px 72px 72px; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2); } .reg_article, .description_product{font-weight:300; font-size: 16px; color:#303030; line-height: 150%; text-align:left; margin-bottom: 30px; } .description_product a{ background: url('../images/icon-pdf_min.png') 0 0 no-repeat; position: relative; top: 0px; width: 41px; height: 48px; display: inline-block; top: -25px; text-indent: -9999px;} .description_product a.regular { background: none; position: static; display: inline; width: unset; height: unset; text-indent: none; } .description_small{font-weight:300; font-size: 12px; color:#888; text-align:left; margin-top: 60px; text-transform: uppercase;} .product_img{margin-top: 50px; margin-bottom: 50px; width: 85%;} .new_fun_div{background-color: #F5F5F5; width:100%; height:auto; margin-top: 30px; padding-bottom: 68px;} .security_div{width:100%; height:auto; margin-top: 30px; padding-bottom: 68px;} .two_column_1{-webkit-column-count: 2; height: 100%;} .two_column_2{-webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2;} .three_column{-webkit-column-count: 3; height: 1131px; margin-top:20px;} .four_column{-webkit-column-count: 4; height: 1131px; margin-top:20px;} .four_column_2{-webkit-column-count: 4;} .four_column_3{-webkit-column-count: 6; width: 1304px; margin-left: 20%;} .four_column_4{-webkit-column-count: 6; width: 1304px; margin-left: 20%;} /*###################################################################################*/ #product_pagginator{margin-bottom: 100px; margin-top:100px;} .paginator_img{margin-right: 20px; margin-top: -4px; margin-left: 20px;} .next_prev_product{font-weight:300; font-size: 12px; color:#303030; margin-right:20px; margin-left:20px;} /*###################################################################################*/ .yps_impressum{font-weight:300; font-size: 16px; color:#303030; line-height: 150%; text-align:left; } /*###################################################################################*/ .imprint{display: -webkit-inline-box;} /*.product_item_div{margin-top: 90px; width: 55%;}*/ .product_item_div{margin-top: 0px; width: 55%; position: relative; float: left;} /*.powering_industry_leaders_table{margin-left:13%;}*/ .four_column_3{margin-left: 20%;} .four_column_4{margin-left: 20%;} #sector_3 #picture_1{background: #fff url("../images/illu-content.png") no-repeat center ; height: 289px; margin: 0 auto; } #sector_3 #picture_2{background: #fff url("../images/illu-global.png") no-repeat center ; height: 290px; margin: 0 auto; } #sector_3 #picture_3{background: #fff url("../images/illu-infrastructure.png") no-repeat center ; height: 279px; margin: 0 auto; } #sector_3 #picture_1, #sector_3 #picture_2, #sector_3 #picture_3 {position: relative; background-size: 100%; width: 200px;} .wrap{position: relative; margin-left: auto; margin-right: auto; } .wrap .col-md-3{ float: left; width: 25%; height: 175px;} .wrap.margin-top-50 {margin-top: 50px;} .form-order{width: 1304px; margin-left: auto !important; margin-right: auto !important;} @media all and (min-width:1270px) { /*.powering_industry_leaders_table{width: 1270px;} .powering_industry_leaders_table_2{width: 900px;}*/ } @media (min-width:1305px) { .four_column{width: 1304px; height: 1131px; margin-left: 13%;} .four_column_2{width: 1304px; margin-left: 13%;} .three_column{width: 71%; height: 318px; margin-left: 5%;} } @media all and (min-width:1305px) and (max-width:1360px){ .three_column{width: 71%; height: 276px; margin-left: 5%;} } @media all and (max-width:2000px) { .four_column{margin-left: 13%; width: 1304px;} .four_column{margin-left: 13%; width: 1304px; } .three_column{margin-left: 13%; width: 1304px;} .four_column_2{margin-left: 13%; width: 1304px;} #ypsilon_group #last_logo{margin-left: 13%; width: 1304px; height: 350px;} .four_column_3{margin-left: 20%;} .four_column_4{margin-left: 20%;} #copyright_1000{display: -webkit-box; text-align: center;} } @media all and (max-width:1680px) { .footer_block{display: inline;} .four_column_3{margin-left: 14%;} .four_column_4{margin-left: 14%;} } @media all and (max-width:1620px) { /*#index_container #index_main_cont #sector_1{padding-left: 11%;}*/ .four_column{margin-left: 11%;} .four_column_2{margin-left: 11%;} /*.powering_industry_leaders_table{margin-left:11%;}*/ } @media all and (max-width:1570px) { /*#index_container #index_main_cont #sector_1{padding-left: 9%;}*/ .four_column{margin-left: 9%;} .four_column_2{margin-left: 9%;} } @media all and (max-width:1550px) { .three_column{margin-left: 5%;} .four_column_3{margin-left: 10%;} .four_column_4{margin-left: 10%;} #ypsilon_group #last_logo{margin-left: 8%;} #sector_5 #sec_text_6{margin-left: 170px; margin-right: 170px;} } @media all and (max-width:1520px) { /*#index_container #index_main_cont #sector_1{padding-left: 7%;}*/ .four_column{margin-left: 7%;} .four_column_2{margin-left: 7%;} /*.powering_industry_leaders_table{margin-left:11%;}*/ } @media all and (max-width:1500px) { #ypsilon_group #last_logo{margin-left: 8%;} .four_column_3{margin-left: 7%;} .four_column_4{margin-left: 7%;} /*.powering_industry_leaders_table{margin-left:10%;}*/ } @media all and (max-width:1480px) { /* #index_container #index_main_cont #sector_1{padding-left: 5%;}*/ .four_column{margin-left: 5%;} .four_column_2{margin-left: 5%;} /* .powering_industry_leaders_table{margin-left:9%;}*/ } @media all and (max-width:1450px) { .four_column_3{margin-left: 5%;} .four_column_4{margin-left: 5%;} #sector_5 #sec_text_6{margin-left: 120px; margin-right: 120px;} /* .powering_industry_leaders_table{margin-left:8%;}*/ } @media all and (max-width:1420px) { /*#index_container #index_main_cont #sector_1{padding-left: 3%;}*/ .four_column{margin-left: 3%;} .four_column_2{margin-left: 3%;} /* .powering_industry_leaders_table{margin-left:7%;}*/ } @media all and (max-width:1410px) { .four_column_3{ -webkit-column-count: 4; margin-left: 2%; width:90%;} .four_column_4{ -webkit-column-count: 4; margin-left: 10%; width:90%;} } @media all and (max-width:1390px) { #ypsilon_group #last_logo{margin-left: 3%;} #ypsilon_group #last_logo{margin-left: 3%;} /*.powering_industry_leaders_table{margin-left:5%;}*/ } @media all and (max-width:1370px) { /*#index_container #index_main_cont #sector_1{padding-left: 1%;}*/ /*.four_column{margin-left: 1%;} .four_column_2{margin-left: 1%;}*/ } @media all and (max-width:1350px) { /*.powering_industry_leaders_table{margin-left:3%;}*/ } @media all and (max-width:1335px) { .four_column{width: 1250px;} .four_column_2{width: 1250px;} .Big_txt{font-size: 70px;} } @media all and (max-width:1310px) { #ypsilon_group #last_logo{margin-left: 5%; width: 280px;} .four_column_4{ margin-left: 5%; width:90%;} .quotes{width: 80%;} .four_column .col-md-3{ width: 100%; height: 172px;} } @media all and (max-width:1304px) { .four_column .col-md-3, .four_column_2 .col-md-3{ width: 296px;} .four_column_2 .col-md-3{ float: left;} } @media (min-width:1320px) and (min-width:1304px) { .width-100procent{ width: 1255px !important;} } @media (max-width:1304px) { .form-order{width: 100%;} } @media all and (max-width:1300px) { /* .powering_industry_leaders_table{margin-left: 2%;}*/ .four_column .col-md-3{ width: 100%; height: 172px;} .four_column .col-md-3{ width: 296px;} .four_column_2 .col-md-3{ float: left;} .width-100procent{ width: 100% !important;} } @media all and (max-width:1280px) { .four_column_2{width: 97%; } /*.four_column .col-md-3{ width: 296px; height: 173px;} */ } @media all and (max-width:1263px) { /*.powering_industry_leaders_table{margin-left: 8%;}*/ } @media all and (max-width:1250px) { #ypsilon_group #last_logo{margin-left: 2%; width: 280px;} #index_container #topbar #navigation ul.nav2{padding: 5px 0px 0px 0px;} #index_container #topbar_other #navigation ul.nav2 {padding: 5px 0px 0px 0px;} } @media all and (max-width:1200px) { #ypsilon_group #last_logo{width: 267px;} /*.contact_form{width:45%;}*/ /*.powering_industry_leaders_table{margin-left: 7%;}*/ } @media all and (max-width:1160px) { .four_column_2 .logo_border img{width: 90%;} #ypsilon_group #last_logo{width: 33%;} /*.powering_industry_leaders_table{margin-left: 6%;}*/ } @media (max-width:1120px) { /* .powering_industry_leaders_table{margin-left: 4%;}*/ } @media (max-width:1100px) { .main_text_2 {width: 100%;} } @media (max-width:1077px) { /*.powering_industry_leaders_table{margin-left: 11%;}*/ } @media (max-width:1360px) { .quotes{width:91%;} } /*@media (max-width:1305px) { .four_column{width: 95%; height: 965px;} .three_column{width: 71%; height: 269px; margin-left: 5%;} .content_ypsilon_group{ width: 95%;} }*/ @media (max-width:1070px) { .footer_block {display: block;} .logo_copyright{float: none; text-align: -webkit-center; display: block; padding-top: 40px;} #copyright{text-align: -webkit-center;} #copyright_1000 {text-align: -webkit-center; width: 100%;} .link{float: none; padding-top: 63px; text-align: -webkit-center;} .text_logo{height:95px;} } @media (max-width:1050px) { /*.three_column{-webkit-column-count: 2; height: 503px; width: 100%;}*/ /*#ypsilon_group #last_logo{margin-left: 12%; width: 350px;}*/ /* #sector_10 #contact_form{margin-left: 5%; } .sec_text_title{margin-left: 5%;}*/ } @media all and (max-width:1024px) { #logo_Big_txt{ font-weight:700; font-size: 64px; color: #fff; text-align: center; margin-top: 120px; } #scroll {padding-top: 20%;} #sector_10 #sec_text_15 {font-size: 40px;} /* #index_container #index_main_cont #sector_1{padding-left: 0%;}*/ #sector_1 #sec_text_1{font-size: 40px; } #sector_6 #sec_text_9 {font-size: 40px; } .title_sec_2 {font-size: 40px;} #sector_2 #sec_text_3{font-size: 40px;} #sector_3 #sec_text_4{font-size: 40px; } #sector_4 #sec_text_5{font-size: 40px;} #sector_5 #sec_text_6{font-size: 40px; line-height: 125%; margin-left: 90px; margin-right: 90px;} #sector_5 #sec_text_7{font-size: 22px; line-height: 164%;} .four_column{-webkit-column-count: 2; height: 1943px; margin-left: 10%; width: 700px;} .three_column{margin-left: 10%; width: 640px;} .four_column_2{-webkit-column-count: 2; margin-left: 10%; width: 700px; } #ypsilon_group #last_logo{margin-left: 10%; width: 350px;} #sector_4 #payment_div{display: block;} #sector_7 #sec_text_10{font-size: 40px;} #ypsilon_group #sec_text_13{font-size:40px;} .Big_txt{font-size:40px;} .nav2{ display: none} .iataArgus{padding-top: 140px;} .iataArgus img{width: 25%;} #scroll { padding-top: 10%; } #sector_5 #picture_pci_dss #pci-dss-certified{width:80%;} #sector_5 #name_title{font-size: 22px;} #contact_form #inputName{width: 100%;} #contact_form #inputEmail{width: 100%;} #contact_form #inputSubject{width: 100%;} /*.powering_industry_leaders_table{margin-left: 9%;}*/ .wrap .col-md-3{ padding-left: 5%; padding-right: 4%;} .wrap .col-md-3{ width: 33%;} } /*@media all and (min-width:600px) and (max-width:1024px) { .ypsilon_info_div .col-sm-5{width:50%;} }*/ /*@media all and (min-width:1024px) and (max-width:1310px) { #sector_5 #sec_text_8{padding-right: 0%; } }*/ /*@media all and (min-width:770px) and (max-width:1200px) { .list_1{margin-left: 10%; margin-right: 10%;} }*/ /*@media all and (min-width:690px) and (max-width:769px) { .list_1{margin-left: 5%; margin-right: 5%;} }*/ /*@media (max-width:920px) { .quotes { width: 80%;} } */ /*@media (max-width:911px) { .powering_industry_leaders_table{margin-left: 14%;} }*/ @media (max-width:845px) { #ypsilon_group #last_logo{margin-left: 5%; width: 350px;} .iataArgus b{font-size: 30px;} #logo_Big_txt {padding-top: 0; font-size: 50px; margin-bottom: 5px;} } @media all and (max-width:735px) { #ypsilon_group #last_logo{margin-left: 2%; width: 298px;} .contact_form { width: 100%; margin-bottom: 30px;} .imprint{display: block;} .hans_klenz_div{ margin-bottom: 20px; } /*.powering_industry_leaders_table{margin-left: 8%;}*/ } @media (max-width:700px) { .quotes{margin-left: 0%;} /* .powering_industry_leaders_table{margin-left: 7%;}*/ #sector_7{background: #1A3046;} #sector_7 #sec_text_12{margin-top: 30px;} #sector_5 #sec_text_6{ margin-left: 50px; margin-right: 50px;} } @media (max-width:689px) { /* .powering_industry_leaders_table{margin-left: 6%;}*/ } @media (max-width:666px) { /*.powering_industry_leaders_table{margin-left: 19%;}*/ } @media (max-width:660px) { /*.three_column{margin-left: 1%;}*/ #ypsilon_group #last_logo{margin-left: 1%; width: 298px;} .two_column_2{-webkit-column-count: 1;} } @media (max-width:650px) { /*.powering_industry_leaders_table {margin-left: 16%;} #sector_11 .border_logo, #sector_9 .border_logo{ width: 49% }*/ } @media (max-width:620px) { .four_column_3{-webkit-column-count: 2; width: 90%; height:100%; margin-left: 0; } .four_column_4{-webkit-column-count: 2; width: 90%; height:100%; margin-left: 0; } #ypsilon_group #last_logo{padding-left: 30%; height:100%; width: 100%;} .logo_border{border-right: 1px solid #fff;} } @media (max-width:600px) { /*.powering_industry_leaders_table {margin-left: 15%;}*/ .description_title_Big{font-weight:700; font-size: 24px; line-height:150%; } .link{display: list-item;} /*.footer_menu{margin-right: 60px;}*/ .iataArgus{padding-top: 85px;} .iataArgus b{padding-top: 85px; font-size: 25px;} .iataArgus p{font-size: 15px;} .iataArgus img{padding-top: 0; margin-top:0;} #index_container #topbar #logo {width:128px; height:60px;} #index_container #topbar #logo a {width:128px; height:60px;} #menu #language { width: 122px !important; } #menu #language #login {width: 60px; height: 60px;} #menu #language #menu_toggle {width: 60px; height: 60px;} .agent_log{display:none;} #logo_Big_txt{font-weight: 700; font-size: 40px; color: #fff; text-align: center; line-height: 125%;} #scroll{display:none;} #scroll_txt{display:none;} #index_container #index_main_cont #sector_1{display: block;} #sector_1 #sec_text_1 {font-size: 24px; line-height: 150%;} #sector_2 #sec_text_3 {font-size: 24px; line-height: 117%; text-align: -webkit-center;} .four_column{-webkit-column-count: 1; width: 340px; text-align: -webkit-center; padding-left: 20%; height:100%;} .four_column_2{-webkit-column-count: 1; height:100%; } .four_column_2 .logo_border img{width: 50%;} .three_column{-webkit-column-count: 1; width: 387px; text-align: -webkit-center; height:100%; padding-left: 25%;} .icon_border { border-right: none;} #sector_3 #sec_text_4 {text-align: -webkit-center; font-size: 24px; line-height: 150%;} #sector_3 #row_promo_1 {display: block; text-align: -webkit-center;} #sector_3 #row_promo_2 {display: block; text-align: -webkit-center;} #sector_3 #row_promo_3 {display: block; text-align: -webkit-center;} .div_sec4_col{margin-bottom:10px;} #sector_5 #sec_text_6{font-size: 24px; line-height: 125%;} #sector_5 #sec_text_7{font-size: 16px; line-height: 163%;} .img-circle{width:82px;} #sector_5 #name_title{font-size: 16px; line-height: 163%; text-align: left; padding-left: 30px; padding-top: 10px;} #sector_5 #company_title{font-size: 12px; line-height: 217%; text-align: left; padding-left: 30px;} .hans_klenz_div{display: -webkit-inline-box;} #sector_5 #sec_text_8{font-size: 12px; line-height: 184%;} #sector_7 #sec_text_10{font-size: 24px; line-height: 150%;} #ypsilon_group #sec_text_13{font-size: 24px; line-height: 150%;} #sector_10 #sec_text_15{font-size: 24px;} .sec_text_title{margin-left:0px;} .yps_contact{font-size: 22px; line-height: 146%;} #contact_form #inputName{margin-bottom: 20px;} #contact_form #inputEmail{margin-bottom: 20px;} #contact_form #inputSubject{margin-bottom: 20px;} #contact_form #inputMessage{margin-bottom: 20px;} #sector_10 #div_map{height: 200px; margin-bottom: 50px;} .Big_txt {font-weight: 700; font-size: 24px; line-height:150%; } #index_container #topbar_other #logo a{width:128px; height:60px;} #index_container #topbar_other #logo{width:128px; height:60px;} .ypsilon_info_div{display: block;} #sector_7 #sec_text_10{text-align: center;} #sector_7 #sec_text_11{width: 100%; text-align: center;} .title_sec_7{margin-left:0%;} /*.title_sec_2 {font-size: 24px; line-height: 150%;}*/ .title_sec_2 {font-size: 27px; line-height: 150%;} #sector_4 #sec_text_5 {font-size: 24px; line-height: 150%;} /*#sector_6 #sec_text_9 {font-size: 24px; line-height: 150%;}*/ #sector_6 #sec_text_9 {font-size: 27px; line-height: 150%;} .wrap .col-md-3{ padding-left: 5%; padding-right: 4%; text-align: center} .wrap .col-md-3{ clear: both; width: 100%; } .wrap .col-md-3 div{ display: inline-block;} } @media (max-width:585px) { .four_column{padding-left: 18%;} } @media (max-width:565px) { .four_column{padding-left: 16%;} } @media (max-width:545px) { .four_column{padding-left: 14%;} /* .powering_industry_leaders_table {margin-left: 12%;}*/ } @media (max-width:525px) { .four_column{padding-left: 12%;} } @media (max-width:500px) { .four_column{padding-left: 10%;} /* .powering_industry_leaders_table {margin-left: 9%;}*/ #sector_11 .border_logo, #sector_9 .border_logo { width: 100% !important; } } @media (max-width:480px) { .four_column{padding-left: 5%; height:100%;} .three_column{padding-left: 9%; height:100%;} .four_column_2{padding-left: 20%; height:100%;} #ypsilon_group #last_logo{padding-left: 20%; height:100%;} /*.powering_industry_leaders_table {margin-left: 5%;}*/ } @media (max-width:450px) { .four_column{padding-left: 0%; height:100%;} .three_column{padding-left: 0%; height:100%;} /* .powering_industry_leaders_table {margin-left: 5%;}*/ /* .row_div {width: 46%;} .ref-box {width: 187px;}*/ .article-list-pagination .previous{ text-indent: -9999px;} .article-list-pagination .next{ text-indent: -9999px;} } #index_container #index_main_cont #main_slideshow {margin: auto; height: 498px; font-size: 12px; line-height: 200%; min-width: 1000px; } #index_container #index_main_cont #main_slideshow .home_image {width: 100%; height: 500px; position: absolute; min-width: 1000px;} #index_container #index_main_cont #main_slideshow .images h1 {font-size: 2em !important; color: #FFFFFF;} #index_container #index_main_cont #main_slideshow .images .graystrip {width: 100%; min-width: 1000px; background: #333333; position: absolute; bottom: 0; opacity: 0.9;} #index_container #index_main_cont #main_slideshow .images .graystrip .graystrip_1000 {width: 960px; margin: auto; color: #FFFFFF; padding: 20px; font-size: 14px;} .slide_btn_l {color: #FFFFFF; cursor: pointer; padding: 0px 0px 0px 15px; line-height: 19px; width: auto; height: 20px; background: url('/media/img/design/btn.png') no-repeat left center; float: right;} .slide_btn_r {margin-right: 20px; padding: 0px 20px 0px 0px; height: 20px; background: url('/media/img/design/btn.png') no-repeat right center; float: right;} #index_container #index_main_cont #article_container {background: url('/media/img/design/subpage_bg.gif') repeat-x; width: 980px; padding: 10px; margin: auto; border-left: 1px solid #D7D3CB; border-right: 1px solid #D7D3CB;} #inner_container {margin: auto; padding: 10px 20px 10px 20px;} /* PRODUCTS */ #products_container{width: 800px; margin: auto;} #products_container_top{width:780px; height: 8px; background: url('../img/design/slideshow_top.gif') no-repeat; font-size: 3px; clear:both;} #products_container_bottom{width:780px; height: 8px; background: url('../img/design/slideshow_bottom.gif') no-repeat; font-size: 3px; float: left;} #products_container_middle{height: auto;} #products_container table {border-collapse: collapse;} #products_container table td {padding: 10px; width: 25%; vertical-align: top; line-height: 150%;} #index_container #topbar_other.Products #navigation ul.nav2 a, #index_container #topbar_other.Careers #navigation ul.nav2 a{color: #fff;} .under_products_set {padding-top: 30px; float: left; width: 33%;} .under_products_set div {float: left;} .under_products_set ul {list-style-type: none; padding: 0; margin: 0; width: 160px; line-height: 150%;} .under_products_set .watch_ico {height: 84px; width: 95px; background: url('../img/design/video_ico.png') no-repeat center top; display: block; float: left;} .under_products_set .watch_ico:hover {height: 84px; width: 95px; background: url('../img/design/video_ico.png') no-repeat center bottom; display: block; float: left} .under_products_set .order_ico {height: 84px; width: 95px; background: url('../img/design/shopcart_ico.png') no-repeat center top; display: block; float: left;} .under_products_set .order_ico:hover {height: 84px; width: 95px; background: url('../img/design/shopcart_ico.png') no-repeat center bottom; display: block; float: left;} .under_products_set .login_ico {height: 84px; width: 95px; background: url('../img/design/key_ico.png') no-repeat center top; display: block; float: left;} .under_products_set .login_ico:hover {height: 84px; width: 95px; background: url('../img/design/key_ico.png') no-repeat center bottom; display: block; float: left;} .under_products_set h2 {color: #0B2A83; font-weight: normal; font-size: 1.6em; padding: 0; margin: 0;} /* PUBLISHED ARTICLES */ .article_border {width: 798px; background: #E4E4E4 url('/media/img/design/products_bg.png') repeat-x; border: 1px solid #FFFFFF; padding: 1px 1px 1px 1px; margin: auto; margin-bottom: 20px;} .article{background: #FFFFFF; width: 738px; padding: 20px 30px 20px 30px; } .article p{line-height: 150%;} /* SUBMENU PRODUCTS */ #submenu_border {width: 798px; background: #E4E4E4 url('/media/img/design/products_bg.png') repeat-x; border: 1px solid #FFFFFF; padding: 1px 1px 1px 1px; margin: auto;} #submenu{background: #FFFFFF; width: 748px; padding: 10px 25px 20px 25px; } .products_submenu{list-style-type: none; font-size: 12px; color: #333333; padding: 0px; margin: 0; line-height: 150%; } .products_submenu_li {padding: 5px 0px 0px 0px; float: left; padding: 0px 31px;} .products_submenu h2 {} .products_submenu_li a {} .category_submenu{color: #000000; font-weight: bold; font-size: 11px; padding: 5px 0px 5px 0px;} .products_submenu li a{color: #0B2B87; text-decoration: underline; width:100%;} .products_submenu li a:hover {color: #444444; text-decoration: underline;} .products_submenu ul {padding: 0px 15px 0px 0px; margin: 0;} .products_submenu ul li {list-style-type: none;} /* DOWNLOADS */ .downloads {list-style-type: none; margin: 0; padding: 0px 0px 10px 0px;} .downloads li {line-height: 200%;} .downloads li {background: url('/media/img/extensions/page_white_text.png') no-repeat left center; padding-left: 25px;} #index_container #download #sector_2 {background: none;} #index_container #download #sector_2 .download_pdf{ padding-top: 100px;} #index_container #download #sector_2 .download_pdf .icon-wrapper{text-align: left;} #index_container #download #sector_2 .icon_border:before{ background: #fff; } #index_container #download #sector_2 .download_pdf .button_more_details_a{ float: left; position: absolute; top: 79px; } #index_container #download #sector_2 .download_pdf .button_more_details_a .button_more_details{ position: relative; left: 0px; margin-left: 0px; } #index_container #download #sector_2 .text_icon{ font-size: 20px; } #index_container #download #sector_2 .text_date{ font-size: 11px; font-family: sans-serif; color: #4b4b4b; text-transform: uppercase; padding: 5px 0 8px 0; } #index_container #download #sector_2 .icon_pdf { background: url('/media/images/icon-pdf.png') no-repeat left center; width: 104px; height: 122px; float: left; margin-right: 30px;} .pdf, .downloads li.pdf {background: url('/media/img/extensions/page_white_acrobat.png') no-repeat left center; padding-left: 25px;} .fla, .downloads li.swf, .downloads li.fla {background: url('/media/img/extensions/page_white_flash.png') no-repeat left center; padding-left: 25px;} .jpg, .gif, .downloads li.jpg, .downloads li.gif, .downloads li.jpeg, .downloads li.tif, .downloads li.tiff, .downloads li.png {background: url('/media/img/extensions/page_white_picture.png') no-repeat left center; padding-left: 25px;} .doc, .rtf, .ott, .docx, .downloads li.doc, .downloads li.rtf, .downloads li.ott, .downloads.docx {background: url('/media/img/extensions/page_word.png') no-repeat left center; padding-left: 25px;} .rar, .zip, .downloads li.rar, .downloads li.zip {background: url('/media/img/extensions/page_white_compressed.png') no-repeat left center; padding-left: 25px;} .xls, .xlsx, .downloads li.xls, .downloads li.xlsx {background: url('/media/img/extensions/page_white_excel.png') no-repeat left center; padding-left: 25px;} .ppt, .downloads li.ppt {background: url('/media/img/extensions/page_white_powerpoint.png') no-repeat left center; padding-left: 25px;} /* CONTENT CAREERS */ .close {float: right; color: #0C2F91; font-weight: bold; cursor: pointer;} .jobs_container {float: left;} table.careers_tab{width: 100%; border: 0px; border-collapse: collapse; padding: 0px; margin: 0px; margin: auto;} table.careers_tab .content_top{width: 770px; padding: 10px 10px 10px 15px;} table.careers_tab .content_left{width: 80%; padding: 10px 10px 10px 15px; } table.careers_tab .content_right{width: 20%; padding: 10px 15px 10px 10px; vertical-align: top;} table.careers_tab .content_bottom{width: 770px; padding: 0px 15px 0px 15px;} table.careers_tab .jobs_td{width: 770px; padding: 0px 15px 0px 15px;} table.careers_tab .jobs_td ul{line-height: 150%;} table.careers_tab .hr{width: 770px; padding: 0px;} #all_job_offers {width: 800px; padding: 10px; text-align: center; margin: auto;} .single_job_offer {float: left; padding: 5px; margin: 0; text-align: center; width: 220px;} .single_job_offer .h1 {font-size: 1.2em;} .single_job_offer .appdev_ico {display: block; background: url('/media/img/design/appdev_ico.png') no-repeat center top; font-size: 1.2em; height: 85px; min-width: 85px;} .single_job_offer .appdev_ico:hover {display: block; background-position: center bottom; font-size: 1.2em; height: 85px;} .single_job_offer a {font-size: 1.2em; color: #0B2A83; font-weight: bold;} .single_job_offer a:hover {font-size: 1.2em; color: #333333; font-weight: bold;} .hold_offer {width: 700px; background: #FFFFFF; border: 1px solid #C0C0C0; text-align: left; padding: 20px; line-height: 200%;} .hold_offer .yps_baner {width: 100%; height: 100px; background: #0B2A83 url('/media/img/design/topbar_bg.gif');} .hold_offer .yps_baner .yps_baner_logo {width: 240px; height: 100px; background: url('/media/img/design/ypsilon_logo_smaller.png') no-repeat; float: left;} .hold_offer h2 {color: #666666; padding: 10px 0px 10px 0px; margin: 0; width: 100%;} .hold_offer p {padding: 0; margin: 0;} /* CONTENT CONTACT */ #map_container {float: left; width: 300px; padding: 10px;} #article_container .contact_container {float: left; width: 480px;} #article_container .contact_container td {vertical-align: top; line-height: 150%; padding: 10px;} .contact_container .company_logos {background: url('/media/img/design/company_logos.png') no-repeat center center; width: 150px; height: 50px; padding: 0px 0px 0px 0px; margin: 0;} .contact_container .ypsilon_logo {background-position: 0px 0px;} .contact_container .flightbox_logo {background-position: 0px -50px;} .contact_container .etacs_logo {background-position: 0px -100px;} .contact_container .specials_logo {background-position: 0px -150px;} .contact_container .magicres_logo {background-position: 0px -200px;} table.contact_tab{width: 800px; border: 0px; border-collapse: collapse; padding: 0px; margin: 0px; margin: auto; font-size: 11px;} table.contact_tab td{vertical-align: top;} table.contact_tab td.first_row{width: 730px; padding: 10px 10px 10px 15px;} table.contact_tab td.third_row{width: 730px; padding: 20px 20px 0px 20px;} table.contact_tab td.second_row{width: 365px; padding: 0px 15px 0px 20px;} table.contact_tab td.second_add_row{width: 365px; padding: 0px 15px 0px 20px;} table.contact_tab td.second_add_row p{padding: 0px;} table.contact_tab .hr{width: 760px; padding: 0px;} .contact_container {width: 900px; padding: 0px; margin: auto; clear: both;} .contact_container .contact_address {padding: 0px; } /* COMPANY */ .company_container {line-height: 200%; font-size: 12px;} /* IMPRESSUM */ td.second_add_row, td.second_row {vertical-align: top;} /* NEWSLETTER FORM */ #newsletterForm table th {text-align: right;} #newsletterForm table input {width: 200px; text-align: left;} #newsletterForm table select {width: 204px; padding: 2px 2px 2px 2px;} #newsletterForm #id_interested_gds, #newsletterForm #id_interested_car, #newsletterForm #id_interested_flight, #newsletterForm #id_interested_tour, #newsletterForm #id_interested_airline, #newsletterForm #id_interested_consolidator, #newsletterForm #id_interested_backoffice, #newsletterForm #id_interested_hotel {width: 20px;} ul.errorlist {padding: 0; margin: 0; list-style-type: none;} ul.errorlist li {color: #DD0000; font-weight: bold;} /* BLUE BUTTONS */ /* .btn_l {width: 9px; height: 21px; background: url(../img/design/btn.png) no-repeat left center; float: left;} .btn_r a{color: #FFFFFF; font-size: 1em; font-weight: bold; line-height: 1.6em; text-decoration: none; padding: 0px 21px 0px 5px;} .btn_r {height: 21px; background: url(../img/design/btn.png) no-repeat right center; float: left;} */ /* PAGINATION */ .pagination {padding: 0px 0px 10px 0px; display: block;} .pagination:before, .pagination:after { display: table; content: " "; } .pagination:after { clear: both; } .pagination .next {padding-right: 40px; display: inline-block; min-width: 12px; height: 12px; background: url('/media/img/design/prevnext.png') no-repeat -12px 0px; float: left;} .pagination .previous {padding-left: 40px; display: inline-block; min-width: 12px; height: 12px; background: url('/media/img/design/prevnext.png') no-repeat 0px 0px; float: left;} .pagination .current {margin: auto; font-size: 10px; font-weight: bold;} #download.article { width: auto;} #index_container #index_main_cont #download.article #sector_2{ margin-bottom: 0px; margin-top: 0px;} #index_container #index_main_cont #download.article #sector_2 .article-list {margin-bottom: 80px;} #index_container #download.article #sector_2 .download_pdf { padding-top: 0px;} .article-list-pagination:first-child { border-radius: 0; padding-top: 60px; margin-bottom: 10px;} .pagination.article-list-pagination { margin-top: 0px; } .article-list-pagination .step-links{ display: block; text-align: center;} .article-list-pagination .previous{ margin-right: 8px; float: left; background: url('/media/images/navi-arrow-left.png') 0 0 no-repeat;height:30px; font-family: "Oswald-Light"; font-size: 22px; padding-left: 35px; color: #303030; overflow: none;} .article-list-pagination .current{ font-size: 15px; font-family: "Oswald",sans-serif; font-weight: normal; text-align: center; font-family: "Oswald-Light"; font-size: 22px;} .article-list-pagination .next{ margin-left: 8px; background: url('/media/images/navi-arrow-right.png') 54px -1px no-repeat; height:30px; font-family: "Oswald-Light"; font-size: 22px; color: #303030; overflow: none;} .article-list-pagination .next:focus, .article-list-pagination .previous { outline: none; } #index_container #download #sector_2 .icon_art { background: url('/media/images/icon-art.png') no-repeat left center; width: 104px; height: 122px; float: left; margin-right: 30px;} #download.article #sector_2 .text_icon{ max-height: 31px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; width:85%; margin-bottom: 24px;} #index_container #download #sector_2 .article-list .icon_border { text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px; margin-bottom: 0px; } .article-list .icon_border::before{ right: 0px; } .article-list .icon_border .article-list-border{ line-height: 12px; border: 1px solid #efefef; min-height: 218px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 30px; } #index_container #download #sector_2 .article-list .icon_border .article-list-border .button_more_details_a { display: inline-block; position: relative; left: auto; top: auto; margin: auto; float: none; padding: 35px 30px 40px 30px} #index_container #download #sector_2 .article-list .icon_border .article-list-border .button_more_details_a:focus{outline:none;} #index_container #download #sector_2 .article-list .icon_border .article-list-border .text_short{ max-height: 85px; overflow: hidden; text-overflow: ellipsis; display: inline-block; width:85%; font-size: 14px; font-family: "Arial",sans-serif; color: #303030;} #index_container #download #sector_2 .article-list .icon_border .article-list-border .text_short img{ display: none;} #index_container #download #sector_2 .article-list .icon_border .article-list-border .text_short .caption{ display: none;} #index_container #download #sector_2 .article-list .icon_border .article-list-border .text_short p{ margin: 0; line-height: 29px;} #index_container #download #sector_2 .article-list .icon_border .article-list-border .text_short p strong{ font-weight: normal;} #index_container #download #sector_2 .article-list .icon_border .article-list-border .text_short p em{ text-align: center; line-height:12px; font-style: normal;} #index_container #download #sector_2 .article-list .icon_border .article-list-border .text_short .line_150_percent { line-height:21px; } .logos_table {border-spacing: 10px;} .logos_table td {border: 1px solid #DEDEDE;} /* NEWSLETTER SINGLE ARCHIVE */ #newsletterArchiveContainer { width: 1000px; border-style: solid; border-color: #C0C0C0; border-width: 0px 1px 0px 1px; margin: auto; } #newsletterArchiveSingle { margin: 5px 5px 5px 5px; padding: 0; border-spacing: 0px; border-collapse: collapse; width: 990px; } #newsletterArchiveContent { padding: 5px; border-style: solid; border-color: #C0C0C0; border-width: 0px 0px 0px 0px; vertical-align: top; } #newsletterArchiveTop { border-width: 0px 0px 0px 0px; border-color: #C0C0C0; border-style: solid; vertical-align: middle; padding: 10px 10px 0px 10px; height: 100px; } .newsletterArchiveLabel { font-size: 18pt; font-weight: bold; } #newsletterArchiveSidebar { width: 200px; background: #F2F2F2; border-width: 1px 1px 1px 1px; border-color: #C0C0C0; border-style: solid; vertical-align: top; } .sidebarLegend { height: 37px; background: url('/media/img/design/sidebarBg.png') repeat-x; width: 100%; line-height: 37px; color: #FFFFFF; font-size: 9pt; text-transform: uppercase; font-weight: bold; text-align: center; border-color: #FFFFFF; border-style: solid; border-width: 0px 0px 1px 0px; } .sidebarSublegend { font-weight: bold; color: #000000; padding: 5px 0px 5px 10px; } #productsFolders { list-style-type: none; line-height: 150%; padding: 0px 0px 0px 20px; margin: 0px; } #productsFolders li { padding: 3px 3px 3px 20px; } #selectedPartners, #selectedConsolidators { line-height: 150%; padding: 0px 0px 0px 40px; margin: 0px; } #selectedPartners li, #selectedConsolidators li { padding: 3px 3px 3px 0px; } .newsletterArchiveCalendar { width: 56px; height: 67px; background: url('/media/img/design/calendar.png') no-repeat; text-align: center; float: left; } .newsletterDay { font-size: 22pt; color: #666666; font-weight: bold; line-height: 40px; } .newsletterMonthYear { color: #FFFFFF; font-size: 10px; line-height: 14px; } .newsletterArchiveTitle { float: left; font-size: 16px; font-weight: bold; padding: 5px 0px 0px 20px; } .newsletterYpsilon { float: left; width: 660px; font-weight: bold; font-size: 11px; padding: 0px 0px 0px 20px; line-height: 30px; } #newsletterArchiveFooter { border-width: 0px 0px 0px 0px; border-color: #C0C0C0; border-style: solid; } #newsletterContentContainer { width: 750px; margin: auto; } #newsletterTopContainer { width: 750px; overflow: hidden; zoom: 1; margin: auto; } .footerContainer { background: #EAEAEA; border: 1px solid #C0C0C0; padding: 15px; line-height: 150%; font-size: 10px; overflow: hidden; zoom: 1; margin: 5px 0px 0px 0px;} .footerLeftset { float: left; width: 270px; } .footerRightset { float: left; width: 630px; border-left: 1px solid #C0C0C0; padding-left: 25px; } #newsletterArchiveContainer .previous {display: block; width: 12px; height: 12px; background: url('/media/img/design/prevnext.png') no-repeat 0px 0px; float: left; position: relative; top: 9px;} #hotstripOuter { width: 100%; background: #000000 url('/media/img/design/greydot.gif') repeat-x 0px 30px; } #hotstripInner { width: 960px; margin: auto; padding: 0px 20px 0px 20px; overflow: hidden; zoom: 1;} .right { float: right; } .left {float: left; } .cloudIcon { background: url('/media/img/design/newsCloud.png') no-repeat; width: 30px; height: 30px; float: left; } .proText, .proText a { padding: 0px 0px 0px 2px; font-size: 10pt; font-weight: bold; color: #FFFFFF; line-height: 30px; text-decoration: none; white-space:nowrap; } /* order form */ .header { background:#CCC; line-height:35px; height:35px; padding-left:30px; font-weight:bold; font-size:18px; } .flag { float:right; position:relative; margin:0px 10px; } #orderform_client { width:900px; } .message_ok { text-align:center; color:green; } .message_error { text-align:center; color:#d00; } #orderform_client td { padding-left:15px; } #orderform_client input { border:1px solid #aaa; box-shadow:2px 2px 10px 0px #ddd; width:180px; margin-right:5px; margin-top:4px; } #orderform_client select { border:1px solid #aaa; box-shadow:2px 2px 10px 0px #ddd; width:180px; margin-top:4px; background:white; } #orderform_client .postal input { width:50px; } #orderform_client .city input { width:120px; } #orderform_packets { } #orderform_packets input { border:1px solid #aaa; box-shadow:2px 2px 10px 0px #ddd; margin: 0px 10px; } #orderform_packets textarea { border:1px solid #aaa; box-shadow:2px 2px 10px 0px #ddd; width:500px; height:50px; } #orderform_packets #account_numbers td { text-align:center; } #orderform_packets td { vertical-align:top; } #orderform_packets th { text-align:left; } #orderform_packets .packet_header { line-height:25px; font-weight:bold; border-top:1px solid black; border-bottom:1px solid black; color:#999; } #orderform_packets .inputs { width:30px; } #orderform_packets .period { width:150px; text-align:center; } #orderform_packets .amount { width:150px; text-align:center; } #orderform_packets .input_column { text-align:center; } #orderform_packets .period_column { text-align:center; padding-top:15px; font-weight:bold; border-left:1px solid black; } #orderform_packets .amount_column { text-align:center; padding-top:15px; font-weight:bold; border-left:1px solid black; } #orderform_packets .input_column input { width:14px; height:14px; margin-top:15px; } #orderform_packets .description_column { padding-right:15px; } #orderform_packets .carpartners td { padding:4px; border-top:1px solid #aaa; } #orderform_packets .languages { margin-bottom:20px; } #orderform_packets .languages td { padding:4px 20px; border-top:1px solid #aaa; } #orderform_packets .submit_button { line-height:20px; font-weight:bold; font-weight:14px; cursor:pointer; } #orderform_packets .carborder { padding-bottom:10px; border-bottom:1px dashed #ccc; } .form-order #orderform_client {width: 100%;} /* appointment form */ #appointment_form { width:100%; } #appointment_form th { text-align:right; padding:4px 10px; vertical-align:top; width:100px; } #appointment_form td { padding:4px; vertical-align:top; } #appointment_form table { width:100%; } #appointment_form input { border:1px solid #aaa; box-shadow:2px 2px 10px 0px #ddd; width:250px; } #appointment_form select { border:1px solid #aaa; box-shadow:2px 2px 10px 0px #ddd; width:250px; background:white; } #appointment_form textarea { border:1px solid #aaa; box-shadow:2px 2px 10px 0px #ddd; } #appointment_form .special { width:630px; height:100px; } #appointment_form .right_column th { width:100px; } #appointment_form .submit_button { width:80px; } #appointment_message { text-align: center; line-height: 30px; color: green; font-size: 14px; } /* Contractors table */ #contractors-table { margin: 0px; } .filters-container { padding: 10px 20px; background-color: #fff; border-left: 1px solid #ddd; border-right: 1px solid #ddd; float: left; width: 898px; } .filters-container .filter { width: 100%; display: inline-block; margin: 2px 0px; } .filters-container input[type=checkbox] { margin-right: 8px; } .filters-container.fixed { position: fixed; top: 0px; width: 878px; border: 1px solid #cecece; z-index: 100; } .filters-container-filler { width: 878px; height: 0px; } .contractor-table tr { cursor: pointer; } .contractor-table a { text-decoration: underline; } .contractor-table { clear: both; } .contractor-table td { padding: 5px; } .img-table li { text-align: center; float: left; border: 1px solid #cecece; list-style: none; width: 150px; margin: 10px; padding: 10px; background-color: #fff; min-width: 150px; font-size: 11px;} .img-table li .img-table-label { border-top: 1px solid #cecece; margin-top: 15px; padding-top: 5px; } .contractor-table .info-row p { margin-bottom: 15px; } .filters-container fieldset { border: 1px solid #ddd; padding: 8px; margin: 5px; width: 30%; float: left; } .filters-container legend { border: none; margin: 0px; font-size: 15px; line-height: 100%; width: auto; } .filters-container fieldset.nonegroup { border: 0px; } .filters-container fieldset.nonegroup legend { display: none; } #payments-tab .table { border-top: 2px solid #000; } #payments-tab .table td, #payments-tab .table th { padding: 0px 8px; } #nach-anbieter-table img { display: block; padding-top: 20px; margin: 0px auto; } #hotels-tab fieldset.item-3 { margin-bottom: 26px; } #hotels-tab fieldset.item-4 { margin-top: -25px; } #cars-tab fieldset.item-4 { margin-top: -72px; } #cars-tab fieldset.item-3 { margin-bottom: 50px; } #airlines-tab fieldset.item-2 { width: 62%; } #airlines-tab fieldset.item-2 > .filter { width: 48%; } #airlines-tab fieldset.item-2 > .filter:nth-child(odd) { padding-left: 27px; width: 45%; } #airlines-tab fieldset.item-3 { margin-top: -20px; } #airlines-tab fieldset.item-4 { width: 62%; margin-top: -3px; } #airlines-tab fieldset.item-4 > .filter { width: 48%; } #airlines-tab fieldset.item-4 > .filter:nth-child(odd) { padding-left: 27px; width: 45%; } .scroll_to_top { background: #3B3B3B; background: rgba(0, 0, 0, 0.4); color: #FFF; bottom: 4%; cursor: pointer; display: none; position: fixed; right: 20px; z-index: 999; font-size: 16px; padding: 10px 10px; width: 42px; height: 42px; text-align: center; -webkit-transition: background-color 0.1s linear; -moz-transition: background-color 0.1s linear; -o-transition: background-color 0.1s linear; transition: background-color 0.1s linear; } @-moz-document url-prefix() { .four_column { height: auto; } } .icon-wrapper { text-align: center; } .icon-wrapper *[id*="icon_"] { margin: 0 auto; margin-bottom: 30px; } .content_ypsilon_group .logo_border > img { margin: 0 auto; max-width: 100%; } .icon-wrapper > *[class*="icon_"] { min-height: 218px; position: relative; opacity: 1; } .content_ypsilon_group > *[class*="logo_"] { position: relative; opacity: 1; } .icon-wrapper .button_more_details { position: absolute; margin: 0; left: 50%; margin-left: -78px; bottom: 0; opacity: 1; font-family: 'Roboto', sans-serif; font-weight: 300; } .icon_border, .logo_border { border-right: none; position: relative; } .content_ypsilon_group >.logo_border { padding-right: 40px; padding-left: 12%; height: auto; } .wrap, #logo_Small_txt, .new_fun_div .product_item_div, .product_item_div.col-md-9, .pagination, .Big_txt { padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } #sector_9 .wrap, #sector_11 .wrap { padding: 0 20px; } #logo_Big_txt, #index_main_cont > .row { margin-right: auto; margin-left: auto; } #logo_Small_txt { padding-left: 50px; padding-right: 50px; } .wrap:after, .wrap:before, #contact_form:after, #contact_form:before { display: table; content: " "; } .wrap:after, #contact_form:after { clear: both; } #navigation .menu_main_li > a { font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 12px; } #contact_form .form-control { -webkit-box-shadow: none; box-shadow: none; } #contact_form .btn { width: 184px; } #contact_form textarea { padding-top: 15px; } #contact_form .col-md-4, #contact_form .col-md-6, #contact_form .col-md-2 { padding: 0; } #index_main_cont > .row { display: block !important; } #index_main_cont .col-md-2, #index_main_cont > .row .col-md-2, .new_fun_div > .row .col-md-2 { display: none; } #index_main_cont .col-md-9 { float: none; } .pagination > li > a { padding-left: 0 !important; padding-right: 0 !important; } #index_main_cont .col-md-9 .currently_job_openings.currently_job_openings { width: 100%; margin-left: 0 !important; } .button_more_details_2 { position: absolute; bottom: 57px; left: 50%; margin-left: -78px; margin-bottom: 0; } .currently_job_openings th, .table-bordered th { height: 244px; } .careers_offer_title_2 { margin-bottom: 30px; } .product_item_div { width: 100%; padding-left: 20px; padding-right: 20px; } #index_main_cont > .row { margin-left: auto; margin-right: auto; } .careers_offer { display: none; } #topbar_1000_other > .row { margin-right: 0; margin-left: 0; } #logo_Big_txt { width: 90%; } #payment_div { overflow: hidden; } #payment_div a { color: #5AA2ED; } .address_div { margin-bottom: 80px; } #index_main_cont #sector_1 .row { margin-left: -20px; margin-right: -20px; } #sector_3 .container, #sector_4 { overflow: hidden; } #sector_11 .border_logo, #sector_9 .border_logo { width: 50%; } #sector_7 { background: #1A3046; } #index_container #travel #sector_2 { background: none; } #travel #sector_2 .title_sec_2 { font-weight: 300; font-size: 16px; color: #888; opacity: 1; text-transform: uppercase; } .footer_block { padding-left: 0; } .footer_menu:first-child { margin-left: 0; } #payment_div { padding-left: 20px; padding-right: 20px; } #index_main_cont #contact_form .col-md-2 { display: block; } #contact_form input, #contact_form textarea { -webkit-border-radius: 0px; } #topbar .row, #footer.row, #footer .row, #sector_6 > .row, #sector_9 > .row, #sector_11 > .row, .new_fun_div > .row, .security_div > .row { margin-right: 0; margin-left: 0; } .cb-slideshow { /*display: none;*/ list-style: none; } .previous_paginator { margin-bottom: 30px; } #sector_10 .title_sec_10 { width: 100%; } .intro { padding: 30px 0; } .list { list-style: none; } .list li { position: relative; display: block; } .powering_industry_leaders_table { margin: 0 20px; width: 100%; } .powering_industry_leaders_table .border_logo { width: 100%; } .powering_industry_leaders_table .ref-box { max-width: 100%; } .powering_industry_leaders_table .row_div { width: 50%; } .qr_code{ display: none;} .currently_job_openings th { width: 100%; } /*.owl-item center { height: 241px; width: 100%; display:table-cell; vertical-align:middle; text-align: center; }*/ .owl-item { position: relative; } .owl-item center { width: 100%; position: absolute; top: 220px; } .owl-item center img { display: block; margin: auto; transform: translateY(-50%); } .owl-nav .owl-prev, .owl-nav .owl-next{ position: absolute; top: 40%; width: 44px; height: 44px; color: #fff; text-indent: -9999px; background-color: rgba(26,48,70, .6); background-repeat: no-repeat; } .owl-nav .owl-prev{ left: 0px; background-position: 11px 11px; background-image: url('../images/carousel-arrow-to-left.png'); } .owl-nav .owl-next{ right: 0px; background-position: 14px 11px; background-image: url('../images/carousel-arrow-to-right.png'); } @media (min-width: 768px) { .icon-wrapper > *[class*="icon_"], .content_ypsilon_group > *[class*="logo_"] { padding-left: 60px; } .content_ypsilon_group >.logo_border { height: 370px; } .content_ypsilon_group >.logo_border:first-child, .content_ypsilon_group >.logo_border:nth-child(2) { height: 450px; } .icon_border:before { display: block; content: " "; position: absolute; right: 0; top: 0; bottom: 0; width: 1px; background: #B8D7F7; } .logo_border:before { display: block; content: " "; position: absolute; right: 0; top: 30px; bottom: 0; width: 1px; background: #e5e5e5; } .icon_border:nth-child(2n):before, .icon_border:last-child:before, .logo_border:nth-child(2n):before, .logo_border:last-child:before { display: none; } .icon-wrapper { text-align: left; } .icon-wrapper *[id*="icon_"], .content_ypsilon_group .logo_border > img { margin-left: 0; } .icon-wrapper .button_more_details { left: 60px; margin-left: 0; } #sector_3 #picture_1, #sector_3 #picture_3, #sector_3 #picture_2 { width: 255px;} /* #logo_Big_txt { width: 100%; }*/ .wrap, #logo_Big_txt, #logo_Small_txt, .Big_txt, #index_main_cont > .row, .product_item_div.col-md-9, .pagination { width: 750px; } #sector_9 .wrap, #sector_11 .wrap { padding: 0 20px; } #logo_Big_txt { width: 100%; /*padding-top: 242px;*/ padding-top: 50px; } .div_citation center, #sector_5 #name_title, #sector_5 #company_title { text-align: left; } .table_career_1 th, .table-bordered th { width: 50%; } .promo { margin-bottom: 100px; } #sector_4 { background: #fff url("../images/payment-solution-bg.png") no-repeat 95% 20px; background-size: 45%; } #sec_text_4 { margin-bottom: 50px; } .title_promo { margin-top: 0; } .title_promo, .promo { text-align: left; } #sector_5 #sec_text_8 { padding-left: 0; } .icon-quotes-left { font-size: 80px; left: -40px; } #sector_11 .border_logo, #sector_9 .border_logo { width: 33.3333%; } #sector_7 .container{ background: url("../images/icon-globe-aboutsection.png") no-repeat 20px 235px; } #index_container #topbar {height: 818px;} #index_container #topbar_1000 {height: 818px;} #sector_7 #sec_text_10, #sector_7 #sec_text_11 { text-align: left; } .title_sec_2 { text-align: left; } #sector_5 #name_title { margin-top: 20px; } #sector_6 { margin-top: 100px; } .previous_paginator { margin-bottom: 0; } .close_btn { width: 112px; height: 112px; } .powering_industry_leaders_table .row_div { width: 25%; } .intro { padding: 50px 0; } } @media (max-width: 768px) { #logo_Big_txt {font-size: 40px;} } @media (min-width: 992px) { .icon_border:before { right: 20px; } .icon_border:nth-child(2n):before { display: block; } .icon_border:nth-child(4n):before { display: none; } .icon-wrapper > *[class*="icon_"] { padding-left: 20px; } .icon-wrapper .button_more_details { left: 20px; } #payment_div .div_sec4_col { width: calc((100% - 80px) / 3) !important; margin-left: 40px; min-height: 917px; } #payment_div .div_sec4_col:first-child { margin-left: 0; } .wrap, #logo_Big_txt, #logo_Small_txt, .Big_txt, #index_main_cont > .row, .new_fun_div .product_item_div, .product_item_div.col-md-9, .pagination { width: 970px; } #contact_form .col-md-4 { width: 80%; } #contact_form .col-md-6 { width: 100%; } #contact_form .col-md-2 { width: 40%; } .content_ypsilon_group .col-md-3 { width: 50%; } #index_main_cont > .row { margin: 0 auto; } .product_item_div { width: 66.66666666666666%; padding: 0 20px; } #index_main_cont > .row .col-md-2 + .col-md-9 { width: 66.66666666666666%; float: left; } #index_main_cont .col-md-9 .currently_job_openings.currently_job_openings { width: 100%; margin-left: 0 !important; } .careers_offer { display: block; } .powering_industry_leaders_table .row_div { width: 20%; } .careers_offer { margin-top: 90px; } } @media (min-width: 1024px) { #sector_4 { background: #fff url("../images/payment-solution-bg.png") no-repeat 95% -3px; background-size: 40%; } #sec_text_4 { margin-bottom: 100px; } #sector_7 { padding-top: 50px; padding-bottom: 50px; } #sector_11 .border_logo, #sector_9 .border_logo { width: 25%; } #index_container #topbar {height: 939px;} #index_container #topbar_1000 {height: 939px;} #picture_pci_dss { margin: 30px 0; } .qr_code{ display: block;} .qr_code img { max-width: 100%; } .intro { padding-top: 70px; } } @media (min-width: 1200px) { #sector_3 #picture_3 { background-position: 80% 0;} #sector_3 #picture_1, #sector_3 #picture_3, #sector_3 #picture_2 { width: 415px; background-size: auto;} .promo { margin-bottom: 170px; } #payment_div .div_sec4_col { min-height: 780px; } .wrap, #logo_Big_txt, #logo_Small_txt, .Big_txt, #index_main_cont > .row, .new_fun_div .product_item_div, .product_item_div.col-md-9, .pagination { width: 1170px; } .content_ypsilon_group .col-md-3 { width: 25%; } .logo_border:before { right: 20px; } .logo_border:nth-child(2n):before { display: block; } .logo_border:nth-child(4n):before { display: none; } .content_ypsilon_group > *[class*="logo_"] { padding-left: 20px; } .text_logo { height: 100px; } .content_ypsilon_group > *[class*="logo_"] { height: 400px; } .content_ypsilon_group >.logo_border:first-child, .content_ypsilon_group >.logo_border:nth-child(2), .content_ypsilon_group >.logo_border:nth-child(3), .content_ypsilon_group >.logo_border:nth-child(4) { height: 450px; } #sector_4 { padding-top: 120px; background-size: auto; background-position: 95% 70px; } #sector_7 .container { background-position: 20px 290px; } #index_container #index_main_cont #sector_1 { /* margin-top: 120px; */ } #sector_5 { padding-bottom: 130px; } } @media (min-width: 1366px) { .wrap, #logo_Small_txt, .Big_txt , #index_main_cont > .row, .new_fun_div .product_item_div, .product_item_div.col-md-9, .pagination { width: 1344px; } #logo_Big_txt { width: 100% } .text_logo { /*height: 70px;*/ height: 40px } .content_ypsilon_group > *[class*="logo_"] { height: 370px; } .content_ypsilon_group >.logo_border:first-child, .content_ypsilon_group >.logo_border:nth-child(2), .content_ypsilon_group >.logo_border:nth-child(3), .content_ypsilon_group >.logo_border:nth-child(4) { /*height: 420px;*/ height: 375px; } #sector_4 { padding-top: 140px; background-position: 98% 7px; } #sector_11 .border_logo, #sector_9 .border_logo { width: 16.667%; } #sector_7 .container { background-position: 20px 280px; } #sector_3 #sec_text_4 { margin-top: 30px; margin-bottom: 130px; } #picture_pci_dss { margin: 50px 0; } .powering_industry_leaders_table .row_div { width: 14%; } } @media (min-width: 1680px) { #sector_4 { background-position: 90% 57px; } } #contact_form .error { border: 1px solid #ff0000 !important; } #contact_form .good { border: 1px solid #00ff00 !important; } .modal{ font-family: "Oswald",​sans-serif; text-align: left; font-size: 13px; color: #4b4b4b; } .modal-body{ font-family: "Oswald-Light",​sans-serif; } .modal-body p, .modal-body .caption{ color: #4b4b4b; font-size: 13px; line-height: 18px; } .modal-body p strong{ font-weight: normal; } .modal-body p strong strong{ font-weight: normal; } .modal-title{ font-size: 20px; color: #034ea2; } .modal-title span{ color: rgba(48, 48, 48, 0.30); font-size: 11px; } .more_button_neutral { padding: 5px 10px; font-weight: 300; font-size: 12px; text-align: center; color: rgb(62,113,165); border: 1px solid #B8D7F7; } a.more_button_neutral { display: inline-block; } .apply-for-job { margin: auto !important; width: auto !important; padding: 20px 40px !important; } .container .bordered-button-link-inside { padding: 10px; border: 1px solid #B8D7F7; height: auto; border-radius: 0; } .container .bordered-button-link-inside:hover { background-color: #034ea2; border-color: #034ea2; } .partner-certs { width: auto; text-align: center; padding: 50px 0; } .partner-certs img { display: inline-block; padding: 10px; margin: 10px; background: #fff; } .certl { border-radius: 70px; } .certw { border-radius: 10px; } .nowrap { white-space: nowrap; } .vital_message__top { background: #034ea2; color: #B8D7F7; padding: 20px; z-index: 1000; width: 100%; text-align: center; } .styled_important { color: red; font-weight: bold; font-size: 18pt; } .title_sec {font-weight:700;font-size: 64px;line-height: 132%;margin-top: 40px;margin-bottom: 50px; text-align: left;} .bigger { font-size: 18pt; font-weight: bold; } .list.bigger { line-height: 150%; background-position: 0% 50%; } .cookies-warning { width:100%; position:fixed; background:#00000099; border-top:1px solid #CC0000; color: #fff; bottom:0px; left:0px; z-index:1000; text-align:center; padding: 13px 0px 5px 0px; } .cookies-warning p { width: 80%; margin: auto; } #cookies-close { cursor:pointer; background: #034EA2; width: auto; height: auto; } .cookies-warning a { color: #B8D7F7; } .cookies-warning p { padding:5px; line-height:150%; }