Anonymous Pens can't be embedded.
Edit on CodePen
{"__browser":{"country":"US","device":"unknown_device","mobile":false,"name":"unknown browser","platform":"unknown_platform","version":"0"},"__constants":{},"__CPDATA":{"domain_iframe":"https://cdpn.io","environment":"production","host":"codepen.io","iframe_allow":"accelerometer *; ambient-light-sensor *; camera *; display-capture *; encrypted-media *; geolocation *; gyroscope *; microphone *; midi *; payment *; vr *; web-share *; serial *; xr-spatial-tracking *","iframe_sandbox":"allow-downloads allow-forms allow-modals allow-pointer-lock allow-popups-to-escape-sandbox allow-popups allow-presentation allow-same-origin allow-scripts allow-top-navigation-by-user-activation"},"__graphql":{"data":{"errors":[{"message":"Cannot return null for non-nullable field Query.sessionUser"}],"data":null},"url":"https://codepen.io/graphql","api":"cprails"},"__pay_stripe_public_key":"pk_live_2GndomDfiklqpSNQn8FrGuwZSMIMzha7DkLJqlYe7IR0ihKAlKdiHg68JJc5eVPt68rzAjzAAVXcUwjySHRCsgjQQ00gtRBUFNH","__pay_braintree_env":"production","__boomboom":{"serve_url":"https://cdpn.io/cpe/boomboom","store_url":"https://codepen.io/cpe/boomboom/store"},"__pageType":"embed","__item":"{\"editor_settings\":{\"indent_with\":\"spaces\",\"tab_size\":2,\"auto_save\":true,\"format_on_save\":false,\"auto_run\":true,\"id\":\"VoDkNZ\",\"autocomplete\":false,\"code_folding\":true,\"css_pre_processor\":\"none\",\"css_prefix\":\"neither\",\"css_starter\":\"neither\",\"emmet_active\":true,\"font_size\":14,\"font_type\":\"system\",\"html_pre_processor\":\"none\",\"js_pre_processor\":\"none\",\"key_bindings\":\"normal\",\"line_numbers\":true,\"line_wrapping\":true,\"match_brackets\":true,\"snippets\":{\"markupSnippets\":{},\"stylesheetSnippets\":{}},\"theme\":\"twilight\"},\"hashid\":\"OeXeBd\",\"itemType\":\"pen\",\"resources\":[],\"tags\":[],\"id\":37049688,\"user_id\":1,\"html\":\"<header class=\\\"main-header contacts\\\">\\n <div class=\\\"container header__container\\\">\\n <div class=\\\"main-header__info\\\">\\n <div class=\\\"main-header__item item1\\\">\\n <i class=\\\"fa fa-phone\\\" aria-hidden=\\\"true\\\"></i>\\n <p>00 50 00 10 00</p>\\n </div>\\n <h3 class=\\\"main-header__title\\\">Vaynna Rurov</h3>\\n <div class=\\\"main-header__item item2\\\">\\n <i class=\\\"fa fa-phone\\\" aria-hidden=\\\"true\\\"></i>\\n <p>000 00 003 010 83</p>\\n </div>\\n\\n <svg style=\\\"display: none;\\\">\\n <symbol>\\n <g id=\\\"linkedin__icon\\\">\\n <svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 512 512\\\"><path d=\\\"M437.022 74.984C388.67 26.63 324.381 0 256 0 187.624 0 123.338 26.63 74.984 74.984S0 187.624 0 256c0 68.388 26.63 132.678 74.984 181.028C123.335 485.375 187.621 512 256 512c68.385 0 132.673-26.625 181.021-74.972C485.372 388.679 512 324.389 512 256c0-68.377-26.628-132.664-74.978-181.016zm-11.314 350.73C380.381 471.039 320.111 496 256 496c-64.106 0-124.374-24.961-169.703-70.286C40.965 380.386 16 320.113 16 256c0-64.102 24.965-124.37 70.297-169.703C131.63 40.965 191.898 16 256 16c64.108 0 124.378 24.965 169.708 70.297C471.037 131.628 496 191.896 496 256c0 64.115-24.963 124.387-70.292 169.714z\\\"/><path d=\\\"M430.038 114.969a7.999 7.999 0 0 0-11.253-1.172 7.999 7.999 0 0 0-1.172 11.252C447.526 161.919 464 208.426 464 256c0 55.567-21.635 107.803-60.919 147.085C363.797 442.367 311.563 464 256 464c-51.26 0-100.505-18.807-138.663-52.956a8 8 0 0 0-10.67 11.922C147.763 459.745 200.797 480 256 480c59.837 0 116.089-23.297 158.394-65.601C456.701 372.095 480 315.84 480 256c0-51.233-17.744-101.319-49.962-141.031zM48 256c0-114.691 93.309-208 208-208 51.26 0 100.504 18.808 138.662 52.959a8 8 0 0 0 11.296-.625 8 8 0 0 0-.625-11.296C364.237 52.256 311.203 32 256 32c-59.829 0-116.08 23.301-158.389 65.611C55.301 139.921 32 196.171 32 256c0 51.239 17.744 101.328 49.963 141.038a7.983 7.983 0 0 0 6.217 2.96 8 8 0 0 0 6.208-13.041C64.474 350.088 48 303.58 48 256z\\\"/><path d=\\\"M325.685 373.042h49.577a8 8 0 0 0 8-8v-85.508c0-24.007-6.204-42.903-18.439-56.162-11.438-12.395-27.571-18.947-46.653-18.947-16.595 0-28.251 5.056-36.677 11.636v-.138a8 8 0 0 0-8-8H223.93a8.003 8.003 0 0 0-7.992 8.364c.62 13.618-.002 147.368-.008 148.718a8.001 8.001 0 0 0 8 8.037h49.562a8 8 0 0 0 8-8V281.76c0-4.336.347-7.376 1.053-9.092 1.594-3.953 6.54-13.146 18.02-13.146 4.683 0 17.121 0 17.121 25.734v79.785a7.998 7.998 0 0 0 7.999 8.001zm-25.121-129.52c-14.727 0-27.01 8.659-32.835 23.106-1.547 3.754-2.237 8.421-2.237 15.131v75.282h-33.526c.111-25.855.418-105.46.123-133.119h33.403v13.117a8 8 0 0 0 14.713 4.351c6.721-10.367 16.487-20.966 37.964-20.966 31.199 0 49.093 21.544 49.093 59.108v77.508h-33.577v-71.785c0-12.136-2.428-21.855-7.216-28.887-5.723-8.404-14.681-12.846-25.905-12.846zM207.747 169.605c-.41-19.786-15.099-33.605-35.72-33.605C151.151 136 136 150.203 136 169.771s14.877 33.771 35.375 33.771h.333c20.883 0 36.041-14.203 36.041-33.771l-.002-.166zm-36.039 17.937h-.333c-11.589 0-19.375-7.142-19.375-17.771 0-10.629 8.048-17.771 20.026-17.771 11.906 0 19.456 6.838 19.722 17.853-.041 10.584-8.084 17.689-20.04 17.689zM146.919 207.922a8 8 0 0 0-8 8v149.119a8 8 0 0 0 8 8h49.591a8 8 0 0 0 8-8V215.922a8 8 0 0 0-8-8h-49.591zm41.592 149.12H154.92v-133.12h33.591v133.12z\\\"/></svg>\\n </g>\\n </symbol> \\n <symbol>\\n <g id=\\\"facebook__icon\\\">\\n <svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 512 512\\\"><path d=\\\"M222.892 388h51.491a8 8 0 0 0 8-8V264.093h26.751a8 8 0 0 0 7.958-7.18l4.51-43.772a7.997 7.997 0 0 0-2.019-6.179 7.997 7.997 0 0 0-5.939-2.641h-31.261v-17.73c0-3.662 1.159-3.936 2.928-3.936h27.682a8 8 0 0 0 8-8v-42.5a8 8 0 0 0-7.968-8L274.848 124c-26.752 0-41.029 11.77-48.295 21.643-10.146 13.787-11.661 29.941-11.661 38.343v20.334h-16.489a8 8 0 0 0-8 8v43.772a8 8 0 0 0 8 8h16.489V380a8 8 0 0 0 8 8zm-16.49-139.907v-27.772h16.489a8 8 0 0 0 8-8v-28.334c0-5.185.833-18.376 8.547-28.86 7.386-10.037 19.3-15.126 35.376-15.126l30.177.122v26.533h-19.682c-9.421 0-18.928 6.164-18.928 19.936v25.73a8 8 0 0 0 8 8h30.395l-2.862 27.772h-27.533a8 8 0 0 0-8 8V372H230.89V256.093a8 8 0 0 0-8-8h-16.488z\\\"/><path d=\\\"M437.022 74.984C388.67 26.63 324.381 0 256 0 187.624 0 123.338 26.63 74.984 74.984S0 187.624 0 256c0 68.388 26.63 132.678 74.984 181.028C123.335 485.375 187.621 512 256 512c68.385 0 132.673-26.625 181.021-74.972C485.372 388.679 512 324.389 512 256c0-68.378-26.628-132.664-74.978-181.016zm-11.314 350.73C380.381 471.039 320.111 496 256 496c-64.106 0-124.374-24.961-169.703-70.286C40.965 380.386 16 320.113 16 256c0-64.102 24.965-124.37 70.297-169.702C131.63 40.965 191.898 16 256 16c64.108 0 124.378 24.965 169.708 70.297C471.037 131.628 496 191.896 496 256c0 64.115-24.963 124.387-70.292 169.714z\\\"/><path d=\\\"M430.038 114.969a7.998 7.998 0 0 0-11.253-1.172 7.999 7.999 0 0 0-1.172 11.252C447.526 161.919 464 208.425 464 256c0 55.567-21.635 107.803-60.919 147.086C363.797 442.367 311.563 464 256 464c-51.26 0-100.505-18.807-138.663-52.956a8 8 0 0 0-10.67 11.922C147.763 459.745 200.797 480 256 480c59.837 0 116.089-23.297 158.394-65.601C456.701 372.094 480 315.84 480 256c0-51.234-17.744-101.319-49.962-141.031zM48 256c0-114.691 93.309-208 208-208 51.26 0 100.504 18.808 138.662 52.959a8 8 0 0 0 11.296-.625 8 8 0 0 0-.625-11.296C364.237 52.256 311.203 32 256 32c-59.829 0-116.079 23.301-158.389 65.611C55.301 139.92 32 196.171 32 256c0 51.24 17.744 101.328 49.963 141.038a7.983 7.983 0 0 0 6.217 2.96 8 8 0 0 0 6.208-13.041C64.474 350.088 48 303.58 48 256z\\\"/></svg>\\n </g>\\n </symbol> \\n <symbol>\\n <g id=\\\"instagram\\\">\\n <svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 409.602 409.602\\\"><path d=\\\"M349.617 59.988C310.938 21.305 259.504 0 204.801 0S98.672 21.305 59.988 59.988C21.305 98.672 0 150.098 0 204.801c0 54.711 21.305 106.14 59.988 144.82 38.68 38.68 90.11 59.981 144.813 59.981 54.707 0 106.137-21.301 144.816-59.981 38.68-38.68 59.985-90.109 59.985-144.82 0-54.703-21.305-106.133-59.985-144.813zm-9.051 280.582c-36.261 36.262-84.476 56.231-135.765 56.231-51.285 0-99.5-19.969-135.762-56.231-36.266-36.261-56.238-84.48-56.238-135.769 0-51.281 19.972-99.496 56.238-135.762s84.481-56.238 135.762-56.238c51.285 0 99.5 19.972 135.765 56.238 36.262 36.262 56.235 84.477 56.235 135.762 0 51.293-19.973 99.508-56.235 135.769zm0 0\\\"/><path d=\\\"M344.031 91.977a6.397 6.397 0 0 0-9.004-.938 6.396 6.396 0 0 0-.937 9c23.93 29.496 37.109 66.699 37.109 104.762 0 44.453-17.308 86.242-48.734 117.668-31.426 31.426-73.215 48.73-117.664 48.73-41.008 0-80.406-15.043-110.93-42.363a6.4 6.4 0 0 0-8.539 9.535C118.211 367.797 160.637 384 204.801 384c47.867 0 92.871-18.637 126.715-52.48C365.359 297.676 384 252.672 384 204.801c0-40.989-14.195-81.055-39.969-112.824zm0 0M38.398 204.801c0-91.754 74.649-166.403 166.403-166.403 41.008 0 80.402 15.047 110.929 42.368a6.399 6.399 0 1 0 8.536-9.536c-32.875-29.425-75.305-45.628-119.465-45.628-47.863 0-92.863 18.64-126.711 52.488-33.848 33.847-52.488 78.847-52.488 126.711 0 40.992 14.195 81.062 39.968 112.828A6.38 6.38 0 0 0 70.543 320a6.368 6.368 0 0 0 4.031-1.434 6.4 6.4 0 0 0 .938-9c-23.934-29.496-37.114-66.703-37.114-104.765zm0 0\\\"/><path d=\\\"M258.59 102.125H151.41c-27.176 0-49.285 22.11-49.285 49.286V258.59c0 27.177 22.109 49.286 49.285 49.286h107.18c27.176 0 49.284-22.109 49.284-49.286V151.411c0-27.176-22.108-49.286-49.284-49.286zm36.308 156.464c0 20.02-16.288 36.309-36.308 36.309H151.41c-20.019 0-36.305-16.289-36.305-36.309V151.411c0-20.019 16.287-36.305 36.305-36.305h107.18c20.02 0 36.308 16.287 36.308 36.305v107.178z\\\"/><path d=\\\"M262.503 139.728c-4.358 0-7.904 3.545-7.904 7.901s3.546 7.9 7.904 7.9c4.356 0 7.9-3.544 7.9-7.9s-3.544-7.901-7.9-7.901zM204.998 154.57c-27.806 0-50.428 22.622-50.428 50.428 0 27.808 22.622 50.432 50.428 50.432 27.808 0 50.432-22.624 50.432-50.432 0-27.806-22.624-50.428-50.432-50.428zm0 87.884c-20.652 0-37.453-16.803-37.453-37.456 0-20.648 16.801-37.446 37.453-37.446 20.65 0 37.449 16.798 37.449 37.446.001 20.653-16.799 37.456-37.449 37.456z\\\"/></svg>\\n </g>\\n </symbol> \\n </svg>\\n\\n <div class=\\\"main-header__icons\\\">\\n <a href=\\\"#\\\" class=\\\"contacts__item\\\">\\n <svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 512 512\\\">\\n <use xlink: href=\\\"#instagram\\\">\\n </svg>\\n </a>\\n <a href=\\\"#\\\" class=\\\"contacts__item\\\">\\n <svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 512 512\\\">\\n <use xlink: href=\\\"#facebook__icon\\\">\\n </svg>\\n </a>\\n \\n <a href=\\\"#\\\" class=\\\"contacts__item\\\">\\n <svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 512 512\\\">\\n <use xlink: href=\\\"#linkedin__icon\\\">\\n </svg>\\n </a>\\n </div>\\n </div>\\n </div>\\n <div class=\\\"main-header__navigation\\\">\\n <div class=\\\"container header__container\\\">\\n <div class=\\\"main-header__wrap\\\">\\n <div class=\\\"mobile-wrap\\\">\\n <div class=\\\"main-header__description\\\">Меню</div>\\n <div class=\\\"main-nav__toggle\\\">\\n <span class=\\\"line-burger\\\"></span>\\n </div>\\n </div>\\n <ul class=\\\"main-header__list\\\">\\n <li><a class=\\\"main-header__link main-header__link--active\\\" href=\\\"\\\">Главная</a></li>\\n <li><a class=\\\"main-header__link\\\" href=\\\"\\\">Услуги</a></li>\\n \\n <li><a class=\\\"main-header__link\\\" href=\\\"\\\">Контакты</a></li>\\n </ul>\\n </div>\\n </div>\\n </div>\\n</header>\\n\\n<section class=\\\"contacts\\\">\\n <div class=\\\"contacts__box\\\">\\n <h3 class=\\\"contacts__text\\\">Напишите нам</h3>\\n <form class=\\\"contacts__form\\\" action=\\\"\\\">\\n \\n <div class=\\\"contacts__block\\\">\\n <div class=\\\"contacts__wrapper\\\">\\n <label for=\\\"contacts__name\\\">Имя</label>\\n <p class=\\\"contacts__error contacts__fail-name\\\" style=\\\"display: none\\\">Введите имя</p>\\n </div>\\n <input id=\\\"contacts__name\\\" type=\\\"text\\\" placeholder=\\\"Введите имя\\\">\\n </div> \\n <div class=\\\"contacts__block\\\">\\n <div class=\\\"contacts__wrapper\\\">\\n <label for=\\\"contacts__telephone\\\">Телефон</label>\\n <p class=\\\"contacts__error contacts__fail-telephone\\\" style=\\\"display: none\\\">Введите телефон</p>\\n </div>\\n \\n <input type=\\\"tel\\\" id=\\\"contacts__telephone\\\" type=\\\"\\\" placeholder=\\\"Введите телефон\\\">\\n \\n </div>\\n <div class=\\\"contacts__block\\\">\\n <label for=\\\"contacts__info\\\">Сообщение</label>\\n <textarea name=\\\"\\\" id=\\\"contacts__info\\\" placeholder=\\\"Введите сообщение\\\"></textarea>\\n </div>\\n \\n <div class=\\\"contacts__wrap\\\">\\n <button class=\\\"contacts__button\\\">Отправить</button>\\n </div>\\n\\n </form>\\n </div>\\n \\n </div>\\n</section>\",\"css\":\".main-header__info {\\n\\tdisplay: -webkit-box;\\n\\tdisplay: -webkit-flex;\\n\\tdisplay: -ms-flexbox;\\n\\tdisplay: flex;\\n\\t-webkit-box-align: center;\\n\\t-webkit-align-items: center;\\n\\t-ms-flex-align: center;\\n\\talign-items: center;\\n\\t-webkit-box-pack: end;\\n\\t-webkit-justify-content: flex-end;\\n\\t-ms-flex-pack: end;\\n\\tjustify-content: flex-end;\\n\\t-webkit-flex-wrap: wrap;\\n\\t-ms-flex-wrap: wrap;\\n\\tflex-wrap: wrap;\\n\\tmargin-top: 15px;\\n\\tmargin-bottom: 15px;\\n}\\n\\n\\n.main-header__title {\\n position: relative;\\n\\tfont-size: 90px;\\n\\tline-height: 1;\\n\\tcolor: #003885;\\n\\tfont-family: Second-Road, serif;\\n\\tfont-weight: normal;\\n\\tpadding-left: 85px;\\n\\tpadding-right: 55px;\\n}\\n\\n.main-header__item {\\n\\tdisplay: -webkit-box;\\n\\tdisplay: -webkit-flex;\\n\\tdisplay: -ms-flexbox;\\n\\tdisplay: flex;\\n\\t-webkit-box-align: center;\\n\\t-webkit-align-items: center;\\n\\t-ms-flex-align: center;\\n\\talign-items: center;\\n}\\n\\n.main-header__item i {\\n\\tfont-size: 26px;\\n\\tcolor: #003885;\\n\\tmargin-right: 12px;\\n}\\n\\n.main-header__item p {\\n\\tfont-size: 20px;\\n\\tline-height: 1.2;\\n\\tcolor: #003885;\\n\\ttext-transform: uppercase;\\n\\tfont-family: Calibri, sans-serif;\\n}\\n\\n.main-header__description {\\n\\tfont-size: 14px;\\n\\tline-height: 2.1;\\n\\tpadding-right: 20px;\\n\\tcolor: #fff;\\n\\ttext-transform: uppercase;\\n\\tfont-family: Montserrat-Bold, sans-serif;\\n}\\n\\n.main-header__icons {\\n\\tdisplay: -webkit-box;\\n\\tdisplay: -webkit-flex;\\n\\tdisplay: -ms-flexbox;\\n\\tdisplay: flex;\\n\\t-webkit-box-align: center;\\n\\t-webkit-align-items: center;\\n\\t-ms-flex-align: center;\\n\\talign-items: center;\\n\\tpadding-left: 40px;\\n}\\n\\n.main-header__navigation {\\n\\tposition: relative;\\n\\tbackground-color: #fff;\\n}\\n\\n.main-header__navigation--fixed {\\n\\tposition: fixed;\\n\\ttop: 0;\\n\\tleft: 0;\\n\\twidth: 100%;\\n\\tz-index: 10;\\n}\\n\\n.main-header__wrap {\\n\\tposition: relative;\\n\\tdisplay: -webkit-box;\\n\\tdisplay: -webkit-flex;\\n\\tdisplay: -ms-flexbox;\\n\\tdisplay: flex;\\n\\t-webkit-box-pack: center;\\n\\t-webkit-justify-content: center;\\n\\t-ms-flex-pack: center;\\n\\tjustify-content: center;\\n}\\n\\n.main-header__list {\\n\\tpadding-left: 5px;\\n\\tdisplay: -webkit-box;\\n\\tdisplay: -webkit-flex;\\n\\tdisplay: -ms-flexbox;\\n\\tdisplay: flex;\\n}\\n\\n.main-header__link {\\n\\tfont-size: 20px;\\n\\tline-height: 1.1;\\n\\tdisplay: block;\\n\\tcolor: #272727;\\n\\tpadding: 15px;\\n\\ttext-transform: uppercase;\\n\\tborder-bottom: 2px solid transparent;\\n\\t-webkit-transition: 0.2s border;\\n\\t-o-transition: 0.2s border;\\n\\ttransition: 0.2s border;\\n}\\n\\n.main-header__link:hover {\\n\\tborder-bottom: 2px solid #003175;\\n}\\n\\n.main-header__link--active {\\n\\tborder-bottom: 2px solid #003175;\\n}\\n\\n.mobile-wrap {\\n\\tdisplay: none;\\n\\t-webkit-box-align: center;\\n\\t-webkit-align-items: center;\\n\\t-ms-flex-align: center;\\n\\talign-items: center;\\n\\t-webkit-box-pack: center;\\n\\t-webkit-justify-content: center;\\n\\t-ms-flex-pack: center;\\n\\tjustify-content: center;\\n\\tcursor: pointer;\\n}\\n\\n.line-burger {\\n\\tdisplay: block;\\n\\tposition: absolute;\\n\\ttop: 50%;\\n\\tleft: 0;\\n\\twidth: 25px;\\n\\theight: 3px;\\n\\tbackground-color: #fff;\\n\\t-webkit-transition: 0.5s width;\\n\\t-o-transition: 0.5s width;\\n\\ttransition: 0.5s width;\\n}\\n\\n.line-burger:after,\\n.line-burger:before {\\n\\tcontent: '';\\n\\tposition: absolute;\\n\\twidth: 25px;\\n\\theight: 3px;\\n\\tbackground-color: #fff;\\n\\tleft: 0;\\n\\t-webkit-transition: 0.5s;\\n\\t-o-transition: 0.5s;\\n\\ttransition: 0.5s;\\n}\\n\\n.line-burger:after {\\n\\ttop: -webkit-calc(100% + 5px);\\n\\ttop: calc(100% + 5px);\\n}\\n\\n.line-burger:before {\\n\\tbottom: -webkit-calc(100% + 5px);\\n\\tbottom: calc(100% + 5px);\\n}\\n\\n.line-active {\\n\\twidth: 0;\\n}\\n\\n.line-active:after {\\n\\ttop: 9px;\\n\\t-webkit-transform: rotate(-45deg);\\n\\t-ms-transform: rotate(-45deg);\\n\\ttransform: rotate(-45deg);\\n\\t-webkit-transform-origin: 0 0;\\n\\t-ms-transform-origin: 0 0;\\n\\ttransform-origin: 0 0;\\n}\\n\\n.line-active:before {\\n\\tbottom: 9px;\\n\\t-webkit-transform: rotate(45deg);\\n\\t-ms-transform: rotate(45deg);\\n\\ttransform: rotate(45deg);\\n\\t-webkit-transform-origin: 0 100%;\\n\\t-ms-transform-origin: 0 100%;\\n\\ttransform-origin: 0 100%;\\n}\\n\\n.main-nav__toggle {\\n\\tposition: relative;\\n\\tcursor: pointer;\\n\\tdisplay: none;\\n\\twidth: 25px;\\n\\theight: 25px;\\n\\tmargin-top: -5px;\\n}\\n\\nsvg {\\n\\twidth: 30px;\\n\\theight: 30px;\\n\\tfill: #003885;\\n}\\n\\nsvg:hover {\\n\\tfill: #fff;\\n}\\n\\n@media screen and (max-width: 1025px) {\\n\\n.main-header__info {\\n\\t-webkit-box-pack: center;\\n\\t-webkit-justify-content: center;\\n\\t-ms-flex-pack: center;\\n\\tjustify-content: center;\\n}\\n\\n.main-header__title {\\n\\tpadding-left: 56px;\\n}\\n\\n}\\n\\n@media screen and (max-width: 960px) {\\n\\n.main-header__icons {\\n\\tpadding-top: 12px;\\n}\\n\\n.main-nav__toggle {\\n\\tdisplay: block;\\n}\\n\\n}\\n\\n@media screen and (max-width: 845px) {\\n\\n.main-header__info {\\n\\t-webkit-flex-wrap: wrap-reverse;\\n\\t-ms-flex-wrap: wrap-reverse;\\n\\tflex-wrap: wrap-reverse;\\n}\\n \\n\\n.main-header__title {\\n\\t-webkit-box-ordinal-group: 2;\\n\\t-webkit-order: 1;\\n\\t-ms-flex-order: 1;\\n\\torder: 1;\\n\\tpadding-left: 10px;\\n\\tpadding-right: 10px;\\n}\\n\\n.main-header__item {\\n\\tmargin-top: 10px;\\n}\\n\\n.main-header__icons {\\n\\tpadding-left: 10px;\\n\\tpadding-right: 10px;\\n}\\n\\n}\\n\\n@media screen and (max-width: 767px) {\\n\\n.main-header__navigation {\\n\\tbackground-color: #003885;\\n}\\n\\n.main-header__list {\\n\\tdisplay: none;\\n\\twidth: 100%;\\n\\tbackground-color: #fff;\\n\\ttop: 100%;\\n\\tleft: 0;\\n\\tposition: absolute;\\n\\tz-index: 3;\\n\\tpadding-left: 0px;\\n\\tmax-height: -webkit-calc(100vh - 70px);\\n\\tmax-height: calc(100vh - 70px);\\n\\tborder-bottom: 1px solid #113f73;\\n\\toverflow-y: auto;\\n\\toverflow-x: hidden;\\n}\\n\\n.main-header__link {\\n\\tcolor: #257ac6;\\n\\tborder-bottom: 0;\\n}\\n\\n.main-header__link:hover {\\n\\tbackground-color: #001d45;\\n\\tborder-bottom: none;\\n\\tcolor: #fff;\\n}\\n\\n.main-header__link--active {\\n\\tbackground-color: #001d45;\\n\\tborder-bottom: none;\\n\\tcolor: #fff;\\n}\\n\\n.mobile-wrap {\\n\\tdisplay: -webkit-box;\\n\\tdisplay: -webkit-flex;\\n\\tdisplay: -ms-flexbox;\\n\\tdisplay: flex;\\n\\twidth: 100%;\\n\\tpadding: 7.5px 30px;\\n\\tpadding-right: 20px;\\n\\tpadding-left: 20px;\\n\\t-webkit-box-pack: justify;\\n\\t-webkit-justify-content: space-between;\\n\\t-ms-flex-pack: justify;\\n\\tjustify-content: space-between;\\n}\\n\\n}\\n\\n@media screen and (max-width: 480px) {\\n\\n.main-header__title {\\n\\tfont-size: 50px;\\n}\\n\\n}\\n\\n.contacts__box {\\n\\tmax-width: 560px;\\n\\twidth: 100%;\\n\\tmargin: 0 auto;\\n\\tbackground-color: #ffffff;\\n\\tmargin-bottom: 110px;\\n}\\n\\n.contacts__text {\\n\\tfont-size: 30px;\\n\\tline-height: 1;\\n\\tcolor: #003885;\\n\\tpadding-bottom: 15px;\\n\\tmargin-bottom: 10px;\\n\\tmargin-top: 35px;\\n\\ttext-transform: uppercase;\\n\\tfont-family: Montserrat-Bold, sans-serif;\\n}\\n\\n.contacts__block {\\n\\tmargin-bottom: 20px;\\n}\\n\\n.contacts__block label {\\n\\tfont-size: 16px;\\n\\tline-height: 1.5;\\n\\tcolor: #000000;\\n\\tdisplay: block;\\n\\tpadding-left: 15px;\\n\\ttext-transform: uppercase;\\n\\tfont-family: Calibri, sans-serif;\\n}\\n\\n.contacts__block textarea {\\n\\tresize: none;\\n\\tmin-height: 150px;\\n\\tmargin-top: 12px;\\n}\\n\\n.contacts__block input,\\n.contacts__block textarea {\\n\\tborder: 2px solid #c9c9c9;\\n\\t-webkit-border-radius: 5px;\\n\\tborder-radius: 5px;\\n\\twidth: 100%;\\n\\tpadding: 12px;\\n}\\n\\n.contacts__block input::-webkit-input-placeholder,\\n.contacts__block textarea::-webkit-input-placeholder {\\n\\tfont-size: 16px;\\n\\tline-height: 1.5;\\n\\tcolor: #a7a7a7;\\n\\ttext-transform: uppercase;\\n}\\n\\n.contacts__block input::-moz-placeholder,\\n.contacts__block textarea::-moz-placeholder {\\n\\tfont-size: 16px;\\n\\tline-height: 1.5;\\n\\tcolor: #a7a7a7;\\n\\ttext-transform: uppercase;\\n}\\n\\n.contacts__block input:-ms-input-placeholder,\\n.contacts__block textarea:-ms-input-placeholder {\\n\\tfont-size: 16px;\\n\\tline-height: 1.5;\\n\\tcolor: #a7a7a7;\\n\\ttext-transform: uppercase;\\n}\\n\\n.contacts__block input::-ms-input-placeholder,\\n.contacts__block textarea::-ms-input-placeholder {\\n\\tfont-size: 16px;\\n\\tline-height: 1.5;\\n\\tcolor: #a7a7a7;\\n\\ttext-transform: uppercase;\\n}\\n\\n.contacts__block input::placeholder,\\n.contacts__block textarea::placeholder {\\n\\tfont-size: 16px;\\n\\tline-height: 1.5;\\n\\tcolor: #a7a7a7;\\n\\ttext-transform: uppercase;\\n}\\n\\n.contacts__block input:focus::-webkit-input-placeholder,\\n.contacts__block textarea:focus::-webkit-input-placeholder {\\n\\tcolor: transparent;\\n}\\n\\n.contacts__block input:focus::-moz-placeholder,\\n.contacts__block textarea:focus::-moz-placeholder {\\n\\tcolor: transparent;\\n}\\n\\n.contacts__block input:focus:-ms-input-placeholder,\\n.contacts__block textarea:focus:-ms-input-placeholder {\\n\\tcolor: transparent;\\n}\\n\\n.contacts__block input:focus::-ms-input-placeholder,\\n.contacts__block textarea:focus::-ms-input-placeholder {\\n\\tcolor: transparent;\\n}\\n\\n.contacts__block input:focus::placeholder,\\n.contacts__block textarea:focus::placeholder {\\n\\tcolor: transparent;\\n}\\n\\n.contacts__wrapper {\\n\\tdisplay: -webkit-box;\\n\\tdisplay: -webkit-flex;\\n\\tdisplay: -ms-flexbox;\\n\\tdisplay: flex;\\n\\t-webkit-box-align: center;\\n\\t-webkit-align-items: center;\\n\\t-ms-flex-align: center;\\n\\talign-items: center;\\n\\tmargin-bottom: 12px;\\n}\\n\\n.contacts__content {\\n\\tdisplay: -webkit-box;\\n\\tdisplay: -webkit-flex;\\n\\tdisplay: -ms-flexbox;\\n\\tdisplay: flex;\\n\\t-webkit-box-align: start;\\n\\t-webkit-align-items: flex-start;\\n\\t-ms-flex-align: start;\\n\\talign-items: flex-start;\\n}\\n\\n.contacts__wrap {\\n\\ttext-align: right;\\n\\tmargin-top: 10px;\\n}\\n\\n.contacts__error {\\n\\tmargin-left: 12px;\\n\\tfont-size: 16px;\\n\\tline-height: 1.5;\\n\\ttext-transform: uppercase;\\n\\tcolor: #ea3333;\\n\\tfont-family: Calibri, sans-serif;\\n}\\n\\n.contacts__button {\\n\\tcursor: pointer;\\n\\tmax-width: 210px;\\n\\tfont-size: 18px;\\n\\tline-height: 1.3;\\n\\twidth: 100%;\\n\\tpadding: 15px;\\n\\tbackground-color: #003885;\\n\\tborder: none;\\n\\toutline: none;\\n\\tcolor: #fff;\\n\\ttext-transform: uppercase;\\n\\t-webkit-transition: 0.5s background-color;\\n\\t-o-transition: 0.5s background-color;\\n\\ttransition: 0.5s background-color;\\n\\tfont-family: Calibri, sans-serif;\\n}\\n\\n.contacts__button[disabled] {\\n\\topacity: 0.5;\\n\\ttext-decoration: line-through;\\n}\\n\\n.contacts__button:not(:disabled):hover {\\n\\tbackground-color: #001430;\\n}\\n\\n.contacts__bg {\\n\\tposition: relative;\\n\\tbackground-image: url(../img/contacts__bg.jpg);\\n\\t-webkit-background-size: cover;\\n\\tbackground-size: cover;\\n\\tbackground-position: top center;\\n\\tbackground-repeat: no-repeat;\\n\\tmin-height: 450px;\\n}\\n\\n.contacts__info {\\n\\tpadding: 50px 40px;\\n\\tpadding-bottom: 30px;\\n\\tposition: absolute;\\n\\ttop: 0px;\\n\\tright: 0px;\\n\\twidth: 50%;\\n\\theight: 100%;\\n\\tbackground: rgba(255, 255, 255, 0.8);\\n}\\n\\n.contacts__info .main-header__item {\\n\\tpadding-top: 15px;\\n}\\n\\n.contacts__title {\\n\\tfont-size: 30px;\\n\\tline-height: 1;\\n\\tcolor: #003885;\\n\\tpadding-bottom: 35px;\\n\\ttext-transform: uppercase;\\n\\tfont-family: Calibri, sans-serif;\\n}\\n\\n.contacts__icons {\\n\\tdisplay: -webkit-box;\\n\\tdisplay: -webkit-flex;\\n\\tdisplay: -ms-flexbox;\\n\\tdisplay: flex;\\n\\tmargin-right: -7px;\\n\\tmargin-left: -7px;\\n\\tmargin-top: 35px;\\n}\\n\\n.contacts__item {\\n\\tmargin-right: 7px;\\n\\tmargin-left: 7px;\\n}\\n\\n.contacts__description {\\n\\tfont-size: 30px;\\n\\tline-height: 1;\\n\\tcolor: #003885;\\n\\ttext-transform: uppercase;\\n\\tmargin-top: 30px;\\n}\\n\\n.page-contacts .main-header__navigation .container {\\n\\tborder-bottom: 2px solid #7f9bc2;\\n}\\n\\n@media screen and (max-width: 767px) {\\n\\n.contacts__text {\\n\\tfont-size: 22px;\\n}\\n\\n.contacts__content {\\n\\tdisplay: block;\\n}\\n\\n.contacts__button {\\n\\tmax-width: 100%;\\n\\tmargin-top: 15px;\\n}\\n\\n.contacts__info {\\n\\twidth: 100%;\\n\\tpadding: 40px 20px;\\n}\\n\\n}\\n\\nbody,\\ndiv,\\ndl,\\ndt,\\ndd,\\nul,\\nli,\\nh1,\\nh2,\\nh3,\\nh4,\\nh5,\\nh6,\\npre,\\ncode,\\nform,\\nfieldset,\\ninput,\\ntextarea,\\np,\\nblockquote,\\nth,\\ntd {\\n\\tmargin: 0;\\n\\tpadding: 0;\\n}\\n\\ntable {\\n\\tborder-collapse: collapse;\\n\\tborder-spacing: 0;\\n}\\n\\na {\\n\\ttext-decoration: none;\\n}\\n\\nfieldset,\\nimg,\\nabbr {\\n\\tborder: 0;\\n}\\n\\naddress,\\ncaption,\\ncite,\\ncode,\\ndfn,\\nth,\\nvar {\\n\\tfont-style: normal;\\n\\tfont-weight: normal;\\n}\\n\\nstrong {\\n\\tfont-weight: bold;\\n}\\n\\nem {\\n\\tfont-style: italic;\\n}\\n\\nul li {\\n\\tlist-style: none;\\n}\\n\\ncaption,\\nth {\\n\\ttext-align: left;\\n}\\n\\nh1,\\nh2,\\nh3,\\nh4,\\nh5,\\nh6 {\\n\\tfont-weight: bold;\\n}\\n\\nsup {\\n\\tvertical-align: text-top;\\n}\\n\\nsub {\\n\\tvertical-align: text-bottom;\\n}\\n\\ninput,\\ntextarea,\\nselect {\\n\\tfont-family: inherit;\\n\\tfont-size: inherit;\\n\\tfont-weight: inherit;\\n\\toutline: none;\\n}\\n\\nlegend {\\n\\tcolor: #000;\\n}\\n\\narticle,\\naside,\\ndetails,\\nfigcaption,\\nfigure,\\nfooter,\\nheader,\\nhgroup,\\nmenu,\\nnav,\\nsection,\\nmain {\\n\\tdisplay: block;\\n}\\n\\n\\n\\n\\n\",\"js\":\"$('.mobile-wrap').on('click', function() {\\n $('.line-burger').toggleClass('line-active');\\n $('.main-header__list').slideToggle();\\n });\\n\\n$(window).resize(function() {\\n if( $(window).width() >= 767 ) {\\n $('.main-header__list').attr('style', '');\\n $('.line-burger').removeClass('line-active');\\n }\\n winWidth = $(window).width();\\n });\\n\\n(function() {\\n var toMenu;\\n var heightMenu = $('.main-header__navigation').height();\\n \\n toMenu = $('.main-header__navigation').offset().top;\\n $(window).resize(function() {\\n toMenu = $('.main-header__navigation').offset().top;\\n })\\n\\n $(window).scroll(function() {\\n if( $(this).scrollTop() >= toMenu ) {\\n $('.main-header__navigation').addClass('main-header__navigation--fixed');\\n $('.header__static').css({'padding-bottom': heightMenu + 'px'});\\n } else {\\n $('.main-header__navigation').removeClass('main-header__navigation--fixed');\\n $('.header__static').css({'padding-bottom': 0});\\n } \\n }); \\n})();\",\"html_pre_processor\":\"none\",\"css_pre_processor\":\"none\",\"js_pre_processor\":\"none\",\"html_classes\":\"\",\"css_starter\":\"neither\",\"js_library\":null,\"created_at\":\"2019-06-18T11:30:59.000Z\",\"updated_at\":\"2019-06-18T11:30:59.000Z\",\"title\":\"Untitled\",\"description\":\"\",\"slug_hash\":\"OeXeBd\",\"head\":\"\",\"private\":false,\"has_animation\":false,\"team_id\":0,\"css_prefix\":\"neither\",\"template\":false,\"parent_id\":null,\"comments_count\":0,\"custom_screenshot_filename\":null,\"loves_count\":0,\"pick\":false,\"popularity\":0,\"views_count\":0,\"pick_visible_at\":\"2022-11-08T22:42:57.485Z\",\"cpid\":null,\"is_new_editor_pen\":false,\"access\":\"Public\",\"pen_hash\":null}","__processorsMap":{"autoprefixer":"autoprefixer-10","babel":"babel-7","coffeescript":"coffeescript-2","format-1":"format-1","flutter":"flutter-1","haml":"haml-4","less":"less-3","lint-1":"lint-1","livescript":"livescript-1","markdown":"markdown-11","postcss":"postcss-7","pug":"pug-2","sass":"sass-1","scss":"sass-1","sass-ruby-3":"sass-ruby-3","sass-ruby-compass-3":"sass-ruby-compass-3","slim":"slim-3","stylus":"stylus-0","typescript":"typescript-4","vue":"vue-2","vue3":"vue-3"},"__favicon_mask_icon":"https://cpwebassets.codepen.io/assets/favicon/logo-pin-b4b4269c16397ad2f0f7a01bcdf513a1994f4c94b8af2f191c09eb0d601762b1.svg","__favicon_shortcut_icon":"https://cpwebassets.codepen.io/assets/favicon/favicon-aec34940fbc1a6e787974dcd360f2c6b63348d4b1f4e06c77743096d55480f33.ico","__path_to_iframe_console_runner":"https://cpwebassets.codepen.io/assets/editor/iframe/iframeConsoleRunner-6d8bf8b4b479137260842506acbb12717dace0823c023e08b96360e60b0840d9.js","__path_to_iframe_refresh_css":"https://cpwebassets.codepen.io/assets/editor/iframe/iframeRefreshCSS-44fe83e49b63affec96918c9af88c0d80b209a862cf87ac46bc933074b8c557d.js","__path_to_iframe_runtime_errors":"https://cpwebassets.codepen.io/assets/editor/iframe/iframeRuntimeErrors-4f205f2c14e769b448bcf477de2938c681660d5038bc464e3700256713ebe261.js","__path_to_processor_worker":"https://cpwebassets.codepen.io/assets/packs/router.js","__path_to_stop_execution_on_timeout":"https://cpwebassets.codepen.io/assets/common/stopExecutionOnTimeout-2c7831bb44f98c1391d6a4ffda0e1fd302503391ca806e7fcc7b9b87197aec26.js","__pen_normalize_css_url":"https://public.codepenassets.com/css/normalize-5.0.0.min.css","__pen_prefix_free_url":"https://public.codepenassets.com/js/prefixfree-1.0.7.min.js","__pen_reset_css_url":"https://public.codepenassets.com/css/reset-2.0.min.css"}