@font-face {font-family:"Open Sans";src:url("./fonts/Montserrat-Regular.ttf") format("truetype");font-style:normal;font-weight:300;}@font-face {font-family:"Open Sans";src:url("./fonts/Montserrat-Bold.ttf") format("truetype");font-style:normal;font-weight:600;}.mad-black-bg{background-color:rgba(27,1,24,0.7);left:0;position:fixed;top:0;width:100vw;height:100vh;z-index:999;font-style:normal;animation:0.5s ease-out 0s 1 opacityModal;text-align:center;}@keyframes scaleModal {0% {transform:scale(0.5);}100% {transform:scale(1);}}@keyframes opacityModal {0% {opacity:0;}100% {opacity:1;}}.mad-modal {width:50%;margin:0 auto;margin-top:20vh;background:#color-light;color:#color-dark;padding:1.5rem;animation:0.5s ease-out 0s 1 scaleModal;}.mad-alert-box {border-style:solid;border-width:1px;display:block;font-weight:normal;margin-bottom:1rem;padding:0.6rem 1rem 0.6rem 0.6rem;position:relative;transition:opacity 300ms ease-out;background-color:#a70000;border-color:#a70000;color:#FFFFFF;}.mad-close-button {position:relative;z-index:1000;color:#color-dark;cursor:pointer;float:right;right:-1rem;top:-1.2rem;text-decoration:none;}.mad-close-button:before{content:'✖';}input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {-webkit-appearance:none;-moz-appearance:none;border-radius:0;background-color:#FFFFFF;border-style:solid;border-width:1px;border-color:#cccccc;box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);color:#444444;display:block;font-family:inherit;font-size:0.77778rem;height:2.05556rem;margin:0 0 0.88889rem 0;padding:0.44444rem;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}label {color:#4d4d4d;cursor:pointer;display:block;font-weight:normal;line-height:1.5;margin-bottom:0;text-align:left;}button, .button {-webkit-appearance:none;-moz-appearance:none;border-radius:0;border-style:solid;border-width:0;cursor:pointer;font-weight:normal;line-height:normal;margin:0 0 0.5rem;position:relative;text-align:center;text-decoration:none;display:inline-block;padding:0.6rem 1rem 0.6rem 1rem;font-size:1rem;background-color:#008CBA;border-color:#007095;color:#FFFFFF;}:root {--color-background:#0A0A0A;--color-background-2:#000000;--color-font:#EED7AE;--color-font-header:#EED7AE;--color-link:#fff;--color-link-hover:#537ba8;--color-menu:#FFFFFF;--color-menu-font:#fff;--color-menu-hover:#2e2e2e;--color-menu-hover-2:#d55945;--color-white:#FFFFFF;--color-hr:#332b1c;}.logotype {width:32px;height:32px;background-image:url(../images/logo_white.svg);background-repeat:no-repeat;background-size:contain;display:block;float:left;margin:0.2rem;}html, body {margin:0;padding:0;border:0;font-size:100%;font-family:'Open Sans', sans-serif;vertical-align:baseline;color:var(--color-font);min-width:240px;text-align:center;}html {background:var(--color-background);min-height:100vh;}body {margin:0 auto;}.top {margin-top:0px; }a { color:var(--color-link); }a:hover { color:var(--color-link-hover);}p {margin-bottom:15px;line-height:1.45em;}h1, h2, h3 {color:var(--color-font-header);background:none;padding:0;}h2 {font-size:2rem;}h1 {font-size:2rem;}hr {width:80%;background-color:var(--color-hr);border:0;height:1px;margin:2.5rem auto;}.content {margin:4rem 2rem 2rem 2rem;text-align:left;}.hide {display:none;}footer {clear:both;text-align:left;}.main_photos {position:relative;top:0;left:0;width:100%;z-index:-1;min-height:100vh;margin-top:0;}.main_photos:after {content:"";display:table;clear:both;}.main_photos img {width:100%;}.mainportfolio {display:table;}.mainportfolio img {width:100%;}.mainportfolio img:hover {box-shadow:0 0 20px var(--color-link-hover);}.mainportfolio a {float:left;width:100%;margin:0 0 5% 0;}.phone, .vk, .insta, .email {margin-top:1rem;margin-right:3rem;height:2rem;background-image:url(../images/phone.svg);background-repeat:no-repeat;background-size:1.6rem;background-position:0 0;padding:0.2rem 0.2rem 0.2rem 2rem;display:block;}.vk {background-image:url(../images/vk.svg);}.insta {background-image:url(../images/insta.svg);}.email {background-image:url(../images/email.svg);}label {color:var(--color-font);cursor:pointer;display:block;font-weight:normal;line-height:1.5;margin-bottom:0;text-align:left;}@media (min-width:48em) {.content {margin:2rem 4rem;}.main_photos {margin-top:-106px;}.mainportfolio a {width:24%;margin:0 0 1% 1%;}.mainportfolio a:first-child {width:75%;margin:0;}}.header {color:var(--color-menu-font);background-color:var(--color-background);width:100%;display:inline-block;position:fixed;top:0;left:0;z-index:99;}.header a {color:var(--color-menu-font);}.header ul {margin:0;padding:0;list-style:none;overflow:hidden;}.header li a {display:block;padding:0.7rem 0.7rem;text-decoration:none;text-align:center;text-align:-webkit-center;}.header li a:hover, .active,.header .menu-btn:hover {background-color:var(--color-menu-hover);}.header .logo {display:block;float:left;font-size:1.7rem;padding:0.2rem 2rem;text-decoration:none;}.header .menu {clear:both;max-height:0;transition:max-height .2s ease-out;padding:0;}.header .menu-icon {cursor:pointer;display:block;float:right;padding:1.3rem 0.7rem;position:relative;user-select:none;}.header .menu-icon .navicon {background:var(--color-menu-font);display:block;height:2px;position:relative;transition:background .2s ease-out;width:1.1rem;}.header .menu-icon:hover {}.header .menu-icon .navicon:before,.header .menu-icon .navicon:after {background:var(--color-menu-font);;content:'';display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%;}.header .menu-icon .navicon:before {top:5px;}.header .menu-icon .navicon:after {top:-5px;}.header .menu-btn {display:none;}.header .menu-btn:checked ~ .menu {max-height:240px;}.header .menu-btn:checked ~ .menu-icon .navicon {background:transparent;}.header .menu-btn:checked ~ .menu-icon .navicon:before {transform:rotate(-45deg);}.header .menu-btn:checked ~ .menu-icon .navicon:after {transform:rotate(45deg);}.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {top:0;}.logo img {height:1.5rem;margin-right:0.5rem;}@media (min-width:48em) {.header {background-color:transparent;position:inherit;height:100px;}.header li {float:left;}.header li a {color:var(--color-menu-font);}.header .menu {clear:none;float:right;max-height:none;padding:2rem 4rem 0 0;}.header .menu-icon {display:none;}.header .logo {padding:2rem 4rem;}}@media screen and (max-width:480px) {}@media screen and (max-width:480px) {}