@charset "UTF-8"; @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800"); *{ margin: 0; padding: 0; box-sizing: border-box; background-repeat: no-repeat; -webkit-appearance: none; } #frmSearchCompetitor div.fRow { margin-top:8px; } html{ background-color: #fff; } html, body { padding: 0px; margin: 0px; font-family: "Open Sans", Arial, Helvetica, sans-serif !important; font-size: 14px; color: #000000; width: 100%; height: auto !important; min-height: 100% !important; } body{ min-height: 100%; background: rgba(239, 212, 226,1); background: -moz-radial-gradient(center, ellipse cover, rgba(239, 212, 226,1) 0%, rgba(35, 67, 90,1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(239, 212, 226,1)), color-stop(100%, rgba(35, 67, 90,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(239, 212, 226,1) 0%, rgba(35, 67, 90,1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(239, 212, 226,1) 0%, rgba(35, 67, 90,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(239, 212, 226,1) 0%, rgba(35, 67, 90,1) 100%); background: radial-gradient(ellipse at center, rgb(239, 212, 226) 0%, rgb(35, 67, 90) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#5f8199', GradientType=1 ); } body.page-id-27{ background: rgba(210,220,238,1); background: -moz-radial-gradient(center, ellipse cover, rgba(210,220,238,1) 0%, rgba(96,115,154,1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(210,220,238,1)), color-stop(100%, rgba(96,115,154,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(210,220,238,1) 0%, rgba(96,115,154,1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(210,220,238,1) 0%, rgba(96,115,154,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(210,220,238,1) 0%, rgba(96,115,154,1) 100%); background: radial-gradient(ellipse at center, rgba(210,220,238,1) 0%, rgba(96,115,154,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2dcee', endColorstr='#60739a', GradientType=1 ); } body.page-id-46 div.middle, body.page-id-46 div.container{ width: 768px; } body.page-id-30.wider div#main, body.page-id-46 div#main, body.page-id-48 div#main{ overflow: visible; } img, a img, iframe{ border: 0; vertical-align: middle; } img{ max-width: 100%; } .btn{ padding-bottom: 0.4rem; } form{ margin: 0px; padding: 0px; } a{ border: 0; color: #000000; text-decoration: none; } a:hover{ color: #000000; text-decoration: underline; } div, section, nav, item, article, .relative{ display: block; position: relative; } h2, .h2{ font-size: 1.5em; } /*Reset all Header tags spacings*/ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ margin: 0; padding: 0; line-height: 120%; } div.hidden, section.hidden, nav.hidden, item.hidden, article.hidden, header.hidden, footer.hidden, .relative.hidden, .hidden{ display: none; } .hidden-no-print{ display: none; } input, select, textarea{ border: none; border: 0; font-family: "Open Sans", Arial, Helvetica, sans-serif; padding: 0px; } object, embed{ margin: 0 auto; display: block; position: relative; text-align: center; } .title{ margin-top: 24px; margin-bottom: 16px; } .title:first-child{ margin-top: 0; } div.swfplace{ overflow: hidden; margin: 0 auto; width: 900px; } div.gMap{ height: 400px; float: none; clear: both; } div.gMap > iframe{ height: inherit; } div.iframe{ height: 200px; } div.iframe > iframe{ height: inherit; } div.swfplace > iframe, div.gMap > iframe{ width: 100%; border: none; margin: 0; padding: 0; overflow: hidden; } div.errMessage1{ position: absolute; z-index: 100; left: 0; top: 0; width: 100%; } body > div.errMessage1{ position: fixed; left: auto; right: 20px; top: 100px; z-index: 1100; width: calc(100vw - 40px); } .singleitem > div.errMessage1{ display: none; bottom: 100%; margin-bottom: -20px; width: auto; max-width: 450px; left: auto; right: 0; top: auto; } #main{ overflow: hidden; } body.page-id-37{ background: #000; } body.page-id-37 #main{ } div.wrapSaveDataFromForm{ display: block; position: fixed; bottom: -300px; left: 0; right: 0; width: 100%; z-index: 101; transition: bottom 2s ease-out 0.2s; -moz-transition: bottom 2s ease-out 0.2s; -webkit-transition: bottom 2s ease-out 0.2s; } div.wrapSaveDataFromForm.activated{ bottom: 0; transition: bottom 0.5s ease-out 0s; -moz-transition: bottom 0.5s ease-out 0s; -webkit-transition: bottom 0.5s ease-out 0s; } .bg-white-transparent{ background-color: rgba(255,255,255, 0.8); box-shadow: 1px 0 3px rgba(0,0,0, 0.7); -moz-box-shadow: 1px 0 3px rgba(0,0,0, 0.7); -webkit-box-shadow: 1px 0 3px rgba(0,0,0, 0.7); } .bg-info-light{ background-color: rgba(255,255,255, 0.6); } div.overlayWhite{ background-color: rgba(255,255,255, 0.3); display: block; left: 0; top: 0; min-height: 100vh; position: fixed; top: 0; width: 100%; z-index: 1001; } div.overlayDisabler1{ left: 0; top: 0; width: 100%; height: 100%; z-index: 10000; background-color: rgba(255,255,255, 0.6); } body.classiplocked-yep div#preloader{ background: rgba(255,255,255,1); background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(221,224,238,1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(221,224,238,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(221,224,238,1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(221,224,238,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(221,224,238,1) 100%); background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(221,224,238,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dde0ee', GradientType=1 ); } body.classiplocked-yep div.overlayWhite{ z-index: 201; background-color: rgba(255, 255, 255, 0); } body.classiplocked-yep div#preloader > div{ z-index: 202; } body.classiplocked-yep div#preloader > div > a{ display: block; position: relative; padding-top: 40px; } div#preloader{ display: block; position: fixed; z-index: 200; left: 0; top: 0; right: 0; bottom: 0; width: 100%; min-height: 100%; background-color: #fff; } body.classiplocked-none div#preloader{ display: none; } div.fRow button.btn > .loader, div.ajaxLoader > .fineloader { display: none; border: 3px solid #f2f2f2; border-radius: 50%; border-top: 3px solid #58be3d; width: 24px; height: 24px; animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; -webkit-animation: spin 2s linear infinite; position: absolute; top: 5px; left: 100%; margin-left: 10px; } div.fRow button.btn.activated > .loader, div.ajaxLoader > .fineloader{ display: block; } div.ajaxLoader > .fineloader{ border: 6px solid #fff; border-top: 6px solid #58be3d; position: relative; width: 150px; height: 150px; top: 0; left: 0; margin: 0; box-shadow: inset 0 0 5px rgba(0,0,0, 0.3), 0 0 5px rgba(0,0,0, 0.3); -moz-box-shadow: inset 0 0 5px rgba(0,0,0, 0.3), 0 0 5px rgba(0,0,0, 0.3); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0, 0.3), 0 0 5px rgba(0,0,0, 0.3); } body[class^="page-"] div.ajaxLoader > .fineloader{ box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-color: transparent; border-top-color: #ec971f; } body.classiplocked-yep div.overlayWhite div.ajaxLoader > .fineloader{ border-width: 1px; } body.classiplocked-yep div.overlayWhite div.ajaxLoader:first-child > .fineloader{ width: 230px; height: 230px; border-color: transparent; border-top-color: #ec971f; animation: spin 3s linear infinite; -moz-animation: spin 3s linear infinite; -webkit-animation: spin 3s linear infinite; border-width: 4px; } body.classiplocked-yep div.overlayWhite div.ajaxLoader:nth-child(2n) > .fineloader{ width: 240px; height: 240px; border-color: transparent; border-left-color: #ccc; animation: spin1 2s linear infinite; -moz-animation: spin1 2s linear infinite; -webkit-animation: spin1 2s linear infinite; border-width: 4px; } body.classiplocked-yep div.overlayWhite div.ajaxLoader:nth-child(3n) > .fineloader{ width: 250px; height: 250px; border-color: transparent; border-right-color: #0275d8; animation: spin1 3s linear infinite; -moz-animation: spin1 3s linear infinite; -webkit-animation: spin1 3s linear infinite; border-width: 4px; } body.classiplocked-yep div.overlayWhite div.ajaxLoader:nth-child(4n) > .fineloader{ width: 260px; height: 260px; border-color: transparent; border-bottom-color: #202020; animation: spin 5s linear infinite; -moz-animation: spin 5s linear infinite; -webkit-animation: spin 5s linear infinite; border-width: 4px; } body.classiplocked-yep div#preloader div.wrapCountdown{ margin: 10px auto; } body.classiplocked-yep div#preloader div.wrapCountdown > div{ width: 33.3333%; } body.classiplocked-yep div#preloader div.wrapCountdown > div:first-child{ display: none; } body.classiplocked-yep div#preloader div.wrapCountdown > div > div > span:first-child{ font-size: 26px; color: #c6d2e4; } body.classiplocked-yep div#preloader div.wrapCountdown > div > div > span + span{ color: #999; } body#page-not-found header, body#page-not-found footer{ display: none; } body#page-not-found #main{ height: 100vh; } body#page-not-found .middle{ height: inherit; } body#page-not-found div.logo{ height: auto; } body#page-not-found .middle > div{ width: 100%; } body#page-not-found .text-big-font{ font-size: 16em; } #main > div.overDark{ background: rgba(0,0,0, 0.6); display: block; left: 0; min-height: 100%; position: fixed; top: 0; width: 100%; z-index: 45; opacity: 0; transition: opacity 1s ease 0s; -moz-transition: opacity 1s ease 0s; -wekbit-transition: opacity 1s ease 0s; } #main > div.overDark.activated{ opacity: 1; } div.pageStage{ z-index: 100; height: inherit; } .nav-tabs { -webkit-flex-direction: column; flex-direction: column; } div.errMessage1 .closeOverlay.abs{ top: 0; left: auto; right: 5px; } div.errMessage1 .closeOverlay.abs a.relative{ color: #fff; font-size: 18px; } .errContent, div.errMessage1 .infoContent{ display: block; position: relative; background-color: #FFFFCC; border: 1px solid #AA0000; box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); color: #404040; font-size: 12px; padding: 17px; font-weight: 400; } .errContent, div.errMessage1 .warningContent{ display: block; position: relative; background-color: #f90; border: 1px solid #f80; box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); color: #ffc; font-size: 12px; padding: 17px; font-weight: 400; } .warningMessage .errContent{ color: #cff; background-color: #f90; border: none; border: 0; } .infoMessage .errContent{ color: #0098DA; background-color: #e6e7e8; border: none; border: 0; } div.errMessage1 .infoContent{ background-color: #58be3d; color: #fff; border: 1px solid #44912f; } .errContent div.closeBtn{ top: 10px; right: 10px; } input.mf-radio, input.mf-checkbox{ margin: -3px 0 0 0; padding: 0px; vertical-align: middle; } input[type="radio"]{ -webkit-appearance: radio; } input.mf-input, select.mf-select, textarea.mf-textarea, div.mf-input { box-sizing: border-box; color: #000; padding: 6px; width: 100%; background-color: #ffffff; border: none; border: 0; } textarea.mf-textarea{ height: 120px; } input.mf-input.missingField, select.mf-select.missingField, textarea.mf-textarea.missingField{ background-color: #FFFFCC; border: solid 1px #AA0000; } button.btn{ cursor: pointer; } button.mf-button, input.mf-submit, a.mf-button{ background-color: #1899d7; color: #fff; padding: 7px 15px; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: none; border: 0; font-weight: 600; cursor: pointer; text-decoration: none; transition: background 0.3s ease 0s; -moz-transition: background 0.3s ease 0s; -webkit-transition: background 0.3s ease 0s; } div.formHolder input.mf-submit{ background-color: #a9cd4f; } div.formHolder input.mf-submit:hover{ background-color: #1899d7; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9{ float: left; } button.mf-button.whitebg, input.mf-submit.whitebg, a.mf-button.whitebg{ background-color: #fff; color: #01101f; } button.mf-button.greenish, input.mf-submit.greenish, a.mf-button.greenish{ background-color: #a9cd4f; } button.mf-button.redish, input.mf-submit.redish, a.mf-button.redish{ background-color: #ea353d; } button.mf-button:hover, input.mf-submit:hover, a.mf-button:hover{ background-color: #a9cd4f; } button.mf-button.greenish:hover, input.mf-submit.greenish:hover, a.mf-button.greenish:hover{ background-color: #1899d7; color: #fff; } button.mf-button.redish:hover, input.mf-submit.redish:hover, a.mf-button.redish:hover{ background-color: #9b2429; } .x-small{ font-size: 60%; } div#overlay { background: rgba(0,0,0, 0.8); display: none; left: 0; min-height: 100%; position: fixed; top: 0; width: 100%; z-index: 1000; } .overlayGreen, .overlayDark{ top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background-color: rgba(40,147,152, 0.7); } .overlayGreen.abs, .overlayDark.abs{ z-index: 100; } .overlayDark{ background-color: rgba(61,60,56, 0.8); } .autoheight{ height: 0; padding-bottom: 100%; } div.popup.gallerySlideShow div.insideContent [data-type="content-replace"] > img { max-height: 90vh; } div.popup.gallerySlideShow div.insideContent{ width: auto; padding: 5px; } div.popup.gallerySlideShow .closeOverlay.abs { bottom: 100%; left: 100%; right: auto; top: auto; margin-bottom: 15px; margin-left: 15px; font-size: 14px; } div.popup.gallerySlideShow .closeOverlay.abs a{ font-size: 16px; } div.arrows { color: #fff; font-size: 62px; left: 0; width: 100%; z-index: 500; } div.arrows .arrow.left0 { left: auto; right: 100%; } div.arrows .arrow.right0 { left: 100%; right: auto; } div.arrows a { color: #fff; padding: 20px; text-decoration: none; } div.arrows a:hover i{ transform: scale(1.4, 1.4); -moz-transform: scale(1.4, 1.4); -webkit-transform: scale(1.4, 1.4); } div.popup{ width: 90%; } div.popup.short{ width: 90%; } div.popup.wrapBooking{ margin-top: 2em; margin-bottom: 2em; } div.popup h1.abs{ left: 0; bottom: 100%; font-size: 24px; font-weight: 200; } div.popup.wide{ width: 740px; } div.popup.fullwidth{ width: auto; max-width: 90%; } div.popup.fullwidth div.gMap{ width: 700px; } .fullwidth{ width: 100%; } .fullheight{ height: 100%; } .left0{ left: 0; } div.popup div.insideContent{ padding: 10px; background-color: #fff; color: #666; width: 100%; min-height: 380px; } div.popup.short div.insideContent{ padding: 0; min-height: 0; } div.popup div.insideContent iframe{ width: 100%; } div.popup .hideonpopup{ display: none; } div.popup .showonpopup, div.popup div.fRow.inputfieldemail.showonpopup{ display: block; } div.errMessage1{ bottom: 100%; left: 0; z-index: 200; width: 100%; } div.wrapHomeNLSubscribe div.errMessage1, div.wrapHomeContact div.errMessage1{ width: auto; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); } .closeOverlay.abs{ display: block; position: absolute; z-index: 10; bottom: 100%; left: auto; right: 0; margin-left: 0; margin-bottom: 5px; font-size: 16px; font-weight: 400; } .closeOverlay.abs.bigger{ font-size: 3em; font-weight: 300; top: 0.3em; right: -3.5em; transition: right 0.5s ease-out 0s; -moz-transition: right 0.5s ease-out 0s; -webkit-transition: right 0.5s ease-out 0s; } .closeOverlay.abs.bigger.activated{ right: 0.5em; } div.popup.fullwidth .closeOverlay.abs{ right: 0; top: auto; bottom: 100%; font-size: 22px; color: #fff; } div.popup.fullwidth .closeOverlay.abs a:hover{ color: #fff; } .closeOverlay.abs a.relative{ color: #ccc; text-decoration: none; font-size: 24px; font-weight: 100; } div.wrapBooking .closeOverlay.abs a.relative{ color: #fff; font-size: 16px; } .closeOverlay.abs.bigger a.relative{ color: #ccc; } div.popup.fullwidth .closeOverlay.abs a.relative{ color: #fff; font-weight: 200; } .closeOverlay.abs a.relative:hover{ color: #666; text-decoration: none; } div.errMessage1 .closeOverlay.abs{ top: 0; right: 5px; } div.errMessage1 .closeOverlay.abs a.relative{ color: #fff; font-size: 18px; } .errContent, div.errMessage1 .infoContent{ display: block; position: relative; background-color: #f00; border: none; border: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); color: #fff; font-size: 12px; padding: 17px; font-weight: 400; } div.errMessage1 .infoContent{ background-color: #58be3d; color: #fff; border: 1px solid #44912f; } ul{ padding: 0px; margin: 0px; display: block; list-style-type: none; } .left{ float: left; } .right{ float: right; } .abs{ display: block; position: absolute; z-index: 1; } .right0{ right: 0; } .left100{ left: 100%; } .inline-block{ display: inline-block; vertical-align: middle; } .left50{ left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); } .top50{ top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .top50.left50{ transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); } .marginBottom5, p.marginBottom5{ margin-bottom: 5px; } h1{ font-size: 26px; font-weight: 100; } div.oeStage > ul.relative{ width: 1000%; height: inherit; } div.oeStage > ul.relative > li.relative{ height: inherit; opacity: 0; transition: opacity 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s; -webkit-transition: opacity 0.3s ease 0s; } div.oeStage.activated > ul.relative > li.relative{ opacity: 1; } div.oeStage > ul.relative > li.relative > item.abs{ left: 0; width: 100%; z-index: 200; } div.oeStage > ul.relative > li.relative div.mAOLThumb.unveil{ background-position: center center; background-repeat: no-repeat; background-size: cover; } div.oeStage > ul.relative > li.relative.activated{ opacity: 1; } ::-webkit-input-placeholder { color: #289398; opacity: 1; } :-moz-placeholder { /* Firefox 18- */ color: #289398; opacity: 1; } ::-moz-placeholder { /* Firefox 19+ */ color: #289398; opacity: 1; } :-ms-input-placeholder { color: #289398; opacity: 1; } .missingField::-webkit-input-placeholder{ color: #fff; } .italic{ font-style: italic; } .hidden{ display: none; } .centered{ text-align: center; } .noFloat{ clear: both; margin: 0; } div.table, table.table{ display: table; border: 0; border-collapse: collapse; width: 100%; } div.table.table1{ display: block; } div.tr{ display: table-row; } div.tr.hidden-no-print{ display: none; } div.table.table1 div.tr{ display: block; } div.table div.tr div.td:first-child{ width: 40px; } div.table.wrapTournamentStatistics div.tr div.td:first-child{ width: 20px; } div.table.table1 div.tr div.td:first-child{ width: auto; font-weight: 600; padding-bottom: 0; } .singleMemberPoomsae div.table div.tr div.td:first-child{ width: 150px; } div.table div.tr div.td, table.table tr.tr td.td{ padding: 7px 10px; } div.table.wrapTournamentStatistics div.tr div.td, table.table.wrapTournamentStatistics tr.tr td.td{ padding: 5px 5px; } div.table.small div.tr div.td, table.table.small tr.tr td.td{ font-size: 12px; } div.table.smallpadding div.tr div.td, table.table.smallpadding tr.tr td.td{ padding: 2px; border-bottom: solid 1px #eee; } div.tr.odd, .odd, div.table.auto-mark-rows div.tr:nth-child(2n+1), table.auto-mark-rows tr.tr:nth-child(2n+1){ background-color: #f2f2f2; } div.wrapSingleMemberDetails.text-gender-1 div.table.auto-mark-rows div.tr:nth-child(2n+1), div.wrapSingleMemberDetails.text-gender-1 table.auto-mark-rows tr.tr:nth-child(2n+1), .bg-gender-light-1{ background-color: #f5e8f2; } div.wrapSingleMemberDetails.text-gender-0 div.table.auto-mark-rows div.tr:nth-child(2n+1), div.wrapSingleMemberDetails.text-gender-0 table.auto-mark-rows tr.tr:nth-child(2n+1), .bg-gender-light-0{ background-color: #e7ecf6; } div.table div.tr.bg-firstplace > .td:first-child{ background-color: #025aa5; color: #fff; } div.table div.tr.bg-firstplace.gender-1 > .td:first-child{ background-color: #a5025e; color: #fff; } div.table div.tr.bg-firstplace .text-danger, div.table div.tr.bg-secondplace .text-danger, div.table div.tr.bg-thirdplace .text-danger{ color: #fff !important; } div.table div.tr.bg-secondplace > .td:first-child{ background-color: #0275d8; color: #fff; } div.table div.tr.bg-secondplace.gender-1 > .td:first-child{ background-color: #d8026c; color: #fff; } div.table div.tr.bg-thirdplace > .td:first-child{ background-color: #399ff8; color: #fff; } div.table div.tr.bg-thirdplace.gender-1 > .td:first-child{ background-color: #f8399e; color: #fff; } div.table div.tr.gender-0 > .td:first-child:before, div.table div.tr.gender-1 > .td:first-child:before, div.table div.tr.gender-2 > .td:first-child:before{ content: ""; display: block; position: absolute; top: 11px; left: 5px; z-index: 10; width: 6px; height: 6px; background-color: #0275d8; } div.table div.tr.gender-1 > .td:first-child:before{ background-color: #bd2d9d; } div.table div.tr.gender-2 > .td:first-child:before{ background-color: #666; } div.table div.tr.bg-gender-0, table.table tr.tr.bg-gender-0{ background-color: #fff; } div.table div.tr.bg-gender-1, table.table tr.tr.bg-gender-1{ background-color: #fff; } div.table div.tr.bg-gender-2, table.table tr.tr.bg-gender-2{ background-color: #fff; } div.tr.even, .even, tr.tr.even{ background-color: #fff; } div.tr.greenish, .greenish, tr.tr.greenish{ background-color: #a9cd4f; } div.tr.redish, .redish, tr.tr.redish{ background-color: #ea353d; } div.td, div.th, td.td, th.th{ display: table-cell; padding: 7px 10px; font-size: 14px; vertical-align: top; } div.table.table1 div.td{ display: block; } div.th, th.th, td.th{ font-weight: 400; } div.td, td.td{ font-weight: 400; } div.td4, td.td4{ width: 60px; } div.td5, td.td5{ width: 50px; } div.td6, td.td6{ width: 80px; } div.td6 div.right > div.left, td.td6 div.right > div.left { padding: 0 0 0 5px; } div.td:not(.th) a, td.td:not(.th) a { color: #000; text-decoration: none; } div.td:not(.th) a:hover, td.td:not(.th) a:hover { color: #000; text-decoration: underline; } div.td:not(.th) a.relative, td.td:not(.th) a.relative{ color: inherit; } div.td6 div.right .fa-file-excel-o, td.td6 div.right .fa-file-excel-o { background-color: #fff; border-radius: 5px; color: #58be3d; font-size: 14px; padding: 3px 5px; border: solid 2px #58be3d; font-weight: 600; } div.td6 div.right a:hover .fa-file-excel-o, td.td6 div.right a:hover .fa-file-excel-o { background-color: #0098da; border-color: #0098da; color: #fff; } div.td6 div.right .fa.fa-trash, div.block-item div.abs .fa.fa-trash, td.td6 div.right .fa.fa-trash { font-size: 14px; color: #999; } div.td6 div.right .fa.fa-eye, div.td6 div.right .fa.fa-eye-slash, td.td6 div.right .fa.fa-eye, td.td6 div.right .fa.fa-eye-slash { border-radius: 5px; color: #000; font-size: 16px; padding: 5px 7px; } div.td6 div.right .fa.fa-eye-slash, td.td6 div.right .fa.fa-eye-slash{ opacity: 0.7; } div.td6 div.right a:hover .fa.fa-eye, td.td6 div.right a:hover .fa.fa-eye{ opacity: 0.7; } div.td6 div.right a:hover .fa.fa-eye-slash, td.td6 div.right a:hover .fa.fa-eye-slash{ opacity: 1; } div.td > span.tag, td.td > span.tag{ font-size: 12px; margin: 2px 2px; font-weight: 400; height: auto; padding: 4px 6px; display: inline-block; } div.fRow { display: block; padding-bottom: 20px; position: relative; } div.fRow.small{ padding-bottom: 10px; } div.fRow.hidden{ display: none; } div.fRow .checkbox label { margin-top: 0; color: #000; } div.fRow.nopadding{ padding: 0; } .flexbox, .flexbox1{ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } .flexbox-sm{ display: block; } .flex1, .flex2{ position: relative; text-align: left; padding: 0; flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; align-self: center; -webkit-align-self: center; } .inline-block-sm{ display: block; } div.wrapHomeBiography .flex1{ padding: 0 1em; } div.logo{ height: 40px; padding-top: 20px; } .menuMobileIcon{ right: 0.5em; top: 0.4em; z-index: 20; font-size: 2em; } .menuMobileIcon .navbar-toggle, .menuMobileIcon .navbar-toggle i.fa{ padding: 0; margin: 0; } .menuMobileIcon .navbar-toggle{ padding: 0 10px; background-color: rgba(255,255,255, 0.8); border: solid 1px #e2e2e2; } .menuMobileIcon .navbar-toggle i.fa{ line-height: 100%; } .text-indicate{ font-size: 115%; font-weight: 600; } .round{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .paddLeftRight5{ padding-left: 5px; padding-right: 5px; } .paddLeftRight10{ padding-left: 10px; padding-right: 10px; } .paddLeftRight15{ padding-left: 15px; padding-right: 15px; } .paddLeftRight20{ padding-left: 20px; padding-right: 20px; } .paddTopBottom2{ padding-top: 2px; padding-bottom: 2px; } .paddTopBottom5{ padding-top: 5px; padding-bottom: 5px; } .paddTopBottom8{ padding-top: 8px; padding-bottom: 8px; } .paddTopBottom10-xs{ padding-top: 1em; padding-bottom: 1em; } .paddTopBottom10{ padding-top: 10px; padding-bottom: 10px; } .paddTopBottom40{ padding-top: 1.8em; padding-bottom: 1.8em; } .paddTopBottom30{ padding-top: 1.5em; padding-bottom: 1.5em; } .paddTopBottom20{ padding-top: 20px; padding-bottom: 20px; } .paddTop30{ padding-top: 30px; } .paddLeft30{ padding-left: 30px; } div.wrapPager ul li { margin-right: 5px; width: 25px; } div.wrapPager ul li.wider { width: auto; } div.wrapPager ul li a { display: block; position: relative; background-color: #fff; color: #000; font-size: 14px; padding: 2px 0; text-align: center; width: 100%; text-decoration: none; } div.wrapPager ul li a:hover, div.wrapPager ul li.current a{ background-color: #0275d8; color: #fff; text-decoration: none; } div.wrapPager ul li.wider a, div.wrapPager ul li.wider span { padding: 2px 6px; width: auto; } /* //// Override Bootstrap defaults //// */ .fsize14{ font-size: 14px; } h1.title, h2.title, h3.title, h4.title, h5.title, h6.title{ font-weight: 400; } .bg-info-0, .btn-info-0, .tag.btn-info-0{ background-color: #697c8a; color: #fff; } .btn-info-0-outline{ color: #697c8a; border: solid 2px #697c8a; background-color: #fff; } .btn-info-0-outline:hover{ background-color: #697c8a; color: #fff; } .bg-info-1, .btn-info-1, .tag.btn-info-1{ background-color: #c773a0; } .btn-info-1-outline{ color: #bd2d9d; border: solid 2px #c773a0; background-color: #fff; } .btn-info-1-outline:hover{ background-color: #c773a0; color: #fff; } .btn-info-0-outline.btn-sm, .btn-info-1-outline.btn-sm{ border-width: 1px; } .btn-small{ font-size: 85%; padding-top: 2px; padding-bottom: 2px; } .bt-info-2, .btn-info-2, .tag.btn-info-2{ background: linear-gradient(180deg, #697c8a 50%, #c773a0 50%); } .bg-primary{ background-color: #0696d7; } .bg-info{ background-color: #d1d2d4; } .bg-green{ background-color: #289398; } .bg-black{ background-color: #231f20; } .bg-gray{ background-color: #ccc; } .bg-darkgray{ background-color: #999; } .bg-red{ background-color: #3d3c38; } .bg-brown{ background-color: #202020; } .bg-brown-light{ background-color: rgba(32,32,32, 0.7); } .bg-lightblue{ background-color: #ecf0f8; } .bg-strips-darkred{ background: repeating-linear-gradient( -45deg, #3d3c38, #3d3c38 15px, #b2242b 15px, #b2242b 35px ); } .bg-strips-greenlight{ background: repeating-linear-gradient( -45deg, #559641, #559641 15px, #77d75a 15px, #77d75a 35px ); } .bg-gradient-magenta{ background: rgba(110,137,160,1); background: -moz-linear-gradient(top, rgba(110,137,160,1) 0%, rgba(70,91,109,1) 50%, rgba(52,70,85,1) 51%, rgba(85,122,155,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(110,137,160,1)), color-stop(50%, rgba(70,91,109,1)), color-stop(51%, rgba(52,70,85,1)), color-stop(100%, rgba(85,122,155,1))); background: -webkit-linear-gradient(top, rgba(110,137,160,1) 0%, rgba(70,91,109,1) 50%, rgba(52,70,85,1) 51%, rgba(85,122,155,1) 100%); background: -o-linear-gradient(top, rgba(110,137,160,1) 0%, rgba(70,91,109,1) 50%, rgba(52,70,85,1) 51%, rgba(85,122,155,1) 100%); background: -ms-linear-gradient(top, rgba(110,137,160,1) 0%, rgba(70,91,109,1) 50%, rgba(52,70,85,1) 51%, rgba(85,122,155,1) 100%); background: linear-gradient(to bottom, rgba(110,137,160,1) 0%, rgba(70,91,109,1) 50%, rgba(52,70,85,1) 51%, rgba(85,122,155,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e89a0', endColorstr='#557a9b', GradientType=0 ); } .scaled-3{ transform: scale(3, 3); -moz-transform: scale(3, 3); -webkit-transform: scale(3, 3); } .scaled-2{ transform: scale(2, 2); -moz-transform: scale(2, 2); -webkit-transform: scale(2, 2); } .scaled-1-5{ transform: scale(1.5, 1.5); -moz-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); } .scaled-1-3{ transform: scale(1.3, 1.3); -moz-transform: scale(1.3, 1.3); -webkit-transform: scale(1.3, 1.3); } .skewed{ transform: scale(0.85, 1); -moz-transform: scale(0.85, 1); -webkit-transform: scale(0.85, 1); } .box { width:70%; height:200px; background:#FFF; margin:40px auto; } /*================================================== * Effect 1 * ===============================================*/ .effect1{ -webkit-box-shadow: 0 10px 6px -6px #777; -moz-box-shadow: 0 10px 6px -6px #777; box-shadow: 0 10px 6px -6px #777; } /*================================================== * Effect 2 * ===============================================*/ .effect2 { position: relative; } .effect2:before, .effect2:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 40px; width: 50%; top: 80%; max-width:300px; background: #000; -webkit-box-shadow: 0 5px 20px 25px rgba(0,0,0, 0.7); -moz-box-shadow: 0 5px 20px 25px rgba(0,0,0, 0.7); box-shadow: 0 5px 20px 25px rgba(0,0,0, 0.7); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .effect2:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 40px; left: auto; } /*================================================== * Effect 3 * ===============================================*/ .effect3 { position: relative; } .effect3:before { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } /*================================================== * Effect 4 * ===============================================*/ .effect4 { position: relative; } .effect4:after { z-index: -1; position: absolute; content: ""; bottom: 15px; right: 10px; left: auto; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } /*================================================== * Effect 5 * ===============================================*/ .effect5 { position: relative; } .effect5:before, .effect5:after { z-index: -1; position: absolute; content: ""; bottom: 25px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 35px 20px #777; -moz-box-shadow: 0 35px 20px #777; box-shadow: 0 35px 20px #777; -webkit-transform: rotate(-8deg); -moz-transform: rotate(-8deg); -o-transform: rotate(-8deg); -ms-transform: rotate(-8deg); transform: rotate(-8deg); } .effect5:after { -webkit-transform: rotate(8deg); -moz-transform: rotate(8deg); -o-transform: rotate(8deg); -ms-transform: rotate(8deg); transform: rotate(8deg); right: 10px; left: auto; } /*================================================== * Effect 6 * ===============================================*/ .effect6 { position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .effect6:before, .effect6:after { content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:50%; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .effect6:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } /*================================================== * Effect 7 * ===============================================*/ .effect7 { position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .effect7:before, .effect7:after { content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:0; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .effect7:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } /*================================================== * Effect 8 * ===============================================*/ .effect8 { position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .effect8:before, .effect8:after { content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:10px; bottom:10px; left:0; right:0; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .effect8:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } .wrap{ margin-left:20px; } .box{ width:40%; height:200px; float:left; background-color:white; margin:25px 15px; border-radius:5px; } .box h3{ font-family: 'Didact Gothic', sans-serif; font-weight:normal; text-align:center; padding-top:60px; color:#fff; } .box1{ background-color: #212121; } .box2{ background-color: #EDE89A; } .box3{ background-color: #9EEBA1; } .box4{ background-color: #9EEBBF; } .box5{ background-color: #9ED9EB; } .box6{ background-color: #9EB3EB; } .box7{ background-color: #DB9EEB; } .box8{ background-color: #C49EEB; } .shadow1, .shadow2, .shadow3,.shadow4,.shadow5,.shadow6,.shadow7,.shadow8{ position:relative; } .shadow1,.shadow2,.shadow3,.shadow4,.shadow5,.shadow6,.shadow7,.shadow8{ box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset; } /*****************************************************************dashed border ****************************************************************/ .shadow1 h3, .shadow2 h3, .shadow3 h3, .shadow4 h3, .shadow5 h3, .shadow6 h3, .shadow7 h3, .shadow8 h3{ width:87%; height:100px; margin-left:6%; border:2px dashed #F7EEEE; border-radius:5px; } /**************************************************************** *styling shadows ****************************************************************/ .shadow1:before, .shadow1:after{ position:absolute; content:""; bottom:12px;left:15px;top:80%; width:45%; background:#9B7468; z-index:-1; -webkit-box-shadow: 0 20px 15px #9B7468; -moz-box-shadow: 0 20px 15px #9B7468; box-shadow: 0 20px 15px #9B7468; -webkit-transform: rotate(-6deg); -moz-transform: rotate(-6deg); transform: rotate(-6deg); } .shadow1:after{ -webkit-transform: rotate(6deg); -moz-transform: rotate(6deg); transform: rotate(6deg); right: 15px;left: auto; } .shadow2:before{ position:absolute; content:""; width:80%; top:140px;bottom:15px;left:30px; background-color:#9F8641; z-index:-1; -webkit-box-shadow:0 23px 17px 0 #9F8641; -moz-box-shadow:0 23px 17px 0 #9F8641; box-shadow: 0 23px 17px 0 #9F8641; -webkit-transform:rotate(-4deg); -moz-transform:rotate(-4deg); transform:rotate(-4deg); } .shadow3:before, .shadow3:after{ content:""; position:absolute; bottom:0;top:2px;left:15px;right:15px; z-index:-1; border-radius:100px/30px; -webkit-box-shadow:0 0 30px 2px #479F41; -moz-box-shadow:0 0 30px 2px #479F41; box-shadow: 0 0 30px 2px #479F41; } .shadow4:before, .shadow4:after{ position:absolute; content:""; top:14px;bottom:14px;left:0;right:0; box-shadow:0 0 25px 3px #548E7F; border-radius:100px/10px; z-index:-1; } .shadow5:before, .shadow5:after{ position:absolute; content:""; box-shadow:0 10px 25px 20px #518C96; top:40px;left:10px;bottom:50px; width:15%; z-index:-1; -webkit-transform: rotate(-8deg); -moz-transform: rotate(-8deg); transform: rotate(-8deg); } .shadow5:after{ -webkit-transform: rotate(8deg); -moz-transform: rotate(8deg); transform: rotate(8deg); right: 10px;left: auto; } .shadow6:before, .shadow6:after{ position:absolute; content:""; top:100px;bottom:5px;left:30px;right:30px; z-index:-1; box-shadow:0 0 40px 13px #486685; border-radius:100px/20px; } .shadow7:before, .shadow7:after{ position:absolute; content:"1"; top:25px;left:20px;bottom:150px; width:80%; z-index:-1; -webkit-transform: rotate(-6deg); -moz-transform: rotate(-6deg); transform: rotate(-6deg); } .shadow7:before{ box-shadow:10px -10px 30px 15px #984D8E; } .shadow7:after{ -webkit-transform: rotate(7deg); -moz-transform: rotate(7deg); transform: rotate(7deg); bottom: 25px;top: auto; box-shadow:10px 10px 30px 15px #984D8E; } .shadow8{ box-shadow: -6px -6px 8px -4px rgba(250,254,118,0.75), 6px -6px 8px -4px rgba(254,159,50,0.75), 6px 6px 8px -4px rgba(255,255,0,0.75), 6px 6px 8px -4px rgba(0,0,255,2.75); } .nav-tabs{ border-bottom-color: #f0ad4e; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{ background-color: #f0ad4e; color: #fff; border-color: #f0ad4e #f0ad4e transparent #f0ad4e; } div.oeStage{ overflow: hidden; height: inherit; } .padd5{ padding: 0.4em; } .padd10{ padding: 0.5em; } .padd15{ padding: 1em; } .padd20{ padding: 0.85em; } .padd30{ padding: 1.2em; } .padd40{ padding: 1.5em; } .size-12{ font-size: 12px; } .size-14{ font-size: 14px; } .size-16{ font-size: 16px; } .size-18{ font-size: 18px; } .size-20{ font-size: 20px; } .size-22{ font-size: 22px; } .size-24{ font-size: 24px; } .size-26{ font-size: 26px; } .size-28{ font-size: 28px; } .size-30{ font-size: 30px; } .size-32{ font-size: 32px; } .size-34{ font-size: 34px; } .size-36{ font-size: 36px; } .size-38{ font-size: 38px; } .size-40{ font-size: 40px; } .size-42{ font-size: 42px; } .bg-white{ background-color: #fff; } .bg-gold{ background-color: #fcdb8d; } .bg-silver{ background-color: #C0C2DB; } .bg-bronze{ background-color: #BF8D56; } .bg-magenta{ background-color: #756abc; } .bg-brick{ background-color: #9782a1; } .text-gold{ color: #fcdb8d; } .text-silver{ color: #C0C2DB; } .text-lightyellow{ color: #fc6; } .text-bronze{ color: #BF8D56; } .bg-lightgray{ background-color: #f6f6f6; } .bg-muted-outline{ border: solid 1px #eee; } .margin-bottom10{ margin-bottom: 10px; } .margin-bottom20{ margin-bottom: 20px; } .margin-bottom25{ margin-bottom: 25px; } .margin-bottom40{ margin-bottom: 40px; } .shadow-10-light{ box-shadow: 0 0 10px rgba(0,0,0, 0.3); -moz-box-shadow: 0 0 10px rgba(0,0,0, 0.3); -webkit-box-shadow: 0 0 10px rgba(0,0,0, 0.3); } .shadow-10-dark{ box-shadow: 0 0 10px rgba(0,0,0, 0.85); -moz-box-shadow: 0 0 10px rgba(0,0,0, 0.85); -webkit-box-shadow: 0 0 10px rgba(0,0,0, 0.85); } .shadow-2-light{ box-shadow: 0 0 2px rgba(0,0,0, 0.3); -moz-box-shadow: 0 0 2px rgba(0,0,0, 0.3); -webkit-box-shadow: 0 0 2px rgba(0,0,0, 0.3); } .shadow-2-dark{ box-shadow: 0 3px 10px 0px rgba(0,0,0, 0.45); -moz-box-shadow: 0 3px 10px 0px rgba(0,0,0, 0.45); -webkit-box-shadow: 0 3px 10px 0px rgba(0,0,0, 0.45); } .shadow-2-dark-bottom{ box-shadow: 0 3px 3px 0px rgba(0,0,0, 0.45); -moz-box-shadow: 0 3px 3px 0px rgba(0,0,0, 0.45); -webkit-box-shadow: 0 3px 3px 0px rgba(0,0,0, 0.45); } .border-around-primary{ border: solid 3px #0275d8; } .border-bottom-primary{ border-bottom: solid 3px #0275d8; } .border-bottom-danger{ border-bottom: solid 3px #d9534f; } .border-bottom-muted{ border-bottom: solid 3px #777; } .border-bottom-lightgray{ border-bottom: solid 3px #ccc; } .overflow { overflow: hidden; } .fade.in { opacity: 1; } .modal .modal-header { border-bottom: medium none; padding: 0; } .modal .modal-header > h4{ display: block; position: relative; width: 100%; } .modal.confirm-delete-modal .modal-header{ padding: 40px 15px 15px 15px; text-align: center; } .modal.confirm-info-modal .modal-header{ padding: 15px 15px 15px 15px; text-align: center; } .modal .modal-footer { border-top: medium none; padding: 0; height: 30px; } .modal.confirm-delete-modal .modal-footer{ padding: 15px 15px 40px 15px; text-align: center; height: auto; } .modal.confirm-delete-modal .modal-footer div.buttonsHolder{ display: block; position: relative; width: 100%; } .modal.confirm-delete-modal .modal-footer div.buttonsHolder.hidden{ display: none; } .modal.confirm-delete-modal .modal-footer div.buttonsHolder .btn{ display: inline-block; margin: 0 5px; } .modal .modal-body div.overflow { height: 450px; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-backdrop.in { opacity: 0.5; } .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; width: auto; max-width: 600px; } .modal-content { background-color: #fff; } .modal-content { width: inherit; height: inherit; margin: 0 auto; } .modal .modal-body div.insideContent { padding: 10px 0px 0; } .modal .modal-body div[data-target="replacecontent"] { min-height: 451px; transition: height 0.3s ease-out 0s; -moz-transition: height 0.3s ease-out 0s; -webkit-transition: height 0.3s ease-out 0s; } .modal[data-context="wrapAddEditBeltSeminar"] .modal-body div[data-target="replacecontent"] { min-height: 200px; } .modal.confirm-delete-modal .modal-body div[data-target="replacecontent"] { min-height: 10px; } .modal.confirm-info-modal .modal-body div[data-target="replacecontent"] { min-height: 10px; } .modal .modal-header .close { position: absolute; color: #fff; font-family: "Open Sans" !important; font-size: 16px !important; line-height: 100%; left: auto; top: 0; right: 0; margin: 0; z-index: 30; } .modal .modal-header .close { color: #999; font-family: "Open Sans" !important; font-size: 27px !important; font-weight: 100; opacity: 0.7; padding: 19px 20px; } .modal .modal-header .close:hover{ opacity: 1; } #modalWrapLoginBlock div.overflow { transition: height 0.3s linear 0s; -moz-transition: height 0.3s linear 0s; -webkit-transition: height 0.3s linear 0s; } #frmLoginFEUser label.inline-block { width: 30%; } #frmContact .btn, #frmLoginFEUser .btn, #frmRegisterFEUser .btn { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; width: 100%; } #frmLoginFEUser .btn, #frmRegisterFEUser .btn { padding: 15px 25px; } #frmLoginFEUser div.inline-block { width: 60%; } div.translatedBlock p.small { font-size: 95%; } input.mf-input, textarea.mf-textarea, select.mf-select, div.mf-textarea { padding: 10px 5px; border: solid 1px #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } input, select, textarea, div.mf-textarea { border: none; border: 0; font-family: "Open Sans", Arial, Helvetica, sans-serif; padding: 0px; width: 100%; } label { font-size: 16px; font-family: "Open Sans"; line-height: 120%; margin-bottom: 4px; } div.translatedBlock p { font-size: 18px; font-family: "Open Sans"; } .radius3{ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .text-center-xs{ text-align: center; } .abs-xs{ position: absolute; left: 0; top: 66px; width: 100%; z-index: 50; } .abs-xs nav.menu ul.relative{ padding: 1em 0; background-color: #fff; } footer .text-center-xs{ float: none; padding: 0.5em 0; text-align: center; } footer .text-center-xs img{ display: inline-block; text-align: center; } footer img.viber-logo{ width: 20px; margin-right: 4px; } body.page-id-1 footer{ display: block; } .text-danger{ color: #b2242b; } .text-info{ color: #d1d2d4; } .text-muted{ color: #777; } .text-whatsapp{ color: #0dc143; } .text-youtube{ color: #ff0000; } .text-youtube:hover{ color: #cc0000; } .text-gender-1 .text-primary{ color: #bd2d9d !important; } .gray-light, a.gray-light{ color: #999; } .alert-primary { background-color: #f7f7f7; border-color: #ddd; color: #404040; } .alert-primary:hover { background-color: #eee; border-color: #ddd; color: #777; } a.alert-primary{ text-decoration: none; } .text-big-font{ font-size: 4em; font-weight: 400; line-height: 90%; } .col-padd-right-10{ padding-right: 10px; } .text-white{ color: #fff; } .text-black{ color: #000; } .text-blue{ color: #0275d8; } .text-strong{ font-weight: 600; } td .text-big-font, .td .text-big-font{ font-size: 150%; } .vcenter { display: inline-block; vertical-align: middle; float: none; } .btn.bigger{ font-size: 1em; font-weight: 600; padding: 7px 15px; box-shadow: 0 1px 10px rgba(0,0,0, 0.4); -moz-box-shadow: 0 1px 10px rgba(0,0,0, 0.4); -webkit-box-shadow: 0 1px 10px rgba(0,0,0, 0.4); margin-bottom: 10px; } div.wrapHomeEmail .btn.bigger{ font-size: 1.5em; padding: 10px 40px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .btn-xs{ padding: 2px 4px; font-size: x-small; } .btn-green{ background-color: #a9cd4f; border-color: #a9cd4f; color: #fff; } .btn-green:hover{ background-color: #fff; border-color: #fff; color: #000; } div.wrapHomeEmail .btn-green:hover{ background-color: #fff; border-color: #231f20; color: #231f20; } .btn-white { background-color: #fff; border-color: #fff; color: #289398; } .btn-white:hover { background-color: #999; border-color: #999; color: #fff; } .padd10-xs{ padding: 10px; } .padd20-xs{ padding: 20px; } .paddLeftRight15-xs{ padding-left: 15px; padding-right: 15px; } .col-xs-fifth, .col-sm-fifth, .col-md-fifth, .col-lg-fifth, .col-xs-seventh, .col-sm-seventh, .col-md-seventh, .col-lg-seventh, .col-xs-ninth, .col-sm-ninth, .col-md-ninth, .col-lg-ninth{ position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-fifth { width: 20%; float: left; } .col-xs-seventh { width: 14.28%; float: left; } .col-xs-ninth { width: 11.1%; float: left; } @media only screen and (min-width : 480px) { .col-md-fifth { width: 50%; float: left; } } @media (min-width: 768px) { .col-sm-fifth { width: 20%; float: left; } .col-sm-seventh { width: 14.28%; float: left; }.col-sm-ninth { width: 11.1%; float: left; } .col-md-fifth { width: 33.3333%; float: left; } } @media (min-width: 992px) { .col-md-fifth { width: 25%; float: left; } .col-md-seventh { width: 14.28%; float: left; } .col-md-ninth { width: 11.1%; float: left; } } @media (min-width: 1200px) { .col-lg-fifth, .col-md-fifth { width: 20%; float: left; } .col-lg-seventh { width: 14.28%; float: left; } .col-lg-ninth { width: 11.1%; float: left; } } /* //// End of Boostrap override //// */ header{ height: auto; overflow: visible; } header > .fixed{ position: relative; left: 0; top: 0; width: 100%; z-index: 2000; background-color: #fdfdfd; } header div.flexbox{ display: block; position: relative; padding: 0; } header div.flex1{ flex: inherit; } header div.flex2 i.fa{ font-size: 36px; } a.logo{ position: absolute; top: 1.4em; left: 1em; } footer > .container, header > .fixed, header .container, header .container > .flexbox, footer > .row, footer > .row > div { height: inherit; } footer{ color: #fff; overflow: hidden; font-size: 13px; font-family: "Open Sans", Arial, Helvetica, sans-serif; } footer a{ color: #fff; text-decoration: none; } footer a:hover{ color: #fff; text-decoration: underline; } footer div.text-secondary i.fa{ font-size: 18px; margin-right: 6px; } .logo > img{ width: 150px; } nav.menu{ font-size: 15px; padding-left: 0; padding-right: 0; width: 100%; } footer div.col-md-6 img{ max-width: none; } footer div.col-md-6.parent img{ max-width: 100%; } footer div.col-md-6 .abs{ position: relative; } footer div.col-md-6 .top50{ transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); } footer div.col-md-6 .left50{ transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); } footer div.col-md-6 a:hover > img{ opacity: 0.7; } footer div.menu li.relative a{ color: #fff; text-decoration: none; } footer div.menu li.relative{ text-align: left; } footer div.menu li.relative a:hover{ color: #0696d7; text-decoration: none; } header .left{ float: none; } nav.menu li{ display: inline-block; width: 50%; font-size: 1.1rem; float: left; margin-bottom: 10px; } nav.menu li > a, nav.menu li > span.akalink{ padding: 5px 20px; color: #333; background-color: #fff; text-decoration: none; font-weight: 400; display: block; position: relative; border-top: solid 2px transparent; } nav.menu.menu-like-tabs li > a{ color: #fff; background-color: #566f89; } nav.menu.menu-like-tabs li.relative > a.relative.current, nav.menu.menu-like-tabs li.relative > a.relative:hover{ color: #333; background-color: #fff; } nav.menu.menu-like-tabs li.relative > a.relative.current{ z-index: 200; } nav.menu.menu-like-tabs li.relative > a.relative.current:after{ content: ""; display: block; position: absolute; background-color: #fff; top: 100%; left: 0; width: 100%; height: 10px; } nav.menu li > a.bg-ranking{ color: #fff; background: rgba(62,174,244,1); background: -moz-linear-gradient(-45deg, rgba(62,174,244,1) 0%, rgba(19,145,241,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(62,174,244,1)), color-stop(100%, rgba(19,145,241,1))); background: -webkit-linear-gradient(-45deg, rgba(62,174,244,1) 0%, rgba(19,145,241,1) 100%); background: -o-linear-gradient(-45deg, rgba(62,174,244,1) 0%, rgba(19,145,241,1) 100%); background: -ms-linear-gradient(-45deg, rgba(62,174,244,1) 0%, rgba(19,145,241,1) 100%); background: linear-gradient(135deg, rgba(62,174,244,1) 0%, rgba(19,145,241,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3eaef4', endColorstr='#1391f1', GradientType=1 ); } nav.menu li > a.bg-ranking:hover{ color: #fff; background: rgba(62,138,244,1); background: -moz-linear-gradient(-45deg, rgba(62,138,244,1) 0%, rgba(19,100,241,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(62,138,244,1)), color-stop(100%, rgba(19,100,241,1))); background: -webkit-linear-gradient(-45deg, rgba(62,138,244,1) 0%, rgba(19,100,241,1) 100%); background: -o-linear-gradient(-45deg, rgba(62,138,244,1) 0%, rgba(19,100,241,1) 100%); background: -ms-linear-gradient(-45deg, rgba(62,138,244,1) 0%, rgba(19,100,241,1) 100%); background: linear-gradient(135deg, rgba(62,138,244,1) 0%, rgba(19,100,241,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e8af4', endColorstr='#1364f1', GradientType=1 ); } nav.menu li.current > a{ background-color: #0275d8; color: #fff; } nav.menu ul.dropdown-menu li.relative > a.relative, nav.menu ul.dropdown-menu li.relative > span.akalink{ border-top: none; border-top: 0; border-top: dashed 1px #999; } nav.menu ul.dropdown-menu{ padding: 0; } nav.menu li.relative > span.akalink{ cursor: pointer; } nav.menu li.relative > a.relative:hover, nav.menu li.relative > a.relative.current, nav.menu li.relative > span.akalink:hover{ color: #fff; background-color: #0275d8; font-weight: 400; text-decoration: none; } .nice-select{ float: none; overflow: hidden; white-space: normal; color: #000; } .nice-select.open{ overflow: visible; white-space: nowrap; } .nice-select .list{ z-index: 100; max-height: 500px; overflow: auto; } .middle{ height: auto; margin: 0 auto; width: 100%; padding-left: 1em; padding-right: 1em; transition: width 0.3s ease-out 0s; -moz-transition: width 0.3s ease-out 0s; -webkit-transition: width 0.3s ease-out 0s; } .twoColumns{ -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } #wrapQuoteHome2 ul.relative li.relative h3, #wrapQuoteHome2 ul.relative li.relative p{ font-family: "Times New Roman","Bliss Light","Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 1.8em; font-weight: normal; padding-bottom: 15px; } #wrapQuoteHome2 ul.relative li.relative p{ font-size: 1.2em; font-style: italic; } .maincontent { min-height: calc(100vh - 184px); } .ui-tooltip { background: rgba(0,0,0, 0.7); color: #fff; border: none; padding: 0; opacity: 1; font-size: 12px; } .ui-tooltip-content { position: relative; padding: 5px 10px; } .ui-tooltip-content::after { content: ""; position: absolute; border-style: solid; display: block; border-width: 0; } .ui-tooltip-content::after { content: ""; top: 100%; left: 50%; margin-left: -10px; border-color: rgba(0,0,0, 0.7) transparent transparent transparent; border-width: 10px; } #wrapAboutUs{ padding: 40px 0; } div.wrapYouTubeVideo{ margin: 0 -30px; background-color: #fff; } div.wrapYouTubeVideo img.mAOLThumb{ width: 100%; } div.videoControls{ padding: 20px 20px 20px 20px; } div.videoControls div.circled{ margin-right: 5px; } div.videoControls p{ font-weight: 600; font-size: 14px; margin: 0; } div.videoControls div.inline-block.text-primary{ top: -2px; } div.videoControls div.circled, div.videoControls div.circled:after{ width: 36px; height: 36px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: solid 2px #fff; } div.videoControls div.circled i.fa{ font-size: 22px; margin-left: 2px; } div.videoControls div.circled:after{ content: ""; display: block; box-sizing: initial; position: absolute; width: 34px; height: 34px; left: -3px; top: -3px; border-color: #0696d7; } a:hover div.videoControls .text-primary{ color: #873287; } a:hover div.videoControls div.circled{ background-color: #873287; } a:hover div.videoControls div.circled:after{ border-color: #873287; } #wrapQuoteHome2 div.oeStage, #wrapQuoteHome12 div.oeStage{ height: 180px; overflow: hidden; } #wrapQuoteHome12 div.oeStage h3{ font-weight: 100; line-height: 140%; margin: 0; padding: 0; height: inherit; overflow: hidden; } #wrapQuoteHome2 div.oeStage > ul.relative{ width: auto; } #wrapQuoteHome2 div.oeStage > ul.relative > li.relative{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; background-color: #d1d2d4; } div.popup div#mainCVideo{ width: 100%; } #wrapContactsFE{ flex: 1; background: #e6e7e9; } #wrapContactsFE article h4{ margin-top: 15px; } #wrapContactsFE ul.relative > li.relative{ margin-bottom: 3em; } #wrapContactsFE article a{ color: #999; text-decoration: none; } #wrapContactsFE article a:hover{ color: #0696D8; text-decoration: none; } #wrapContactsFE article a:hover i.fa{ color: #0696D8; } #wrapContactsFE article a i.fa{ color: #999; transform: scale(1.2,1); -moz-transform: scale(1.2,1); -webkit-transform: scale(1.2,1); } #wrapContactsFE article p{ margin: 0; } #wrapContactsFE article div.rounded-image{ cursor: pointer; } div.rounded-image > div.mAOLThumb, div.mAOLThumb.circled{ width: 80px; height: 80px; overflow: hidden; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #fff; border: solid 3px #b2242b; transition: padding 0.2s ease 0s; -moz-transition: padding 0.2s ease 0s; -webkit-transition: padding 0.2s ease 0s; } div.rounded-image > div.mAOLThumb > div{ height: inherit; } div.rounded-image:hover div.mAOLThumb img.mAOLThumb{ transform: scale(1.2,1.2); } div.rounded-image div.mAOLThumb img.mAOLThumb{ display: block; width: 100%; overflow: hidden; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; } section#wrapLinksAndPublications div.mAOLThumb{ margin-bottom: 20px; height: 350px; overflow: hidden; text-align: center; } section#wrapLinksAndPublications article{ height: auto; } section#wrapLinksAndPublications article p{ margin: 0; } section#wrapLinksAndPublications div.outer{ padding: 15px; } section#wrapLinksAndPublications div.outer.haslink{ padding: 0; } section#wrapLinksAndPublications div.outer > a{ padding: 15px; transition: background 0.3s ease-out 0s; -moz-transition: background 0.3s ease-out 0s; -webkit-transition: background 0.3s ease-out 0s; } section#wrapLinksAndPublications div.outer > a:hover{ background-color: #eee; } a.anchor{ display: block; position: relative; top: 0; visibility: hidden; } section#wrapResources div.item div.insideContent{ padding: 15px 50px 15px 15px; background-color: transparent; box-shadow: 0 0 1px rgba(0,0,0, 0.2); -moz-box-shadow: 0 0 1px rgba(0,0,0, 0.2); -webkit-box-shadow: 0 0 1px rgba(0,0,0, 0.2); height: inherit; } section#wrapResources h2{ font-size: 18px; padding-bottom: 0; } section#wrapResources div.item{ margin-bottom: 10px; font-size: 14px; } section#wrapResources div.item h3, section#wrapResources div.item p{ margin: 0; } section#wrapResources div.item p.marginBottom5{ margin-bottom: 5px; } section#wrapResources div.item > a.relative{ background-color: #fff; text-decoration: none; height: inherit; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; } section#wrapResources div.item > a.relative i.fa{ font-size: 24px; color: #0696d7; right: 15px; } section#wrapResources div.wrapperOuter{ display: none; } section#wrapResources div.wrapperOuter h2{ padding: 0 15px; } section#wrapResources > .container > .row > div.item div.wrapperOuter h3{ font-size: 1em; } section#wrapResources div.item > a.relative:hover, section#wrapResources > .container > .row > div.item > a.relative:hover{ background-color: #0696d7; color: #fff; text-decoration: none; } section#wrapResources div.item > a.relative:hover .text-muted, section#wrapResources div.item > a.relative:hover .text-primary, section#wrapResources div.item > a.relative:hover i.fa{ color: #fff; } section#wrapResources > .container > .row > div.item{ margin: 0; border-bottom: solid 1px #ddd; } section#wrapResources > .container > .row > div.item div.wrapperOuter div.item{ margin: 0; } section#wrapResources > .container > .row > div.item > a.relative{ margin: 0; padding: 1em; background-color: #fff; } .parent { display: table; table-layout: fixed; } .child { display:table-cell; vertical-align:middle; text-align:center; } nav.menu ul.dropdown-menu{ position: relative; float: none; border: none; border: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } nav.menu ul.dropdown-menu li.relative a, nav.menu ul.dropdown-menu li.relative > span.akalink{ padding: 0.5em 1em 0.5em 2em; } body.page-id-4 article.item, body.page-id-5 article.item{ margin-bottom: 1em; } section#wrapTrainigUpdatesFE .alert h3{ font-size: 22px; font-weight: 100; padding: 0; margin: 0; } section#wrapTrainigUpdatesFE .alert .gray-light{ font-weight: 100; } section#wrapTrainigUpdatesFE .alert .right0{ right: 15px; } div#mainCVideo { width: 640px; } body.page-id-17 div#mainCVideo{ margin: 40px auto; } div.bookNowAndSave{ left: -500px; bottom: 60px; z-index: 90; transition: left 0.8s ease-out 3s; -moz-transition: left 0.8s ease-out 3s; -webkit-transition: left 0.8s ease-out 3s; display: none; } div.bookNowAndSave > div{ background-color: #fff; padding: 15px 25px; font-size: 32px; font-weight: 600; color: #b2242b; } div.bookNowAndSave > div > div{ z-index: 20; } div.bookNowAndSave > div:after{ content: ""; display: block; position: absolute; left: 100%; bottom: 0; margin-left: -52px; border-style: solid; border-width: 76px 52px; border-color: transparent transparent #fff transparent; } div.main-slideshow{ height: 200px; background-color: #f2f2f2; overflow: hidden; margin-bottom: 3px; } div.main-slideshow > div.item{ top: 0; left: 0; width: 100%; height: 100%; } div.main-slideshow > div.item > div.mAOLThumb{ position: absolute; top: 0; left: 0; width: inherit; height: inherit; background-position: center center; background-repeat: no-repeat; background-size: cover; } .slideshow{ overflow: hidden; } .slideshow.activated div.bookNowAndSave{ left: 0; } div.priceSticker{ bottom: 0; right: -300px; z-index: 100; transform: rotate(180deg); transition: all 1s ease-out 1s; -moz-transition: all 1s ease-out 1s; -webkit-transition: all 1s ease-out 1s; display: none; } .slideshow.activated div.priceSticker{ transform: rotate(0deg); right: 20px; } div.wrapHomePricing { height: 160px; } div.wrapHomePricing .text-big-font:after{ content: ""; display: block; position: absolute; top: 0; left: 100%; margin-top: -20px; margin-left: 13px; width: 2px; height: 130px; background-color: #fff; } div.wrapHomePricing p.lead{ margin: 0; padding: 0; font-weight: 400; } div.wrapHomePricing > div.container{ height: inherit; } div.wrapHomePricing > div.container > div.abs.top50{ width: 100%; left: 0; padding-left: 15px; } div.wrapHomePricing > div.container > div.abs.top50 > div.row{ margin: 0; } div.wrapHomePricing div.circled.bg-white{ width: 64px; height: 64px; top: 100%; left: 50%; margin-top: -28px; margin-left: -32px; background-color: #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; box-shadow: 0 3px 10px rgba(0,0,0, 0.4); -moz-box-shadow: 0 3px 10px rgba(0,0,0, 0.4); -webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.4); cursor: pointer; } div.wrapHomePricing div.circled.bg-white:hover{ background-color: #3d3c38; } div.wrapHomePricing div.circled.bg-white > .arrow{ display: block; position: absolute; top: 70%; left: 50%; transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); border-style: solid; border-width: 20px; border-color: #3d3c38 transparent transparent transparent; } div.wrapHomePricing div.circled.bg-white:hover > .arrow{ border-color: #fff transparent transparent transparent; } div.wrapHomeAbout p, div.wrapHomeBiography p, .wrapHomeDates p, div.wrapHomeEmail p{ font-size: 1.1em; } div.wrapHomeBiography div.flexbox h3{ padding: 0; margin: 0; } div.wrapHomeBiography.paddTopBottom30{ padding: 0; } div.wrapHomeGallery{ height: auto; } div.oeStage > ul.relative > li.relative div.mAOLThumb.visible-xs img.mAOLThumb{ width: 100%; } section.wrapHomeDates div.line-green{ height: 3px; margin-bottom: 3px; } section.wrapHomeDates div.item{ background-color: #fff; padding: 0.2em; } section.wrapHomeDates div.item div.isnew{ z-index: 20; top: -9px; right: -11px; } section.wrapHomeDates div.item div.petFriendly{ bottom: 5px; left: 0; width: 100%; font-size: 20px; font-weight: 400; } section.wrapHomeDates div.inline-block button.btn{ font-size: 0.8em; width: 100%; } .text-month{ font-size: 1.5em; padding: 0.4em 0; line-height: 100%; } .text-day{ font-size: 5em; font-weight: 700; padding: 0.1em 0; line-height: 100%; } section.wrapHomeDates div.inline-block{ display: block; float: left; width: 50%; padding: 0 0.5em; vertical-align: top; } section.wrapHomeDates div.row{ margin-left: -0.5em; margin-right: -0.5em; } div#loginModal .modal-header{ border-bottom: none; border-bottom: 0; } div#loginModal .modal-header img.img-responsive{ display: inline-block; margin: 0 auto; } div#loginModal .modal-dialog{ position: absolute; width: 500px; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); } div#loginModal .modal-dialog button.close{ z-index: 20; margin-right: -15px; margin-top: -17px; } div#loginModal .modal-dialog .modal-content{ padding: 25px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #frmLoginUser input.mf-submit{ background-color: #6d8dc5; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 5px 15px; margin-left: 2px; } #frmLoginUser input.mf-submit:hover{ background-color: #455b82; } div.wrapBooking h2{ font-size: 18px; font-weight: 600; padding: 0; padding-top: 5px; margin: 0; } div.wrapBooking p{ padding: 0; margin: 0; } div.wrapBooking button.btn.btn-green:hover{ background-color: #6d8dc5; color: #fff; } #frmTimeSheetForSchedulerBooking div.fRow{ width: 80%; margin: 0 auto; } #frmTimeSheetForSchedulerBooking div.fRow button.btn{ width: 100%; font-size: 18px; } #frmTimeSheetForSchedulerBooking div.fRow button.btn.btn-green:hover{ background-color: #6d8dc5; color: #fff; } #frmTimeSheetForSchedulerBooking div.fRow input.mf-input, #frmTimeSheetForSchedulerBooking div.fRow textarea.mf-textarea, #frmTimeSheetForSchedulerBooking div.fRow select.mf-select{ font-size: 12px; } #frmTimeSheetForSchedulerBooking div.lead{ color: #000; font-size: 26px; font-weight: 600; padding: 0; margin: 0; } body.page-id-12 div.middle > div{ padding-top: 4em; } body.page-id-12 div.middle > div h3{ font-size: 1.2em; line-height: 140%; } body.page-id-12 div.middle > div a.btn{ width: 100%; max-width: 250px; } div.bookedSessionGallery ul.relative{ width: auto; } div.bookedSessionGallery ul.relative > li{ padding: 1px; } div.bookedSessionGallery ul.relative > li a.relative.btn{ padding: 15px; text-decoration: none; } div.bookedSessionGallery ul.relative > li a.relative.btn strong{ margin-top: 10px; } div.bookedSessionGallery ul.relative > li a.relative.btn:hover{ background-color: #a9cd4f; color: #fff; } div.bookedSessionGallery ul.relative > li > article{ background-color: #231f20; } div.bookedSessionGallery div.mAOLThumb{ height: 0; padding-bottom: 60%; background-color: #f2f2f2; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: opacity 0.2s ease-out 0s; -moz-transition: opacity 0.2s ease-out 0s; -webkit-transition: opacity 0.2s ease-out 0s; } div.bookedSessionGallery div.mAOLThumb:hover{ opacity: 0.6; } div.wrapHomeBlogs{ overflow: hidden; } div.wrapHomeBlogs > div.row{ margin-left: -1px; margin-right: -1px; } div.wrapHomeBlogs > div.row > div > div{ padding: 0; padding: 1px; } div.wrapHomeBlogs item{ background-color: #f2f2f2; overflow: hidden; } div.wrapHomeBlogs item h3{ text-shadow: 0 0 1px rgba(0,0,0, 0.9); -moz-text-shadow: 0 0 1px rgba(0,0,0, 0.9); -webkit-text-shadow: 0 0 1px rgba(0,0,0, 0.9); font-size: 1.2em; padding: 0 1em; font-weight: 600; line-height: 140%; } div.wrapHomeBlogs item a.overlayDark{ transition: background 0.3s ease-out 0s; -moz-transition: background 0.3s ease-out 0s; -webkit-transition: background 0.3s ease-out 0s; } div.wrapHomeBlogs item a.overlayDark > div{ width: 100%; left: 0; } div.wrapHomeBlogs item a.overlayDark:hover{ background-color: rgba(180,238,24, 0.7); } div.wrapHomeBlogs item > div.mAOLThumb{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; } .h1, h1 { font-size: 2em; } .wrapHomeSocialMedia a.relative{ font-size: 22px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #fff; text-align: center; width: 42px; height: 42px; color: #3d3c38; transition: background 0.2s ease 0s; -moz-transition: background 0.2s ease 0s; -webkit-transition: background 0.2s ease 0s; } .wrapHomeSocialMedia div.container > div:nth-child(2){ margin-left: -0.5em; margin-right: -0.5em; } .wrapHomeSocialMedia div.inline-block{ padding: 0.5em; } div.wrapHomeNLSubscribe{ border-top: solid 6px #289398; border-bottom: solid 10px #fff; background-image: url("../images/bgCityNight.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; } div.wrapHomeNLSubscribe hr{ border-color: #289398; } div.wrapHomeVideos{ border-top: solid 14px #289398; margin-top: -1px; } div.wrapHomeNLSubscribe > div.overlayDark{ z-index: 1; opacity: 0.8; } div.wrapHomeNLSubscribe > div.padd40{ z-index: 2; } .wrapHomeSocialMedia{ border-top: solid 10px #fff; } div.wrapHomeTestimonials > div{ height: inherit; } div.wrapHomeTestimonials li.relative > div.mAOLThumb{ position: absolute; height: 0; margin-left: -400px; padding-bottom: 100%; border: solid 25px #8ce3e7; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } div.wrapHomeTestimonials li.relative div.flex1{ opacity: 0; margin-top: 40px; } div.wrapHomeContact{ background-image: url("../images/bgIpadCoffee.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; } div.wrapHomeContact div.container{ z-index: 110; } #frmNLSubscribe div.flex1{ margin-right: 2px; } div.fRow > .checkbox{ margin-top: 10px; margin-bottom: 10px; } #frmAddEditFEClubEditors div.fRow > .checkbox{ margin: 0; } .checkbox input[type="checkbox"], .checkbox input[type="radio"]{ width: 100%; height: 100%; left: 0; } img.countryflag { width: 35px; } .video-background { background: #000; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; } .video-foreground, .video-background iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } #bgvid .html5-video-player{ background-color: #00639e !important; } #bgvid, video#bgvid1 { bottom: -9999px; height: auto; min-height: 100%; min-width: 100%; position: absolute; right: -9999px; width: auto; z-index: 40; overflow: hidden; opacity: 0; transition: opacity 1s ease 0s; -moz-transition: opacity 1s ease 0s; -wekbit-transition: opacity 1s ease 0s; } #bgvid.activated{ opacity: 1; bottom: 0; right: 0; } #bgvid div#videoContainer{ display: block; position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important; transform: scale(1.2, 1.2); } video#bgvid1 { z-index: 51; } body[class^="page-id"] header > div{ background-color: transparent; border: none; border: 0; } body.page-id-1 header > div > div.middle{ /*width: 100%;*/ } .btn > i.fa{ margin-right: 7px; } .width100{ width: 100px; } .width250{ width: 250px; } .width80Percent{ width: 80%; margin: 0 auto; } .width60Percent{ width: 60%; margin: 0 auto; } .btn-uni-default{ background-color: #566f89; color: #fff; } .btn-muted{ background-color: #fff; border-color: #ccc; } .btn.btn-md.width100{ width: 130px; } .btn-outline-hidden{ border-color: transparent; } article.item img.countryflag{ display: inline-block; vertical-align: baseline; margin-right: 5px; } div.wrapRecentTournament div.fineDate{ background-color: #aaa; } div.fineDate{ height: 70px; width: 60px; padding: 2px; background-color: #f0ad4e; margin-right: 10px; } div.fineDate.visible-xs{ width: calc(100% + 30px); margin-top: -15px; margin-left: -15px; padding: 0; margin-right: 0; height: auto; margin-bottom: 15px; } div.fineDate > div{ line-height: 100%; padding: 0; } div.fineDate > div > img{ width: 70%; height: auto; margin: 0 auto; filter: gray; /* IE6-9 */ filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */ -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */ } div.fineDate > div > img:hover{ filter: none; -webkit-filter: grayscale(0); } article.item div.fineDate > div > img.countryflag{ margin: 0 auto; } div.fineDate > div:first-child{ padding: 4px 2px; color: #fff; font-size: 18px; font-weight: 400; } div.fineDate.visible-xs > div:first-child{ width: 60px; float: left; padding: 10px 0 10px 10px; } div.fineDate > div + div{ background-color: #fff; padding: 10px 2px 2px; font-size: 28px; color: #f0ad4e; font-weight: 600; } div.fineDate.visible-xs > div + div{ float: left; width: calc(100% - 60px); padding: 10px 0; text-align: left; font-size: 18px; background-color: transparent; color: #fff; } div.wrapRecentTournament div.fineDate > div + div{ color: #aaa; } div.fineDate > div + div + div{ margin-top: -5px; text-align: center; } article.item div.inline-block{ vertical-align: middle; } .baseFont{ font-family: Arial, Helvetica, sans-serif; font-size: 22px; line-height: 100%; display: inline-block; vertical-align: middle; } article.item .btn{ border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; font-weight: 100; padding-top: 7px; padding-bottom: 5px; width: 140px; } article.item #frmFilterTournamentLiveWallFE div.fRow .btn{ width: 100%; } article.item .btn i.fa+span.small{ vertical-align: middle; } div.wrapCountdown{ height: 40px; width: 140px; text-align: center; font-size: 18px; } div.wrapCountdown > div{ float: left; width: 25%; text-align: center; } div.wrapCountdown span{ display: block; position: relative; line-height: 100%; } div.wrapCountdown > div{ padding-left: 2px; padding-right: 2px; } div.wrapCountdown > div > div{ } div.wrapCountdown > div > div > span:first-child{ font-size: 18px; padding: 5px 0; color: #f0ad4e; text-align: center; font-weight: 100; } div.wrapCountdown span + span{ text-align: center; font-size: 11px; margin-top: -4px; color: #666; } .left-xs{ float: left; } .right-xs{ float: right; } span.label.small { font-weight: 400; height: 18px; padding-top: 3px; } span.label.small:nth-child(2n){ margin-left: 20px; } h5 > span.label.tag{ vertical-align: middle; margin-top: -4px; display: inline-block; padding: 4px 7px; } .tag-default { background-color: #777; } .tag-warning { background-color: #f0ad4e; } .label-success { background-color: #5bc0de; } .tag { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } span.tag{ margin: 0 2px; } span.tag.small { font-size: 85%; font-weight: 400; } /* Fancy checkboxes style */ .checkbox label { padding-left: 10px; font-size: 14px; line-height: 100%; margin: 0; } .checkbox label > strong{ text-transform: uppercase; } div.fRow label { font-size: 14px; } .infoComingSoon.regularForm div.fRow label{ font-size: 14px; font-family: "Open Sans"; font-weight: 600; text-align: left; } .infoComingSoon.regularForm div.fRow label:before, .infoComingSoon.regularForm div.fRow label:after{ top: -3px; } .infoComingSoon.regularForm div.fRow input.mf-input, .infoComingSoon.regularForm div.fRow select.mf-select{ padding: 5px 10px; } .regularForm div.fRow input.mf-input:focus{ border-color: #73b6ef; background-color: #f6f6f6; } .regularForm h5{ margin-bottom: 3px; } input[type="checkbox"], input[type="radio"] { margin: -3px 4px 0 0; width: 14px; height: 14px; vertical-align: middle; } .checkbox input[type="checkbox"], .checkbox input[type="radio"] { position: absolute; width: 100%; height: 100%; left: 0; margin: 0; } #wrapTournamentBookingsFE .singleitem div[data-rel="memberid"]{ display: block; } div.wrapCB1 div.singleitem{ padding-bottom: 30px; border-bottom: solid 1px #ddd; margin-bottom: 20px; } div.wrapCB1 div.singleitem.singleitem1{ padding-bottom: 0; } #wrapTournamentBookingsFE div.wrapCB1 .checkbox{ height: 24px; margin-bottom: 20px; } #wrapTournamentBookingsFE div.wrapCB1 .checkbox.checkbox-default{ height: auto; margin-bottom: 10px; padding: 0; } #wrapTournamentBookingsFE div.wrapCB1 .checkbox.checkbox-default input[type="checkbox"]{ cursor: pointer; } #wrapTournamentBookingsFE div.wrapCB1 .checkbox.checkbox-default input[type="checkbox"] + label{ margin: 0; padding: 10px; display: block; position: relative; width: 100%; height: inherit; background-color: #f2f2f2; color: #777; line-height: 140%; font-size: 13px; } #wrapTournamentBookingsFE div.wrapCB1 .checkbox.checkbox-default input[type="checkbox"]:hover + label{ background-color: #ccc; color: #333; } #wrapTournamentBookingsFE div.wrapCB1 .checkbox.checkbox-default input[type="checkbox"]:checked + label{ background-color: #0275d8; color: #fff; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } #wrapTournamentBookingsFE div.wrapCB1 .checkbox.checkbox-default input[type="checkbox"] + label:before, #wrapTournamentBookingsFE div.wrapCB1 .checkbox.checkbox-default input[type="checkbox"] + label:after{ display: none; } #wrapTournamentBookingsFE div.wrapCB1 h3{ margin: 30px 0 20px; display: none; } #wrapTournamentBookingsFE div.wrapCB1 hr{ margin-bottom: 10px; margin-top: 25px; } div.wrapCB1 .small .checkbox label{ font-size: 11px; padding-left: 2px; padding-right: 20px; } .small div.checkbox.checkbox-default input[type="checkbox"] + label, div.fRow div.wrapCB1 .small div.checkbox.checkbox-default input[type="checkbox"] + label{ padding: 5px; margin-right: 20px; } .small div.checkbox.checkbox-default input[type="checkbox"]:checked + label, div.fRow div.wrapCB1 .small div.checkbox.checkbox-default input[type="checkbox"]:checked + label{ color: #fff; background-color: #0275d8; position: absolute; top: 0; left: 0; height: 100%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; padding-left: 25px; font-weight: 400; /* box-shadow: 0 0 0 2px #0275d8; -moz-box-shadow: 0 0 0 2px #0275d8; -webkit-box-shadow: 0 0 0 2px #0275d8; */ } .small div.checkbox.checkbox-default input[type="checkbox"]:checked + label::after { color: #fff; left: 5px; top: 5px; margin-left: 0; } .small div.checkbox.checkbox-default input[type="checkbox"]:checked + label:before{ display: none; } #wrapTournamentBookingsFE .singleitem div[data-rel="memberid"] div.wrapCB1{ padding: 0; margin-left: -10px; margin-right: -10px; } #wrapTournamentBookingsFE .singleitem div[data-rel="memberid"] div.wrapCB1 > div.col-md-3{ padding-left: 10px; padding-right: 10px; } #wrapTournamentInfoFE .row.lead{ font-size: 1.10rem; margin-top: 7px; margin-bottom: 3px; } .padd15 > .specialtitle{ margin-top: -15px; margin-left: -15px; margin-right: -15px; } .tr .td6 div.right .fa.fa-circle { font-size: 12px; vertical-align: sub; } .tr.inactive .td6 div.right .fa.fa-circle { color: #999; } .forcedZIndex100{ z-index: 100; } .forcedZIndex500{ z-index: 500; } a[data-context^="wrapAddEdit"], div.pencil > a{ border: solid 1px #58be3d; border-radius: 5px; color: #58be3d; text-decoration: none; font-size: 14px; padding: 3px 7px; height: 22px; z-index: 50; line-height: 100%; margin-top: -2px; } .checkbox a[data-context="wrapAddEditMember"]{ margin-left: 20px; } .checkbox a[data-action="deleteitem"]{ margin-left: 20px; } .checkbox a[data-action="deleteitem"] > .fa.fa-trash{ color: #c00; } .checkbox a[data-action="deleteitem"]:hover{ background-color: #c00; color: #fff; text-decoration: none; } .checkbox a[data-action="deleteitem"]:hover > .fa.fa-trash{ color: #fff; } a[data-context="wrapAddEditMember"]:hover, div.pencil > a:hover{ background-color: #58be3d; color: #fff; text-decoration: none; } a[data-context="wrapAddEditMember"]:hover > .fa.fa-pencil , div.pencil > a:hover .fa.fa-pencil{ color: #fff; } a[data-context="wrapAddEditMember"] > .fa.fa-pencil, div.pencil > a > .fa.fa-pencil { color: #58be3d; margin: 0; padding: 0; top: 0; vertical-align: middle; line-height: 100%; } div.delete > a, .checkbox a[data-action="deleteitem"]{ border: solid 1px transparent; border-radius: 5px; color: #999; text-decoration: none; font-size: 14px; padding: 3px 7px; height: 22px; z-index: 50; line-height: 100%; margin-top: -2px; } div.delete > a:hover, .checkbox a[data-action="deleteitem"]:hover{ border-color: #c00; color: #fff; background-color: #c00; } div.delete > a:hover > .fa.fa-trash, .checkbox a[data-action="deleteitem"]:hover > .fa.fa-trash{ color: #fff; } .text-bigger p{ font-size: 110%; } #competitors div.addActions div.left:first-child{ width: 170px; margin-right: 10px; } #competitors div.addActions div.left select.mf-select, #competitors div.addActions div.left input.mf-input{ padding: 3px; font-size: 12px; } #competitors article, .wrap-results article, #coaches article, .wrap-results article{ margin-bottom: 25px; border: solid 1px #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow: hidden; } .wrap-results .wrapFlag{ vertical-align: top; } #competitors article > div.item:nth-child(2n+1), .wrap-results article > div.item:nth-child(2n+1), #coaches article > div.item:nth-child(2n+1), #referees article > div.item:nth-child(2n+1), #referees article > div.item:nth-child(2n+1){ background-color: #f2f2f2; } #competitors div[data-hidetoggle="1"], .wrap-results div[data-hidetoggle="1"]{ opacity: 0.5; } .wrapFlag{ display: inline-block; vertical-align: middle; width: 24px; height: 16px; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; margin-right: 5px; } .wrapFlag1{ width: 10px; margin-right: 5px; vertical-align: top; } h1.competiorName{ font-size: 1.3em; } h1.competiorName > div.right{ float: none; } div.wrapAllTournamentCompetitors div.title.hidden{ display: none; } div.wrapAllTournamentCompetitors div.title{ display: flex; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ flex-direction: column; -webkit-flex-direction: column; clear: both; width: 100%; margin-top: 10px; margin-bottom: 10px; } div.wrapAllTournamentCompetitors div.title h5{ font-size: 1.15rem; } .hideDefault{ display: none; } .hideShown > .showDefault{ display: none; } .hideShown > .hideDefault{ display: inline; } #back-to-top { position: fixed; bottom: 40px; right: 40px; z-index: 9999; width: 48px; height: 48px; text-align: center; line-height: 100%; background: rgba(255,255,255, 0.0); color: #fff; font-size: 32px; cursor: pointer; border: 0; border-radius: 2px; text-decoration: none; transition: opacity 0.2s ease-out; opacity: 0; } #back-to-top > i.fa{ margin-top: 3px; opacity: 0.7; } #back-to-top:hover { background: rgba(255,255,255, 0.3); } #back-to-top.show { opacity: 1; } .open > .dropdown-menu{ display: block; } div.login .btn-group .dropdown-menu{ left: auto; right: 0; } div.login .btn-group .dropdown-menu a.dropdown-item:hover{ background-color: #f2f2f2; } a.superunderline{ display: inline-block; } h2 > a, h2 > a:hover, a.superunderline, a.superunderline:hover{ text-decoration: none; } a.superunderline:after{ content: ""; display: block; position: relative; width: 0; height: 1px; margin-top: -4px; background-color: #0275d8; transition: width 0.3s ease-out 0s; -moz-transition: width 0.3s ease-out 0s; -webkit-transition: width 0.3s ease-out 0s; } a.superunderline:hover:after{ width: 100%; background-color: #025aa5; } article.bg-white:hover{ background-color: #f2f2f2; } div.shortInfo a.text-white{ text-decoration: none; } div.shortInfo a.text-white:hover{ background-color: #aaa; color: #fff; text-decoration: none; } .tr.active .td6 div.right .fa.fa-circle { color: #58be3d; } div.td > div.ifoverflow, td.td > div.ifoverflow{ overflow: auto; } div#listMembers div.td > div.ifoverflow, table#listMembers td.td > div.ifoverflow{ overflow-x: hidden; max-height: 24px; padding-right: 2px; } /* DataTables override */ .table th, .table td{ padding: 7px 10px; border: none; border: 0; } table.dataTable{ width: 100% !important; border-collapse: collapse !important; display: none; } table.dataTable th.td6, table.dataTable td.td6{ width: 90px; } div.dataTables_filter input[type=search], div.dataTables_wrapper div.dataTables_filter input{ border: solid 1px #ddd; font-size: 14px; padding: 5px 10px; width: 260px; height: auto; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } div.dataTables_filter input[type=search]:focus{ border-color: #73b6ef; background-color: #f6f6f6; } table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting{ padding: 7px 10px; border: none; border: 0; } div.dataTables_filter div.right{ margin-bottom: -30px; z-index: 20; } /* Style for Big Display 2x2m */ div.wrapServiceInformations{ height: auto; } div.wrapBattlesLiveResults{ height: auto; flex-direction: column; justify-content:flex-start; align-items:stretch; } div.wrapBattlesInfo{ order: 1; flex-grow: 1; height: auto; flex-direction: column; } div.wrapBattlesInfo > div{ flex: 1; margin-bottom: 0; border-bottom: solid 3px #0275d8; } div.wrapClubResults{ order: 2; background-color: #f2f2f2; margin-bottom: 0; } div.wrapClubResults div.flexbox{ flex-direction: column; } div.wrapClubResults div.flexbox > div{ width: 100%; text-align: left; } div.wrapClubResults div.flexbox > div .padd10{ padding: 0; } div.wrapClubResults div.flexbox > div.flex1{ padding-left: 0.5em; padding-right: 0.5em; } div.wrapClubResults div.flexbox > div .left{ float: none; } .bigTitle{ font-size: 120%; } div.wrapBattlePair{ margin: 10px auto; align-items: center; flex-wrap:nowrap; flex-direction:row; justify-content:flex-start; align-items:stretch; } div.currentLiveBattle h5{ padding-left: 10px; line-height: 140%; font-size: 120%; text-transform: uppercase; } div.currentLiveBattle h5 > .small{ } div.currentLiveBattle h5{ padding: 0; display: block; position: relative; margin-bottom: 15px; margin-top: 20px; } div.currentLiveBattle h5:before{ content: ""; display: block; position: absolute; z-index: 1; width: 100%; left: 0; top: 16px; height: 2px; background-color: #000; vertical-align: middle; } div.currentLiveBattle h5 > div.inline-block{ background-color: #fff; vertical-align: middle; z-index: 2; padding: 5px 15px; } div.currentCompletedBattle h5{ color: #6abc9c; } div.currentLiveBattle.currentCompletedBattle h5:before, div.currentLiveBattle.currentCompletedBattle h5 > div.inline-block{ background-color: #6abc9c; color: #fff; } div.currentLiveBattle.currentPoomsaes h5:before, div.currentLiveBattle.currentPoomsaes h5 > div.inline-block{ background-color: #756abc; color: #fff; } div.nextComingBattle h5{ color: #0275d8; } div.currentLiveBattle.nextComingBattle h5:before, div.currentLiveBattle.nextComingBattle h5 > div.inline-block{ background-color: #0275d8; color: #fff; } div.currentCompletedBattle h5.nomargin{ margin-bottom: -10px; } div.currentLiveBattle div.wrapBattlePair{ margin-bottom: 25px; padding-right: 10px; } div.wrapBattlePair > div{ align-self: center; } div.wrapBattlePair div.whatEorder{ order: 1; flex-basis: 60px; font-size: 130%; padding-left: 10px; text-align: center; } div#drawsandresults div.wrapBattlePair div.whatEorder{ padding-left: 0; } .wrap-poomsaes div.wrapBattlePair div.whatEorder{ padding-left: 0; flex-basis: 70px; } div.activityIndicator{ left: 0; } div.wrapPoomsaeStatistic div.wrapBattlePair{ width: 470px; float: left; } div.wrapPoomsaeStatistic div.wrapBattlePair div.item{ height: 70px; } div.wrapPoomsaeStatistic div.wrapBattlePair div.item div.wrapPoints{ width: 140px; text-align: left; padding: 10px; } div.wrapPoomsaeStatistic div.wrapBattlePair div.whatEorder{ flex-basis: 70px; } div[data-countbattlegrounds="6"] div.currentLiveBattle div.wrapBattlePair div.whatEorder{ flex-basis: 40px; font-size: 110%; } div.wrapBattlePair div.whatPair{ order: 2; flex-grow: 1; } div.wrapBattlePair div.item{ border: solid 1px #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #fff; overflow: hidden; } div.currentLiveBattle div.wrapBattlePair div.item{ font-size: 110%; text-transform: uppercase; } div.wrapBattlePair div.item:first-child, div.wrapBattlePair div.item.wrap-winner:first-child{ margin-bottom: 5px; } div.wrapBattlePair div.item.wrap-color1, div.wrapBattlePair div.item.wrap-winner.wrap-color1 { border-left: solid 8px #06f; } div.wrapBattlePair div.item.wrap-color2, div.wrapBattlePair div.item.wrap-winner.wrap-color2 { border-left: solid 8px #f11; } div.wrapBattlePair div.item{ padding: 3px 10px; transform: translate(0,0); -moz-transform: translate(0,0); -webkit-transform: translate(0,0); -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; line-height: 120%; } div[data-action="hovertomarkthesame"]{ transform: translate(0,0); -moz-transform: translate(0,0); -webkit-transform: translate(0,0); -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } div.wrapBattlePair div.item div.wrapPoints{ right: -1px; top: -1px; height: calc(100% + 2px); width: 36px; padding-top: 3px; color: #fff; border: solid 1px #ccc; text-align: center; font-size: 120%; z-index: 40; border-left-width: 2px; background-color: #fff; } #wrapBattlesLiveResults div.wrapBattlePair div.item.wrap-winner{ animation: blinker 1.5s linear infinite; -moz-animation: blinker 1.5s linear infinite; -webkit-animation: blinker 1.5s linear infinite; } #wrapBattlesLiveResults div.wrapBattlePair div.item.wrap-winner:first-child{ background-color: #06f; color: #fff; border-color: #06f; } #wrapBattlesLiveResults div.wrapBattlePair div.item.wrap-winner:first-child div.wrapPoints{ background-color: #06f; color: #fff; border-color: #fff; } #wrapBattlesLiveResults div.wrapBattlePair div.item.wrap-winner:nth-child(2){ background-color: #f11; color: #fff; border-color: #f11; } #wrapBattlesLiveResults div.wrapBattlePair div.item.wrap-winner:nth-child(2) div.wrapPoints{ background-color: #f11; color: #fff; border-color: #fff; } div.wrapBattlePair div.item.mark-same, div.item.mark-same{ transform: translate(-5px,0); -moz-transform: translate(-5px,0); -webkit-transform: translate(-5px,0); background-color: #e8f6bf; } div.wrapBattlePair div.item.mark-clubormember, div.item.mark-clubormember{ background-color: #e2ebf2; } div.wrapBattlePair div.item.wrap-winner div.wrapPoints{ background-color: #f2f2f2; } div.wrapBattlePair div.item:first-child div.wrapPoints{ color: #06f; } div.wrapBattlePair div.item:nth-child(2) div.wrapPoints{ color: #f11; } div.currentLiveBattle{ background-color: #fff; margin-top: 0; padding: 10px 0 0; } #wrapDisplayLiveTournament{ height: 100vh; overflow: hidden; } #wrapDisplayLiveTournament div.wrapBattlesLiveResults{ display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 30; } .page_content { background-color: #ee233b; width: 100%; height: 100%; left: 0; top: 0; -ms-transform-origin: top left; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transition: all 500ms ease-in-out !important; transition: all 500ms ease-in-out !important; position: absolute; } #wrapDisplayLiveTournament .bg-danger{ background-color: #d00 !important; } .bg-danger{ background-color: #b00 !important; } div.wrapBattlegroundLive .margin-minus{ margin-left: -10px; margin-right: -10px; margin-top: -10px; } div.wrapBattlegroundLive .margin-minus.padd10{ padding: 10px; } #wrapDisplayLiveTournament .bg-disqualified{ background-color: #faa; color: #f00; border-color: #f00; } div.wrapDSQ{ right: 0; top: 0; height: 100%; padding: 5px; background-color: #fff; z-index: 50; } div.wrapWIN{ right: 40px; padding: 5px; z-index: 50; } h5.relative { padding-top: 8px; } h5.relative.wrapResults{ padding: 7px 15px; font-size: 80%; color: #fff; } .table.wrapTournamentStatistics{ margin: 0; } .wrap-statistic h5{ font-size: 1.1rem; margin-bottom: 5px; } .wrap-statistic h4{ font-size: 1.3rem; margin-bottom: 7px; } .wrap-statistic h4 + h5{ padding: 0; } .wrap-statistic div.th { font-weight: 400; padding: 5px 10px; background-color: #697c8a; color: #fff; font-size: 0.8rem; } .wrap-statistic div.td{ font-weight: 400; padding: 5px 10px; font-size: 0.8rem; } .wrap-statistic div.table.auto-width div.td{ font-size: 1rem; } .wrap-statistic div.table div.tr div.td:first-child > span.text-muted:first-child{ display: inline-block; width: 60px; } .wrap-statistic div.table div.tr div.td:nth-child(2) > div.inline-block{ display: block; } .wrap-statistic div.table div.tr div.td:first-child{ width: 50%; } .wrap-statistic div.table div.tr div.td:first-child > div.inline-block{ width: 30px; text-align: right; } .wrap-statistic div.table{ width: 708px !important; max-width: 708px !important; min-width: 708px !important; } .wrap-statistic div.table.auto-width{ width: 100% !important; max-width: 708px !important; min-width: 100% !important; } #wrapAllDrawFilters .btn{ width: auto; margin-bottom: 1rem; padding-top: 7px; padding-bottom: 7px; } #wrapAllDrawFilters div.right{ float: none; } div.fixedtable{ overflow: auto; } .wrap-statistic .td0{ width: 30px; } .wrap-statistic .btn-sm{ font-size: 0.8rem; } .wrap-statistic .td4{ width: 160px; } .wrap-statistic .td7{ width: 30px; } .wrapLiveTournamentFE{ background-color: #0275d8; color: #fff; background: rgba(73,155,234,1); background: -moz-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(73,155,234,1) 48%, rgba(32,124,229,1) 68%, rgba(32,124,229,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(48%, rgba(73,155,234,1)), color-stop(68%, rgba(32,124,229,1)), color-stop(100%, rgba(32,124,229,1))); background: -webkit-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(73,155,234,1) 48%, rgba(32,124,229,1) 68%, rgba(32,124,229,1) 100%); background: -o-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(73,155,234,1) 48%, rgba(32,124,229,1) 68%, rgba(32,124,229,1) 100%); background: -ms-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(73,155,234,1) 48%, rgba(32,124,229,1) 68%, rgba(32,124,229,1) 100%); background: linear-gradient(135deg, rgba(73,155,234,1) 0%, rgba(73,155,234,1) 48%, rgba(32,124,229,1) 68%, rgba(32,124,229,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=1 ); transition: hhBackground 2s ease-out 0s; -moz-transition: hhBackground 2s ease-out 0s; -webkit-transition: hhBackground 2s ease-out 0s; } .wrapLiveTournamentFE div.shortInfo a.text-white:hover{ color: #0275d8 !important; background-color: #fff; } .wrapLiveTournamentFE div.fineDate, .wrapLiveTournamentFE div.fineDate > div + div{ background-color: transparent; } .wrapLiveTournamentFE .bg-gray{ background-color: transparent; } article.wrapLiveTournamentFE.border-bottom-danger{ border-bottom-color: #fff; } .wrapLiveTournamentFE .text-primary, .wrapLiveTournamentFE .text-muted, .wrapLiveTournamentFE .btn-default{ color: #fff !important; } .wrapLiveTournamentFE .btn-default{ border-width: 2px; } .wrapLiveTournamentFE .btn-default:hover{ border-color: #fff; } article.wrapLiveTournamentFE.bg-white:hover, article.wrapLiveTournamentFE.bg-white:hover .bg-gray{ background-color: transparent; } div.wrapSlideshow{ background-color: #fff; overflow: hidden; height: 0; padding-bottom: 45%; background-color: #212121; opacity: 0; transition: opacity 0.5s ease 0s, height 0.7s ease-out 0s; -moz-transition: opacity 0.5s ease 0s, height 0.7s ease-out 0s; -webkit-transition: opacity 0.5s ease 0s, height 0.7s ease-out 0s; z-index: 100; } div.wrapSlideshow.activated, div.wrapSlideshow div.item.activated{ opacity: 1; } div.wrapSlideshow div.item.activated1{ opacity: 1; transition: opacity 1s ease 0s; -moz-transition: opacity 1s ease 0s; -webkit-transition: opacity 1s ease 0s; } div.wrapSlideshow div.item{ opacity: 0; left: 0; top: 0; width: 100%; height: 100%; background-position: center top; background-repeat: no-repeat; background-size: cover; position: absolute; } div.wrapSlideshow div.item img.blankimg{ width: 100%; height: 100%; } div.wrapSurvey > div{ background: rgba(169,3,41,1); background: -moz-linear-gradient(-45deg, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(169,3,41,1)), color-stop(44%, rgba(143,2,34,1)), color-stop(100%, rgba(109,0,25,1))); background: -webkit-linear-gradient(-45deg, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); background: -o-linear-gradient(-45deg, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); background: -ms-linear-gradient(-45deg, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); background: linear-gradient(135deg, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=1 ); } div.wrapSurvey .h4 > .small{ opacity: 0.7; } div.wrapButtons .btn{ padding-left: 30px; padding-right: 30px; height: 36px; } div.wrapButtons .btn > input.mf-radio{ left: 0; top: 0; z-index: 100; width: 100%; height: 100%; opacity: 0; margin: 0; padding: 0; cursor: pointer; } div.wrapButtons .btn > input.mf-radio + label.abs{ left: 0; top: 0; z-index: 90; width: 100%; height: 100%; padding-top: 7px; text-align: center; transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; } div.wrapButtons .btn > input.mf-radio + label.abs.btn-success{ left: auto; right: 0; } div.wrapButtons .btn > input.mf-radio:hover + label.abs.btn-success{ background-color: #449d44; border-color: #419641; color: #fff; } div.wrapButtons .btn > input.mf-radio:hover + label.abs.btn-danger{ background-color: #c9302c; border-color: #c12e2a; color: #fff; } div.wrapButtons .btn > input.mf-radio:checked + label.abs{ width: 120px; } div.wrapButtons .btn > input.mf-radio:checked + label.abs.btn-success{ background-color: #449d44; border-color: #419641; color: #fff; } div.wrapButtons .btn > input.mf-radio:checked + label.abs.btn-danger{ background-color: #c9302c; border-color: #c12e2a; color: #fff; } div.surveyDiagram{ height: 36px; background-color: #fff; box-shadow: 0 0 7px rgba(0,0,0, 0.4); -moz-box-shadow: 0 0 7px rgba(0,0,0, 0.4); -webkit-box-shadow: 0 0 7px rgba(0,0,0, 0.4); } div.surveyDiagram > div.diagramItem{ top: 0; height: 100%; } div.surveyDiagram > div.diagramItem > div.abs, div.surveyDiagram > div.diagramVotes{ padding: 10px; min-width: 100px; z-index: 100; } div.surveyDiagram > div.diagramYes{ left: 0; } div.surveyDiagram > div.diagramYes > div.abs{ left: 0; color: #fff; } div.surveyDiagram > div.diagramNo{ right: 0; } div.surveyDiagram > div.diagramNo > div.abs{ right: 0; } div.wrapComments item{ margin-bottom: 20px; } div.wrapTournamentRestrictions ul li > .flexbox > div:first-child{ width: 30px; text-align: center; } div.wrapTournamentRestrictions div.inline-block{ margin-right: 5px; } div.fileUploaderContainer div.overlayMove { margin-top: 20px; } div.qq-upload-button{ height: 26px; } div.newfileUploader button.mf-button { padding: 3px 15px; } div.qq-upload-button div.mf-input{ left: 0; top: 0; width: 65%; } div.qq-upload-button input.mf-file{ top: 0; left: 0; width: 100%; height: 27px; opacity: 0; z-index: 5; cursor: pointer; } a.deletePhoto.mf-button, a.deleteMedia.mf-button { background-color: #f51f2c; } a.deletePhoto.mf-button:hover, a.deleteMedia.mf-button:hover { background-color: #fff; color: #f51f2c; } div.fileUploaderContainer div.overlayMove div.progressBarHolder{ height: 2px; margin-bottom: 45px; } div.progressBar{ width: 0; height: 100%; left: 0; top: 25px; background-color: #0098da; } .progressBarText{ top: 25px; font-size: 12px; } .cancelUpload{ top: 7px; font-size: 12px; right: 0; } a.deletePhoto{ top: 10px; left: 10px; z-index: 25; padding: 5px 10px; font-size: 11px; } div.mAOLThumbnail { margin: 20px 0; } div[data-target="wrapLiveDrawAndResults"]{ min-height: 400px; } div.wrapLiveDrawFilters select.mf-select, div.wrapLiveDrawFilters input.mf-input{ padding: 5px 5px 4px 5px; } div.wrapLiveDrawFilters > div.row{ margin-left: -5px; margin-right: -5px; } div.wrapLiveDrawFilters > div.row > div[class^="col-"]{ padding-left: 5px; padding-right: 5px; } #frmFilterLiveTournamentFE div.fRow{ margin-bottom: 1em; } #wrapMemberHistoryFE div.image-holder{ text-align: center; margin-bottom: 1em; } #wrapMemberHistoryFE div.image-holder > div.mAOLThumbnail{ width: 200px; height: 270px; background-position: center center; background-repeat: no-repeat; background-size: cover; border: solid 4px #f2f2f2; box-shadow: 0 0 6px rgba(0,0,0, 0.3); -moz-box-shadow: 0 0 6px rgba(0,0,0, 0.3); -webkit-box-shadow: 0 0 6px rgba(0,0,0, 0.3); margin-bottom: 0; margin-top: 0; margin-left: auto; margin-right: auto; } #wrapMemberHistoryFE #wrapMemberShortStatistic > div.flexbox{ flex-direction: column; -moz-flex-direction: column; -webkit-flex-direction: column; } #wrapMemberHistoryFE #wrapMemberShortStatistic div.flex1{ align-self: flex-start; -webkit-align-self: flex-start; width: 100%; } #wrapMemberHistoryFE #wrapMemberShortStatistic div.flex1.temphidden{ display: none; } body.wider #wrapMemberHistoryFE #wrapMemberShortStatistic div.flex1.temphidden{ display: flex; overflow: hidden; flex-direction: column; -webkit-flex-direction: column; } body.wider #wrapMemberHistoryFE #wrapMemberShortStatistic div.flex1.temphidden > div.flex-row{ flex-direction: row; } div.barChart{ height: 200px; } div.barChart .barChart__bar{ height: 26px; background: #566f89; } div.barChart .barChart__barFill{ background: #e3cd70; } div.barChart .barChart__label{ width: 90px; } div.pieChart{ height: 150px; width: 150px; } div.pieChart div.ajaxLoader > div.fineloader{ width: 50px; height: 50px; } div.barChart div.ajaxLoader > div.fineloader{ width: 100px; height: 100px; } div.schemaViewNoFlex{ overflow: scroll; } div.schemaViewNoFlex > div.must-break{ width: 1170px; } div.wrapSingleMemberLiveDrawAndResults div.paddLeft30 > article{ padding-top: 1rem; } div.wrapSingleMemberLiveDrawAndResults h3{ font-size: 1.2rem; } .chart { position: absolute; width: 150px; height: 150px; top: 50%; left: 50%; margin: -75px 0 0 -75px; z-index: 2; } .pieTip { position: absolute; float: left; min-width: 30px; max-width: 300px; padding: 5px 18px 6px; border-radius: 2px; background: rgba(255,255,255,.97); color: #444; font-size: 16px; text-shadow: 0 1px 0 #fff; text-transform: none; text-align: center; line-height: 1.3; letter-spacing: .06em; box-shadow: 0 0 3px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.5); -webkit-transform: all .3s; -moz-transform: all .3s; -ms-transform: all .3s; -o-transform: all .3s; transform: all .3s; pointer-events: none; z-index: 400; } .pieTip:after { position: absolute; left: 50%; bottom: -6px; content: ""; height: 0; margin: 0 0 0 -6px; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 6px solid rgba(255,255,255,.95); line-height: 0; z-index: 20; } .chart path { cursor: pointer; } .hidden-xs{ display: none; } .visible-xs{ display: block; } #frmSearchCompetitor div.fRow{ right: 0; top: 0; width: 170px; height: 32px; transition: width 0.2s ease-out 0s; -moz-transition: width 0.2s ease-out 0s; -webkit-transition: width 0.2s ease-out 0s; } div.wrapIFields{ left: 0; top: 100%; width: 100%; z-index: 200; background-color: rgba(0,0,0, 0.7); background-image: url("../images/blank.gif"); box-shadow: 0 2px 5px rgba(0,0,0, 0.7); max-height: 460px; overflow: auto; } div.col-md-6.fRow > div.wrapIFields{ width: calc(100% - 30px); margin-left: 15px; } #frmRegisterFEUser div.fRow > div.wrapIFields, #competitors div.addActions div.fRow > div.wrapIFields{ margin-top: -20px; } #competitors div.addActions div.fRow > div.wrapIFields{ margin-top: -18px; width: calc(100% + 100px); } div.wrapIFields a.relative{ padding: 4px 10px; text-decoration: none; background-color: #fff; font-size: 13px; } div.wrapIFields a.relative:after{ content: ""; display: block; position: absolute; height: 1px; background-color: #f2f2f2; width: 92%; bottom: 0; left: 4%; } div.wrapIFields a.relative:hover{ text-decoration: none; color: #fff; background-color: #399ff8; } div.wrapIFields a.relative:hover:after{ display: none; } a.mf-lang, .mf-lang { color: #fff; } a.mf-lang:hover{ font-weight: 600; } span.mf-lang { font-size: 13px; width: auto; } button.mf-lang, a.mf-lang, .mf-lang { text-decoration: none; font-size: 14px; font-weight: 100; padding: 9px 0; text-align: center; } .mf-lang > div.bg-image{ width: 25px; height: 15px; background-position: center center; background-repeat: no-repeat; background-size: cover; } #frmSearchCompetitor div.fRow.activated{ width: 265px; } #frmSearchCompetitor1 div.fRow.activated div.wrapIFields{ top: calc(100% - 20px); } #frmSearchCompetitor div.fRow div.abs.with-icon, #frmSearchCompetitor1 div.fRow div.abs.with-icon{ top: 5px; right: 7px; color: #fff; } #frmSearchCompetitor div.fRow input.mf-input, #frmSearchCompetitor1 div.fRow input.mf-input{ padding-left: 10px; color: #fff; background-color: rgba(255,255,255, 0.1); } #frmSearchCompetitor div.fRow input.mf-input:focus, #frmSearchCompetitor1 div.fRow input.mf-input:focus{ background-color: rgba(0,0,0, 0.4); } #frmSearchCompetitor div.fRow input.mf-input::-webkit-input-placeholder, #frmSearchCompetitor1 div.fRow input.mf-input::-webkit-input-placeholder { color: #fff; opacity: 1; } #frmSearchCompetitor div.fRow input.mf-input:-moz-placeholder, #frmSearchCompetitor1 div.fRow input.mf-input:-moz-placeholder { /* Firefox 18- */ color: #fff; opacity: 1; } #frmSearchCompetitor div.fRow input.mf-input::-moz-placeholder, #frmSearchCompetitor1 div.fRow input.mf-input::-moz-placeholder { /* Firefox 19+ */ color: #fff; opacity: 1; } #frmSearchCompetitor div.fRow input.mf-input:-ms-input-placeholder, #frmSearchCompetitor1 div.fRow input.mf-input:-ms-input-placeholder { color: #fff; opacity: 1; } div#wrapDisplayPoomsaeLiveTournament, div.wrapPoomsaeLiveResults{ height: inherit; } div.wrapPoomsaeLiveResults{ z-index: 20; } div#wrapDisplayPoomsaeLiveTournament{ background-image: url("../images/bgBody1.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; } div#wrapDisplayPoomsaeLiveTournament:after{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255, 0.5); z-index: 5; } div.wrapPoomsaeLiveResults div.image-holder{ margin-bottom: 20px; } div.wrap-eorder{ left: 0; top: 0; z-index: 50; } div.wrap-timetoplay{ right: 0; top: 0; z-index: 51; } div.wrapPoomsaeLiveResults div.image-holder > div.mAOLThumbnail{ width: 100px; height: 135px; background-position: center center; background-repeat: no-repeat; background-size: cover; border: solid 4px #f2f2f2; box-shadow: 0 0 6px rgba(0,0,0, 0.3); -moz-box-shadow: 0 0 6px rgba(0,0,0, 0.3); -webkit-box-shadow: 0 0 6px rgba(0,0,0, 0.3); margin-bottom: 0; margin-top: 0; margin-left: auto; margin-right: auto; } div.wrapPoomsaeLiveResults div.image-holder > div.mAOLThumbnail.wider{ width: 200px; } div.wrapJudges div.judgeFinalScore{ font-size: 160%; } div.wrapSingleWallItem{ z-index: 20; } div.wrapSingleWallItem div.wrapBattlePair{ font-size: 70%; margin: 0; } div.wrapSingleWallItem div.lead{ font-size: 85%; } div.wrapSingleWallItem div.wrapBattlePair div.item{ padding: 3px 5px; } div.wrapSingleWallItem div.wrapBattlePair div.item div.wrapPoints{ padding: 0; } div.middleWallLine{ width: 2px; background-color: #fff; z-index: 10; display: none; height: 100%; top: -40px; } div.wallLine{ display: none; width: 27%; height: 2px; background-color: #fff; z-index: 11; } div.wallLine:after{ content: ""; display: block; position: absolute; width: 20px; height: 20px; border: solid 6px #fff; background-color: #f0ad4e; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin-left: -10px; margin-top: -10px; } div.wrapSingleWallItem div.wallLine, div.wrapSingleWallItem div.wallLine:after{ left: 100%; } div.akatooltip{ background-color: #f90; color: #fff; font-size: 16px; } h2.tournamentTitle img.img-responsive{ vertical-align: middle; } div.wrapWhatDisplay{ position: fixed; right: 0; bottom: 0; z-index: 1000; font-size: 16px; } div.wrapLanguageMenu{ padding: 20px 15px 10px 15px; } #wrapTournamentBookingsFE div.wrapCB1 .wrapSingleDiscipline div.specialTitle{ border-bottom: solid 1px #ccc; } #wrapTournamentBookingsFE div.wrapCB1 .wrapSingleDiscipline div.specialTitle > div.inline-block{ background-color: #ccc; color: #fff; } /* #wrapTournamentBookingsFE div.wrapCB1 .bgDiscipline1 .checkbox.checkbox-default input[type="checkbox"] + label{ color: #cf2442; } #wrapTournamentBookingsFE div.wrapCB1 .bgDiscipline3 .checkbox.checkbox-default input[type="checkbox"] + label{ color: #654683; } #wrapTournamentBookingsFE div.wrapCB1 .bgDiscipline6 .checkbox.checkbox-default input[type="checkbox"] + label{ color: #934f51; } */ #wrapTournamentBookingsFE div.wrapCB1 .bgDiscipline1 .checkbox.checkbox-default input[type="checkbox"]:checked + label{ background-color: #cf2442; color: #fff; } #wrapTournamentBookingsFE div.wrapCB1 .bgDiscipline3 .checkbox.checkbox-default input[type="checkbox"]:checked + label{ background-color: #705a80; color: #fff; } #wrapTournamentBookingsFE div.wrapCB1 .bgDiscipline6 .checkbox.checkbox-default input[type="checkbox"]:checked + label{ background-color: #934f51; color: #fff; } #wrapTournamentBookingsFE div.wrapCB1 .bgDiscipline1 div.specialTitle{ border-bottom: solid 1px #cf2442; } #wrapTournamentBookingsFE div.wrapCB1 .bgDiscipline1 div.specialTitle > div.inline-block{ background-color: #cf2442; } #wrapTournamentBookingsFE div.wrapCB1 .bgDiscipline3 div.specialTitle{ border-bottom: solid 1px #705a80; } #wrapTournamentBookingsFE div.wrapCB1 .bgDiscipline3 div.specialTitle > div.inline-block{ background-color: #705a80; } #wrapTournamentBookingsFE div.wrapCB1 .bgDiscipline6 div.specialTitle{ border-bottom: solid 1px #934f51; } #wrapTournamentBookingsFE div.wrapCB1 .bgDiscipline6 div.specialTitle > div.inline-block{ background-color: #934f51; } #wrapTournamentBookingsFE div.wrapCB1 div.mAOLThumbnail{ width: 80px; height: 100px; margin: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; display: inline-block; vertical-align: middle; margin-right: 15px; border: solid 2px #ccc; } #wrapTournamentBookingsFE div.wrapCB1 div.singleitem > div.checkbox{ height: auto; } div.wrapPreliminaryRound { padding: 20px; border: solid 2px #ccc; background-color: #f2f2f2; width: 400px; margin: 0; } div.wrapOverlayDark{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0, 0.4); z-index: 10; } div.wrapTournamentClubsRankingList{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 52px; overflow: hidden; z-index: 30; background-color: #1c2f3f; color: #fff; font-size: 18px; } div.wrapTournamentClubsRankingList > ul.wrapBreakingNewsBar{ display: block; position: absolute; z-index: 32; top: 10px; left: 100%; width: 1000%; } div.wrapTournamentClubsRankingList > ul.wrapBreakingNewsBar > li.relative{ line-height: 100%; } div.wrapCourtLoader{ left: 0; top: 0; width: 100%; height: 7px; overflow: hidden; z-index: 200; background-color: #0275d8; } div.wrapCourtLoader > div{ position: absolute; top: 2px; left: 0; width: 0; height: 2px; background-color: #fff; } div.wrapSingleCourtTournamentDisplayContainer{ height: 100vh; overflow: hidden; opacity: 0; z-index: 20; top: 100px; transition: opacity 1s linear 0s, top 0.5s ease-out; -moz-transition: opacity 1s linear 0s, top 0.5s ease-out; -webkit-transition: opacity 1s linear 0s, top 0.5s ease-out; } div.wrapSingleCourtTournamentDisplayContainer.activated{ opacity: 1; top: 0; } div.wrapSingleTournamentCourt{ padding: 0; font-size: 32px; color: #f90; text-align: center; font-weight: 600; background-color: transparent; height: 100vh; overflow: hidden; } div.wrapSingleTournamentCourt div.wrapCourt{ z-index: 100; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } div.wrapSingleTournamentCourt div.wrapCourt > div.wrapAllBattlesContainer{ z-index: 100; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); width: 2380px; height: 1250px; transform-origin: 0 top; } div.wrapSingleTournamentCourt div.wrapCourt > div.wrapAllBattlesContainer > div{ z-index: 100; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 52px; } div.wrapSingleTournamentCourt div.courtTitle{ display: block; position: absolute; top: 0; left: 0; height: 52px; z-index: 20; background-color: #0275d8; color: #fff; padding: 15px 10px 15px 30px; line-height: 100%; font-size: 22px; opacity: 0; transition: opacity 0.3s linear 1s, top 0.5s ease-out; -moz-transition: opacity 0.3s linear 0s, top 0.5s ease-out; -webkit-transition: opacity 0.3s linear 0s, top 0.5s ease-out; } div.wrapSingleTournamentCourt.activated div.courtTitle{ opacity: 1; } /* div.wrapSingleTournamentCourt div.wrapPoomsae div.courtTitle{ background-color: #55c366; } */ div.wrapSingleTournamentCourt div.courtTitle:before{ content: ""; display: block; position: absolute; right: 100%; top: -51px; border-style: solid; border-width: 52px; border-color: transparent #0275d8 transparent transparent; } div.wrapSingleTournamentCourt div.courtTitle:after{ content: ""; display: block; position: absolute; left: 100%; top: -51px; border-style: solid; border-width: 52px; border-color: transparent transparent transparent #0275d8; } /* div.wrapSingleTournamentCourt div.wrapPoomsae div.courtTitle:before{ border-color: transparent #55c366 transparent transparent; } */ /* div.wrapSingleTournamentCourt div.wrapPoomsae div.courtTitle:after{ border-color: transparent transparent transparent #55c366; } */ div.wrapSingleTournamentCourt hr{ border: 0; border-top: solid 2px #f60; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle{ height: calc(100% - 500px); } div.wrapSingleTournamentCourt div.wrapPoomsae div.wrapCompletedBattle.wrapLiveBattle{ height: calc(100% - 560px); } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapFinishedBattle{ height: 220px; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapFinishedBattle > div, div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle > div, div.wrapSingleTournamentCourt div.wrapNextBattles > div{ display: block; position: absolute; top: 50%; width: 100%; left: 0; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapFinishedBattle > div{ transform: translateY(-50%) scale(0.5, 0.5); -moz-transform: translateY(-50%) scale(0.5, 0.5); -webkit-transform: translateY(-50%) scale(0.5, 0.5); } div.wrapSingleTournamentCourt div.wrapNextBattles > div{ transform: translateY(-50%) scale(0.8, 0.8); -moz-transform: translateY(-50%) scale(0.8, 0.8); -webkit-transform: translateY(-50%) scale(0.8, 0.8); } div.wrapSingleTournamentCourt div.wrapNextBattles > div > div.inline-block{ width: 2380px; } div.wrapSingleTournamentCourt div.wrapPoomsae div.wrapCompletedBattle.wrapFinishedBattle{ } div.wrapSingleTournamentCourt div.wrapNextBattles{ opacity: 1; height: 280px; } div.wrapSingleTournamentCourt div.wrapPoomsae div.wrapNextBattles{ height: 340px; } div.wrapSingleTournamentCourt div.image-holder > div.mAOLThumbnail{ width: 100px; height: 130px; background-position: center center; background-repeat: no-repeat; background-size: cover; border: solid 4px #f2f2f2; margin-bottom: 10px; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.image-holder > div.mAOLThumbnail, div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapFinishedBattle div.image-holder > div.mAOLThumbnail{ width: 100%; height: 0; padding-bottom: 130%; } div.wrapSingleTournamentCourt div.wrapPoomsae div.wrapCompletedBattle.wrapLiveBattle div.multiple-competitors div.image-holder > div.mAOLThumbnail, div.wrapSingleTournamentCourt div.wrapPoomsae div.wrapCompletedBattle.wrapFinishedBattle div.multiple-competitors div.image-holder > div.mAOLThumbnail{ padding-bottom: 60%; } div.wrapSingleTournamentCourt div.wrap-single-battle-competitor{ background-color: #0275d8; color: #fff; } div.wrapSingleTournamentCourt div.wrapPoomsae div.wrap-single-battle-competitor{ background-color: #55c366; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-competitor, div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapFinishedBattle div.wrap-single-battle-competitor{ text-align: center; } div.wrapSingleTournamentCourt div.wrap-single-battle-competitor.bgcolor-no-battle{ background-color: #f00; color: #fff; min-height: 138px; font-size: 32px; } div.wrapSingleTournamentCourt div.wrap-single-battle-competitor.bgcolor-no-battle div.wrap-name-and-club{ width: 100%; } div.wrapSingleTournamentCourt div.wrap-single-battle-competitor.bgcolor-no-battle > div.wrap-owerflow-hidden{ position: absolute; left: 0; top: 50%; width: 100%; text-align: center; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } div.wrapSingleTournamentCourt div.wrap-single-battle-competitor div.wrap-owerflow-hidden{ overflow: hidden; } div.wrapSingleTournamentCourt div.wrap-single-battle-competitor div.wrap-winner-in-battle{ display: none; position: absolute; top: 100%; left: 0; width: 100%; padding: 8px 10px; font-size: 42px; font-weight: 700; background-color: #ff0; color: #000; line-height: 100%; } div.wrapSingleTournamentCourt div.wrap-single-battle-competitor div.wrap-winner-in-battle > div{ } div.wrapSingleTournamentCourt div.wrapCompletedBattle div.wrap-single-battle-competitor.wrap-winner-block div.wrap-winner-in-battle{ display: block; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-competitor.wrap-winner-block div.wrap-winner-in-battle{ display: none; } div.wrapSingleTournamentCourt div.bgcolor1{ background-color: #06f; } div.wrapSingleTournamentCourt div.wrapCompletedBattle div.bgcolor1{ background: rgba(0,102,255,1); background: -moz-linear-gradient(-45deg, rgba(0,102,255,1) 0%, rgba(0,43,107,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,102,255,1)), color-stop(100%, rgba(0,43,107,1))); background: -webkit-linear-gradient(-45deg, rgba(0,102,255,1) 0%, rgba(0,43,107,1) 100%); background: -o-linear-gradient(-45deg, rgba(0,102,255,1) 0%, rgba(0,43,107,1) 100%); background: -ms-linear-gradient(-45deg, rgba(0,102,255,1) 0%, rgba(0,43,107,1) 100%); background: linear-gradient(135deg, rgba(0,102,255,1) 0%, rgba(0,43,107,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066ff', endColorstr='#002b6b', GradientType=1 ); } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-competitor.bgcolor1{ box-shadow: 0 0 20px 10px rgba(0,102,255, 0.9); -moz-box-shadow: 0 0 20px 10px rgba(0,102,255, 0.9); -webkit-box-shadow: 0 0 20px 10px rgba(0,102,255, 0.9); } div.wrapSingleTournamentCourt div.bgcolor2{ background-color: #f11; } div.wrapSingleTournamentCourt div.wrapPoomsae div.wrapCompletedBattle div.wrap-single-battle-competitor{ background: rgba(85,195,102,1); background: -moz-linear-gradient(-45deg, rgba(58, 134, 69,1) 0%, rgba(85,195,102, 1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(58, 134, 69,1)), color-stop(100%, rgba(85,195,102,1))); background: -webkit-linear-gradient(-45deg, rgba(58, 134, 69,1) 0%, rgba(85,195,102,1) 100%); background: -o-linear-gradient(-45deg, rgba(58, 134, 69,1) 0%, rgba(85,195,102,1) 100%); background: -ms-linear-gradient(-45deg, rgba(58, 134, 69,1) 0%, rgba(85,195,102,1) 100%); background: linear-gradient(135deg, rgba(58, 134, 69,1) 0%, rgba(85,195,102,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A8645', endColorstr='#55c366', GradientType=1 ); } div.wrapSingleTournamentCourt div.wrapCompletedBattle div.bgcolor2{ background: rgba(128,14,14,1); background: -moz-linear-gradient(-45deg, rgba(128,14,14,1) 0%, rgba(255,17,17,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(128,14,14,1)), color-stop(100%, rgba(255,17,17,1))); background: -webkit-linear-gradient(-45deg, rgba(128,14,14,1) 0%, rgba(255,17,17,1) 100%); background: -o-linear-gradient(-45deg, rgba(128,14,14,1) 0%, rgba(255,17,17,1) 100%); background: -ms-linear-gradient(-45deg, rgba(128,14,14,1) 0%, rgba(255,17,17,1) 100%); background: linear-gradient(135deg, rgba(128,14,14,1) 0%, rgba(255,17,17,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800e0e', endColorstr='#ff1111', GradientType=1 ); } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-competitor.bgcolor2{ box-shadow: 0 0 20px 10px rgba(255,17,17, 0.9); -moz-box-shadow: 0 0 20px 10px rgba(255,17,17, 0.9); -webkit-box-shadow: 0 0 20px 10px rgba(255,17,17, 0.9); } div.wrapSingleTournamentCourt div.wrapNextBattles div.bgcolor1{ background-color: #fff; color: #000; } div.wrapSingleTournamentCourt div.wrapPoomsae div.wrapNextBattles div.wrap-single-battle-competitor{ background-color: #fff; color: #000; } div.wrapSingleTournamentCourt div.wrapNextBattles div.wrap-single-battle-competitor.bgcolor1:before{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 10px; height: 100%; background-color: #06f; } div.wrapSingleTournamentCourt div.wrapNextBattles div.wrap-single-battle-competitor.bgcolor2:before{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 10px; height: 100%; background-color: #f11; } div.wrapSingleTournamentCourt div.wrapNextBattles div.bgcolor2{ background-color: #fff; color: #000; } div.wrapSingleTournamentCourt div.wrapCompletedBattle div.wrap-single-battle-competitor{ width: 600px; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapFinishedBattle div.wrap-single-battle-competitor, div.wrapSingleTournamentCourt div.wrapPoomsae div.wrapCompletedBattle.wrapFinishedBattle div.wrap-single-poomsae-competitor, div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-competitor, div.wrapSingleTournamentCourt div.wrapPoomsae div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-poomsae-competitor{ display: block; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 370px; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-competitor{ width: 400px; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapFinishedBattle div.wrap-single-battle-competitor:first-child, div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-competitor:first-child, div.wrapSingleTournamentCourt div.wrapPoomsae div.wrapCompletedBattle.wrapFinishedBattle div.wrap-single-poomsae-competitor, div.wrapSingleTournamentCourt div.wrapPoomsae div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-poomsae-competitor{ left: auto; right: 100%; margin-right: 20px; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-competitor:first-child, div.wrapSingleTournamentCourt div.wrapPoomsae div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-poomsae-competitor{ margin-right: 60px; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapFinishedBattle div.wrap-single-battle-competitor:nth-child(2), div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-competitor:nth-child(2){ left: 100%; right: auto; margin-left: 20px; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-competitor:nth-child(2){ margin-left: 60px; } div.wrapSingleTournamentCourt div.wrapPoomsae div.wrapCompletedBattle.wrapFinishedBattle div.wrap-single-battle-competitor, div.wrapSingleTournamentCourt div.wrapPoomsae div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-competitor, div.wrapSingleTournamentCourt div.wrapPoomsae div.wrapCompletedBattle.wrapFinishedBattle div.wrap-single-battle-competitor:first-child, div.wrapSingleTournamentCourt div.wrapPoomsae div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-competitor:first-child{ display: block; position: relative; top: auto; left: auto; right: auto; bottom: auto; transform: none; -moz-transform: none; -webkit-transform: none; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapFinishedBattle div.wrap-single-battle-competitor.bgcolor1.wrap-winner-block div.wrap-owerflow-hidden{ animation: pulseBlue 1.5s linear infinite; -moz-animation: pulseBlue 1.5s linear infinite; -webkit-animation: pulseBlue 1.5s linear infinite; z-index: 50; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapFinishedBattle div.wrap-single-battle-competitor.bgcolor2.wrap-winner-block div.wrap-owerflow-hidden{ animation: pulseRed 1.5s linear infinite; -moz-animation: pulseRed 1.5s linear infinite; -webkit-animation: pulseRed 1.5s linear infinite; z-index: 50; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapFinishedBattle div.wrap-single-battle-competitor.wrap-winner-block div.wrap-owerflow-hidden:before{ content: ""; top:50%; margin-top: -350px; transform: rotate(-25deg) translateX(150%); width:100%; height:700px; position: absolute; opacity: 0.5; z-index:1; animation: slide 3s infinite; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */ } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-competitor.wrap-winner-block div.wrap-owerflow-hidden:before{ display: none; } div.wrapSingleTournamentCourt div.wrapCompletedBattle div.wrap-color-on-live-display{ height: 10px; background-color: #666; width: 20vw; } div.wrapSingleTournamentCourt div.wrap-categoryname-on-live-display{ flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; align-self: center; -webkit-align-self: center; font-size: 18px; padding: 10px 10px; line-height: 120%; } div.wrapSingleTournamentCourt div.wrapCompletedBattle div.wrap-categoryname-on-live-display{ font-size: 32px; padding: 10px 20px; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-categoryname-on-live-display{ font-size: 48px; } div.wrapSingleTournamentCourt div.wrapCompletedBattle div.wrap-eorder-on-live-display{ font-size: 52px; font-weight: 700; padding: 10px 20px; color: #fff; background-color: #0275d8; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-eorder-on-live-display{ font-size: 82px; } div.wrapSingleTournamentCourt div.wrapNextBattles div.wrap-eorder-on-live-display{ font-size: 26px; font-weight: 700; padding: 10px 20px; color: #fff; background-color: #0275d8; } div.wrapSingleTournamentCourt div.wrapNextBattles div.wrap-categoryname-on-live-display{ font-size: 20px; } div.wrapSingleTournamentCourt div.wrap-title-completed-battle{ background-color: transparent; padding: 10px 0px; line-height: 100%; color: #fff; font-size: 62px; font-weight: 700; } div.wrapSingleTournamentCourt div.wrap-title-live-battle{ background-color: transparent; padding: 5px 10px; line-height: 100%; color: #6ad827; font-size: 132px; font-weight: 700; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapFinishedBattle div.wrap-title-no-battle-battle{ background-color: #f00; color: #fff; font-size: 72px; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-title-no-battle-battle{ background-color: #f00; color: #fff; font-size: 122px; } div.wrapSingleTournamentCourt div.wrap-title-upcoming-battle{ background-color: transparent; padding: 8px 10px; line-height: 100%; color: #c10; font-size: 30px; font-weight: 600; } div.wrapSingleTournamentCourt div.wrap-title-next-battle{ background-color: transparent; padding: 8px 10px; line-height: 100%; color: #f40; font-size: 30px; font-weight: 600; } div.wrapSingleTournamentCourt div.wrap-title-next-battle.wrap-title-order-3{ color: #f60; } div.wrapSingleTournamentCourt div.wrap-title-next-battle.wrap-title-order-4{ color: #f80; } div.wrapSingleTournamentCourt div.wrap-title-warmingup-battle{ background-color: transparent; padding: 8px 10px; line-height: 100%; color: #fc0; font-size: 30px; font-weight: 600; } div.wrapSingleTournamentCourt div.wrap-title-warmingup-battle.wrap-title-order-6{ color: #fe0; } div.wrapSingleTournamentCourt div.wrap-title-warmingup-battle.wrap-title-order-7{ color: #ff9; } div.wrapSingleTournamentCourt div.wrap-title-warmingup-battle.wrap-title-order-8{ color: #ffb; } div.wrapSingleTournamentCourt div.wrapCompletedBattle div.wrap-single-battle-competitor div.holder > div{ align-self: center; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-competitor div.image-holder{ padding-left: 15px; padding-right: 15px; } div.wrapSingleTournamentCourt div.wrapCompletedBattle div.wrap-single-battle-competitor div.wrap-name-and-club{ display: inline-block; padding-left: 15px; padding-right: 15px; vertical-align: middle; } div.wrapSingleTournamentCourt div.wrapCompletedBattle div.wrap-single-battle-competitor div.wrap-name-and-club div.wrap-name{ font-size: 32px; line-height: 120%; font-weight: 700; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-competitor div.wrap-name-and-club div.wrap-clubname, div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapFinishedBattle div.wrap-single-battle-competitor div.wrap-name-and-club div.wrap-clubname{ font-size: 22px; padding-bottom: 10px; } div.wrapSingleTournamentCourt div.wrapPoomsae div.wrap-single-battle-competitor.multiple-competitors div.wrap-name-and-club div.wrap-clubname, div.wrapSingleTournamentCourt div.wrapPoomsae div.wrap-single-battle-competitor.multiple-competitors div.wrap-name-and-club .text-uppercase div.wrap-clubname{ text-transform: none; font-weight: 600; } div.wrapSingleTournamentCourt div.wrapNextBattles div.wrap-single-battle-competitor div.wrap-name-and-club div.wrap-clubname{ font-size: 16px; color: #444; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-competitor div.wrap-name-and-club div.wrap-name{ font-size: 38px; } div.wrapSingleTournamentCourt div.wrapCompletedBattle div.wrap-single-battle-competitor div.wrap-points-on-live-display{ display: inline-block; padding-left: 35px; padding-right: 35px; font-size: 500%; line-height: 100%; padding-top: 10px; padding-bottom: 30px; vertical-align: middle; } div.wrapSingleTournamentCourt div.wrapNextBattles div.wrap-single-battle-competitor{ display: block; text-align: left; padding: 10px; padding-left: 20px; margin-bottom: 10px; } div.wrapSingleTournamentCourt div.wrapNextBattles div.wrap-single-battle-competitor.wrap-no-member{ opacity: 0.4; } div.wrapSingleTournamentCourt div.wrapNextBattles div.wrap-single-battle-competitor div.wrap-name-and-club{ font-size: 22px; line-height: 100%; } div.wrapSingleTournamentCourt div.wrapNextBattles div.wrap-single-battle-competitor div.image-holder{ display: none; } div.wrapSingleTournamentCourt div.wrapNextBattles div.wrap-single-battle-competitor div.wrap-points-on-live-display{ display: none; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-competitor div.wrap-points-on-live-display{ display: none; } /* div.wrapSingleTournamentCourt div.wrapCompletedBattle div.wrap-single-battle-competitor:first-child div.wrap-name-and-club{ text-align: right; } */ div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-competitor div.wrap-name-and-club, div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapFinishedBattle div.wrap-single-battle-competitor div.wrap-name-and-club{ text-align: center; padding-left: 0; padding-right: 0; } /* div.wrapSingleTournamentCourt div.wrapCompletedBattle div.wrap-single-battle-competitor:nth-child(2) div.wrap-name-and-club{ text-align: left; order: 3; } div.wrapSingleTournamentCourt div.wrapCompletedBattle div.wrap-single-battle-competitor:nth-child(2) div.wrap-points-on-live-display{ order: 1; } div.wrapSingleTournamentCourt div.wrapCompletedBattle div.wrap-single-battle-competitor:nth-child(2) div.image-holder{ order: 2; } */ div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-competitor div.holder, div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapFinishedBattle div.wrap-single-battle-competitor div.holder{ flex-direction: column-reverse; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-competitor div.wrap-name-and-club, div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapFinishedBattle div.wrap-single-battle-competitor div.wrap-name-and-club{ text-align: center; order: 1; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapFinishedBattle div.wrap-single-battle-competitor div.wrap-name-and-club{ padding-top: 20px; order: 3; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-competitor div.wrap-points-on-live-display, div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapFinishedBattle div.wrap-single-battle-competitor div.wrap-points-on-live-display{ order: 2; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-competitor div.image-holder, div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapFinishedBattle div.wrap-single-battle-competitor div.image-holder{ order: 3; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-competitor div.holder > div, div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapFinishedBattle div.wrap-single-battle-competitor div.holder > div{ display: block; width: 100%; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-competitor div.holder > div.wrap-points-on-live-display{ display: none; } /* div.wrapSingleTournamentCourt div.wrapCompletedBattle div.wrap-single-battle-competitor:first-child div.holder{ float: right; } div.wrapSingleTournamentCourt div.wrapCompletedBattle div.wrap-single-battle-competitor:nth-child(2) div.holder{ float: left; } */ div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-competitor:first-child div.holder, div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapFinishedBattle div.wrap-single-battle-competitor:first-child div.holder{ float: none; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-competitor:nth-child(2) div.holder, div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapFinishedBattle div.wrap-single-battle-competitor:nth-child(2) div.holder{ float: none; } div.wrapSingleTournamentCourt div.wrapNextBattles div.wrap-single-battle-on-live-display{ width: 340px; vertical-align: top; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; } div.wrapSingleTournamentCourt div.wrapPoomsae div.wrapNextBattles div.wrap-single-battle-on-live-display{ width: 25%; min-width: 420px; padding-top: 0; padding-bottom: 0; } div.wrapSingleTournamentCourt div.wrap-single-battle-on-live-display div.wrap-category-and-eorder{ color: #000; background-color: transparent; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapFinishedBattle div.wrap-single-battle-on-live-display div.wrap-category-and-eorder{ background-color: transparent; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-on-live-display div.wrap-category-and-eorder{ width: 800px; background-color: transparent; } div.wrapSingleTournamentCourt div.wrapPoomsae div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-on-live-display div.wrap-category-and-eorder{ width: 1000px; } div.wrapSingleTournamentCourt div.wrapPoomsae div.wrapCompletedBattle.wrapFinishedBattle div.wrap-single-battle-on-live-display{ left: 195px; } div.wrapSingleTournamentCourt div.wrapPoomsae div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-on-live-display{ left: 215px; } div.wrapSingleTournamentCourt div.wrapPoomsae div.wrapCompletedBattle div.wrap-single-battle-on-live-display div.flexbox.flexpoomsae{ flex-direction: row-reverse; } div.wrapSingleTournamentCourt div.wrapPoomsae div.wrapNextBattles div.wrap-single-battle-on-live-display div.flexbox.flexpoomsae{ flex-direction: column; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-competitor.wrap-dsq-block div.wrap-dsq-in-battle{ position: absolute; z-index: 60; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background-color: rgba(255,255,255, 0.4); } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-competitor.wrap-dsq-block div.wrap-dsq-in-battle > div{ position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 0; width: 100%; padding: 10px; background-color: #f10; color: #fff; font-size: 42px; font-weight: 700; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapFinishedBattle div.wrap-single-battle-competitor.wrap-dsq-block div.wrap-dsq-in-battle{ position: absolute; z-index: 60; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background-color: rgba(255,255,255, 0.4); } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapFinishedBattle div.wrap-single-battle-competitor.wrap-dsq-block div.wrap-dsq-in-battle > div{ position: absolute; top: 100%; left: 0; width: 100%; padding: 10px; background-color: #f10; color: #fff; font-size: 36px; font-weight: 700; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapFinishedBattle div.wrap-single-battle-on-live-display div.wrap-category-and-eorder{ width: 600px; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapFinishedBattle div.wrap-single-battle-on-live-display div.wrap-competitors, div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-on-live-display div.wrap-competitors{ position: absolute; display: block; top: 50%; left: 0; width: 100%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } div.wrapSingleTournamentCourt div.wrapPoomsae div.wrapCompletedBattle.wrapFinishedBattle div.wrap-single-battle-on-live-display div.wrap-category-and-eorder{ width: 800px; } div.wrapSingleTournamentCourt div.wrap-single-battle-on-live-display div.wrap-category-and-eorder > div{ flex-direction: row-reverse; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-on-live-display div.wrap-category-and-eorder > div.flexbox{ background-color: #fff; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapFinishedBattle div.wrap-single-battle-on-live-display div.wrap-category-and-eorder > div.flexbox{ background-color: #fff; } div.wrapSingleTournamentCourt div.wrapNextBattles div.wrap-single-battle-on-live-display div.wrap-category-and-eorder > div.flexbox{ background-color: #ddd; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-on-live-display div.wrap-category-and-eorder div.wrap-for-what-place{ position: absolute; top: 100%; left: 0; width: 100%; font-size: 34px; font-weight: 400; color: #fff; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapLiveBattle div.wrap-single-battle-on-live-display div.wrap-category-and-eorder div.wrap-final-battle-trophy{ font-size: 70px; line-height: 100%; color: #fc0; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapFinishedBattle div.wrap-single-battle-on-live-display div.wrap-category-and-eorder div.wrap-for-what-place{ position: absolute; top: 100%; left: 0; width: 100%; font-size: 34px; font-weight: 400; color: #fff; } div.wrapSingleTournamentCourt div.wrapNextBattles div.wrap-single-battle-on-live-display div.wrap-category-and-eorder div.wrap-for-what-place{ display: none; } div.wrapSingleTournamentCourt div.wrapCompletedBattle.wrapFinishedBattle div.wrap-single-battle-on-live-display div.wrap-category-and-eorder div.wrap-final-battle-trophy{ font-size: 70px; line-height: 100%; color: #fc0; } div.wrapSingleTournamentCourt div.wrapNextBattles div.wrap-single-battle-on-live-display div.wrap-category-and-eorder{ display: block; margin-bottom: 15px; } div#wrapAddEditBeltSeminar div.wrap-single-item div.image-holder{ flex: 0 0 80px; margin-right: 20px; } div#wrapAddEditBeltSeminar div.wrap-single-item div.member-info-holder{ flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; } div#wrapAddEditBeltSeminar div.wrap-single-item div.image-holder div.mAOLThumbnail{ height: 0; padding-bottom: 130%; margin: 0; border: solid 2px #ccc; background-position: center center; background-repeat: no-repeat; background-size: cover; } div#wrapAddEditBeltSeminar div.wrap-single-item div.specialTitle{ border-bottom: solid 1px #018fd9; } div#wrapAddEditBeltSeminar div.wrap-single-item div.specialTitle > div.inline-block{ background-color: #018fd9; color: #fff; } div#wrapAddEditBeltSeminar div.wrap-single-item div.wrapCB1{ margin-left: -15px; margin-right: -15px; } div#wrapAddEditBeltSeminar div.wrap-single-item .checkbox{ padding: 0; margin-top: 10px; margin-bottom: 10px; } div#wrapAddEditBeltSeminar div.wrap-single-item .checkbox input[type="checkbox"] + label{ display: block; position: relative; height: 60px; background-color: #f2f2f2; border: solid 1px #ddd; color: #505050; margin: 0; padding: 20px 10px; text-align: center; } div#wrapAddEditBeltSeminar div.wrap-single-item .checkbox input[type="checkbox"]:checked + label{ background-color: #018fd9; border: solid 1px #018fd9; color: #fff; } div#wrapAddEditBeltSeminar div.wrap-single-item .checkbox input[type="checkbox"] + label:before, div#wrapAddEditBeltSeminar div.wrap-single-item .checkbox input[type="checkbox"] + label:after{ display: none; } div.wrapSingleBeltSeminarCertificateItem{ margin-bottom: 25px; box-shadow: 0 0 3px rgba(0,0,0, 0.5); -moz-box-shadow: 0 0 3px rgba(0,0,0, 0.5); -webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.5); } /*animation loop*/ @keyframes hhBackground /* Firefox */ { 0% { } 50% { background: rgba(162,207,89,1); background: -moz-linear-gradient(-45deg, rgba(162,207,89,1) 0%, rgba(162,207,89,1) 48%, rgba(134,194,56,1) 68%, rgba(134,194,56,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(162,207,89,1)), color-stop(48%, rgba(162,207,89,1)), color-stop(68%, rgba(134,194,56,1)), color-stop(100%, rgba(134,194,56,1))); background: -webkit-linear-gradient(-45deg, rgba(162,207,89,1) 0%, rgba(162,207,89,1) 48%, rgba(134,194,56,1) 68%, rgba(134,194,56,1) 100%); background: -o-linear-gradient(-45deg, rgba(162,207,89,1) 0%, rgba(162,207,89,1) 48%, rgba(134,194,56,1) 68%, rgba(134,194,56,1) 100%); background: -ms-linear-gradient(-45deg, rgba(162,207,89,1) 0%, rgba(162,207,89,1) 48%, rgba(134,194,56,1) 68%, rgba(134,194,56,1) 100%); background: linear-gradient(135deg, rgba(162,207,89,1) 0%, rgba(162,207,89,1) 48%, rgba(134,194,56,1) 68%, rgba(134,194,56,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2cf59', endColorstr='#86c238', GradientType=1 ); } 100% { background: rgba(73,155,234,1); background: -moz-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(73,155,234,1) 48%, rgba(32,124,229,1) 68%, rgba(32,124,229,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(48%, rgba(73,155,234,1)), color-stop(68%, rgba(32,124,229,1)), color-stop(100%, rgba(32,124,229,1))); background: -webkit-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(73,155,234,1) 48%, rgba(32,124,229,1) 68%, rgba(32,124,229,1) 100%); background: -o-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(73,155,234,1) 48%, rgba(32,124,229,1) 68%, rgba(32,124,229,1) 100%); background: -ms-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(73,155,234,1) 48%, rgba(32,124,229,1) 68%, rgba(32,124,229,1) 100%); background: linear-gradient(135deg, rgba(73,155,234,1) 0%, rgba(73,155,234,1) 48%, rgba(32,124,229,1) 68%, rgba(32,124,229,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=1 ); } } @-moz-keyframes hhBackground /* Firefox */ { 0% { } 50% { background: rgba(162,207,89,1); background: -moz-linear-gradient(-45deg, rgba(162,207,89,1) 0%, rgba(162,207,89,1) 48%, rgba(134,194,56,1) 68%, rgba(134,194,56,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(162,207,89,1)), color-stop(48%, rgba(162,207,89,1)), color-stop(68%, rgba(134,194,56,1)), color-stop(100%, rgba(134,194,56,1))); background: -webkit-linear-gradient(-45deg, rgba(162,207,89,1) 0%, rgba(162,207,89,1) 48%, rgba(134,194,56,1) 68%, rgba(134,194,56,1) 100%); background: -o-linear-gradient(-45deg, rgba(162,207,89,1) 0%, rgba(162,207,89,1) 48%, rgba(134,194,56,1) 68%, rgba(134,194,56,1) 100%); background: -ms-linear-gradient(-45deg, rgba(162,207,89,1) 0%, rgba(162,207,89,1) 48%, rgba(134,194,56,1) 68%, rgba(134,194,56,1) 100%); background: linear-gradient(135deg, rgba(162,207,89,1) 0%, rgba(162,207,89,1) 48%, rgba(134,194,56,1) 68%, rgba(134,194,56,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2cf59', endColorstr='#86c238', GradientType=1 ); } 100% { background: rgba(73,155,234,1); background: -moz-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(73,155,234,1) 48%, rgba(32,124,229,1) 68%, rgba(32,124,229,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(48%, rgba(73,155,234,1)), color-stop(68%, rgba(32,124,229,1)), color-stop(100%, rgba(32,124,229,1))); background: -webkit-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(73,155,234,1) 48%, rgba(32,124,229,1) 68%, rgba(32,124,229,1) 100%); background: -o-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(73,155,234,1) 48%, rgba(32,124,229,1) 68%, rgba(32,124,229,1) 100%); background: -ms-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(73,155,234,1) 48%, rgba(32,124,229,1) 68%, rgba(32,124,229,1) 100%); background: linear-gradient(135deg, rgba(73,155,234,1) 0%, rgba(73,155,234,1) 48%, rgba(32,124,229,1) 68%, rgba(32,124,229,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=1 ); } } @keyframes slide { 0% {transform: rotate(-35deg) translateX(-150%);} 100% {transform: rotate(-35deg) translateX(150%);} } @-webkit-keyframes myfirst /* Firefox */ { 0% {background:red;} 50% {background:yellow;} 100% {background:red;} } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes spin1 { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes spin1 { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } @-webkit-keyframes pulseBlue { 0% { -webkit-box-shadow: 0 0 0 0 rgba(0,102,255, 0.8); } 70% { -webkit-box-shadow: 0 0 0 70px rgba(0,102,255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(0,102,255, 0); } } @keyframes pulseBlue { 0% { -moz-box-shadow: 0 0 0 0 rgba(0,102,255, 0.8); box-shadow: 0 0 0 0 rgba(0,102,255, 0.8); } 70% { -moz-box-shadow: 0 0 0 70px rgba(0,102,255, 0); box-shadow: 0 0 0 70px rgba(0,102,255, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(0,102,255, 0); box-shadow: 0 0 0 0 rgba(0,102,255, 0); } } @-webkit-keyframes pulseRed { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255,17,17, 0.8); } 70% { -webkit-box-shadow: 0 0 0 70px rgba(255,17,17, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255,17,17, 0); } } @keyframes pulseRed { 0% { -moz-box-shadow: 0 0 0 0 rgba(255,17,17, 0.8); box-shadow: 0 0 0 0 rgba(255,17,17, 0.8); } 70% { -moz-box-shadow: 0 0 0 70px rgba(255,17,17, 0); box-shadow: 0 0 0 70px rgba(255,17,17, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(255,17,17, 0); box-shadow: 0 0 0 0 rgba(255,17,17, 0); } } @keyframes increaseDecrease { 0% { transform: scale(1,1); } 49% { transform: scale(1.1, 1.1); } 50% { transform: scale(1.1, 1.1); } } @-webkit-keyframes increaseDecrease { 0% { transform: scale(1,1); } 25% { transform: scale(1,1); } 50% { transform: scale(1.1, 1.1); } 75% { transform: scale(1.1, 1.1); } } @keyframes blinker { 0% { transform: scale(1,1); } 25% { transform: scale(1,1); } 50% { transform: scale(1.1, 1.1); } 75% { transform: scale(1.1, 1.1); } } @-webkit-keyframes blinker { 0% { opacity: 0; } 49% { opacity: 0; } 50% { opacity: 0; } } /*Responsive*/ @media (min-aspect-ratio: 16/9) { .video-foreground { height: 300%; top: -100%; } } @media (max-aspect-ratio: 16/9) { .video-foreground { width: 300%; left: -100%; } } @media all and (max-width: 600px) { .vid-info { width: 50%; padding: .5rem; } .vid-info h1 { margin-bottom: .2rem; } } @media all and (max-width: 500px) { .vid-info .acronym { display: none; } } @media only screen and (max-width : 600px) { .nopadding-xs{ padding: 0; } div.wrapHomePricing .text-big-font:after{ margin-left: 3px; } } @media only screen and (min-width : 360px) { .text-day{ padding: 0.3em 0; } } @media only screen and (min-width : 480px) { div#main{ min-height: 100vh; } .flexbox-sm{ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; } .inline-block-sm{ display: inline-block; } div.fineDate.visible-xs{ display: none; } div.fineDate.hidden-xs{ display: block; } .fixed{ position: fixed; z-index: 100; } #wrapQuoteHome2 div.oeStage, #wrapQuoteHome12 div.oeStage{ height: 136px; } #wrapContactsFE .col-md-fifth{ width: 50%; float: left; } section#wrapLinksAndPublications article{ height: 480px; } section.wrapHomeDates div.inline-block{ width: 33.3333%; display: inline-block; float: none; } .text-day{ padding: 0.3em 0; } #wrapAllDrawFilters .btn{ width: auto; margin-bottom: 0; padding-top: 0.25rem; padding-bottom: 0.25rem; } #wrapAllDrawFilters div.right{ float: right; } } @media only screen and (min-width : 576px) { .padd10-xs, .padd20-xs, .paddLeftRight15-xs{ padding: 0; } .modal .modal-body div.insideContent { padding: 20px 20px 0; } #frmLoginFEUser label.inline-block { padding-left: 10%; } #frmLoginFEUser div.inline-block { width: 50%; } body > div.errMessage1{ width: 400px; } div.fRow label { font-size: 14px; margin-top: 1em; } .right-sm{ float: right; } .left-xs, .right-xs{ float: none; } nav.menu li{ display: inline-block; width: auto; float: none; margin-bottom: 0; } nav.menu li.right{ float: right; } } @media only screen and (min-width : 600px) { section.wrapHomeDates div.inline-block{ width: 25%; } footer .text-center-xs{ padding: 0; text-align: left; } footer .text-center-xs.left{ float: left; } footer .text-center-xs.right{ float: right; } footer .text-center-xs img{ display: inline; text-align: left; } } @media only screen and (min-width : 768px) { #wrapMemberShortStatistic div.table div.tr div.td:first-child{ width: 120px; white-space: nowrap; } div.iframe{ height: 400px; } div.table, div.table.table1{ display: table; } div.tr, div.table.table1 div.tr{ display: table-row; } div.tr.hidden-no-print, div.table.table1 div.tr.hidden-no-print{ display: none; } div.td, div.table.table1 div.td{ display: table-cell; } div.table.table1 div.tr div.td:first-child { width: 200px; padding-bottom: 7px; } div.fRow:last-child{ padding-bottom: 0; } header{ height: 122px; } div.wrapLanguageMenu{ padding-right: 0; } #wrapTournamentBookingsFE div.wrapCB1 .checkbox.checkbox-default{ height: 64px; margin-bottom: 20px; padding: 0; } #wrapTournamentBookingsFE div.wrapCB1 .checkbox.checkbox-default input[type="checkbox"] + label > span{ display: block; position: absolute; top: 50%; left: 0; width: 100%; padding: 0 10px; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } div.middleWallLine{ display: block; } div.middleWallLine.hidden{ display: none; } div.wrapSingleWallItem:nth-child(2n){ margin-left: 16.66667%; margin-top: 10px; } div.wrapSingleWallItem:nth-child(2n+1){ margin-top: -40px; } div.wallLine{ display: block; } div.wrapSingleWallItem:nth-child(2n) div.wallLine, div.wrapSingleWallItem:nth-child(2n) div.wallLine:after{ left: auto; right: 100%; margin-left: 0; margin-right: -5px; } div.wrapSingleMemberLiveDrawAndResults h3{ font-size: 1.75rem; } body.wider .middle, body.page-id-48.wider div.middle{ width: 1170px; } div.pieChart{ height: 200px; width: 200px; } div.schemaViewNoFlex{ overflow: auto; } div.schemaViewNoFlex.schemaMaxRounds3{ height: 390px; } div.schemaViewNoFlex.schemaMaxRounds4{ height: 770px; } div.schemaViewNoFlex.schemaMaxRounds5{ height: 1350px; } div.schemaViewNoFlex.schemaMaxRounds4 > div.must-break{ min-width: 1345px; } div.schemaViewNoFlex.schemaMaxRounds5 > div.must-break{ min-width: 1745px; } div.schemaViewNoFlex > div.must-break{ width: auto; } .chart { width: 200px; height: 200px; margin: -100px 0 0 -100px; } h1.competiorName{ font-size: 22px; } h1.competiorName > div.right{ float: right; } .wrap-statistic div.table div.tr div.td:first-child > span.text-muted:first-child{ display: inline-block; width: 60px; } #wrapMemberHistoryFE #wrapMemberShortStatistic div.flex1{ width: auto; } .wrap-statistic div.table div.tr div.td:nth-child(2) > div.inline-block{ display: inline-block; } .wrap-statistic div.table div.tr div.td:first-child{ width: auto; } #wrapMemberHistoryFE #wrapMemberShortStatistic > div.flexbox{ flex-direction: row; -moz-flex-direction: row; -webkit-flex-direction: row; } #wrapMemberHistoryFE div.image-holder{ margin-right: 20px; margin-bottom: 0; } #wrapMemberHistoryFE #wrapMemberShortStatistic div.flex1.first-child{ width: 480px; max-width: 480px; } .hidden-xs{ display: block; } .visible-xs{ display: none; } #frmFilterLiveTournamentFE div.fRow{ margin-bottom: 0; } div.wrapSlideshow{ height: 330px; border: solid 2px #fff; } div.wrapNoBattleHere{ height: 93px; } div.wrapBattlesLiveResults{ flex-wrap:nowrap; flex-direction:row; } div.wrapBattlesInfo{ height: 100%; flex-direction: row; margin-left: -10px; margin-right: -10px; } div.wrapBattlesInfo > div{ margin-right: 10px; margin-left: 10px; margin-bottom: 20px; width: 50%; } div[data-countbattlegrounds="6"] div.wrapBattlesInfo > div{ margin-right: 5px; margin-left: 5px; } div.currentLiveBattle h5{ font-size: 130%; } div[data-countbattlegrounds="6"] div.wrapBattlegroundLive{ padding-left: 5px; padding-right: 5px; } div[data-countbattlegrounds="6"] div.wrapBattlePair div.item{ padding: 3px 0px 3px 5px; } div[data-countbattlegrounds="6"] div.currentLiveBattle h5{ font-size: 120%; } div.currentLiveBattle div.wrapBattlePair div.item{ font-size: 120%; line-height: 140%; } div[data-countbattlegrounds="6"] div.currentLiveBattle div.wrapBattlePair div.item{ font-size: 110%; } div[data-countbattlegrounds="6"] div.wrapBattlegroundLive .margin-minus{ margin-left: -5px; margin-right: -5px; } div.wrapClubResults div.flexbox > div .padd10{ padding: 10px; } div.wrapBattlePair div.item div.wrapPoints{ padding-top: 3px; width: 40px; } div.wrapClubResults{ order: 2; flex-basis: 300px; background-color: #f2f2f2; margin-bottom: 20px; } div.wrapClubResults div.flexbox{ flex-direction: row; } div.wrapClubResults div.flexbox > div{ width: auto; text-align: left; } div.wrapClubResults div.flexbox > div .left{ float: left; } body.page-id-50 #main{ height: 100vh; } div.fRow .checkbox label { margin-top: 0; color: #000; } div#wrapTournamentBookingsFE div.outerIfFixedAsFixed{ /* height: 210px; overflow: hidden; */ } body.fixed-header2 div.ifFixedAsFixed{ /* position: fixed; left: 0; top: 0; right: 0; width: 100%; z-index: 120; background-color: #fff; box-shadow: 2px 0 10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 2px 0 10px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 2px 0 10px rgba(0, 0, 0, 0.7); */ } body.fixed-header2 div.ifFixedAsFixed > div.middle2{ /* width: 768px; margin-left: auto; margin-right: auto; padding-left: 1em; padding-right: 1em; */ } body#page-not-found .text-big-font{ font-size: 222px; } .modal-dialog { width: 600px; } .middle{ width: 768px; } body.wrap-belt-seminar-certificates .middle{ width: 860px; } .maincontent{ min-height: calc(100vh - 184px); } footer{ height: 120px; margin-top: 1px; } .h1, h1 { font-size: 22px; } .paddTopBottom40 { padding-bottom: 20px; padding-top: 20px; } .wrapHomeSocialMedia a.relative{ font-size: 24px; width: 42px; height: 42px; min-width: inherit; padding-bottom: 0; } .wrapHomeSocialMedia div.inline-block{ padding: 20px; } .wrapHomeSocialMedia a.relative:hover{ color: #fff; background-color: #289398; } div.popup.short{ width: 420px; } div.popup.wrapBooking{ margin-top: 120px; } body.page-id-11 header{ height: 125px; } body.page-id-11 header div.logo{ top: 50%; padding-left: 20px; } div.logo{ height: 40px; padding-top: 20px; } body.page-id-11 header a[data-action="logout"]{ background-color: #fff; font-size: 16px; font-weight: 600; } body.page-id-11 header a[data-action="logout"]:hover{ background-color: #b2242b; color: #fff; border-color: #fff; } body.page-id-11 header > div > div.abs.top50{ left: 0; width: 100%; } body.page-id-12 div.middle{ min-height: 100vh; } body.page-id-12 div.middle > div{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); } body.page-id-12 div.middle > div h3{ font-size: 24px; } div.wrapHomeGallery div.oeStage > ul.relative{ width: 1000%; } section.wrapHomeDates div.inline-block button.btn{ font-size: 0.9em; } header > div{ position: relative; left: 0; top: 0; right: 0; width: 100%; height: inherit; background-color: #fff; z-index: 2000; border-bottom: solid 4px #f38644; } body.fixed-header header > div{ /* box-shadow: 0 2px 20px rgba(0,0,0, 0.4); -moz-box-shadow: 0 2px 20px rgba(0,0,0, 0.4); -webkit-box-shadow: 0 2px 20px rgba(0,0,0, 0.4); */ } .abs-xs{ position: relative; width: auto; padding: 0; top: auto; } .abs-xs nav.menu ul.relative{ padding: 0; } div.wrapHomeBiography.paddTopBottom30{ padding: 30px 0; } div.rounded-image > div.mAOLThumb{ width: 120px; height: 120px; } div.rounded-image > div, div.rounded-image > div > div{ border-width: 6px; } h2, .h2{ font-size: 26px; font-weight: 600; } h2.tournamentTitle{ overflow: hidden; max-width: 480px; } div.wrapHomeAbout p, div.wrapHomeBiography p, .wrapHomeDates p, div.wrapHomeEmail p{ font-size: 18px; } .padd5{ padding: 5px; } .padd15{ padding: 15px; } .padd10{ padding: 10px; } .padd20{ padding: 20px; } .padd30{ padding: 30px; } .padd40{ padding: 40px; } div.priceSticker, div.bookNowAndSave{ display: block; } div.wrapHomePricing div.circled.bg-white{ width: 80px; height: 80px; margin-top: -32px; margin-left: -40px; } div.wrapHomePricing div.circled.bg-white > .arrow{ border-width: 26px; } div.wrapHomePricing div.col-md-9 .right{ padding-top: 20px; max-width: 300px; } .btn.bigger{ font-size: 16px; font-weight: 600; padding: 10px 20px; } .text-big-font{ font-size: 122px; } div.wrapPoomsaeLiveResults .text-big-font{ font-size: 162px; } div.wrapHomePricing .text-big-font:after{ width: 8px; height: 210px; margin-top: -40px; margin-left: 16px; } div.wrapHomePricing p.lead{ font-size: 18px; } a.anchor{ top: -135px; } header{ height: 83px; } header > .fixed{ position: fixed; } header div.flexbox{ padding: 0 0 0 1em; } .twoColumns{ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } div.wrapYouTubeVideo{ margin: 0; padding: 10px; box-shadow: 0 0 10px rgba(0,0,0, 0.3); -moz-box-shadow: 0 0 10px rgba(0,0,0, 0.3); -webkit-box-shadow: 0 0 10px rgba(0,0,0, 0.3); } div.popup{ width: auto; } div.popup div#mainCVideo{ width: 640px; } div.popup div.insideContent{ width: 660px; min-height: 380px; } div.popup.short div.insideContent{ width: auto; min-height: 0; } .closeOverlay.abs{ right: auto; left: 100%; margin-left: 5px; } div.wrapBooking .closeOverlay.abs{ left: auto; bottom: auto; right: 10px; top: 7px; } paddTopBottom10-xs{ padding: 0; } .paddTopBottom10{ padding-top: 10px; padding-bottom: 10px; } .paddTopBottom15{ padding-top: 15px; padding-bottom: 15px; } .paddTopBottom40{ padding-top: 20px; padding-bottom: 20px; } .paddTopBottom50{ padding-top: 25px; padding-bottom: 25px; } header > .fixed{ border-bottom: solid 1px #939598; } div.videoControls{ padding: 10px 10px 0 10px; } header .left{ float: left; } header .right{ float: right; } nav.menu{ padding-top: 0; } nav.menu li.relative{ float: left; } nav.menu li.relative.right{ float: right; } nav.menu ul.dropdown-menu{ position: absolute; } nav.menu ul.dropdown-menu ul.dropdown-menu{ left: 100%; top: 0; } nav.menu ul.dropdown-menu li.relative{ float: none; } nav.menu ul.dropdown-menu li.relative .caret{ transform: rotate(-90deg); margin-top: -3px; } nav.menu li, nav.menu li > a{ display: inline-block; text-align: center; } nav.menu li.button-li{ vertical-align: middle; margin-top: -15px; } nav.menu li > a, nav.menu li > span.akalink{ padding: 5px 20px; } nav.menu li > a:hover, nav.menu li > span.akalink:hover{ font-weight: bold; text-decoration: none; } #wrapContactsFE{ padding: 20px 0 0; background: rgba(247,247,247,1); background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(230,231,233,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,247,247,1)), color-stop(100%, rgba(230,231,233,1))); background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(230,231,233,1) 100%); background: -o-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(230,231,233,1) 100%); background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(230,231,233,1) 100%); background: linear-gradient(to bottom, rgba(247,247,247,1) 0%, rgba(230,231,233,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e6e7e9', GradientType=0 ); } #wrapContactsFE .col-md-fifth{ width: 33.33%; } section#wrapLinksAndPublications article{ height: 400px; } section#wrapLinksAndPublications article div.mAOLThumb{ height: 215px; overflow: hidden; text-align: center; } section#wrapLinksAndPublications article div.mAOLThumb img.mAOLThumb{ width: 80%; } section#wrapLinksAndPublications article p{ font-size: 12px; } nav.menu ul.dropdown-menu{ padding: 5px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); } nav.menu ul.dropdown-menu li.relative > a.relative, nav.menu ul.dropdown-menu li.relative > span.akalink{ padding: 0.7em 1em; color: #777; text-decoration: none; border-top: solid 2px #ededed; } nav.menu ul.dropdown-menu li.relative:first-of-type > a.relative, nav.menu ul.dropdown-menu li.relative:first-of-type > span.akalink{ border-top: none; border-top: 0; } div.main-slideshow{ height: 450px; background-color: #f2f2f2; overflow: hidden; margin-bottom: 3px; } div.wrapHomePricing{ height: 250px; margin-bottom: 3px; } div.wrapHomeAbout{ margin-bottom: 3px; } div.wrapHomeGallery{ height: 200px; } div.wrapHomeGallery ul.relative, div.wrapHomeGallery ul.relative li.relative, div.wrapHomeGallery ul.relative li.relative article, div.wrapHomeGallery ul.relative li.relative article div.mAOLThumb{ height: inherit; } div.wrapHomeGallery ul.relative li.relative{ float: left; border-bottom: none; border-bottom: 0; } div.wrapHomeGallery ul.relative li.relative{ width: 360px; } section.wrapHomeDates div.line-green{ height: 8px; margin-bottom: 6px; } section.wrapHomeDates div.row{ margin-left: -15px; margin-right: -15px; } section.wrapHomeDates div.inline-block{ display: inline-block; padding: 0 15px; float: none; width: 25%; } section.wrapHomeDates div.item{ padding: 8px; } .text-month{ padding: 10px 0; } .text-day{ padding: 15px 0 25px; } div.wrapHomeTestimonials{ height: 350px; } div.wrapHomeTestimonials li.relative{ float: left; } div.wrapHomeTestimonials li.relative > div.mAOLThumb{ width: 480px; height: 480px; padding-bottom: 0; left: -140px; top: -80px; z-index: 50; } div.wrapHomeTestimonials li.relative div.flexbox{ padding: 0 40px; } div.wrapHomeTestimonials li.relative div.flexbox div.mAOLThumb{ border: solid 10px #fff; width: 150px; height: 150px; margin-right: 20px; } div.wrapHomeTestimonials li.relative div.flexbox > div.flex2{ flex: 0; } article.item > div.akatable{ display: table; width: 100%; } article.item > div.akatable > div.row{ display: table-row; } article.item > div.akatable > div.row > div[class^="col-"]{ display: table-cell; vertical-align: middle; padding-left: 0; padding-right: 0; float: none; } } @media only screen and (min-width : 992px) { .h1, h1 { font-size: 28px; } .wrapHomeSocialMedia a.relative{ font-size: 30px; width: 72px; height: 72px; min-width: inherit; padding-bottom: 0; } .wrapHomeSocialMedia div.inline-block{ padding: 20px; } .btn.bigger{ font-size: 18px; padding: 15px 25px; } div.wrapHomePricing p.lead{ font-size: 21px; } div.wrapHomeGallery ul.relative li.relative{ width: 313.3333px; } footer div.col-md-6:first-child > div.col-md-6{ border-right: solid 2px rgba(255,255,255, 0.3); } a.logo{ display: block; position: relative; top: auto; left: auto; } .logo > img{ width: 200px; } header div.flexbox{ padding: 0; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; } #wrapQuoteHome2 ul.relative li.relative h3, #wrapQuoteHome2 ul.relative li.relative p{ font-size: 32px; } #wrapQuoteHome2 ul.relative li.relative p{ font-size: 18px; } #wrapContactsFE .col-md-fifth{ width: 25%; } nav.menu li > a, nav.menu li > span.akalink{ padding: 5px 20px; } section.wrapHomeDates div.inline-block{ width: 20%; } .paddTopBottom20{ padding-top: 20px; padding-bottom: 20px; } .paddTopBottom30{ padding-top: 30px; padding-bottom: 30px; } .paddTopBottom40{ padding-top: 40px; padding-bottom: 40px; } .paddTopBottom50{ padding-top: 50px; padding-bottom: 50px; } } @media only screen and (min-width : 1200px) { .h1, h1 { font-size: 36px; } div.wrapHomeTestimonials{ height: 300px; } div.wrapHomeTestimonials li.relative > div.mAOLThumb{ width: 450px; height: 450px; padding-bottom: 0; left: -140px; top: -80px; z-index: 50; } div.wrapHomeTestimonials li.relative div.flexbox div.mAOLThumb{ border: solid 8px #fff; width: 150px; height: 150px; margin-right: 20px; } div.wrapHomeTestimonials li.relative div.flexbox > div.flex2{ flex: 0; } .wrapHomeSocialMedia a.relative{ font-size: 42px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #fff; text-align: center; width: 80px; height: 80px; color: #3d3c38; transition: background 0.2s ease 0s; -moz-transition: background 0.2s ease 0s; -webkit-transition: background 0.2s ease 0s; } .wrapHomeSocialMedia div.inline-block{ padding: 20px; } div.wrapHomeGallery ul.relative li.relative{ width: 285px; } nav.menu li > a, nav.menu li > span.akalink{ padding: 5px 20px; background-color: #fff; margin-right: 4px; } nav.menu.menu-like-tabs li > a{ margin-right: 0; padding: 7px 30px; } nav.menu ul.dropdown-menu li.relative > a.relative, nav.menu ul.dropdown-menu li.relative > span.akalink{ padding: 10px 10px 10px; } div.videoControls div.circled{ margin-right: 10px; } .twoColumns{ -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } #wrapContactsFE .col-md-fifth{ width: 20%; } section.wrapHomeDates div.inline-block{ width: 16.6666%; } } .padd5{ padding: 0.4em; } .padd10{ padding: 0.5em; } .padd15{ padding: 1em; } .padd20{ padding: 0.85em; } .padd30{ padding: 1.2em; } .padd40{ padding: 1.5em; }