\* { margin: 0; padding: 0; } a,a:hover{ text-decoration: none; } html { scroll-behavior: smooth; } body{ font-family: 'Open Sans'; font-style: normal; overflow-x: hidden; } .website-container{ max-width: 1170px; width: 100%; margin: 0 auto; } .devops-header-login{ text-align: right; } .main{ display: flex; justify-content: center; background-image: url("../images/general/conferenceBackground.png"); background-size: cover; } .container { width: 1170px; } .agenda-speaker-download-links.co-speaker{ justify-content: center; } /*LOADER*/ .form-loader { display: none; border: 2px solid #f3f3f3; border-radius: 50%; border-top: 2px solid #3498db; width: 30px; height: 30px; margin: 0 auto; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /**************************************/ /**************START PAGE**************/ /**************************************/ .conference-item{ width: calc(100% / 4 - 7px); display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; } .conference-item-title { background: #FFFFFF; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.06); width: 280px; height: 50px; display: flex; margin-top: 16px; border-radius: 5px; } .conference-item-title a{ display: flex; align-items: center; justify-content: space-around; text-decoration: none; width: 100%; padding: 0 20px; } .speakers-media-right{ width: 240px; text-align: center; margin: 36px 0 36px 40px; } .coSpeakerStyle{ font-size: 16px !important; line-height: 26px !important; } .conference-item-title p { font-style: normal; font-weight: 400; font-size: 20px; font-family: 'Open Sans', sans-serif; margin: 0; } .conference-item-title img:first-child{ margin-right: 14px; width: 40px; height: 30px; object-fit: contain; } .conference-content { width: 100%; display: flex; flex-direction: column; } .conference-header { width: 100%; display: flex; align-items: center; justify-content: center; margin: 30px 0; } .conference-list { display: flex; align-content: center; justify-content: space-between; } .nz-text p,.nz-text h2 { font-style: normal; font-weight: 400; font-size: 16px; font-family: 'Open Sans', sans-serif; } .sg-text p,.sg-text h2 { font-style: normal; font-weight: 400; font-size: 16px; color: #F15A43; font-family: 'Open Sans', sans-serif; } .as-text p,.as-text h2 { font-style: normal; font-weight: 400; font-size: 16px; color: #FCBA34; font-family: 'Open Sans', sans-serif; } .sy-text p,.sy-text h2 { font-style: normal; font-weight: 400; font-size: 16px; color: #21A5DE; font-family: 'Open Sans', sans-serif; } .new.zealand { color: #74BF5B; } .singapore { color: #DE0008; } .australia { color: #FCBA34; } .sydney { color: #21A5DE; } .devops-header-section-last-mobile a p{ margin: 0; } .conference-info-blocks { margin-top: 26px; display: flex; align-content: center; margin-bottom: 45px; } .conference-info-block-item { width: 31%; margin-right: 26px; } .conference-info-block-item:last-child { margin-right: 0; } .conference-info-block-item-btn { padding: 10px 0; display: flex; justify-content: center; align-content: center; margin-bottom: 4px; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 22px; color: #FFFFFF; text-decoration: none; text-transform: uppercase; } .first-block { background: #FCBA34; } .middle-block{ background: #21A5DE; } .last-block{ background: #6EBF57; } .conference-info-block-item a{ border-radius: 5px; } .conference-info-block-item-img{ position: relative; width: 100%; } .conference-info-block-item-img > img{ width: 100%; border-radius: 5px; } .conference-info-block-item-img .sponsorSlide{ width: 100%; } .conference-info-block-item-img .sponsorSlide .owl-nav{ position: absolute; top: 50%; transform: translateY(-50%); width: 100%; display: flex; align-items: center; justify-content: space-between; } .conference-info-block-item-img .sponsorSlide img{ height: 240px; object-fit: cover; } .conference-info-block-item-img .sponsorSlide .owl-nav > button{ display: flex; width: 30px; height: 30px; align-items: center; justify-content: center; background: white; border-radius: 50%; color: black; font-size: 16px; } .conference-info-block-item-img .sponsorSlide .owl-nav > button:hover{ background: white!important; color: black!important; } .conference-info-block-item-img > span{ position: absolute; bottom: -30px; right: 20px; z-index: 10; } .conference-info-block-item-description { background: #FFFFFF; padding: 20px; } .conference-info-block-item-description-title { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 24px; color: #000000; margin-bottom: 10px; } .testimonial-video.article h1{ color: black; margin-bottom: 0; } .testimonial-video.article .date{ font-size: 20px; text-align: center; margin: 15px auto; color: black; } .conference-info-block-item-description-text { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; color: #000000; } .middle-text2 { margin-bottom: 94px; } .conferenc-info-section { background: #FFFFFF; height: 604px; border-radius: 5px; width: 100%; } .devops-header { display: flex; position: fixed; justify-content: center; flex-direction: column; align-items: center; width: 100%; z-index: 999; top: 0; left: 0; transition: 0.8s ease; right: 0; } .devops-header.white { background: #FFFFFF; } .devops-header.holidayCustom { background: #FFFFFF!important; } .devops-header.holidayCustom .devops-header-section-last > ul{ margin: 0; } .devops-header.holidayCustom .devops-header-section-last .drop-parent > a { color: #000000; } .devops-header.holidayCustom .devops-header-text p { color: #000000; } .devops-header.holidayCustom .devops-header-login a { color: #000000; } .devops-header.holidayCustom .devops-header-sign-up a{ color: #000000; } .devops-header.holidayCustom .devops-header-section-last{ margin-bottom: 0; background: rgba(255,255,255,.5); height: 40px; /*display: flex;*/ /*align-items: center;*/ } .devops-header.white .devops-header-text p { color: #000000; } .devops-header.white .devops-header-section-last .drop-parent:not(:last-child):before{ color: black; } .article-blog:before{ display: none; } .devops-header.white .devops-header-login a, .devops-header.white .devops-header-login button{ color: #000000 !important; } .devops-header.white .devops-header-sign-up a { color: #000000; } .devops-header.white .devops-header-section-last .drop-parent > a { color: #000000; } .devops-header-container { width: 1170px; } .devops-header-section-first { display: flex; align-items: center; justify-content: space-between; margin-top: 33px; } .devops-header-title { display: flex; align-items: center; } .devops-header-img { margin-right: 20px; } .devops-header-img img { width: 100px; } .devops-header-img img.mobile { display: none; } .devops-header-text p { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; color: #FFFFFF; margin-bottom: 0; } .devops-header-country { display: flex; justify-content: space-between; align-items: center; margin-right: 32px } .devops-header-btn { display: flex; justify-content: space-evenly; align-items: center; width: 170px; height: 46px; text-decoration: none; margin-right: 6px; } .field-error-message{ color: red; text-align: left; display: none; min-height: 20px; } .error-field .field-error-message{ display: flex; width: 100%; } .conference-info-block-item-btn:hover{ text-decoration: none; color: #FFFFFF; } .become-sponsor-form-item .field-error-message{ margin-left: 23px; } .devops-header-btn img { width: 40px; object-fit: contain; height: 30px; } .devops-header-btn img:last-child { width: 6px; height: 12px; } .devops-header-btn p { font-style: normal; font-weight: 400; font-size: 14px; margin: 0; } .devops-header-btn:hover{ text-decoration: none; } .devops-header-btn-zeland p{ color: #74BF5B !important; } .devops-header-btn-sydney p{ color: #21A5DE !important; } .devops-header-login a{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; color: #FFFFFF; text-decoration: none; } .devops-header-login a:hover { color: #00b9eb; } .devops-header-sign-up { margin-top: 6px; } .devops-header-sign-up a { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; color: #FFFFFF; text-decoration: none; } .devops-header-sign-up a:hover { color: #00b9eb; } .devops-header-section-last { margin: 30px 0 15px 0; width: 100%; } .devops-header-section-last > ul { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 120px; box-sizing: border-box; } .devops-header-section-last .drop-parent { list-style: none; position: relative; } .devops-header-section-last .drop-parent-sub { font-weight: 400; font-size: 16px; color: #000000; font-style: normal; font-family: 'Open Sans', sans-serif; border: none; list-style: none; } .devops-header-section-last .drop-parent-sub>a { font-weight: 400; font-size: 16px; color: #FFFFFF; font-style: normal; font-family: 'Open Sans', sans-serif; text-decoration: none; display: flex; align-items: center; justify-content: center; } /*ARTICLE*/ .MsoNormal span, .MsoListParagraphCxSpMiddle span{ font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color: #000000 !important; } .MsoNormal{ margin: 20px auto; } /*.article-section .MsoListParagraphCxSpFirst{*/ /* margin-left: 7%;*/ /* margin-top: 20px;*/ /*}*/ .WordSection1 h2, .WordSection1 h1{ font-style: normal; font-weight: 600; font-size: 36px; line-height: 36px; text-align: center; text-transform: uppercase; color: #000000; } .article-section{ margin-bottom: 30px; } .article-section.into-page{ margin-top: 188px; } .modal-body.admin{ background: white; } .article-section h1 span{ color: #000000; } .devops-header-section-last .drop-parent > a { font-weight: 400; font-size: 14px; color: #FFFFFF; font-style: normal; font-family: 'Open Sans', sans-serif; text-decoration: none; display: flex; align-items: center; justify-content: center; position: relative; padding-right: 20px; } .devops-header-section-last .drop-parent:not(:last-child):before { content: "\f107"; font-family: FontAwesome; position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 2; color: #FFFFFF; } .devops-header-section-last .drop-parent > div { visibility: hidden; position: absolute; top: 100%; padding-top: 15px; } .devops-header-section-last .drop-parent:hover > div { visibility: visible; } .devops-header-section-last .drop-parent .drop-child { display: flex; flex-direction: column; justify-content: start; align-items: start; width: 230px; background: white; transition: 0.3s; padding: 15px 25px; box-shadow: 0 0 3px rgb(0 0 0 / 20%); position: relative; z-index: -999; opacity: 0; } .devops-header-section-last .drop-parent .drop-child li { position: relative; height: 30px; display: flex; margin-bottom: 4px; list-style: none; width: 100%; flex-direction: column; justify-content: center; } .devops-header-section-last .drop-parent .drop-child li a { font-weight: 400; font-size: 14px; color: black; font-style: normal; font-family: 'Open Sans', sans-serif; text-decoration: none; display: flex; position: relative; } .devops-header-section-last .drop-parent .drop-child li a:hover { color: #eb7a5c; } .devops-header-section-last .drop-child{ display: none; } .devops-header-section-last .drop-parent:hover .drop-child{ opacity: 1; z-index: 999; } .talks>li{ position: relative; } .talks div { position: absolute; left: 100%; top: 100%; transform: translateY(-30px); display: none; } .talks>li:before { content: "\f107"; font-family: FontAwesome; position: absolute; top: 50%; transform: translateY(-50%); right: 6px; z-index: 2; } .talks>li:hover div { display: block; } .drop-right { display: flex; flex-direction: column; justify-content: start; align-items: start; width: 230px; background: white; transition: 0.3s; padding: 16px 0; box-shadow: 0 0 3px rgb(0 0 0 / 20%); } .drop-right li { list-style: none; width: 100%; margin-left: 24px; } .drop-right li a { font-weight: 400; font-size: 14px; color: black; font-style: normal; font-family: 'Open Sans', sans-serif; text-decoration: none; display: flex; position: relative; margin-bottom: 10px; } .devops-slide { display: flex; justify-content: center; align-items: center; } .devops-slide-content { width: 100%; display: flex; } #miniSlide .owl-nav button { position: absolute; top: 50%; transform: translateY(-50%); color: #fff; margin: 0; transition: all 0.3s ease-in-out; } .owl-nav [class*=owl-]:hover { background: none !important; } .devops-australia-info { margin-bottom: 50px; } .border-text { width: 310px; height: 2px; background: #FCBA34; } .devops-australia-info-btn { margin-top: 44px; text-align: center; } .devops-australia-info-btn a button { font-family: 'Open Sans', sans-serif; width: 240px; height: 45px; background: #F15A43; font-style: normal; font-weight: 400; font-size: 16px; color: #FFFFFF; border: none; outline: none; text-decoration: none; cursor: pointer; } .devops-australia-conference { width: 100%; display: flex; justify-content: center; margin-top: 64px; } .devops-australia-conference-container { width: 1170px; } .devops-australia-conference-content { width: 100%; display: flex; justify-content: center; flex-direction: column; } .devops-australia-conference-devops { display: flex; justify-content: center; flex-direction: column; align-items: center; } .devops-australia-conference-devops h1 { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 600; font-size: 50px; color: #000000; border-top: 2px solid #F15A43; } .devops-australia-conference-australia { display: flex; justify-content: center; align-items: center; margin-top: 7px; } .devops-australia-conference-australia p { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 24px; color: #000000; margin-left: 9px; margin-right: 9px; position: relative; background: white; padding: 0 15px; text-transform: uppercase; } .devops-australia-conference-australia p::before { content: ""; position: absolute; width: 200%; height: 2px; background: #F15A43; top: 50%; left: 50%; transform: translateX(-50%); z-index: -1; } .devops-australia-conference-img { display: flex; justify-content: center; align-content: center; } .devops-australia-conference-title { display: flex; justify-content: center; align-items: center; flex-direction: column; } .devops-australia-conference-title h1{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 600; font-size: 36px; color: #000000; position: relative; } .devops-australia-conference-title h1::before { content: ""; width: 100px; height: 2px; background: #F15A43; position: absolute; top: 55px; left: 50%; transform: translateX(-50%); } .devops-australia-conference-text { text-align: center; margin-top: 28px; } .devops-australia-conference-text p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 30px; color: #000000; } .devops-australia-conference-text p:last-child{ margin-top: 20px; } .devops-australia-conference-btn { display: flex; justify-content: center; align-items: center; margin-top: 44px; } .devops-australia-conference-btn a { background: #F15A43; width: 240px; height: 45px; font-style: normal; font-weight: 400; font-size: 16px; color: #FFFFFF; font-family: 'Open Sans', sans-serif; border: none; outline: none; text-decoration: none; display: flex; align-items: center; justify-content: center; } .devops-australia-conference-table { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 100px; margin-top: 20px; } .devops-australia-conference-table-title { display: flex; justify-content: center; align-items: center; flex-direction: column; } .devops-australia-conference-table-title h1{ font-style: normal; font-weight: 600; font-size: 36px; color: #000000; position: relative; } .devops-australia-conference-table-title h1::before { content: ""; width: 100px; height: 2px; background: #F15A43; position: absolute; top: 55px; left: 50%; transform: translateX(-50%); } .devops-australia-conference-table-child { margin-top: 60px; width: 100%; border-collapse: collapse; } .devops-australia-conference-table-child tr{ border-bottom: 1pt solid #D9D9D9; } .devops-australia-conference-table-child tr:first-child { border-top: 1pt solid #D9D9D9; } .devops-australia-conference-table-child tr td { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 600; font-size: 18px; color: #000000; padding: 16px 0; width: 56%; } .devops-australia-conference-table-child tr td:last-child { font-weight: 400; font-size: 16px; } .speakers { background-image: url("../storage/images/devops/speakersBackground.png"); display: flex; justify-content: center; background-size: cover; background-attachment: fixed; background-position: center top; background-repeat: no-repeat; } .speakers-container { max-width: 1170px; width: 100%; } .speakers-title { margin-top: 99px; display: flex; justify-content: center; align-items: center; flex-direction: column; } .speakers-title h1 { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 600; font-size: 36px; color: #FFFFFF; position: relative; } .speakers-title h1::before { content: ""; width: 100px; height: 2px; background: #F15A43; position: absolute; top: 55px; left: 50%; transform: translateX(-50%); } .speakers-list { margin-bottom: 160px; } .speakers-list-info { display: flex; justify-content: center; flex-wrap: wrap; } .speakers-list-item { margin-right: 24px; padding-top: 45px; max-width: 256px; } .discussion-list-item-info-images{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; } .discussion-list-item-info{ width: 200px; display: flex; align-items: center; justify-content: center; flex-direction: column; margin-right: 20px; } .discussion-list-item-info-company{ margin-top: 24px; text-align: center; } .discussion-list-item-info-company img{ max-width: 100%; height: 60px; object-fit: contain; padding: 5px 20px; } .discussion-list-item-info-position { text-align: center; } .discussion-list-item-info-position p{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 18px; color: #FFFFFF; margin-top: 4px; } .discussion-list-item-info-position h1{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700; font-size: 24px; line-height: 30px; color: #FFFFFF; margin-top: 16px; } .speakers-list-item-info-img img { width: 256px; height: 256px; border-radius: 50%; object-fit: cover; object-position: top; } .discussion-list-item-info-img{ width: 100%; } .discussion-list-item-info-img img{ width: 100%; height: 200px; object-fit: cover; object-position: top; } .speakers-list-item:nth-child(4n +1) .speakers-list-item-info-img img { border: 5px solid #F15A43; } .speakers-list-item:nth-child(4n + 2) .speakers-list-item-info-img img { border: 5px solid #21A5DE } .speakers-list-item:nth-child(4n + 3) .speakers-list-item-info-img img { border: 5px solid #FCBA34 ; } .speakers-list-item:nth-child(4n + 4) .speakers-list-item-info-img img { border: 5px solid #6EBF57; } .speakers-list-item-info-text { text-align: center; } .archive-wrapper .agenda-table-only-title{ padding: 18px 0; } .speakers-list-item-info-text h1 { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700; font-size: 24px; line-height: 30px; color: #FFFFFF; margin-top: 16px; } .speakers-list-item-info-text p { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 18px; color: #FFFFFF; margin-top: 4px; } .speakers-list-item-info-company { margin-top: 24px; text-align: center; } .speakers-list-item-info-company img{ max-width: 100%; height: 60px; object-fit: contain; padding: 5px 20px; } .speakers-list-item-info-text-3 h1 { font-family: 'Open Sans', sans-serif; text-align: center; font-style: normal; font-weight: 700; font-size: 24px; line-height: 30px; color: #FFFFFF; margin-top: 16px; } .speakers-list-item-info-text-3 p{ width: 272px; text-align: center; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 18px; color: #FFFFFF; margin-top: 4px; } .sponsors { background: #F3F3F3; display: flex; justify-content: center; } .sponsors-container { width: 1170px; } .sponsors-title { margin-top: 99px; display: flex; justify-content: center; align-items: center; flex-direction: column; } .sponsors-title h1 { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 600; font-size: 36px; color: #000000; position: relative; } .sponsors-title h1::before { content: ""; width: 100px; height: 2px; background: #F15A43; position: absolute; top: 55px; left: 50%; transform: translateX(-50%); } .global-platinum { display: flex; align-items: center; justify-content: center; flex-direction: column; } .global-platinum-title { display: flex; justify-content: center; align-items: center; } .global-platinum-title img { width: 50px; margin-right: 18px; } .global-platinum-title h1 { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 28px; text-transform: capitalize; color: #989696; } .elite h1 { color: #8E44AD; } .gold h1 { color: #F8C21A; } .sponsors-section-first { margin-top: 30px; display: flex; } .sponsors-img { text-align: center; margin-right: 15px; border-top: 4px solid #FFFFFF; width: 370px; display: flex; justify-content: center; align-items: center; } .sponsors-img img { margin-top: 18px; } .sponsors-info { margin-top: 100px; display: flex; } .sponsors-info-item p { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 30px; color: #000000; width: 100%; position: relative; } /*DISABLED A*/ a.disabled { pointer-events: none; cursor: default; background: #fff !important; color: #585858 !important; } /*DISABLED A*/ .multiBackground i{ margin-left: 10px; } .sponsors-conference.devops-info.short{ display: block; } .sponsors-conference.devops-info.short .sponsors-conference-item{ background: transparent; } .sponsors-conference.devops-info.short .sponsors-conference-item-text p{ text-align: left; } .sponsors-conference.devops-info.short .sponsors-conference-container{ margin: 25px 5px; } .devops-short-info-sec{ display: flex; width: 80%; margin: 0 auto; } .devops-short-info-line{ width: 70px; height: 2px; margin-right: 30px; margin-top: 10px; } .devops-short-info-text{ width: 100%; font-size: 18px; font-family: Open Sans; font-style: normal; font-weight: 400; line-height: 30px; } .sponsors-conference { margin-top: 70px; display: flex; } .sponsors-conference-item { background: #FFFFFF; margin-right: 30px; width: 360px; } .sponsors-conference-item:last-child { margin-right: 0; } .sponsors-conference-container { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 25px 36px ; } .sponsors-conference-item-img { width: 70px; height: 70px; display: flex; border-radius: 50%; align-items: center; justify-content: center; } .sponsors-conference-item-img img{ width: 30px; height: 30px; object-fit: contain; } .sponsors-conference-item-title { margin-top: 16px; text-align: center; } .sponsors-conference-item-title h4 { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 600; font-size: 16px; color: #000000; } .conference-item-text p,.conference-item-text h2{ margin-bottom: 7px; } .sponsors-conference-item-text { margin-top: 16px; text-align: center; } .sponsors-conference-item-text-last { padding: 0 30px } .sponsors-conference-item-text p { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; color: #000000; line-height: 28px; } .sponsor-btn { margin: 70px 0 70px 0; display: flex; justify-content: center; align-items: center; } .sponsor-btn a { font-family: 'Open Sans', sans-serif; margin-right: 16px; background: #F15A43; border: none; outline: none; font-style: normal; font-weight: 400; font-size: 14px; width: 330px; height: 45px; text-transform: uppercase; color: #FFFFFF; text-decoration: none; display: flex; justify-content: center; align-items: center; } .sponsor-btn a:last-child { background: #FFFFFF; color: #F15A43;; border: 1px solid #F15A43;; } .devops-conference-img { background-image: url("../storage/images/devops/devops-conference.png"); display: flex; justify-content: center; align-items: center; text-align: center; height: 510px; background-size: cover; } .devops-conference-img h1{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 36px; color: #FFFFFF; width: 50%; } .footer { background: #000000; display: flex; justify-content: center; align-items: center; flex-direction: column; } .footer-container { width: 1170px; } .flw-us { display: flex; justify-content: center; align-items: center; margin-top: 73px; } .flw-us-text { margin-right: 37px; } .flw-us-text p { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 600; font-size: 18px; color: #FFFFFF; } .flw-us-icon img { width: 40px; margin-right: 16px; } .flw-us-icon a { text-decoration: none; } .footer-list { margin-top: 55px; margin-bottom: 62px; } .footer-list-items { display: flex; } .footer-list-item p { font-style: normal; font-weight: 400; font-size: 18px; color: #FFFFFF; text-align: center; width: 83%; } .footer-list-item p:last-child { margin-top: 20px; } .footer-list-item-mail { margin-top: 40px; text-align: center; } .footer-list-item-mail a{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 18px; color: #F15A43; text-decoration: none; } .footer-list-item-mail p:last-child { margin-top: 7px; } .footer-list-item-text p { font-style: normal; font-weight: 400; font-size: 18px; color: #FFFFFF; } .footer-list-item-text p:last-child { margin-top: 20px; } .footer-menu-content{ width: 100%; display: flex; align-items: center; justify-content: center; padding: 20px 0; } .footer-copyright{ font-size: 14px; color: white; text-align: right; margin-right: 20px; } .footer-menu ul{ display: flex; align-items: center; justify-content: flex-start; margin: 0; padding: 0; } .footer-menu ul li{ list-style-type: none; } .footer-menu li a{ font-size: 14px; color: white; text-decoration: none; text-transform: capitalize; position: relative; margin-right: 20px; } .footer-menu li:not(:last-child) a:before{ content: ''; position: absolute; top: 50%; right: -10px; transform: translateY(-50%); height: 100%; width: 1px; background: white; } .devops-conference-map { width: 100%; } .mapouter { width: 100% !important; } .gmap_canvas { width: 100% !important; } #gmap_canvas { width: 100% !important; } /*===OWL SLIDER===*/ #mainSlide .owl-dots{ position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); } .agenda { width: 100%; display: flex; align-items: center; flex-direction: column; background-image: url("../storage/images/agenda/skyline-sydney-2.png"); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: center; padding-top: 170px; } .agenda.singaporeColor{ background-image: url("../images/general/singapore-agenda-bg.png"); } .agenda.melbourneColor{ background-image: url("../images/general/melbourne-agenda-bg.png"); } .agenda.nzColor{ background-image: url("../images/general/nz-agenda-bg.png"); } .agenda.sydneyColor{ background-image: url("../images/general/sydney-agenda-bg.png"); } .agenda-inner { width: 100%; display: flex; align-items: center; flex-direction: column;background: rgba(0,0,0,.2); } .agenda-container { width: 1170px; } .agenda-table-info-column-inner{ margin: 36px 0; } .agenda-title { display: flex; justify-content: center; align-items: center; margin: 60px 0; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 600; font-size: 36px; color: #FFFFFF; position: relative; } /*.agenda-table {*/ /* margin-top: 68px;*/ /*}*/ .agenda-item-header { display: flex; justify-content: space-between; border-bottom: 1px solid #D9D9D9; border-top: 1px solid #D9D9D9; padding: 28px 0; } .day { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700; font-size: 24px; color: #F15A43; } .agenda-item { display: flex; align-items: center; /*justify-content: space-between;*/ border-top: 1px solid #D9D9D9; padding: 28px 0; } .agenda-date { width: 200px; } .main-slide-info-block-btn{ margin-top: 20px; display: flex; } .main-slide-info-block-btn a{ color: #FFFFFF; text-decoration: none; padding: 8px 40px; text-transform: uppercase; font-size: 16px; min-height: 45px; display: flex; align-items: center; justify-content: center; } .datetime { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 20px; color: #FFFFFF; } .agenda-info-block-title h4 { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700; font-size: 20px; color: #FFFFFF; } .agenda-info-block-img { margin-bottom: 20px; } .agenda-info-block-img img { width: 240px; margin-right: 20px; } .agent-item-title { width: calc(100% - 220px); } .speaker-info { display: flex; } .speaker-info-img { margin-right: 40px; } .speaker-info-company-img { display: flex; justify-content: center; margin-top: 20px; } .speaker-info-data-title p{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700; font-size: 20px; color: #F15A43; line-height: 30px; } .speaker-info-data-text { margin-top: 16px; } .speaker-info-data-text p { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 20px; color: #FFFFFF; line-height: 30px; } .speaker-info-data-link { margin-top: 28px; } .speaker-info-data-link a { } .speaker-info-data-link a button { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 600; font-size: 16px; text-transform: capitalize; color: #FFFFFF; background: #F15A43; width: 150px; height: 45px; border: none; outline: none; text-decoration: none; cursor: pointer; position: relative; } .speaker-info-data-link a button::before { content: "\f0ed"; font-family: FontAwesome; position: absolute; right: 20px; } .workshops-title { padding: 120px 0 0; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 600; font-size: 36px; text-align: center; color: #FFFFFF; position: relative; } .workshop-img{ float: left; padding: 0 20px 20px 0; width: 150px; height: 110px; } .agenda-date-date-text { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 20px; line-height: 30px; color: #FFFFFF; margin-top: 16px; } .agenda-date-date { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700; font-size: 20px; color: #F15A43; } .subscribe-modal-content { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999999999; overflow-x: hidden; overflow-y: auto; } .modal-backdrop { opacity: .5; background: #000000; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; } .subscribe-modal-content.hide { display: none; } .subscribe-modal-content.active { display: block; } .modal-backdrop.hide { display: none; } .modal-backdrop.active { display: block; } .close-modal { display: flex; justify-content: flex-end; margin: 0 0 5px; } .close-modal i { font-size: 20px; opacity: .2; transition: 0.25s ease; cursor: pointer; } .close-modal i:hover { opacity: 1; } .subscribe-modal { width: 600px; background-color: #fff; box-shadow: 0 5px 15px rgb(0 0 0 / 50%); padding: 5px 15px 15px; margin: 30px auto; position: relative; transition: transform .3s ease-out; } .modal-title { margin: 0 0 15px; } .modal-title h1 { color: #000; font-style: normal; font-weight: 700; text-align: center; font: 17px/22px 'open_sanssemibold',sans-serif; } .modal-field { margin: 0 0 15px; display: flex; } .modal-field input{ max-width: 100%; color: #444; padding: 10px; outline: 0; border: 1px solid #ddd; width: 100%; font-size: 14px; } .modal-field button { color: #fff; background: #74bf5b; border: 1px solid #74bf5b; letter-spacing: 2px; padding: 12px 10px; font-size: 18px; border-radius: 0; outline: 0; width: 100%; display: block; cursor: pointer; transition: 0.25s ease; } .modal-field a { width: 100%; text-decoration: none; display: block; } .modal-field button:hover { border: 1px solid #74bf5b; background: #FFFFFF; color: #74bf5b; width: 100%; } .mobile-hamburger { display: none; } .devops-header-section-last-mobile { display: none; } .form-section { margin: 100px 0; } .become-sponsor { width: 100%; display: flex; justify-content: center; background-size: cover; padding-top: 170px; background-image: url("../storage/images/form_bg.png"); } .get-ticket{ background: none!important; width: 100%; display: flex; justify-content: center; background-size: cover; padding-top: 0; } .get-ticket-title h1{ color: black!important; margin-bottom: 50px!important; } .get-ticket .form-section .become-sponsor-form .become-sponsor-form-item input{ color: black!important; } .get-ticket .form-section .become-sponsor-form .become-sponsor-form-item input::placeholder{ color: lightslategrey!important; } .get-ticket .form-section .become-sponsor-form .become-sponsor-form-item textarea{ color: black!important; } .get-ticket .form-section .become-sponsor-form .become-sponsor-form-item textarea::placeholder{ color: lightslategrey!important; } .testimonial-video .form-section{ margin-top: 0; } .testimonial-video.page { margin-top: 100px; width: 100%; display: flex; justify-content: center; background-size: cover; padding-top: 120px; background-image: url("../storage/images/form_bg.png"); background-attachment: fixed; } .testimonial-video h1{ text-align: center; font-size: 32px; line-height: 1; font-weight: 100; color: #fff; letter-spacing: 5px; margin-bottom: 40px; margin-top: 60px; } .about > option, .category > option{ color: black; } .testimonial-video.index{ background-image: url(../storage/images/testimonials/melbourne-city.jpg); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; height: 100%; width: 100%; overflow: hidden; } .testimonial-video iframe{ margin: 4px; } .testimonial-content{ margin-bottom: 60px; } .testimonial-content .description{ position: relative; font-size: 13px; line-height: 26px; color: #fff; padding: 30px 20px; border: 1px solid #767070; border-left: 3px solid #ffc33c; } .testimonial-content .description:after { content: ""; width: 20px; height: 20px; border-bottom: 1px solid #767070; border-left: 1px solid #767070; position: absolute; bottom: -11px; left: 65px; transform: skewY(-45deg); } .testimonial-content .pic { width: 80px; height: 80px; border-radius: 50%; overflow: hidden; margin: 20px 30px 10px; display: inline-block; border: 3px solid #ffc33c; } .testimonial-content .pic img { width: 100%; height: auto; } .testimonial-content .testimonial-prof { text-transform: capitalize; margin: 0 30px; } .testimonial-content .testimonial-prof h4 { color: #ffc33c; display: block; font-size: 17px; font-weight: 700; margin: 0 0 5px; } .testimonial-content .testimonial-prof small { display: block; font-size: 14px; color: #fff; } .become-sponsor-title h1 { font-family: 'Open Sans', sans-serif; text-align: center; font-style: normal; font-weight: 700; font-size: 40px; color: #FFFFFF; position: relative; } .become-sponsor-form-first-line{ width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; } .become-sponsor-form-first-line-inner{ width: 100%; display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; } .become-sponsor-form-first-line-left{ width: calc(50% - 5px); display: flex; align-items: center; justify-content: flex-start; flex-direction: column; } .become-sponsor-form-first-line-right{ width: calc(50% - 5px); display: flex; align-items: center; justify-content: flex-end; flex-direction: column; } .devops-australia{ background-image: url('../storage/images/devops/devopsbackground.png'); } .become-sponsor-title h1:before { content: ""; position: absolute; width: 100px; height: 2px; background: #F15A43; top: 100%; left: 50%; transform: translate(-50%); } .get-ticket-title h1:before { content: ""; position: absolute; width: 100px; height: 2px; background: #F15A43; top: 55px; left: 50%; transform: translate(-50%); } .become-sponsor-form { margin-top: 36px; width: 576px; text-align: center; } .get-ticket-form{ width: 950px!important; } .result-content{ text-align: center; color: white; display: none; margin-top: 40px; } .ticket-result-content{ color: black!important; } .result-content .title{ font-style: normal; font-weight: 700; font-size: 40px; line-height: 54px; text-align: center; margin-top: 25px; } .ticket-result-content .desc{ color: black!important; } .result-content .desc{ font-style: normal; font-weight: 400; font-size: 20px; line-height: 30px; text-align: center; color: #FFFFFF; margin: 25px 0; } .result-content .accept{ background: #74BF5B; color: white; padding: 8px 100px; } .errors-content{ text-align: center; display: none; color: #DE0008 ; font-size: 14px; line-height: 35px; margin-top: 40px; } .become-sponsor-form-item { margin-bottom: 10px; } .become-sponsor-form-item input{ width: calc(100% - 48px); height: 45px; outline: none; background: rgba(255, 255, 255, 0.2); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.36); font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; color: #FFFFFF; padding: 0 24px; border: 1px solid transparent; } .get-ticket-form-item-textarea textarea{ width: 100%!important; border: 1px solid #D9D9D9!important; box-shadow: unset!important; } .get-ticket-form-item input{ width: 100%!important; border: 1px solid #D9D9D9!important; box-shadow: unset!important; } .become-sponsor-form-item.error-field input{ border-color: red; } .become-sponsor-form-item input::placeholder { color: #FFFFFF; } .admin-city{ width: 30px; height: 30px; } .become-sponsor-form-item select { width: calc(100% - 48px); height: 45px; border-color: transparent; border-right: 20px solid transparent; outline: none; background: rgba(255, 255, 255, 0.2); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.36); font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; color: #FFFFFF; padding: 0 20px; } .become-sponsor-form .other-text{ display: none; } .image-field{ position: relative; } .image-field span{ position: absolute; color: white; left: 23px; top: 10px; } .become-sponsor-form-item textarea { width: calc(100% - 48px); height: 140px; outline: none; background: rgba(255, 255, 255, 0.2); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.36); font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; color: #FFFFFF; resize: none; padding: 20px 24px; border: 1px solid transparent; } .become-sponsor-form-item.error-field textarea { border-color: red; } .checkbox-fields{ text-align: center; margin-top: 10px; } .become-sponsor-form-item textarea::placeholder { color: #FFFFFF; } .become-sponsor-btn { display: flex; justify-content: center; align-items: center; margin-top: 36px; } .become-sponsor-submit-btn { background: #74BF5B; width: 280px; height: 45px; font-style: normal; font-weight: 400; font-size: 16px; text-align: center; text-transform: uppercase; font-family: 'Open Sans', sans-serif; color: #FFFFFF; border: none; outline: none; } .speaker-info-img-content { float: left; margin-right: 20px; } .submit-talk { display: flex; justify-content: center; align-items: center; background-size: cover; padding-top: 170px; background-image: url("../storage/images/form_bg.png"); flex-direction: column; } .submit-talk-container { margin: 100px 0; } .header-subscribe.modal-body{ background: none; } .submit-talk-heading{ font-family: 'Open Sans', sans-serif; text-align: center; font-style: normal; font-weight: 700; font-size: 40px; color: #FFFFFF; } .submit-talk-description{ font-family: 'Open Sans', sans-serif; margin-top: 24px; font-style: normal; font-weight: 400; font-size: 20px; color: #FFFFFF; padding: 0 5%; } .submit-talk-checkbox { display: flex; justify-content: center; align-items: center; margin-top: 24px; } .submit-talk-checkbox div { margin-right: 24px; display: flex; align-items: center; justify-content: center; } .submit-talk-checkbox div input{ margin-right: 12px; background: #FFFFFF; border: 1px solid #D9D9D9; clip-path: circle(60%); width: 22px; height: 22px; margin-top: 0; } .submit-talk-checkbox div label { font-style: normal; font-weight: 400; font-size: 16px; font-family: 'Open Sans', sans-serif; margin-bottom: 0; } .submit-talk-section-last{ width: 100%; } .mandatory-fields{ width: 48%; display: flex; flex-direction: column; justify-content: center; } .mandatory-fields-middle { width: 48%; padding-top: 43px; align-self: flex-start; } .talk-melbourne{ color: #FCBA34; } .talk-sydney { color: #21A5DE; } .talk-auckland { color: #6EBF57; } .talk-singapore { color: #F15A43; } .submit-talk-section-last { margin-top: 26px; } .submit-talk-section-last-content { display: flex; justify-content: space-between; align-items: self-end; } .mandatory-fields div { margin-bottom: 10px; } .mandatory-fields div input, .mandatory-fields div textarea{ background: rgba(255, 255, 255, 0.2); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.36); width: calc(100% - 48px); padding: 8px 24px; font-style: normal; font-weight: 400; font-size: 16px; font-family: 'Open Sans', sans-serif; color: #FFFFFF; border: none; outline: none; } .mandatory-fields div input::placeholder, .mandatory-fields div textarea::placeholder { color: #FFFFFF; } .bio{ height: 111px; } .mandatory-fields-middle div { margin-bottom: 10px; } .mandatory-fields-middle div input { background: rgba(255, 255, 255, 0.2); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.36); width: calc(100% - 48px); padding: 8px 24px; font-style: normal; font-weight: 400; font-size: 16px; font-family: 'Open Sans', sans-serif; color: #FFFFFF; border: none; outline: none; } .mandatory-fields-middle div input::placeholder { color: #FFFFFF; } .mandatory-fields-text p{ font-style: normal; font-weight: 400; font-size: 16px; color: #FFFFFF; font-family: 'Open Sans', sans-serif; } .mandatory-fields span { color: #F15A43; } .confirmation { margin-top: 24px; display: flex; justify-content: center; flex-direction: column; } .confirmation input { margin-right: 12px; background: #FFFFFF; border: 1px solid #D9D9D9; clip-path: circle(60%); width: 22px; height: 22px; } .confirmation-checkbox .confirm-company-title { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; color: #FFFFFF; } .confirmation p span { color: #F15A43; } #file-upload-filename{ font-size: 16px; color: #FFFFFF; margin: 5px auto; } .confirmation-checkbox{ display: flex; align-items: center; margin-bottom: 40px; } .confirmation-content{ display: flex; justify-content: space-between; align-items: flex-start; } .confirmation-fields{ width: 48%; display: flex; flex-direction: column; justify-content: center; } .confirmation-fields-middle{ width: 48%; } .confirmation-fields div{ margin-bottom: 10px; } .confirmation-fields-middle div{ margin-bottom: 10px; } .confirmation-fields div textarea{ background: rgba(255, 255, 255, 0.2); box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.36); border: none; outline: none; width: calc(100% - 48px); padding: 15px 24px; height: 100px; font-style: normal; font-weight: 400; font-size: 16px; font-family: 'Open Sans', sans-serif; color: #FFFFFF; resize: none; } .confirmation-fields div input { background: rgba(255, 255, 255, 0.2); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.36); width: calc(100% - 48px); padding: 8px 24px; font-style: normal; font-weight: 400; font-size: 16px; font-family: 'Open Sans', sans-serif; color: #FFFFFF; border: none; outline: none; } .confirmation-fields div select { background: rgba(255, 255, 255, 0.2); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.36); width: calc(100% - 48px); padding: 8px 24px; height: 45px; font-style: normal; font-weight: 400; font-size: 16px; font-family: 'Open Sans', sans-serif; color: #FFFFFF; border-left: transparent; border-top: transparent; border-bottom: transparent; border-right: 23px solid transparent; outline: none; } .confirmation-fields div textarea::placeholder { color: #FFFFFF; } .confirmation-fields div input::placeholder { color: #FFFFFF; } .confirmation-fields-middle div textarea{ background: rgba(255, 255, 255, 0.2); box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.36); border: none; outline: none; width: calc(100% - 48px); padding: 15px 24px; height: 100px; font-style: normal; font-weight: 400; font-size: 16px; font-family: 'Open Sans', sans-serif; color: #FFFFFF; resize: none; } .confirmation-fields-middle div textarea::placeholder { color: #FFFFFF; } .confirmation-fields-middle div input::placeholder { color: #FFFFFF; } .confirmation-fields-middle div input{ background: rgba(255, 255, 255, 0.2); box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.36); font-style: normal; font-weight: 400; font-size: 16px; font-family: 'Open Sans', sans-serif; color: #FFFFFF; width: calc(100% - 48px); padding: 8px 24px; border: none; outline: none; } .submit-btn { margin-top: 36px; display: flex; justify-content: center; } .submit-btn button { width: 220px; height: 45px; background: #74BF5B; text-align: center; border: none; outline: none; font-style: normal; font-weight: 400; font-size: 16px; text-transform: uppercase; color: #FFFFFF; font-family: 'Open Sans', sans-serif; } .file-input { position: relative; } .file-input::file-selector-button { position: absolute; right: 0; top: 4px; width: 130px; height: 37px; border: none; } input[type='file'] { color:rgba(0,0,0,0) !important; } .mobile-devops-header-country-parent { margin: 32px 0 40px; } /****************/ /*===SPEAKERS===*/ /****************/ #speakersPage{ width: 100%; padding-top: 180px; padding-bottom: 20px; background-color: #1F2123; background-image: url("../images/general/speakersBg.png"); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center; } .speakers-page-content{ max-width: 1140px; width: 100%; margin: 50px auto 0 auto; } .testimonial-video .speakers-page-title{ letter-spacing: normal; margin-bottom: 80px; } .speakers-page-title{ position: relative; font-style: normal; font-weight: 600; font-size: 36px; text-align: center; color: #FFFFFF; text-transform: uppercase; margin-bottom: 50px; } .speakers-page-title:before{ content: ''; width: 100px; height: 2px; background: #21A5DE; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); } .speakers-page-list{ width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .speaker-page-item{ width: 100%; padding: 20px 30px; display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 30px; border-top: 1px solid #D9D9D9; } .speaker-page-media{ width: 240px; display: flex; flex-direction: column; } .speaker-page-photo{ width: 100%; margin-bottom: 25px; } .speaker-page-photo img{ width: 100%; } .speaker-page-logo{ width: 100%; text-align: center; } .speaker-page-logo img{ max-width: 100%; height: 60px; object-fit: contain; padding: 5px 20px; } .speaker-page-info{ width: calc(100% - 30px); margin-left: 30px; display: flex; flex-direction: column; } /*AGENDA LOGIN*/ .modal-body.login label{ width: 100%; color: white; font-weight: 200; } .modal-body{ width: 100%; background-image: url(/images/login/background.png); background-size: cover; background-position: center; background-repeat: no-repeat; } .modal-body.login .flex.items-center.remember{ width: auto; color: white; font-weight: 200; } .modal-body.login .text-sm.text-white.forgot{ color: white; } .modal-body.login .remember-content{ margin-top: 10px; } /*AGENDA LOGIN*/ .speaker-page-name{ font-style: normal; font-weight: 600; font-size: 24px; line-height: 30px; text-transform: uppercase; color: #FFFFFF; } .devops-header .liReg { position: absolute; height: 40px; font: 16px/40px open_sanssemibold,sans-serif; top: 150px; right: 0; width: 150px; text-align: center; cursor: pointer; background: #eb7a5c; color: #fff; text-transform: uppercase; letter-spacing: 1.8pt; border: 1px solid #eb7a5c; border-radius: 0 0 9px 9px; border-width: 0 1px 1px; z-index: 1; } .devops-header .liReg:hover, header .liReg:focus { background: #fff; background: rgba(255,255,255,.96); color: #eb7a5c; } .speaker-page-work{ font-style: normal; font-weight: 600; font-size: 16px; line-height: 30px; color: #21A5DE; margin: 10px 0; } .speaker-page-bio{ font-weight: 400; font-size: 14px; line-height: 26px; color: #FFFFFF; } .speakers-title{ text-transform: uppercase; text-align: center; color: #fff; font: 40px/1 open_sansregular,sans-serif; letter-spacing: 6px; position: relative; margin-bottom: 6.5vh; font-size: 32px; } .devops-australia-speakers { display: flex; justify-content: space-between; align-items: center; } .devops-australia-speakers-content { width: calc(100% / 3); } .devops-australia-speaker-text h1{ color: #fff; font-size: 20px; text-align: center; } .devops-australia-speaker-text p { color: #fff; font-size: 18px; text-align: center; } .devops-australia-speaker-company a { display: flex; align-items: center; justify-content: center; } .devops-australia-speaker-img a img { width: auto !important; } .devops-australia-speaker-company a img { width: auto !important; } /*************************/ /****DEVOPS MINI SLIDE****/ /*************************/ .mini-carousel{ margin: 0 auto; } .mini-carousel #miniSlide .owl-item img { max-width: 100%; width: auto!important; margin: 0 auto; } /**************************/ /****DEVOPS MAIN SLIDE ****/ /**************************/ .slide-text-underline{ position: relative; } .slide-text-underline:before{ content: ''; width: 100px; height: 2px; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); } .main-slider { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; position: relative; } #miniSlide .owl-nav button.owl-prev { left: -25px; font-size: 30px !important; color: #FFFFFF !important; } #miniSlide .owl-nav button.owl-next { right: -25px; color: #FFFFFF !important; font-size: 30px !important; } #mainSlider .main-slide-controls { position: absolute; top: 50%; transform: translateY(-50%); color: #fff; margin: 0; transition: all 0.3s ease-in-out; background-image: none; box-shadow: none; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; } #mainSlider .main-slide-controls-left{ left: 30px !important; font-size: 50px !important; color: #FFFFFF !important; } #mainSlider .main-slide-controls-right { right: 30px !important; font-size: 50px !important; color: #FFFFFF !important; } .main-slide-speakers-content{ width: 100%; min-height: 100vh; display: flex; align-items: center; justify-content: center; background-image: url(../storage/images/devops/devopsbackground.png); background-size: cover; background-position: top center; background-repeat: no-repeat; } .main-slide-speakers-inner{ max-width: 1140px; width: 100%; margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-top: 300px; } .main-slide-speakers-title{ font-style: normal; font-weight: 700; font-size: 40px; color: #FFFFFF; position: relative; margin-bottom: 70px; } .main-slide-speakers-items{ display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; width: 100%; } .main-slide-speakers-item{ max-width: 350px; width: 100%; display: flex; flex-direction: column; } .main-slide-speaker-img{ width: 100%; height: 240px; } .main-slide-speaker-img img{ max-width: 100%; height: 100%; object-fit: contain; } .main-slide-speaker-info{ width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .main-slide-speaker-name{ font-size: 20px; color: white; margin-top: 15px; } .main-slide-speaker-position{ font-size: 18px; color: white; } .main-slide-speaker-company{ width: auto; height: 60px; display: flex; justify-content: center; align-items: center; } .main-slide-speaker-company a{ height: 100%; } .main-slide-speaker-company a img{ max-width: 100%; height: 100%; object-fit: contain; } .main-slide-info-content { width: 100%; min-height: 100vh; display: flex; align-items: center; justify-content: center; /*background-image: url(../storage/images/devops/devopsbackground.png);*/ background-size: cover!important; background-position: top center!important; background-repeat: no-repeat!important; } .main-slide-info-container { margin-top: 285px; } .main-slide-info-inner { width: 100%; display: flex; justify-content: center; flex-direction: column; position: relative; } .main-slide-stickers { display: flex; justify-content: space-between; position: absolute; top: -75px; left: 0; width: 100%; } .main-slide-sticker-item img { width: 140px; height: 140px; object-fit: contain; } .main-slide-double-sticker { position: relative; margin-right: 70px; } .main-slide-double-sticker img:last-child { position: absolute; top: 70px; left: 80px; } .main-slide-info-block{ display: flex; flex-direction: column; justify-content: center; align-items: center; } .main-slide-info-block-subtitle { max-width: 340px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .main-slide-info-block-subtitle p{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700; font-size: 24px; color: #FFFFFF; text-align: center; } .main-slide-info-block-subtitle p span { font-weight: 100; font-size: 20px; } .main-slide-info-block-title { margin-top: 15px; display: flex; justify-content: center; align-items: center; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700; font-size: 40px; color: #FCBA34; position: relative; text-align:center; } .main-slide-info-block-title span { color: #FFFFFF; } .main-slide-info-block-description { margin-top: 44px; } .main-slide-info-block-description p { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 20px; text-align: center; color: #FFFFFF; line-height: 30px; width: 100%; padding: 0 20px; } /*******************/ /****AGENDA PAGE****/ /*******************/ .agenda-page-underline{ position: relative; } .agenda-page-underline:before{ content: ''; width: 100px; height: 2px; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); } .agenda-tables{ width: 100%; display: flex; flex-direction: column; } .agenda-table-content{ width: 100%; display: flex; flex-direction: column; margin-bottom: 40px; } .agenda-table-head-row{ width: 100%; display: flex; align-items: center; justify-content: flex-start; padding: 20px 0; border-top: 1px solid white; } .agenda-table-date-head-column{ width: 220px; display: flex; align-items: center; justify-content: flex-start; font-style: normal; font-weight: 700; font-size: 20px; line-height: 30px; } .agenda-table-info-head-column{ width: calc(100% - 220px); display: flex; align-items: center; justify-content: flex-start; padding-left: 20px; font-style: normal; font-weight: 700; font-size: 20px; line-height: 30px; } .agenda-table-row{ width: 100%; display: flex; align-items: center; justify-content: flex-start; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; } .agenda-table-date-column{ color: #FFFFFF; width: 220px; display: flex; align-items: center; justify-content: flex-start; font-size: 17px; padding: 18px 0; } .agenda-table-date-column.workshop-date{ width: 13%; } .agenda-info{ width: 87%; } .agenda-table-info-column{ width: calc(100% - 220px); align-items: center; justify-content: flex-start; } .agendas-filters{ width: 100%; margin-bottom: 20px; } .agenda-table-info-column-images{ display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; } .agenda-table-info-column-images img{ width: 120px; height: 80px; object-fit: cover; object-position: top; margin-right: 20px; margin-top: 20px; } .agenda-table-only-title{ font-style: normal; font-weight: 700; font-size: 16px; color: #FFFFFF; margin-bottom: 10px; } .agenda-table-only-text{ font-style: normal; font-weight: 700; font-size: 14px; color: #FFFFFF; margin-bottom: 0; } .agenda-table-speaker-column{ display: flex; align-items: flex-start; } .speakers-media{ width: 240px; margin: 36px 40px 36px 0; text-align: center; } .speaker-conference-data{ width: calc(100% - 240px); margin: 36px 0; } .agenda-speaker-photo{ width: 100%; margin-bottom: 20px; } .agenda-speaker-company-logo{ object-fit: contain; max-width: 100%; max-height: 60px; padding: 5px 20px; } .agenda-speaker-info{ font-size: 20px; line-height: 30px; } .agenda-speaker-talk-title{ font-size: 20px; line-height: 30px; margin-bottom: 16px; } .agenda-speaker-talk-abstract{ font-size: 14px; line-height: 26px; color: #FFFFFF; } .agenda-speaker-talk-abstract *{ color: white!important; } .speaker-name-weight{ font-weight: 700; } .agenda-speaker-download-links{ width: 100%; display: flex; align-items: center; justify-content: flex-start; margin-top: 15px; } .agenda-speaker-download-links a{ width: 150px; height: 45px; display: flex; align-items: center; justify-content: center; color: white; font-size: 16px; margin-right: 10px; cursor: pointer; } /*******************************/ /**********INNER PAGES**********/ /*******************************/ #innerPage{ width: 100%; margin-top: 180px; padding-bottom: 20px; background-color: white; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; } .inner-page-content{ width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .inner-page-banner { width: 100%; height: 510px; display: flex; justify-content: center; align-items: center; text-align: center; background-size: cover; } .inner-page-banner h1{ position: relative; color: white; font-size: 36px; line-height: 46px; align-items: center; } .inner-page-banner h1:before{ content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); z-index: 10; width: 100px; height: 2px; } .inner-page-title{ width: 100%; margin-top: 70px; font-size: 36px; line-height: 36px; color: black; text-align: left; } .inner-page-description{ position: relative; width: 100%; margin-top: 40px; font-size: 17px; line-height: 30px; color: #000000; margin-bottom: 90px; } .inner-page-description p{ margin-bottom: 20px; } .inner-page-description .marked { font-style: italic; color: #a2a2a2; } /*LOGIN*/ .login-wrapper { width: 100%; height: 100vh; background-image: url("/images/login/background.png"); background-size: cover; background-position: center; background-repeat: no-repeat; } .login-wrapper .form-content { width: 589px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .form-logo { display: flex; justify-content: center; margin: 0 0 30px; } .form-logo img { width: 200px; } .form-label { color: #FFFFFF; margin: 0 0 12px; } .remember-content { display: flex; justify-content: space-between; } .remember-content input[type=checkbox] { color: #F15A43; border: 0; } .remember-content input[type=checkbox]:focus { outline: 0; border: 0; --tw-ring-opacity: 0 } .button-content button { width: 100%; height: 45px; margin-left: 0; background: #F15A43; color: #FFFFFF; font-weight: 700; font-size: 18px; line-height: 30px; display: flex; justify-content: center; } .button-content button:hover { background: #F56853FF; } .form-input { background: rgba(255, 255, 255, 0.3); box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.36); outline: 0; border: 0; color: #FFFFFF; border-radius: 0; } .form-input:focus { outline: 0; border: 0; --tw-ring-opacity: 0 } .form-bottom-text { text-align: center; margin-top: 16px; } .form-bottom-text p { color: #ffffff; } .form-bottom-text p a { margin-right: 15px; } .form-bottom-text p:first-child { margin-bottom: 36px; } .register-confirmation { margin: 24px 0; font-weight: 400; font-size: 16px; line-height: 30px; color: #FFFFFF; } .forget-text { text-align: center; color: #ffffff; font-weight: 400; font-size: 20px; line-height: 30px; } .back-url { font-weight: 400; font-size: 16px; line-height: 30px; } .back-url .login a{ margin: 0; } .back-url .sign-up { color: #F15A43; } .back-url .slash { margin: 0 12px; } .password-eye { position: absolute; color: #FFFFFF; font-size: 24px; top: 32px; right: 16px; cursor: pointer; } .password-eye.show { display: none; } .password-eye.hidden { display: block; } /***********************************/ /**********DEVOPS SPONSORS**********/ /***********************************/ .devops-sponsors{ display: flex; flex-direction: column; width: 100%; background: #F3F3F3; } .devops-sponsors-inner{ display: flex; flex-direction: column; } .devops-sponsors-title{ margin-top: 100px; position: relative; font-style: normal; font-weight: 600; font-size: 36px; line-height: 36px; text-align: center; color: #000000; } .devops-sponsors-title:before { content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); z-index: 10; width: 100px; height: 2px; } .devops-sponsors-types{ display: flex; flex-direction: column; align-items: center; } .devops-sponsors-type-item{ margin-bottom: 30px; margin-top: 80px; } .devops-sponsors-list{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; } .devops-sponsor-logo{ height: 80px; max-width: 100%; padding: 10px; object-fit: contain; } /*ARCHIVE*/ .archive-wrapper { padding-top: 280px; background-image: url("/images/archive/background.png"); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .archive-container { width: 1170px; margin: auto; } .archive-content .page-title { margin: 0 0 65px; text-align: center; } .archive-content .page-title h1 { color: #FFFFFF; font-weight: 600; font-size: 34px; line-height: 46px; } .archive-content .page-title .page-title-border { width: 100px; height: 2px; margin: auto; } .archive-content .archive-items { display: flex; justify-content: space-between; flex-wrap: wrap; } .archive-content .archive-items .archive-item { width: calc(50% - 10px); margin: 0 0 20px; position: relative; cursor: pointer; } .archive-content .archive-items .archive-item a { display: block; } .archive-content .archive-items .archive-item img { width: 100%; object-fit: cover; } .archive-item{ overflow: hidden; position: relative; } .archive-speakers-banner{ height: 440px; background-image: url('../images/archive/background.png'); background-repeat: no-repeat; background-size: cover; background-position: center center; } .archive-speakers-list{ display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; transition: 0.3s; } .archive-speakers-cover{ display: none; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: rgba(55, 63, 71, 0.82); } .archive-cover-heading{ font-size: 35px; color: #ffffff !important; font-family: sans-serif; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; text-decoration: none; } .archive-speakers-cover a{ margin-bottom: 10px; margin-left: 10px; width: calc(100% / 6 - 10px); height: 150px; display: flex; flex-direction: column; } .archive-item:hover .archive-speakers-list{ transform: scale(1.2); } .archive-item:hover .archive-speakers-cover{ display: flex; transform: scale(1.2); } .archive-mini-speakers-item { margin-bottom: 10px; margin-left: 10px; width: 85px; display: flex; flex-direction: column; } .archive-mini-speakers-item-info{ width: 100%; display: flex; flex-direction: column; } .archive-mini-speakers-item-info-img{ width: 100%; } .archive-mini-speakers-item-info-img img{ width: 85px; height: 85px; border-radius: 50%; object-fit: cover; } .talk-check, .talk-check-all{ border: 1px solid black; } .archive-mini-speakers-item-info-text{ display: flex; flex-direction: column; align-items: center; justify-content: center; } .archive-mini-speakers-item-info-text h1{ font-family: 'Open Sans', sans-serif; font-style: normal; font-size: 9px; color: #FFFFFF; margin-top: 5px; margin-bottom: 0; text-align: center; } .archive-mini-speakers-item-info-text p{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 5px; color: #FFFFFF; margin-top: 5px; text-align: center; } .archive-mini-speakers-item-info-company{ display: flex; align-items: center; justify-content: center; margin-top: 10px; } .archive-mini-speakers-item-info-company img{ width: 50px!important; height: 30px!important; object-fit: contain!important; } /*STICKERS*/ .leftSideSticker{ display: none; position: fixed; top: 250px; left: 0; z-index: 10; } .leftSideSticker img{ width: 100px; } .rightSideSticker{ display: none; flex-direction: column; position: fixed; top: 210px; right: 0; z-index: 10; } .rightSideSticker img{ width: 100px; margin-bottom: 10px; } .subscribe-success, .subscribe-error{ display: none; } .subscribe-success{ background: #74bf5b; text-align: center; font-size: 20px; padding: 10px; font-family: sans-serif; color: white; margin-bottom: 10px; } .subscribe-error{ color: red; text-align: center; font-size: 16px; margin-bottom: 10px; padding: 10px; font-family: sans-serif; } .logout-btn{ background: none; color: white; border: none; font-size: 15px; text-transform: uppercase; } /*ARCHIVE GALLERY*/ .gallery-items{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .gallery-items .column{ cursor: pointer; } .gallery-items > div{ width: 165px; margin: 10px 7px; } .modal-dialog.modal-dialog-centered{ width: 600px; margin: 250px auto; cursor: pointer; } .sub-modal-create{ cursor: pointer; } .modal-body-subscribe .modal-header{ border-bottom: none;text-align: center; font: 17px/22px 'open_sanssemibold',sans-serif; margin: 0 10px 0 15px; color: #000; } .btn-success.form-control.send{ border-radius: 0; height: 50px; font-size: 18px; border: 1px solid #74bf5b; letter-spacing: 2px; outline: 0; } .modal-body-subscribe .modal-footer{ border-top: none; } .modal-body-subscribe input{ margin-top: 15px; border-radius: 0; padding: 20px 12px; } .gallery-items > div img{ width: 100%; } .gallery-items > div.promo-item{ width: 360px; height: 240px; margin: 10px 7px; } .gallery-items > div.promo-item img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } .archive-container.speakers-section .speakers-list{ margin-bottom: 0; } .archive-container.agenda-section h1::before{ display: none; } /* Modal Content */ .modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; width: 90%; max-width: 1200px; } /* The Close Button */ .close { color: white; position: absolute; right: 300px; font-size: 35px; font-weight: bold; bottom: 62px; } .close:hover, .close:focus { color: #999; text-decoration: none; cursor: pointer; } .mySlides { display: none; } .mySlides img{ width: 1208px; height: 806px; } .cursor { cursor: pointer; } /* Next & previous buttons */ .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -50px; color: white; font-weight: bold; font-size: 20px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none; } /* Position the "next button" to the right */ .next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.8); } /* Number text (1/3 etc) */ .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } img { margin-bottom: -4px; } .caption-container { text-align: center; background-color: black; padding: 2px 16px; color: white; } .demo { opacity: 0.6; } .active, .demo:hover { opacity: 1; } img.hover-shadow { transition: 0.3s; } .hover-shadow:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } /*subscribe*/ .footer-subscribe-btn { width: 235px; height: 40px; display: flex; justify-content: center; align-items: center; position: fixed; bottom: 0; right: 0; cursor: pointer; background: #74bf5b; color: #fff; border-radius: 9px 9px 0 0; border-width: 1px 1px 0px 1px; white-space: nowrap; letter-spacing: 1.8pt; z-index: 999; font: 19px/40px 'open_sanssemibold',sans-serif; } .footer-subscribe-btn i { margin-right: 10px; } .modal-subscribe { width: 420px; position: fixed; bottom: 0; display: none; background: #FFFFFF; box-shadow: -3px 3px 5px 0px rgb(0 0 0 / 15%); transition: bottom 0.3s, box-shadow 0.3s; z-index: 9999; right: 0.5%; padding: 15px 15px; border: 1px solid #ccc; border-radius: 15px 15px 0 0; } .modal-subscribe h4 { text-align: center; font: 17px/22px 'open_sanssemibold',sans-serif; margin: 0 10px 15px; color: #000; } .subscribe-form input.text-input { width: 100%; font-size: 14px; color: #444; padding: 10px; margin-top: 15px; outline: 0; border: 1px solid #ddd; transition: all .2s; font-family: "open_sansregular",sans-serif; } .subscribe-form .checkbox-content ul { list-style: none; margin: 15px 0 15px; padding: 0; } .carousel-inner>.next.left, .carousel-inner>.prev.right{ top: 38px !important; width: 100% !important; } .carousel-inner>.active{ width: 100% !important; } .subscribe-form .checkbox-content ul li { padding-left: 15px; } .subscribe-form .checkbox-content ul li input { display: inline-block; vertical-align: middle; margin: 0 7px 0 0; } .subscribe-form .checkbox-content ul li label { display: inline-block; vertical-align: middle; cursor: pointer; font-weight: 400; } .subscribe-form .submit-subscribe-modal-form { border: 1px solid #74bf5b; letter-spacing: 2px; padding: 12px 10px; font-size: 18px; border-radius: 0; outline: 0; width: 100%; display: block; color: #fff; background: #74bf5b; transition: 0.25s ease; } .subscribe-form .submit-subscribe-modal-form:hover { background: #fff; color: #74bf5b; } .close-subscribe-modal { cursor: pointer; } .close-subscribe-modal i { font-size: 20px; color: #C7C7C7; } .close-subscribe-modal i:hover { color: black; } .archive-menu li a{ text-transform: capitalize; } .standWithUkraineFlag{ position: absolute; top: 0; left: 0; z-index: 10; } .standWithUkraineFlag .swuf-flag{ position: relative; display: flex; align-items: center; justify-content: center; height: 60px; width: 200px; } .standWithUkraineFlag .swuf-flag a{ position: relative; z-index: 10; text-decoration: none; font-size: 17px; font-weight: bold; text-shadow: 1px 2px black; color: white; } .standWithUkraineFlag .swuf-flag:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 30px; background: #015bbb; } .standWithUkraineFlag .swuf-flag:after{ content: ''; position: absolute; top: 30px; left: 0; width: 100%; height: 30px; background: #fed500; } #mobileMiniSlide{ display: none; } .video-sec iframe{ margin: 10px; } /****MOBILE MENU****/ .mobile-menu { display: none; } .mobile-menu-accordion{} .mobile-menu-group{} .mobile-menu-custom-panel{ border: none; } .mobile-menu-custom-panel-heading{ width: 100%; display: flex; align-items: center; justify-content: flex-start; background-color: unset!important; border: none; } .main-slider .mainSlide{ width: 100%; background: black; } .mobile-menu-custom-panel-heading .panel-title{ width: 100%; display: flex; align-items: center; justify-content: flex-start; } .mobile-menu-custom-panel-heading .panel-title > a{ position: relative; width: 100%; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; color: #000000; } .mobile-menu-custom-panel-heading .panel-title > a:not(.notParent):before{ content: '\f107'; position: absolute; top: 50%; right: 0; transform: translateY(-50%); font-family: FontAwesome; } .mobile-menu-custom-panel-collapse{} .mobile-menu-custom-panel-body{} .mobile-menu-custom-panel-body table{} .mobile-menu-custom-panel-body table tr{} .mobile-menu-custom-panel-body table tr > td{ border-top: none; } .mobile-menu-custom-panel-body table tr > td > a{ position: relative; width: 100%; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; color: #000000; } .mobile-menu-cities-list{} .mobile-menu-cities-list .mobile-devops-header-btn img:first-child{ width: 30px; object-fit: contain; } .captcha-area{ display: flex; align-items: center; justify-content: center; } /*HEAD MODAL*/ .mc-field-group.input-group.checkbox-content.head-modal > ul{ display: flex; list-style: none; flex-wrap: wrap; margin-top: 10px; } .mc-field-group.input-group.checkbox-content.head-modal > ul >li{ width: 50%; } .mc-field-group.input-group.checkbox-content.head-modal > ul > li > label{ padding-left: 10px; font-weight: normal; } .mc-field-group.input-group.checkbox-content.head-modal > strong{ font: 17px/22px 'open_sanssemibold',sans-serif; color: #000; } .mc-field-group.input-group.checkbox-content.head-modal{ padding-top: 20px; } .modal-header img{ width: 100px; height: 100px; } .modal-header{ display: flex; } .speaker-books{ width: 100%; display: flex; align-items: center; justify-content: flex-start; } .speaker-books-item{ height: 150px; margin-left: 5px; } .navbar.navbar-expand-lg{ background: #435d7d; color: white; padding: 20px; } .navbar.navbar-expand-lg .navbar-brand{ color: white !important; } .nav-link.add{ color: greenyellow !important; background: black; border-radius: 8px; cursor: pointer; } .nav-link.del{ margin-left: 10px; color: red !important; background: black; border-radius: 8px; cursor: pointer; } .navbar.navbar-expand-lg button{ background: transparent; border: none; } .speaker-books-item img{ height: 100%; object-fit: contain; } .table-wrapper{ overflow-y: scroll; height: 100vh!important; } .what-are-devops{ margin-top: 20px; text-align: center; } .what-are-devops h1{ font-family: sans-serif; font-style: normal; font-weight: 700; font-size: 40px; line-height: 54px; color: #FCBA34; } .what-are-devops p{ font-family: sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 30px; text-align: center; color: #FFFFFF; margin-top: 20px; } .article-image{ text-align: center; margin: 30px auto; } .testimonial-video.article{ background-image: none; } /*BLOG CONTENT*/ .article-title{ color: white; font-size: 18px; } html{ scroll-behavior: smooth; } .article-section img{ width: 100%; } .article_date{ color: white; font-size: 16px; margin-top: 20px; } .inner-page-content.website-container{ padding: 0 3%; } .article_title{ overflow: hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; color: white; font-size: 18px; margin-top: 10px; min-height: 55px; } .workshops-title{ margin-bottom: 45px; } .bar-icon{ display: none; } .left-toggle{ left: -300px !important; transition: 1s; } .testimonial-video.blog.index .form-section { margin-top: 220px; } /*swiper css*/ .swiper { width: 100%; height: 100vh; } .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #ffffff !important; } .swiper-pagination-bullet { width: 10px !important; height: 10px !important; background-color: rgba(0,0,0,0) !important; border: 1px solid #fff !important; opacity: 1 !important; } .swiper-pagination { bottom: 30px !important; } .swiper-button-next { right: 30px !important; } .swiper-button-prev { left: 30px !important; } .swiper-button-next::after { display: none !important; } .swiper-button-next i { font-size: 50px !important; color: #dcdcdb !important; } .swiper-button-next i:hover { color: #ffffff !important; opacity: 1 !important; } .swiper-button-prev i:hover { color: #ffffff !important; opacity: 1 !important; } .swiper-button-prev::after { display: none !important; } .swiper-button-prev i { font-size: 50px !important; color: #dcdcdb !important; } .change-ordering{ display: flex; align-items: center; } .change-ordering i{ color: cornflowerblue; display: none; } .change-ordering input{ border-radius: 9px; border: 2px solid #9E9E9E; } .row-blog{ display: flex; flex-wrap: wrap; } .workshop-link{ display: flex; flex-direction: row; align-items: center; justify-content: space-between; } /*HEAD MODAL*/ /*RESPONSIVE*/ @media only screen and (max-width: 1600px){ .standWithUkraineFlag{ top: 100%; } .main-slide-info-block-btn{ margin-bottom: 11vh; } } @media only screen and (max-width: 1600px) and (min-width: 768px){ .main-slide-info-container{ margin-top: 400px; } } @media only screen and (max-width: 1100px) and (min-width: 768px){ .main-slide-info-block{ margin-top: 95px; } .main-slide-info-container{ margin-top: 235px; } } @media only screen and (min-width: 1280px) { .sidenav{ left: 0 !important; } } @media only screen and (max-width: 1280px) { .bar-icon{ display: flex; justify-content: flex-end; margin-bottom: 20px; } .sidenav{ left: 0; } #main{ margin-left: 0; } .container { width: 100%; } .devops-header-container { width: 97%; } .devops-header-title, .devops-header-country { margin-right: 0; } .conference-info-blocks { padding: 0 20px; } .conference-item-title { width: 230px; } .conference-item-text p, .conference-item-text h2 { font-size: 14px; } .conference-item-title p { font-size: 15px; } .conference-list { justify-content: space-evenly; } .devops-australia-conference-text { margin: 34px 20px; padding: 0 85px; } .footer-container { width: 100%; } .footer-list-item p { width: auto; } .footer-list-item { width: 25%; } .footer-list-items { justify-content: space-evenly; } .sponsors-info-item p { margin-bottom: 20px; } .sponsors-conference { justify-content: center; } .sponsors-conference-item { width: 300px; } .sponsors-conference-container { margin: 25px 10px; } .sponsors-img { width: 300px; } .sponsors-img img { max-width: 80%; } .devops-australia-conference-table-child { width: 90%; } .devops-slide { margin: 0 110px; } .agenda-container{ width: 900px; } .agenda-info-block-img img { width: 200px; } .main-slide-speakers-item{ max-width: 270px; } /*ARCHIVE*/ .archive-container { width: 97%; } } @media only screen and (max-width: 1024px) { .submit-talk-container{ padding-left: 5%; } .conference-info-block-item { width: 100%; } .conference-info-block-item-img .sponsorSlide img{ height: auto; } .devops-header .liReg { right: 0; } .devops-header .liReg { top: 121px; } /*--------*/ .submit-talk-section-first p{ font-size: 15px; } /*------------*/ .devops-header-img img.desktop { display: none; } .devops-australia-conference-text{ padding: 0; } .devops-header-img img.mobile { display: block; } .devops-header-section-first { margin-top: 15px; } .conference-list { justify-content: center; flex-wrap: wrap; } .conference-item { margin-top: 40px; margin-right: 20px; width: 45%; } .conferenc-info-section { height: auto; } .conference-info-blocks { margin: 26px 30px 46px; justify-content: center; flex-wrap: wrap; } .conference-info-block-item { margin-bottom: 55px; margin-right: 0; } .devops-vector-last { margin-right: 0; } .conference-item-title { width: 100%; } .devops-header-country { display: none; } .menu-login-content { display: flex; align-items: center; } .devops-header-sign-up { margin: 0; } .devops-header-login { margin-right: 12px; } .devops-header-text { display: none; } .devops-header-img { margin: 0; } .mobile-hamburger { width: 100px; display: block; } .mobile-hamburger svg { width: 20px; } .devops-header-section-last { display: none; } .devops-header-section-last-mobile { display: flex; justify-content: center; margin-top: 10px; padding-bottom: 10px; } .devops-header-section-last-mobile a { display: flex; align-items: center; font-weight: 400; font-size: 12px; line-height: 14px; text-decoration: none; padding: 5px 10px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06); background: #FFFFFF; margin: 0 5px; } .devops-header-section-last-mobile a .first-img { margin-right: 10px; width: 40px; height: 30px; object-fit: contain; } .devops-header-section-last-mobile a .last-img { margin-left: 8px; } .devops-header-section-last-mobile a p.singapore { color: rgba(222, 0, 8, 1); } .devops-header-section-last-mobile a p.new-zealand { color: rgba(116, 191, 91, 1); } .devops-header-section-last-mobile a p.sydney { color: rgba(33, 165, 222, 1); } .mobile-menu { position: fixed; top: 70px; background: #FFFFFF; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06); width: 300px; height: 100vh; z-index: 999; padding: 40px 20px; display: none; overflow: scroll; } #innerAccordion li{ list-style-type: none; } .glyphicon:before{ display: none; } .mobile-menu ul { list-style-type: none; } .close-modal-icon { display: none; } .close-modal-icon.active { display: block; } .open-modal-icon { display: block; } .open-modal-icon path { stroke: #FFFFFF; } .open-modal-icon.hide { display: none; } .close-modal-icon path { stroke: #FFFFFF; } .white .open-modal-icon path { stroke: black; } .holidayCustom .open-modal-icon path { stroke: black; } .white .close-modal-icon path { stroke: black; } .mobile-devops-header-btn { display: flex; align-items: center; justify-content: space-around; background: #FFFFFF; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06); width: 100%; text-decoration: none; padding:7px 10px; margin-bottom: 8px; } .mobile-devops-header-btn:hover { width: 172px; } .mobile-devops-header-btn p { font-style: normal; font-weight: 400; font-size: 12px; font-family: 'Open Sans', sans-serif; /*color: #F15A43;*/ } .mobile-devops-header-btn-zeland p { color: rgba(116, 191, 91, 1); } .mobile-devops-header-btn-sydney p { color:rgba(33, 165, 222, 1) ; } .devops-vector img { width: 70% !important; } .devops-vector-last img:last-child { top: 65px; left: 55px; } .devops-australia-conference-table-child { width: 80%; } .speakers-list-item{ display: flex; align-items: center; flex-direction: column; width: calc(100% / 3 - 13px); margin: 0 10px 40px; } .devops-conference-img h1 { font-size: 30px; } .sponsors-info { display: flex; justify-content: unset; flex-direction: column; align-items: center; } .sponsors-info-item { display: flex; justify-content: center; align-items: center; } .sponsors-info-item p { width: 50%; } .sponsors-info-item p::before { left: -17%; } .sponsors-conference { flex-wrap: wrap; } .sponsors-conference-item { margin-bottom: 40px; } .sponsors-img { width: 230px; } /*AGENDA*/ .speakers-title h1{ font-size: 25px; } .agenda-tables{ padding: 0 20px; } .agenda-table-date-head-column{ font-size: 20px; } .agenda-table-info-head-column{ font-size: 20px; } .agenda-table-only-title{ font-size: 17px; } .agenda-speaker-talk-abstract{ font-size: 15px; } .agenda-speaker-download-links{ margin-top: 20px; } .agenda-container { width: 90%; } .agenda-info-block-img img { width: 150px; margin: 0; } .agenda-date-date { font-size: 18px; } .agenda-date-date-text { font-size: 16px; } .devops-slide { margin: 0 30px; } /********************************/ /************STICKERS************/ /********************************/ .main-slide-sticker-item img{ height: 110px; } .main-slide-double-sticker img:last-child { top: 50px; left: 40px; } .main-slide-stickers { top: -35px; } /********************************/ /************FOOTER*************/ /*******************************/ .footer-menu-content{ flex-direction: column; } .footer-container{ margin-right: 0; margin-bottom: 20px; } /*********************************************/ /************DEVOPS BOTTOM BANNER************/ /*******************************************/ .devops-conference-img{ height: auto; padding: 20px 0; } /*******************************************/ /************DEVOPS MINI SLIDER************/ /*****************************************/ #desctopMiniSlide{ display: none; } #mobileMiniSlide{ display: block; position: relative; top: unset; left: unset; transform: translateX(0); } /*********************************/ /************SPEAKERS************/ /*******************************/ .speaker-page-name{ font-size: 20px; } .speaker-page-work{ font-size: 18px; } .speaker-page-bio{ font-size: 17px; } } @media only screen and (max-width: 992px) { .nav-link.add{ color: greenyellow !important; background: transparent; border: none; } .nav-link.del{ margin-left: 0 !important; background: transparent; border: none; } } @media only screen and (max-width: 870px) { .archive-content .archive-items .archive-item { width: 100%; } .speakers-list-item{ width: calc(100% / 2 - 100px); } .speaker-info-user-img img{ width: 200px; } .speaker-info-data-title p { font-size: 16px; } .speaker-info-data-text p { font-size: 17px; } .speaker-info-company-img img { width: 130px; } .main-slide-speakers-items { justify-content: center; } } @media only screen and (max-width: 768px) { .testimonial-video.article .form-section, .testimonial-video.blog .form-section{ margin: 70px 0; } .mandatory-fields div textarea{ width: 100%; } .agenda-speaker-company-logo { margin-bottom: 0; } .speakers-media{ margin-bottom: 15px; } .speakers-media.mob{ order: 1; } .speakers-media-right.mob{ order: 2; } .speaker-conference-data.mob{ order: 3; } .speakers-media { margin-right: 0; } .speakers-media-right { margin-left: 0; } .agenda-speaker-download-links.co-speaker{ margin-bottom: 30px; } /*-----*/ .main-slide-info-block-title{ font-size: 24px; } .main-slide-info-content .main-slide-stickers{ display: none; } .submit-talk-section-first{ margin: 0 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .submit-talk-section-first p{ text-align: center; } .submit-talk-checkbox{ display: block; column-count: 2; } .submit-talk-checkbox div{ justify-content: flex-start; width: 100%; margin-bottom: 20px; } .submit-talk-section-last { margin-top: 26px; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; } .mandatory-fields div input { width: 100%; } .mandatory-fields-middle div input { width: 100%; } .submit-talk-section-last-content{ flex-wrap: wrap; margin: 0 20px; } .confirmation-content{ flex-wrap: wrap; margin: 0 20px; } .confirmation { margin: 24px; } .confirmation-checkbox{ width: 100%; text-align: center; } .confirmation p{ font-size: 15px; text-align: center; width: 80%; } .mandatory-fields{ width: 100%; } .mandatory-fields-middle{ width: 100%; } .confirmation-fields{ width: 100%; } .confirmation-fields-middle{ width: 100%; } .submit-talk-section-first h1 { font-size: 30px; } /*------*/ .mobile-menu { top: 60px; } .devops-header-img img.mobile { width: 80px; } .conference-item { width: 80%; } .menu-login-content a { font-size: 14px; } .devops-header-img img { width: 80px; } .devops-header-section-last-mobile a { font-size: 14px; } .devops-header-section-last-mobile a p { text-align: center; } .devops-header-section-last-mobile a .last-img { width: 3px; } .devops-header-section-last-mobile a .singapore-img { width: 20px; } .devops-header-section-last-mobile a .new-zealand-img { width: 20px; } .devops-header-section-last-mobile a .sydney-img { width: 45px; } .conference-info-block-item { margin-bottom: 80px; } .devops-vector { display: flex; justify-content: space-between; margin: 52px 20px; } .devops-vector img { width: 40% !important; } .devops-vector-last img:last-child { top: 40px; right: -20px; left: auto; } .devops-vector-last { display: flex; justify-content: flex-end; } .devops-australia-info-title h1 { font-size: 30px; } .devops-australia-info-title h1::before { width: 260px; } .devops-australia-conference-text p{ font-size: 15px; } .devops-australia-conference-title h1{ font-size: 25px; } .devops-australia-conference-title h1{ font-size: 25px; } .devops-australia-conference-table-child tr td{ font-size: 15px; } .devops-australia-conference-table-child tr td:last-child{ font-size: 15px; } .devops-australia-conference-devops h1 { font-size: 40px; } .devops-australia-conference-australia p { font-size: 18px; } .devops-australia-conference-table-title h1 { font-size: 30px; } .devops-australia-conference-img img { width: 100%; } .devops-australia-conference-btn a { width: 230px; height: 40px; font-size: 13px; } .speakers-list-item{ width: calc(100% / 1 - 100px); } .speakers-title h1 { font-size: 30px; } .speakers-list-item-info-text h1 { font-size: 20px; } .speakers-list-item-info-text p { font-size: 16px; } .devops-conference-img h1 { font-size: 26px; } .footer-list-items { flex-direction: column; justify-content: center; align-items: center; } .footer-list-item { width: auto; margin: 0 20px 40px; } .sponsors-title h1 { font-size: 30px; } .global-platinum-title h1 { font-size: 23px; } .sponsors-info-item { padding: 0 30px; } .sponsors-info-item p::before { top: 0; left: 0; } .sponsors-info-item p { font-size: 16px; width: 100%; } .sponsors-conference-item { margin-right: 0; width: 100%; } .sponsors-conference { flex-direction: column; justify-content: center; align-items: center; padding: 0 30px; } .sponsor-btn { flex-direction: column; } .sponsor-btn a { margin-right: 0; } .sponsor-btn a:first-child { margin-bottom: 20px; } .sponsors-section-first { flex-direction: column; } .sponsors-img { width: 370px; margin-bottom: 30px; margin-right: 0; } .become-sponsor-title h1 { font-size: 25px; } .form-section { width: 100%; margin: 70px 20px; } .become-sponsor-form { width: 100%; text-align: center; } .become-sponsor-form-item input { font-size: 14px; } .become-sponsor-form-item select { font-size: 14px; } .become-sponsor-form-item textarea { font-size: 14px; } .agenda-title { font-size: 25px; } .day { font-size: 18px; } .custom-info-title { font-size: 18px; } .datetime { font-size: 16px; } .agenda-info-block-title h4 { font-size: 15px; } .workshops-title { font-size: 25px; } .speaker-info-img { margin-right: 0; } .speaker-info-company-img { justify-content: flex-start; } .workshops-title { padding: 60px 0 50px; } .agenda-table { margin-top: 20px; } .conference-item-text { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; } .conference-item-title { justify-content: center; align-items: center; } .conference-item { margin-right: 0; } .subscribe-modal-content { width: 100%; padding: 0 40px; } .subscribe-modal { width: 100%; } .modal-title h1 { font: 15px/22px 'open_sanssemibold',sans-serif } .modal-field button { font-size: 15px; } .agenda-date, .agenda-table-date-column.workshop-date{ width: auto; } .agenda-item-header .day{ width: 70px; } .agenda-item-header { justify-content: flex-start; } .agenda-item { align-items: flex-start; flex-direction: column; } .custom-info { display: flex; flex-direction: column-reverse; } .welcome-remarks { flex-direction: inherit !important; align-items: baseline !important; } .confirmation-fields div textarea { width: 100%; } .confirmation-fields div select { width: 100%; } .confirmation-fields div input { width: 100%; } .confirmation-fields-middle div textarea { width: 100%; } .confirmation-fields-middle div input { width: 100%; } /*STICKERS*/ .leftSideSticker{ display: none!important; } .rightSideSticker{ display: none!important; } .agenda-table-speaker-column{ width: 100%; align-items: center; flex-direction: column; } .speaker-conference-data { width: 100%; } } @media screen and (max-width: 600px) { .agenda-table-info-column-inner { margin-top: 0; } .inner-page-content.website-container{ padding: 0 5%; } .agenda-table-row{ display: block; } .agenda-table-info-column{ width: 100%; } .devops-australia-conference-text{ text-align: left; } .carousel-indicators { bottom: 51px; } } @media screen and (max-width: 550px) { .devops-header .liReg { right: 0; } .testimonial-video iframe{ width: 100%!important; } .devops-australia-conference-devops h1{ font-size: 25px; } .devops-australia-conference-australia p{ font-size: 14px; } .devops-australia-conference-title h1{ font-size: 15px; } .devops-australia-conference-title h1::before{ top: 35px; } .devops-australia-conference-table-title h1{ font-size: 20px; } .devops-australia-conference-table-title h1::before { top: 40px; } .devops-australia-conference-btn a { width: 200px; height: 35px; font-size: 12px; } .devops-australia-conference-table-child tr td { font-size: 12px; } .devops-australia-conference-table-child tr td:last-child { font-size: 12px; } .new-zealand { font-size: 11px; } .singapore { font-size: 11px; } .sydney { font-size: 11px; } .speaker-info-data-title p { font-size: 14px; } .speaker-info-data-text p { font-size: 14px; } .agenda-info { width: auto; } .speaker-info-user-img img { width: 150px; } .speaker-info-data-link a button { font-size: 14px;; width: 140px; height: 35px; } .agenda-date { width: auto; } .agenda-item-header .day{ width: 70px; } .agenda-item-header { justify-content: flex-start; } .agenda-item { align-items: flex-start; flex-direction: column; } .custom-info { display: flex; flex-direction: column-reverse; } .agenda-info-block-img img { width: 100px; } .main-slide-sticker-item img { height: 90px; } .main-slide-stickers{ top: -75px; } } @media screen and (max-width: 500px) { .devops-short-info-sec{ display: block; } .devops-short-info-line{ width: auto; margin-bottom: 10px; } .devops-short-info-text{ margin-bottom: 20px; } .archive-speakers .speaker-page-item{ display: block; text-align: center; } .archive-speakers .speaker-page-media{ width: 100%; } .archive-speakers .speaker-page-media div img{ width: 240px; } .archive-speakers .speaker-books { justify-content: center; } } @media screen and (max-width: 425px) { .agenda-table-info-head-column { width: 100%; } .agenda-table-speaker-column { width: 83%; align-items: flex-start; } .devops-header-section-last-mobile a { font-size: 10px; } .conference-info-blocks { margin: 26px 0 46px; } .conference-info-block-item-btn { font-size: 17px; } .conference-info-block-item-description-title { font-size: 18px; } .conference-header img { width: 200px; } .devops-australia-info-title h1 { font-size: 20px; } .devops-australia-info-title h1::before { width: 200px; } .devops-australia { height: 820px; } .speakers-title h1 { font-size: 20px; } .speakers-title h1::before { top: 35px; } .speakers-list-item-info-text h1 { font-size: 18px; } .speakers-list-item-info-text p { font-size: 15px; } .speakers-list { margin-bottom: 50px; } .devops-conference-img h1 { font-size: 16px; line-height: 30px; width: 100%; } .flw-us { flex-direction: column; flex-wrap: wrap; } .flw-us-text { margin-right: 0; margin-bottom: 20px; } .sponsors-info-item p { font-size: 14px; } .sponsors-title h1 { font-size: 20px; } .sponsor-btn a { width: 260px; font-size: 11px; } .sponsors-img { width: 290px; } .devops-australia-info-btn a button { width: 220px; font-size: 14px; } .devops-header-section-last-mobile a .singapore-img { width: 12px; } .devops-header-section-last-mobile a .new-zealand-img { width: 13px; } .devops-header-section-last-mobile a .sydney-img { width: 31px; } .become-sponsor-title h1 { font-size: 25px; } .become-sponsor-btn a button { width: 250px; font-size: 14px; } .sponsors-title h1::before { top: 35px; } .agenda-title { font-size: 20px; } .day { font-size: 14px; } .custom-info-title { font-size: 14px; } .datetime { font-size: 15px; } .agenda-info-block-title h4 { font-size: 14px; } .agenda-item { justify-content: space-evenly; } .workshops-title { font-size: 20px; } .workshop-img { padding: 0 20px 0 0; width: 120px; } .agenda-date-date { font-size: 13px; } .agenda-date-date-text { font-size: 13px; } .datetime { font-size: 14px; } .datetime { font-size: 14px; } .workshop .agenda-date { margin-right: 12px; } .submit-talk-section-first h1 { font-size: 25px; } .submit-talk-section-first p { font-size: 14px; } .submit-talk-checkbox div label { font-size: 14px; } .mandatory-fields-text p { font-size: 14px; } .mandatory-fields div input { font-size: 14px; } .mandatory-fields div input::placeholder { font-size: 14px; } .confirmation p { font-size: 14px; } .mandatory-fields-middle div input { font-size: 14px; } .mandatory-fields-middle div input::placeholder { font-size: 14px; } .confirmation-fields div textarea { font-size: 14px; } .confirmation-fields div textarea::placeholder { font-size: 14px; } .confirmation-fields div select { font-size: 14px; } .confirmation-fields div input { font-size: 14px; } .confirmation-fields div input::placeholder { font-size: 14px; } .confirmation-fields-middle div textarea { font-size: 14px; } .confirmation-fields-middle div textarea::placeholder { font-size: 14px; } .confirmation-fields-middle div input { font-size: 14px; } .confirmation-fields-middle div input::placeholder { font-size: 14px; } .submit-btn a button { width: 160px; height: 35px; font-size: 14px; } .mobile-menu { width: 240px; } .modal-title h1 { font: 13px/22px 'open_sanssemibold',sans-serif } .modal-field button { font-size: 13px; } } @media screen and (max-width: 375px) { .standWithUkraineFlag .swuf-flag { width: 155px; } .agenda-title { font-size: 20px; } .day { font-size: 12px; } .custom-info-title { font-size: 12px; text-align: center; } .agenda-info-block-title h4 { font-size: 12px; } .become-sponsor-form-item input { font-size: 12px; } .become-sponsor-form-item select { font-size: 12px; } .become-sponsor-form-item textarea { font-size: 12px; } .become-sponsor-btn a button { width: 220px; font-size: 12px; } } @media screen and (max-width: 360px) { .agenda-table-info-column-images img{ margin-right: 2px; } .agenda-table-date-column { font-size: 10px; } .mobile-menu { top: 50px; } .devops-header-img img.mobile { width: 62px; } .mobile-hamburger { width: 70px; } .devops-header-img svg { width: 62px; } .menu-login-content a { font-size: 10px; } .devops-australia-conference-devops h1{ font-size: 20px; } .devops-australia-conference-australia p{ font-size: 12px; } .devops-australia-conference-title h1{ font-size: 12px; } .devops-australia-conference-table-title h1{ font-size: 15px; } .devops-australia-conference-table-child tr td { font-size: 10px; } .devops-australia-conference-table-child tr td:last-child { font-size: 10px; } .devops-australia-conference-title h1::before { top: 26px; } .devops-australia-conference-title h1::before { width: 80px; } .devops-australia-conference-text p { font-size: 11px; } .sponsors-img { width: 270px; } .devops-header-section-last-mobile a { font-size: 9px; padding: 5px 5px; } .new-zealand { font-size: 9px; } .singapore { font-size: 9px; } .sydney { font-size: 9px; } .modal-title h1 { font: 11px/22px 'open_sanssemibold',sans-serif } .modal-field input { font-size: 12px; } }