Files
vidok.com/layout/style-css/kontakt.css
Roman Pyrih f9e8170a41 Save
2025-02-10 14:47:12 +01:00

1 line
10 KiB
CSS

._urw_text,.contact-form-bottom ._text,.contact-form ._right ._text{font-weight:300;font-size:16px}@media(max-width: 768px){._urw_text,.contact-form-bottom ._text,.contact-form ._right ._text{font-size:15px}}.contact-form{display:grid;grid-template-columns:580px 1fr;-moz-column-gap:70px;column-gap:70px}@media(max-width: 1024px){.contact-form{grid-template-columns:1fr 1fr;-moz-column-gap:20px;column-gap:20px}}@media(max-width: 768px){.contact-form{grid-template-columns:1fr;row-gap:50px}}.contact-form h1{font-size:50px;font-weight:200;text-transform:uppercase}@media(max-width: 768px){.contact-form h1{font-size:30px}}.contact-form h2{text-transform:uppercase;font-size:34px;font-weight:300}@media(max-width: 768px){.contact-form h2{font-size:24px}}.contact-form ._right h2{margin-bottom:30px}.contact-form ._right form{margin-top:48px;display:grid;grid-template-columns:1fr;gap:10px}.contact-form ._right form input[type=submit],.contact-form ._right form button[type=submit]{background:#fbf27a;height:60px;padding:21px 36px;color:#000;gap:7px;font-weight:700;text-transform:uppercase;border:0;display:flex;align-items:center;justify-content:center}.contact-form ._right form ._file{background:#fff;min-height:95px;display:flex;align-items:center;justify-content:center;border:1px solid #dfdfdf;font-weight:300;font-size:16px;gap:20px;flex-wrap:wrap}@media(max-width: 768px){.contact-form ._right form ._file{gap:10px;font-size:14px}}.contact-form ._right form ._file .fileuploader-input{display:flex;flex-direction:row;align-items:center}.contact-form ._right form ._file .fileuploader-input .fileuploader-input-caption{align-self:auto;font-weight:300;font-size:16px;font-family:"URW Form",sans-serif}.contact-form ._right form ._file .fileuploader-input button{display:flex;height:60px;padding:20px 36px;font-weight:700;color:#fff;background-color:#1d1d1e;border:0;text-transform:uppercase;gap:10px}.contact-form ._right form ._file .fileuploader-input button span{display:flex;gap:10px}@media(max-width: 768px){.contact-form ._right form ._file .fileuploader-input button{padding:20px}}.contact-form ._right form ._2_columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-form ._right form ._1_column{display:flex}.contact-form ._right form ._1_column._right{justify-content:flex-end}.contact-form ._right form ._1_column ._checkbox,.contact-form ._right form ._2_columns ._checkbox{font-size:12px;display:flex;gap:10px;align-items:flex-start}.contact-form ._right form ._1_column ._radio,.contact-form ._right form ._2_columns ._radio{display:flex;gap:5px;font-size:14px}.contact-form ._right form ._1_column ._radio input[type=radio],.contact-form ._right form ._2_columns ._radio input[type=radio]{border:1px solid #dfdfdf}.contact-form ._right form ._1_column ._radio label,.contact-form ._right form ._2_columns ._radio label{margin:0}.contact-form ._right form ._1_column input[type=text],.contact-form ._right form ._1_column input[type=email],.contact-form ._right form ._1_column textarea,.contact-form ._right form ._1_column select,.contact-form ._right form ._2_columns input[type=text],.contact-form ._right form ._2_columns input[type=email],.contact-form ._right form ._2_columns textarea,.contact-form ._right form ._2_columns select{display:flex;height:38px;width:100%;padding:0 15px;justify-content:center;align-items:center;border:1px solid #dfdfdf;font-size:14px;font-weight:300;color:#000}.contact-form ._right form ._1_column input[type=text]::-moz-placeholder, .contact-form ._right form ._1_column input[type=email]::-moz-placeholder, .contact-form ._right form ._1_column textarea::-moz-placeholder, .contact-form ._right form ._1_column select::-moz-placeholder, .contact-form ._right form ._2_columns input[type=text]::-moz-placeholder, .contact-form ._right form ._2_columns input[type=email]::-moz-placeholder, .contact-form ._right form ._2_columns textarea::-moz-placeholder, .contact-form ._right form ._2_columns select::-moz-placeholder{font-size:14px;font-weight:300;color:rgba(0,0,0,.5)}.contact-form ._right form ._1_column input[type=text]::placeholder,.contact-form ._right form ._1_column input[type=email]::placeholder,.contact-form ._right form ._1_column textarea::placeholder,.contact-form ._right form ._1_column select::placeholder,.contact-form ._right form ._2_columns input[type=text]::placeholder,.contact-form ._right form ._2_columns input[type=email]::placeholder,.contact-form ._right form ._2_columns textarea::placeholder,.contact-form ._right form ._2_columns select::placeholder{font-size:14px;font-weight:300;color:rgba(0,0,0,.5)}.contact-form ._right form ._1_column textarea,.contact-form ._right form ._2_columns textarea{height:177px;padding:15px}.contact-form ._left{padding:48px}@media(max-width: 1024px){.contact-form ._left{padding:0}}.contact-form ._left h1{border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:48px;max-width:350px}@media(max-width: 768px){.contact-form ._left h1{padding-bottom:20px}}.contact-form ._left ._contact_data{padding-top:48px;display:flex;row-gap:48px;flex-direction:column}@media(max-width: 768px){.contact-form ._left ._contact_data{padding-top:24px;padding-bottom:24px}}.contact-form ._left ._contact_data ._title{font-size:24px;font-weight:500;text-transform:uppercase}.contact-form ._left ._contact_data ._title._bordered{border-bottom:1px solid rgba(0,0,0,.1);max-width:350px;padding-bottom:30px}.contact-form ._left ._contact_data ._icon_data{display:flex;gap:21px}.contact-form ._left ._contact_data ._icon_data ._text{font-size:16px;font-weight:300}.contact-form ._left ._contact_data ._icon_data ._text a{text-transform:uppercase;text-decoration:underline;font-weight:700}.contact-form ._left ._contact_data ._icon_data ._text._phones,.contact-form ._left ._contact_data ._icon_data ._text._mails{display:flex;flex-direction:column;gap:24px}.contact-form ._left ._contact_data ._icon_data ._text._phones a,.contact-form ._left ._contact_data ._icon_data ._text._mails a{font-weight:300;text-transform:none}.contact-form-bottom{padding-top:50px;padding-bottom:50px}.contact_accordion{display:flex;gap:10px;flex-direction:column}.contact_accordion ._left{border-right:1px solid rgba(0,0,0,.1)}.contact_accordion ._left a{display:flex;gap:10px;text-transform:uppercase;padding:5px}.contact_accordion ._left a:hover img{display:block}.contact_accordion ._left a img{width:10px;transform:rotate(-90deg);display:none}.contact_accordion ._title{padding:20px 25px;font-weight:500;font-size:24px;text-transform:uppercase;background:#dfdfdf;display:flex;align-items:center;justify-content:space-between;cursor:pointer}@media(max-width: 768px){.contact_accordion ._title{font-size:18px}}.contact_accordion ._title._active{background:#fbf27a}.contact_accordion ._content{padding-top:40px;padding-bottom:40px}.contact_accordion ._content._2_columns{display:grid;grid-template-columns:300px 1fr;gap:50px}.contact_accordion ._content._2_columns ._city_content{display:grid;grid-template-columns:1fr;display:none}.contact_accordion ._content ._city{text-transform:uppercase;font-weight:500;font-size:24px;padding-bottom:25px;border-bottom:1px solid rgba(0,0,0,.1);max-width:350px;margin-bottom:5px}.contact_accordion ._content ._city_content{display:grid;grid-template-columns:1fr 350px;gap:30px}.contact_accordion ._content ._city_content_2{grid-template-columns:1fr;row-gap:70px;-moz-column-gap:80px;column-gap:80px;width:calc(100% - 300px);margin-left:auto;margin-right:auto}.contact_accordion ._content ._city_content_2 ._persons ._person{text-align:center}.contact_accordion ._content ._city_content ._city_content_nav{margin-bottom:30px}.contact_accordion ._content ._city_content ._city_content_nav ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:row;-moz-column-gap:70px;column-gap:70px}.contact_accordion ._content ._city_content ._city_content_nav ul li a{display:block;padding:18px 36px;border-radius:5px;border:1px solid #000;color:#000;font-size:14px;font-weight:700;font-family:"URW Form",sans-serif;text-transform:uppercase}.contact_accordion ._content ._city_content ._city_content_nav ul li a.active{color:#fff;background:#1d1d1e}.contact_accordion ._content ._city_content ._cities{display:none}.contact_accordion ._content ._city_content ._cities.active{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:20px}.contact_accordion ._content ._city_content ._cities ._city ._name{font-size:14px;font-weight:400;font-family:"Open Sans",sans-serif;color:#232323;text-align:center;font-weight:700;margin-bottom:10px}.contact_accordion ._content ._city_content ._cities ._city ._description{display:flex;flex-direction:column;height:100%}.contact_accordion ._content ._city_content ._cities ._city ._description hr{width:80%}.contact_accordion ._content ._city_content ._cities ._city ._description p{text-align:center;margin:0;text-transform:initial;flex:1}.contact_accordion ._content ._city_content ._persons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}.contact_accordion ._content ._city_content ._persons ._person__wrapp ._person_title{color:#1d1d1e;font-family:"URW Form",sans-serif;font-size:20px;font-weight:700;text-align:center;margin-bottom:20px}.contact_accordion ._content ._city_content ._persons ._person{padding:28px 20px;border:.5px solid #d7d7d7;box-shadow:2px -2px 10px .5px rgba(0,0,0,.1);border-radius:15px}.contact_accordion ._content ._city_content ._persons ._person p{margin-bottom:0}.contact_accordion ._content ._city_content ._persons ._person p strong{font-weight:700}.contact_accordion ._content ._city_content ._persons ._person p strong a{font-weight:700}.contact_accordion ._content ._city_content ._persons ._person ._name{font-weight:600;font-size:16px;margin-bottom:30px}.contact_accordion ._content ._city_content ._persons ._person ._phone,.contact_accordion ._content ._city_content ._persons ._person ._mail{display:flex;gap:20px;margin-bottom:20px;align-items:flex-start}.contact_accordion ._content ._city_content ._persons ._person ._phone a,.contact_accordion ._content ._city_content ._persons ._person ._mail a{text-decoration:underline;font-size:16px;font-weight:300}.contact_accordion ._content ._city_content ._button a{background:#1d1d1e;color:#fff;font-weight:700;text-transform:uppercase;padding:21px 36px;display:flex;align-items:center;justify-content:center;gap:7px;width:-moz-fit-content;width:fit-content}.contact-btn{padding:16px 30px 14px;border-radius:5px;border:2px solid #000;margin:25px auto 0;color:#000;font-family:"URW Form",sans-serif;font-weight:500;font-size:12px;transition:all 250ms ease-in-out}.contact-btn:hover{background:#000;color:#fff}/*# sourceMappingURL=kontakt.css.map */