.company { } .companyOperator { } .companyOperatorImage { float: left; vertical-align: middle; margin-right: 12px; width: 55px; height: 55px; overflow: hidden; -webkit-border-radius: 28px; border-radius: 28px; text-align: center; background-position: center center; background-repeat: no-repeat; } .companyOperatorImage img { display: none; } .companyOperatorAvatar { -webkit-border-radius: 2px; border-radius: 2px; background-size: contain !important; } .companyOperatorAvatar img { max-height: 120% !important; } .companyOperatorInfo { vertical-align: middle; color: rgba(0,0,0,0.5); font-size: 0.9em; line-height: 1.05em; padding-top: 5px; overflow: hidden; } .companyOperatorInfo div { text-align: left; margin-top: 4px; } .companyOperatorInfoName { color: rgba(0,0,0,0.9); font-weight: bold; margin: 0 0 2px 0; font-size: 1.15em; } .companyOperatorInfoName:after { content: " "; } .companyOperatorInfoTitle { } .companyOperatorInfoDomain { } .companyLogo { float:right; -webkit-border-radius: 4px; border-radius: 4px; max-width:90px; } .companyLogo img { display:block; max-width:90px; max-height:50px; } .companyOperatorInfoLang { } .companyOperatorInfoLang img { float:left; position: relative; margin:-2px 4px 0 0; width: inherit; }.datepickr-wrapper { position: relative; } .datepickr-calendar { font-size: 13px; background-color: #eee; color: #333; border: 1px solid #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 2px; display: none; position: absolute; top: 100%; left: 0; z-index: 100; -webkit-box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.5); box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.5); } .open .datepickr-calendar { display: block; width: 250px; top:-180px; } .datepickr-calendar .datepickr-sel-date { display: inline-block; position: relative; padding-right: 10px; margin-right: 10px; } .datepickr-calendar select { width: 120%; font-size: 1em; background: unset; background-color: transparent; border: 0px; color: #fff; background-color: #fff\9; line-height: 15px; font-weight: normal; height: 18px !important; appearance:none; -moz-appearance:none; -webkit-appearance:none; position: relative; z-index: 1; padding-right: 5px; } .datepickr-calendar select option { color:#000; } .datepickr-sel-arrow { display: inline-block; display: none\9; background-image:url("../../visitor/events/contact/images/sprite.contact.png?3"); background-repeat:no-repeat; background-position: -77px -273px; width: 7px; height: 4px; position: absolute; right: 0px; top: 7px; z-index: 0; } .datepickr-calendar .datepickr-months { background-color: #072667; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; padding: 4px 2px; text-align: center; } .datepickr-calendar .datepickr-prev-month, .datepickr-calendar .datepickr-next-month { color: #fff; text-decoration: none; padding: 0 .4em; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; } .datepickr-calendar .datepickr-prev-month { float: left; } .datepickr-calendar .datepickr-next-month { float: right; } .datepickr-calendar .datepickr-current-month { padding: 0 .5em; } .datepickr-calendar .datepickr-prev-month:hover, .datepickr-calendar .datepickr-next-month:hover { background-color: #FFF; color: #000; } .datepickr-calendar table { border-collapse: collapse; padding: 0; width: 100%; } .datepickr-calendar thead { font-size: 11px; } .datepickr-calendar th, .datepickr-calendar td { width: 14.3%; } .datepickr-calendar th { text-align: center; font-weight: normal; padding: 4px 0; } .datepickr-calendar td { text-align: right; padding: 1px !important; } .datepickr-calendar .datepickr-day { display: block; color: #848484; background-color: #f6f6f6; border: 1px solid #e8e8e8; padding: 5px; cursor: pointer; } .datepickr-calendar .datepickr-day:hover { color: #545454; background-color: #fdf5ce; border: 1px solid #fbcb09; } .datepickr-calendar .today .datepickr-day { background-color: #fff0A5; border: 1px solid #fed22f; color: #363636; } .datepickr-calendar .selected .datepickr-day { background-color: #444; color: #fff; } .datepickr-calendar .disabled .datepickr-day, .datepickr-calendar .disabled .datepickr-day:hover { background-color: #eee; border: 1px dotted #dedede; color: #bbb; cursor: default; }@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } ::-webkit-scrollbar { width: 12px; height: 12px; background: transparent; } ::-webkit-scrollbar-thumb { border-radius: 7px; background-color: #d0d2d5; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); border: 3px transparent solid; background-clip: padding-box; display: none; } :hover::-webkit-scrollbar-thumb { display: block; } html { height: 100%; } body { font-family: 'Arial', sans-serif; font-size: 13px; text-align:left; font-weight:normal; color:#000; margin: 0px; padding: 0px; height: 100%; box-sizing: border-box; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: #ffffff !important; -webkit-box-shadow: 0 0 0px 1000px #ffffff inset; } select { text-indent: 0px; -webkit-appearance: none; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666666%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat, repeat; background-position: right .7em top 50%, 0 0; background-size: .65em auto, 100%; } .unselect { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } .contact { width:100%; height: 100%; padding: 0px; box-sizing: border-box; } .contactSprite { background-image:url('../../visitor/events/contact/images/sprite.contact.png'); background-repeat:no-repeat; } .contactDepartment { padding: 0px 0px 15px 0px; height: 10px; } .contactDepartmentInner { } .contactDepartmentTitle { font-size: 1.1em; color: rgba(0,0,0,0.7); margin-bottom: 10px; } .contactDepartmentSelector { } .contactDepartmentSelector select { width: 100%; background-color: #ffffff; border: 1px solid #3e7ea8; padding: 8px 10px; border-radius: 4px; font-size: 1.1em; outline: none; color: #3e7ea8; font-weight: bold; } .button { font-family: inherit; display: inline-block; padding: 9px 25px; color: #000; font-weight: normal; font-size: 1.1em; -webkit-border-radius: 25px; border-radius: 25px; cursor: pointer; resize: none; outline: none; border: 1px solid #444444; background: #444444; color: #fff; transition: all 500ms; -moz-transition: all 500ms; -webkit-transition: all 500ms; } .button:hover { border: 1px solid #333333; background: #333333; } .contactHeader { padding: 20px 20px 0 20px; } .dialog { padding: 20px 20px 0 20px; } .dialogBox { background-color: #f3f5f7; position: relative; -webkit-border-radius: 25px; border-radius: 5px; border:1px solid transparent; } .dialogBox::before { content: ''; width: 0; height: 0; position: absolute; border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #f3f5f7; top: -20px; left: 20px; } .dialogBoxText { color: #fff; padding: 10px 15px; font-weight: normal !important; text-align: center; font-style: normal; line-height: 1.4em; font-size: 1.1em; } .dialogBoxText a{ color: inherit; font-weight: normal; } .dialogBoxText img.emoji, .mobile .contactDialog .dialogText img.emoji { display: inline-block !important; height: 1.5em; width: auto !important; margin: 0 1px; vertical-align: bottom; } .content { margin: 0px; padding: 0px; position: relative; height: 100%; } .contentForm { vertical-align:top; position:relative; padding: 20px 20px 0 20px; } .contentFormMessage { padding: 20px; font-size: 1.1em; line-height: 1.5em; } .contentFormSubmit { padding: 20px; } .content .inner { width: 100%; height: 100%; position:relative; background: #ffffff; } .content .logo { background-position: center center; background-repeat: no-repeat; position: absolute; bottom: 5px; left: 5px; right: 5px; top: 5px; z-index: 0; } .content .logo img { width: 100px; display: block; } .content form { padding: 0px; margin: 0px; height: 100%; } .form { width:100%; height:100%; } .form table { width: 100%; } .form input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #e8e8e8 inset; } .form .wrapper { box-sizing: border-box; background-color:#f8f8f8; border-radius: 4px; height: 100%; width: 100%; } .form .wrapper_inner { padding: 0 15px; } .form .text_header, .form .text_footer { font-size: 0.95em; font-style: normal; line-height: 1.3em; color: rgba(0,0,0,0.6); text-align: center; } .form .text_header { padding: 0 20px 15px 20px; } .form .text_footer { padding: 20px 20px 10px 20px; } .form #contactInputs { display: none; } .form .inputs:has(.inputCellInquirie) { height: 100%; } .form .inputs_table { height: 99%; } .form .required { margin: 0 3px; position: relative; top: -1px; color: #0C3A87; } .form .required .a { vertical-align: sub; } .form .inpContent { border-top: 1px dashed #DADADA; } .form .inputTable { width: inherit; height: 100%; } .form .inputTableText { display: none; color: rgba(0,0,0,0.7); } .form .inputTable td:first-child.inputTableText { padding: 23px 0 0 15px; } .form .inputTable td:last-child.inputTableText { padding-left: 10px; } .form .inputTableInner { } .form .inputCell { position: relative; box-sizing: border-box; vertical-align: top; height: 45px; } .form .inputCellRight { padding-left: 15px !important; border-left: 1px solid #e8e8e8; } .form .inputCell input[type='text'], .form .inputCell input[type='number'], .form .inputCell input[type='email'], .form .inputCell input[type='tel'], .form .inputCell input[type='masked'], .form .inputCell .inputTextarea, .form .inputCell .inputSelect, .form .inputCell .inputFileValue { position: relative; z-index: 1; font-family: inherit; color: #000; border:0px; padding:0 10px 0 0; margin: 0px; outline: none; resize: none; width:100%; background-color: transparent; font-weight: normal; font-size: 1.15em; text-align: left; box-sizing: border-box; height: 100%; } .form .inputCell input[type='number']::-webkit-outer-spin-button, .form .inputCell input[type='number']::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .form .inputCell input[type='number'] { -moz-appearance: textfield; } .form .inputCell .inputTextarea { min-height: 130px; line-height: 18px; } .form .inputCell .inputSelect { z-index: 2; } .form .inputCell .inputDesc { display: inline-block; margin-right: 10px; } .form .inputCell .inputRange { } .form .inputCell .inputRangeText { display: none; color: rgba(0,0,0,0.5); font-size: 0.85em; } .form .inputCell .inputRangeTextFrom { padding: 14px 8px 0 0; } .form .inputCell .inpDateTo { display: none; } .form .inputCell .inputRangeTextTo { padding: 16px 8px 0 15px; } .form .inputCell .label { position: absolute; top: 0px; left: 0px; font-size: 1em; color: rgba(0,0,0,0.7); z-index: 1; transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms; width: 100%; box-sizing: border-box; padding: 15px 0 0 0; } .form .inputCell .label .optional { color: #989292; } .form .inputOptions .inputCell { text-align: left; } .form .inputOptions .inputCell label { position: unset; padding: 10px 0 10px 0; display: block; } .form .inputOptionsList { padding: 0 0 10px 5px; } .form .inputOption { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; margin-bottom: 2px; } .form .inputOptionCheck { margin-right: 6px; } .form .inputOptionCheck input[type="checkbox"] { } .form .inputOptionTitle { font-size: 0.95em; } .form .inputCell .help { display: inline-block; vertical-align: middle; padding: 4px; margin: 0 0 0 5px; -webkit-border-radius: 2px; border-radius: 2px; cursor: help; background-color: #d2d1d1; } .form .inputCell .help:hover { background-color: #F9DFB0; } .form .inputCell .help .icon { background-position: -59px -273px; width: 7px; height: 9px; } .form .inputCell .inpTitle { color: rgba(0,0,0,0.7); padding: 10px 5px 2px 15px; } .form .inputCell .inpOptions { line-height: 24px; padding: 0 10px 5px 10px; } .form .inputCell .inpOptions .op { display: inline-block; margin-right: 8px; } .form .inputCell .inpOptions input[type='radio'], .form .inputCell .inpOptions input[type='checkbox'] { display: inline-block; vertical-align: text-bottom; } .form .inputCell .inpDate { position: relative; width: 100%; } .form .inputCell .inpTime { position: relative; height: 100%; } .form .inputCell .ico { position: absolute; top: 13px; right: 10px; } .form .inputCell .ico_file { background-position: -42px -273px; width: 17px; height: 16px; position: absolute; top: 15px; right: 15px; } .form .inputCell .ico_date { background-position: -25px -273px; width: 17px; height: 17px; } .form .inputCell .emailConfirm { color: #5170d2; } .form .inputCell .emailConfirmError { color: #943636; } .form .inputCellInquirie { height: 100%; } .form .inputCellInquirie .label { padding-top: 10px; } .form .inputCellInquirie .inputTextarea { height: 100%; overflow: auto; } .form .inputCell input[type='file'] { position: absolute; top: 0px; left: 0px; padding: 0px; opacity: 0; width: 100%; height: 100%; z-index: 2; outline: 0px; } .form .inputCell.inputActive { padding: 0 0 0 0; } .form .inputCell.inputActive input[type='text'], .form .inputCell.inputActive input[type='number'], .form .inputCell.inputActive input[type='email'], .form .inputCell.inputActive input[type='tel'], .form .inputCell.inputActive input[type='masked'], .form .inputCell.inputActive .inputSelect, .form .inputCell.inputActive .inputFileValue, .form .inputCell.inputActive .inputTableText { margin-top: 22px; height: auto; } .form .inputCell.inputActive input[type='number'] { width: 80px; text-align: left; } .form .inputCell.inputActive .inputTable { height: initial; } .form .inputCell.inputActive .inputTableText { display: table-cell; } .form .inputCell.inputActive .inputTextarea { padding-top: 22px; } .form .inputCell.inputActive .inputRangeText, .form .inputCell.inputActive .inpDateTo { display: block; } .form .inputCell.inputActive .label { font-size: 0.85em !important; height: initial; padding: 7px 0 0 0; color: rgb(0,0,0,0.4); } .form .inputCell.inputActive .required { display:none; font-size: 0.85em !important; color: rgb(0,0,0,0.4); } .form .inputCell.inputActive .inputCellFile .label { height: 100%; } .form .inputCellDisabledOver { display: none; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: rgba(246,246,246,0.6); z-index: 3; } .form .inputCellDisabled .inputCellDisabledOver { display: block; } .form .inputCellContacts { opacity: 1; transition: all 500ms; -moz-transition: all 500ms; -webkit-transition: all 500ms; } .form .inputCellContactsShow { opacity: 1; } .form input[type="masked"], .form .inputMasked input, .form .inputMasked textarea { display: none; } .form .inputMasked input[type="masked"] { display: block; } .form .sec_submit { height: 1px; } .form .submit { display: none; height: initial; padding: 10px 0 15px 0; } .form .submit .sec_lopd { position: relative; } .form .submit .lopd-opt { margin: 6px 0 6px 6px; overflow: hidden; } .form .submit .lopd-check { float: left; margin-right: 4px; } .form .submit .lopd-check input[type="checkbox"] { margin:0px; padding:0px; vertical-align: middle; zoom: 1.2; } .form .submit .lopd-text { overflow: hidden; font-size: 0.85em; line-height: 1.1em; text-align: left; padding-right: 10px; color: rgba(0,0,0,0.8); opacity: 0.5; padding-top: 2px; } .form .submit .lopd-text-extended { margin: 5px 0 5px 20px; text-align: justify; } .form .submit .lopd-text a { color: rgba(0,0,0,0.8); } .form .submit .lopd-text-double-confirm { margin-top: 1px; color: #0C3A87; } .form .submit .sec_required { display: none; padding: 8px; font-size: 0.9em; color: #0C3A87; vertical-align: bottom; } .form .submit .sec_button { text-align: center; margin: 20px 0 0 0; } .form .submit .sec_button .button.disabled { opacity: 0.5; } .form .submit .btleft { margin-right: 30px; } .form .submit .btleft .button { opacity: 0.5; } .form .submit .btleft .button:hover { opacity: 1; } .contacts { padding: 10px 0 0 0; } .contacts .inner { background-color: #e8e8e8; overflow: hidden; -webkit-border-radius: 3px; border-radius: 3px; } .contacts td { padding: 3px; text-align: center; width: 33%; } .contacts a { text-decoration: none; } .contacts .option { padding:2px 4px; color: #5C5C5C; font-size: 11px; text-align: center; cursor: pointer; border-right:1px solid #DADADA; } .contacts td:last-child .option { border-right: 0px; } .contacts .option:hover { color:#000; } .contacts .option .text { display: inline-block; line-height: 23px; } .contacts .ico { display: inline-block; margin-right: 6px; width: 25px; height: 25px; background-color: #979797; vertical-align: bottom; -webkit-border-radius: 13px; border-radius: 13px; transition: all 500ms; -moz-transition: all 500ms; -webkit-transition: all 500ms; } .contacts .icoEmail { background-position: 0px 0px; } .contacts .icoChat { background-position: -25px 0px; } .contacts .icoPhone { background-position: -50px 0px; } .contacts .icoCallback { background-position: -75px 0px; } .contacts .icoSkype { background-position: -100px 0px; } #contactErr { display: none; position: fixed; background-color: #FFF4CA; padding: 8px; -webkit-border-radius: 3px; border-radius: 6px 6px 6px 0; font-size: 13px; line-height: 14px; -webkit-box-shadow: 2px 2px 3px 0px #cccccc; box-shadow: 2px 2px 3px 0px #cccccc; color: #000000; z-index: 5; margin-top: -30px; margin-left: 10px; max-width: 300px; font-size: 0.95em; } .contact_f1 { min-width: 360px; } .contact_f2 { min-width: 360px; } .contact_f2 .company .companyOperatorImage { height: 45px; width: 45px; } .contact_f2 .companyOperatorInfo div { line-height: 12px; height: 12px; font-size: 10px; } .contact_f2 .companyOperatorInfoLang img { height: 16px; } .contact_f2 .companyLogo img { max-width: 60px; max-height: 40px; } .contact_f2 .dialogBoxText { font-size: 13px; line-height: 16px; font-style: normal; padding:5px; } .contact_f2 .form .inquiry textarea { min-height: 50px; } .contact_f2 .form .inquiry label { font-size: 11px; left: 3px; top: 3px; } .contact_f2 .form .inputOut { padding: 3px; } .contact_f2 .submit, .contact_f2 .contacts { display: none; } .contact_f2 .active { padding: 15px; } .contact_f2 .active .bt { padding: 8px 10px; } .contact_v3 { min-width: 330px !important; } .contact_v3 .dialogBox, .contact_v3 .content .inner { -webkit-border-radius: 4px; border-radius: 4px; } .contact_v5 .contactHeader { padding: 20px 20px 0 20px; } .contact_v5 .company { float: left; margin-right: 15px; } .contact_v5 .companyLogo { float: inherit; vertical-align: middle; display: inline-block; } .contact_v5 .companyLogo img { max-width: 80px; max-height: 50px; } .contact_v5 .contactMessage { line-height: 18px; font-size: 16.5px; font-weight: 500; vertical-align: middle; overflow: hidden; text-align: left; margin-top: -5px; } .contact_v6 { } .contact_v6 .contactHeader, .contact_v6 td.dialog, .contact_v6 #chat_header { background-image: linear-gradient(to right, transparent , rgba(0,0,0,0.15)); } .contact_v6 .contactHeader { padding: 0 10px 15px 10px; } .contact_v6 .contactHeaderDefault { display: table; margin-top: 20px; } .contact_v6 .contactHeaderDefaultOperator { display: table-cell; padding-right: 10px; } .contact_v6 .contactHeaderDefaultDialog { display: table-cell; vertical-align: top; } .contact_v6 .contactDialogBallon { background-color: rgba(255,255,255,0.1) !important; border-radius: 8px; position: relative; } .contact_v6 .contactDialogBallon:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 8px 10px 0; border-color: transparent rgba(255,255,255,0.1) transparent transparent; position: absolute; left: -8px; top: 11px; } .contact_v6 .contactDialogText { color: rgba(255,255,255,1) !important; padding: 10px; font-size: 1.05em; line-height: 1.3em; display: table-cell; vertical-align: middle; text-align: left !important; box-sizing: border-box; text-align: center; } .contact_v6 .contactHeaderContent { padding: 0 !important; } .contact_v6 .contactHeaderImage, .contact_v6 .contactHeaderLogo { text-align: center; margin-bottom: 10px; } .contact_v6 .contactHeaderImage img { max-width: 150px; max-height: 45px; } .contact_v6 .contactHeaderImage { text-align: center; margin-bottom: 10px; } .contact_v6 .contactHeaderLogo img { max-width: 150px; max-height: 35px; } .contact_v6 .contactHeaderTitle { color: #fff; text-align: center; font-size: 1.2em; font-weight: bold; animation-name: fadeInUp; animation-duration: .75s; animation-fill-mode: both; animation-play-state: paused; margin: 0 0 10px 0; } .contact_v6 .contactHeaderMessage { color: #fff; font-size: 1.05em; text-align: center; line-height: 1.3em; color: rgba(255,255,255,0.9); } .contact_v6 .contactIntro { padding: 20px 20px 0 20px; text-align: center; } .contact_v6 .contactHeaderMessage, .contact_v6 .contactIntroTitle, .contact_v6 .contactIntroDescription { animation-name: fadeIn; animation-duration: .75s; animation-fill-mode: both; animation-play-state: paused; } .contact_v6 .contactIntroTitle { font-size: 1.3em; margin-bottom: 5px; } .contact_v6 .contactIntroDescription { color: rgba(0,0,0,0.6); } .contact_v6.contactOpened .contactHeaderOperatorPic { animation-play-state: running; } .contact_v6.contactOpened .contactHeaderOperator:nth-child(2) .contactHeaderOperatorPic { animation-delay: 0.1s; } .contact_v6.contactOpened .contactHeaderOperator:nth-child(3) .contactHeaderOperatorPic { animation-delay: 0.2s; } .contact_v6.contactOpened .contactHeaderOperator:nth-child(4) .contactHeaderOperatorPic { animation-delay: 0.3s; } .contact_v6.contactOpened .contactHeaderOperator:nth-child(5) .contactHeaderOperatorPic { animation-delay: 0.4s; } .contact_v6.contactOpened .contactHeaderTitle { animation-delay: 0.5s; animation-play-state: running; } .contact_v6.contactOpened .contactHeaderMessage { animation-delay: 1.0s; animation-play-state: running; } .contact_v6.contactOpened .contactIntroTitle { animation-delay: 1.0s; animation-play-state: running; } .contact_v6.contactOpened .contactIntroDescription { animation-delay: 1.2s; animation-play-state: running; } .contact_v6 .contactHeaderOperators { display: flex; text-align: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; height: 70px; } .contact_v6 .contactHeaderOperator { display: inline-block; height: 50px; transform: scale3d(1, 1, 1); transition: all 300ms; text-align: center; margin: 0 6px 0 0; } .contact_v6 .contactHeaderOperator:last-child { margin-right: 0px; } .contact_v6 .contactHeaderOperatorPic { display: inline-block; width: 50px; height: 50px; border-radius: 50%; background-repeat: no-repeat; animation-name: bounceIn; animation-duration: .75s; animation-fill-mode: both; animation-play-state: paused; overflow: hidden; background-color: #fff; } .contact_v6 .contactHeaderOperatorPic img { max-width: 100%; max-height: 150%; min-height: 100%; } .contact_v6 .contactHeaderOperatorName { opacity: 0; color: #fff; font-size: 0.75em; padding: 3px 5px 3px 5px; border-radius: 10px; position: relative; top: -2px; transition: all 300ms; line-height: 1em; white-space: nowrap; } .contact_v6 .contactHeaderOperator:hover { transform: scale3d(1.2, 1.2, 1.2); } .contact_v6 .contactHeaderOperator:hover .contactHeaderOperatorPic { filter: grayscale(0); } .contact_v6 .contactHeaderOperator:hover .contactHeaderOperatorName { opacity: 1; } .mobile .contact_v6 .contactHeaderClose { padding: 15px; position: absolute; top: 1px; right: -5px; z-index: 5; } .mobile .contact_v6 .contactHeaderContent { } .contactShared.contact_v6 .contactHeader { padding-bottom: 10px; } .contactShared.contact_v6 .contactHeaderOperator { margin: 0 6px; } .contactShared.contact_v6 .contactHeaderOperatorPic { filter: grayscale(1); } .contactShared.contact_v6 .contactHeaderOperatorName { opacity: 1; } .contactShared .contactDepartment { padding: 0 0 20px 0; height: 10px; } .contactShared .contactDepartmentTitle { font-size: 1em; color: rgba(0,0,0,0.7); margin-bottom: 10px; } .contactShared .contactDepartmentSelector { } .contactShared .contactDepartmentSelector select { width: 100%; background-color: #ffffff; border: 1px solid #3e7ea8; padding: 8px 10px; border-radius: 4px; font-size: 1.1em; outline: none; color: #3e7ea8; font-weight: bold; } .contactShared .contactDepartmentSelector select optgroup { } .mobile .contactShared.contact_v6 .contactHeaderOperator { display: none; } .mobile .contactShared.contact_v6 .contactHeaderOperator:nth-child(-n+5) { display: block; } .expanded { min-width: 380px !important; min-height: 380px; } .expanded .content .logo { display: none; } .expanded .content form { filter: alpha(Opacity=100); opacity: 1; -moz-opacity: 1; } .expanded .form_inner { height: 100%; } .expanded .wrapper { position:relative; overflow-y: hidden; height: 100%; } .expanded .wrapper_inner { overflow-y: auto; overflow-x: hidden; top: 0px; right: 0px; bottom: 0px; left: 0px; } .expanded .form { } .expanded .form #contactInputs { display: table-row-group; } .expanded .form .inputs .inputOut { height: inherit; } .expanded .form .inputs .inputOut textarea { min-height: 100px; } .expanded .form .inputRow .inputCell, .inputs_table .inputRow .inputCell { border-bottom: 1px solid #e8e8e8; } .inputs_table .inputRow:last-child .inputCell { border-bottom: 0px !important; } .actived .form .submit { display: block !important; } .actived .form .submit .sec_required { display: table-cell; } .actived .form .submit { display: block; } .actived.lopd-active .form .submit .lopd-text { opacity: 1; } .c1 .form .inputCell { background-color: #FFFFFF; } .mobile { height: 100%; background-color: #FFF; min-width: unset; } .mobile input, .mobile select, .mobile textarea { font-size: 1.2em; } .mobile .expanded { min-width: inherit !important; } .mobile .operators { height: 100% !important; } .mobile .contact { height: 100%; padding: 0px; } .mobile .contact_f1 { min-width: inherit; width: 100%; } .mobile .contact_f2 { min-width: inherit; width: 100%; } .mobile .contactHeader { display: block; padding-top: 20px; min-height: 25px; } .mobile .contactHeaderBack { } .mobile .contactBack { width: 25px; height: 25px; background-color: #444444; border-radius: 50%; color: #ffffff; line-height: 22px !important; padding: 0 !important; text-align: center; font-weight: bold; font-size: 1.3em; cursor: pointer; z-index: 10; } .mobile .contactBack:after { content: '\2039'; font-size: 1.5em; } .mobile .contactHeaderLogo { width: 100%; text-align: left; } .mobile .contactHeader .contactLogo { display: inline-block; text-align: left; vertical-align: top; } .mobile .contactHeader .contactLogo img { max-width: 100px; max-height: 50px; } .mobile .contactHeaderClose { vertical-align: top; } .mobile .contactClose { width: 20px; height: 20px; background-color: #444; border-radius: 50%; color: #fff; line-height: 18px !important; padding: 0px !important; text-align: center; font-weight: bold; font-size: 1.3em; cursor: pointer; z-index: 10; } .mobile .contactClose:after { content: 'x'; font-size: 0.9em; } .mobile .contactDialog { padding: 20px; } .mobile .contactDialog .companyOperator { padding-right: 5px; vertical-align: top; } .mobile .contactDialog .companyOperatorImage { width: 50px; height: 50px; overflow: hidden; -webkit-border-radius: 25px; border-radius: 25px; text-align: center; background-position: center center; background-repeat: no-repeat; background-size: 110% auto; background-color: #fff; } .mobile .contactDialog .dialog { background-color: #b2c3d0; position: relative; min-height: 60px; padding: 0;; -webkit-border-radius: 10px; border-radius: 10px; } .mobile .contactDialog .dialog::before { content: ''; width: 0; height: 0; position: absolute; left: -14px; border: 8px solid transparent; border-right: 8px solid var(--color-3-back); top: 16px; } .mobile .contactDialog .dialogInner { padding: 8px; } .mobile .contactDialog .dialogHeader { opacity: 0.6; color: #fff; font-size: 11px; line-height: 12px; overflow: hidden; margin-bottom: 2px; } .mobile .contactDialog .dialogHeaderOperatorName { font-weight: bold; } .mobile .contactDialog .dialogText { font-weight: normal; font-size: 1.1em; line-height: 1.3em; color: #fff; } .mobile .content { min-width: inherit !important; max-width: 100%; padding: 15px 15px 0 15px; } .mobile .contentForm { padding: 0px; } .mobile .wrapper_inner { position: initial !important; overflow: inherit !important; height: inherit !important; max-height: initial !important; } .mobile .sec_lopd { } .mobile .form .submit .lopd-opt { margin: 10px 0; } .mobile .button, .mobile .bt { font-size: 15px; -webkit-border-radius: 3px; border-radius: 25px; } .mobile #contact { min-width: inherit !important; max-width: 100%; } .mobile #contact .info .phone { } .mobile .contacts { padding: 0px; } .mobile .contacts .inner { background-color: inherit; border: 1px solid rgba(255,255,255,0.2); border-right: 0px; border-left: 0px; -webkit-border-radius: 0; border-radius: 0; } .mobile .contacts .option { color: rgba(255,255,255,0.8); border-right: 1px solid rgba(255,255,255,0.2); } .mobile .contacts .option:hover { background-color: inherit; } .mobile .contacts .option .ico { display: none; } .mobile .powered { text-align: center; font-size: 9px; line-height: 9px; padding: 5px 0; } .mobile .powered a { color: rgba(255,255,255,0.5); text-decoration: none; } .mobile .contactPhoneCode { padding: 0px 5px; line-height: 30px; } .mobile #contactForm { min-width: inherit; } .mobile .text_header { font-size: 1em; line-height: 17px; border: 0px; padding-bottom: 15px; } .mobile.guideEmbed .contactHeader, .mobile.guideEmbed .chat_operator { padding-left: 55px !important; } .mobile.guideEmbed .contactHeaderClose, .mobile.guideEmbed .win_button { display: none; } .mobileTab .content, .mobileTab .contacts, .mobileTab .powered { display: none; } .mobileTab .contact { height: auto !important; } .mobileTab .contactHeader { padding-top: 0px; } .mobileTabZoom .contactHeader { padding: 20px 20px 20px 20px; } .mobileTabZoom .dialog { -webkit-border-radius: 15px; border-radius: 15px; margin-left: 140px; } .mobileTabZoom .dialogInner { padding: 20px; } .mobileTabZoom .dialogHeader { font-size: 35px; line-height: 35px; height: 40px; } .mobileTabZoom .companyOperatorImage { width: 120px; height: 120px; -webkit-border-radius: 60px; border-radius: 60px; } .mobileTabZoom .dialogText { font-size: 40px; line-height: 50px; } .mobileTab .mobileClose { display: none; } .preview { } .preview .contact { min-width: unset; } .preview .content { } .preview .companyLogo, .preview .companyOperatorInfoDomain { visibility: hidden; } .preview .form .submit { padding-bottom: 5px; } .preview .form .submit .sec_lopd { } .preview .form .submit .sec_button { margin-top: 10px; } .preview .contact_v6 .contactHeaderMessage { line-height: 1.2em; } .preview .contact_v6.contactOpened .contactHeaderTitle { font-size: 1.4em; } .preview .contact.expanded { min-width: unset !important; } .mobile .contact_v3 #chat_header, #chat_header, #chat_header .chat_operator_pic_bot, .contact_v6 .contactHeader, .contact_v6 td.dialog, .datepickr-calendar .datepickr-months, .contacts .option:hover .ico { background-color: var(--color-1-back) !important; } .chat_operator_name, .chat_operator_job { color: var(--color-1-font) !important; } .contact_v3 #chat_header { background-color: var(--color-2-back) !important; } .dialogBox, .contact_v3 .dialogBox, .mobile .contactDialog .dialog, .mobile .contactDialog .dialog::after, #chat_msgs .dialogFrom1 .dialogGlow { background-color: var(--color-3-back) !important; } .dialogBox::before, .contact_v3 .dialogBox::before { border-bottom-color: var(--color-3-back) !important; } .dialogBoxText, .contact_v3 .dialogBoxText, .mobile .contactDialog .dialogText, .mobile .contactDialog .dialogHeader { color: var(--color-3-font) !important; } #chat_msgs .dialogFrom2 .dialogGlow { background-color: var(--color-4-back) !important; } #chat_msgs .dialogFrom2.dialogFirst .dialogGlow:before { border-top-color: var(--color-4-back) !important; } @media only screen and (max-device-width : 380px) { .contact_f1, .contact_f2 { min-width: inherit; width:100%; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { html, body, .content form, .form, .wrapper, .wrapper_inner { } }.form .inquiry .expanded { min-height: 80px !important; }