:root{--primary-color: #ffffff;--accent-color: #2f303a;--accent-color2: #f5f4fa;--primary-text-color: #757575;--title-text-color: #212121;--accent-text-color: #2196f3;--accent-text-color2: #188ce8;--address-color: rgba(255, 255, 255, 0.6);--color-input: rgba(33, 33, 33, 0.2);--border-color: #eeeeee;--social-networks-icon: #afb1b8;--time: 250ms;--cubic: cubic-bezier(0.4, 0, 0.2, 1);--gradient: linear-gradient( to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4) )}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}h1,h2,h3,h4,h5,h6,p{margin:0}ul,ol{margin:0;padding-left:0;list-style:none}img{display:block;max-width:100%;height:auto}input,textarea{padding:0}address{font-style:normal}button{cursor:pointer;font-family:inherit}a{text-decoration:none}body{color:var(--primary-text-color);background-color:var(--primary-color);font-family:Roboto,sans-serif;font-size:14px;letter-spacing:.03em}.no-scroll{overflow:hidden}.container{width:100%;padding-left:15px;padding-right:15px;margin:0 auto}@media screen and (min-width: 480px){.container{width:480px}}@media screen and (min-width: 768px){.container{width:768px}}@media screen and (min-width: 1200px){.container{width:1200px}}.section{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.section-title{margin-bottom:30px;color:var(--title-text-color);font-size:28px;line-height:1.17;text-align:center}@media screen and (min-width: 1200px){.section-title{margin-bottom:50px;font-size:36px}}.btn{min-width:200px;color:var(--primary-color);background-color:var(--accent-text-color);border:none;font-weight:700;font-size:16px;line-height:1.9;text-align:center;letter-spacing:.06em;box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;cursor:pointer;transition:background-color var(--time) var(--cubic)}.btn:hover,.btn:focus{background-color:var(--accent-text-color2);transition:background-color var(--time) var(--cubic)}.social-networks-list{width:100%;display:flex;gap:10px;justify-content:center;align-items:center}@media screen and (min-width: 1200px){.social-networks-list{padding-bottom:30px}}.social-networks-item{flex-basis:calc((100% - 30px)/4);width:44px;height:44px;display:flex;justify-content:center;align-items:center;border-radius:50%;color:var(--social-networks-icon);transition:background-color var(--time) var(--cubic),color var(--time) var(--cubic)}.social-networks-item:hover,.social-networks-item:focus{background-color:var(--accent-text-color);color:var(--primary-color);cursor:pointer;transition:background-color var(--time) var(--cubic),color var(--time) var(--cubic)}.icon-net{fill:currentColor}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);transition:opacity 300ms linear,visibility 300ms linear;overflow-y:scroll}.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.modal{position:relative;margin-top:10px;margin-left:auto;margin-right:auto;width:90%;min-height:609px;padding-top:30px;padding-bottom:30px;padding-left:15px;padding-right:15px;background-color:var(--primary-color);box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);border-radius:4px}@media screen and (min-width: 480px){.modal{position:absolute;top:50%;left:50%;width:450px;min-height:609px;padding-left:40px;padding-right:40px;padding-top:40px;padding-bottom:40px;transform:translate(-50%, -50%) scaleY(1)}}@media screen and (min-width: 1200px){.modal{width:528px;height:581px}}.modal-title{font-weight:700;font-size:20px;margin-bottom:12px;line-height:1.5;text-align:center;letter-spacing:.03em;color:var(--title-text-color)}@media screen and (min-width: 1200px){.modal-title{line-height:1.15}}.modal-fild:not(:last-child){margin-bottom:10px}.modal-fild:nth-child(4){margin-bottom:0}.input-wrap{position:relative}.modal-input{display:block;margin-top:4px;width:100%;height:40px;border:1px solid var(--color-input);border-radius:4px;font-size:14px;outline:rgba(0,0,0,0);padding-left:40px;cursor:pointer}.modal-input:focus{border-color:var(--accent-text-color);cursor:pointer}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);fill:var(--title-text-color)}.modal-input:focus+.input-icon{fill:var(--accent-text-color)}.modal-input.text{height:120px;padding-left:16px;padding-top:12px;resize:none}.modal-input.text::-moz-placeholder{color:rgba(117,117,117,.5)}.modal-input.text:-ms-input-placeholder{color:rgba(117,117,117,.5)}.modal-input.text::placeholder{color:rgba(117,117,117,.5)}.check-text{font-size:12px;line-height:1.17;letter-spacing:.03em;color:var(--primary-text-color);display:flex;cursor:pointer;align-items:flex-start}@media screen and (min-width: 480px){.check-text{align-items:center}}@media screen and (min-width: 1200px){.check-text{font-size:14px;line-height:1.7}}.wrap-check{display:flex;flex-direction:column}@media screen and (min-width: 480px){.wrap-check{display:block}}.wrap-check a{padding-top:5px}.check-text span{width:16px;height:15px;border:2px solid var(--title-text-color);border-radius:3px;margin-right:8px;display:flex;align-items:center;justify-content:center;fill:rgba(0,0,0,0)}.input-check:checked+.check-text span{background-color:var(--accent-text-color);fill:var(--primary-color);border:rgba(0,0,0,0)}.input-check{display:block;margin-top:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.check-text a{text-decoration:underline;color:var(--accent-text-color);margin-left:4px;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.btn-modal{display:block;padding:10px 52px;margin-top:30px;margin-left:auto;margin-right:auto}.backdrop.is-hidden .modal{transform:translate(-50%, 0%) scale(0);transition:transform 300ms linear}.button-x{position:absolute;top:8px;right:8px;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0);border-radius:50%;border:1px solid var(--social-networks-icon);width:30px;height:30px;color:var(--title-text-color)}.button-x:hover{color:var(--accent-text-color);cursor:pointer}.button-img{fill:currentColor}@media screen and (min-width: 768px){.gap-list{width:100%;display:flex;flex-wrap:wrap;gap:30px}}.hero{padding-top:118px;padding-bottom:118px;background-color:var(--accent-color);background-image:var(--gradient),url(../images/fon/hero-mob.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;text-align:center}@media(min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero{background-image:var(--gradient),url(../images/fon/hero-mob-2x.jpg)}}@media screen and (min-width: 768px){.hero{background-image:var(--gradient),url(../images/fon/hero-tab.jpg)}}@media screen and (min-width: 768px)and (min-device-pixel-ratio: 2),screen and (min-width: 768px)and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 768px)and (min-resolution: 192dpi),screen and (min-width: 768px)and (min-resolution: 2dppx){.hero{background-image:var(--gradient),url(../images/fon/hero-tab-2x.jpg)}}@media screen and (min-width: 1200px){.hero{background-image:var(--gradient),url(../images/fon/hero-desk.jpg);padding-top:200px;padding-bottom:200px;background-size:auto}}@media screen and (min-width: 1200px)and (min-device-pixel-ratio: 2),screen and (min-width: 1200px)and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 1200px)and (min-resolution: 192dpi),screen and (min-width: 1200px)and (min-resolution: 2dppx){.hero{background-image:var(--gradient),url(../images/fon/hero-desk-2x.jpg)}}.hero__container{max-width:100%}.hero__title{display:block;width:100%;display:block;margin-left:auto;margin-right:auto;margin-bottom:30px;color:var(--primary-color);font-weight:900;font-size:26px;line-height:1.6;letter-spacing:.06em;text-transform:uppercase}@media screen and (min-width: 768px){.hero__title{width:360px}}@media screen and (min-width: 1200px){.hero__title{width:696px;font-size:44px;line-height:1.4}}.hero__btn{padding:10px 0}.page-header{border-bottom:1px solid #ececec}.container.header{display:flex;align-items:center;justify-content:space-between}.logo{padding-top:16px;padding-bottom:16px;color:var(--accent-text-color);font-family:Raleway,sans-serif;font-weight:700;font-size:26px;text-decoration:none;line-height:1.17}.logo span{color:var(--title-text-color)}@media screen and (min-width: 768px){.logo{padding-top:26px;padding-bottom:26px}}@media screen and (min-width: 1200px){.logo{padding-top:24px;padding-bottom:24px;font-size:28px}}.menu-open{display:block;border:none;margin-left:auto;background-color:rgba(0,0,0,0)}@media screen and (min-width: 768px){.menu-open{display:none}}.mob-menu{position:fixed;display:flex;flex-direction:column;justify-content:space-between;z-index:1;width:100%;height:100vh;background-color:#fff;top:0;padding-top:48px;padding-bottom:48px;padding-left:10px;overflow:auto}@media screen and (min-width: 480px){.mob-menu{padding-left:40px}}.menu-close{position:absolute;top:10px;right:15px;display:block;border:none;margin-left:auto;background-color:rgba(0,0,0,0)}.menu-close:hover,.menu-close:focus{fill:var(--accent-text-color);cursor:pointer}@media screen and (min-width: 768px){.menu-close{display:none}}.nav-mob{margin-bottom:80px}@media screen and (min-width: 480px){.nav-mob{margin-bottom:302px}}.nav-list__link{font-weight:500;font-size:40px;line-height:1.17;letter-spacing:.02em;color:var(--title-text-color);transition:color var(--time) var(--cubic)}.nav-list__link:hover,.nav-list__link:focus{color:var(--accent-text-color);transition:color var(--time) var(--cubic)}.nav-list__item:not(:last-child){margin-bottom:36px}.contacts-mob{margin-bottom:64px}.contacts-mob__link{font-weight:500;font-size:24px;line-height:1.17;letter-spacing:.02em;color:var(--primary-text-color)}.contacts-mob__link.tel{display:block;font-size:34px;color:var(--accent-text-color);margin-bottom:32px}.social-net-menu__list{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:10px}.social-net-menu__link:not(:first-child){padding-left:10px;border-left:1px solid rgba(33,33,33,.2)}.social-net-menu__item{font-weight:500;font-size:18px;line-height:1.2;letter-spacing:.02em;color:var(--accent-text-color)}@media screen and (min-width: 768px){.navigation{margin-left:87px}}@media screen and (min-width: 1200px){.navigation{margin-left:93px}}.site-nav{display:flex;justify-content:flex-start;gap:50px}@media screen and (max-width: 767px){.site-nav{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}}.nav-link{display:block;color:var(--title-text-color);padding-top:32px;padding-bottom:32px;font-weight:500;line-height:1.14;letter-spacing:.02em;text-decoration:none;transition:color var(--time) var(--cubic)}.nav-link:hover,.nav-link:focus{color:var(--accent-text-color);transition:color var(--time) var(--cubic)}@media screen and (min-width: 720px){.nav-link{padding-top:32px;padding-bottom:33px}}.current{position:relative;color:var(--accent-text-color)}.current::after{content:"";position:absolute;bottom:0;left:0;transform:translate(1px);width:100%;height:4px;background-color:var(--accent-text-color);border-radius:2px}.current-mob{position:relative;color:var(--accent-text-color)}@media screen and (max-width: 767px){.contacts.header{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}}@media screen and (min-width: 720px){.contacts.header{display:flex;margin-left:auto;flex-direction:column}}@media screen and (min-width: 1200px){.contacts.header{display:flex;flex-direction:row;margin-left:auto;gap:50px}}.contacts-link{color:var(--primary-text-color);font-size:12px;letter-spacing:.02em;font-weight:500;line-height:1.14;text-decoration:none;transition:color var(--time) var(--cubic)}.contacts-link:hover,.contacts-link:focus{color:var(--accent-text-color);cursor:pointer;transition:color var(--time) var(--cubic)}@media screen and (min-width: 720px){.contacts-link:first-child{margin-bottom:10px;padding-top:20px}.contacts-link:last-child{padding-bottom:20px}}@media screen and (min-width: 1200px){.contacts-link{font-size:14px}.contacts-link:first-child{margin-bottom:0;padding-top:32px;padding-bottom:32px}.contacts-link:last-child{padding-top:32px;padding-bottom:32px}}.icon{vertical-align:middle;fill:currentColor}@media screen and (min-width: 720px){.icon{margin-right:8px}}@media screen and (min-width: 1200px){.icon{margin-right:10px}}.feature__item{margin-bottom:30px}.feature__item::before{display:block;content:"";height:120px;background-size:70px;background-repeat:no-repeat;background-position:center;background-color:var(--accent-color2);border-radius:4px;margin-bottom:30px}@media screen and (min-width: 768px){.feature__item{flex-basis:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.feature__item{flex-basis:calc((100% - 90px)/4);margin-bottom:0}}.icon-antenna::before{background-image:url(../images/antenna.svg)}.icon-clock::before{background-image:url(../images/clock.svg)}.icon-diagram::before{background-image:url(../images/diagram.svg)}.icon-astronaut::before{background-image:url(../images/astronaut.svg)}.feature__title{margin-bottom:8px;color:var(--title-text-color);font-size:14px;line-height:1.17;text-transform:uppercase;text-align:center}@media screen and (min-width: 1200px){.feature__title{line-height:1.14;text-align:left}}.feature__text{line-height:1.7}@media screen and (max-width: 1199px){.section.work{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}}@media screen and (min-width: 1200px){.section.work{padding-top:0}}.work__item{flex-basis:calc((100% - 60px)/3);position:relative}.work__text-position{width:100%;padding-top:27px;padding-bottom:27px;position:absolute;bottom:0;left:0;background-color:rgba(47,48,58,.8);color:var(--primary-color);text-transform:uppercase;font-weight:700;font-size:14px;line-height:1.14;text-align:center;letter-spacing:.03em}.section.team{background-color:var(--accent-color2)}@media screen and (min-width: 1200px){.section.team{margin-bottom:0}}.team__img{margin-left:auto;margin-right:auto}.team__social{padding-bottom:24px}@media screen and (min-width: 1200px){.team__social{padding-bottom:0}}.team__item{margin-left:auto;margin-right:auto;width:100%;display:block;background:#fff;box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);border-radius:0px 0px 4px 4px;margin-bottom:30px}@media screen and (min-width: 480px){.team__item{width:450px}}@media screen and (min-width: 768px){.team__item{flex-basis:calc((100% - 30px)/2);align-items:center}}@media screen and (min-width: 1200px){.team__item{flex-basis:calc((100% - 90px)/4);margin-bottom:0}}.team__name{margin-bottom:10px;color:var(--title-text-color);font-weight:500;font-size:16px;line-height:1.2;text-align:center}.team__profession{font-size:16px;line-height:1.2;text-align:center}.team__text{padding-top:30px;margin-bottom:10px}@media screen and (min-width: 1200px){.team__text{margin-bottom:16px}}.clients-list{display:flex;flex-wrap:wrap;gap:30px}.clients-list__element{margin-left:auto;margin-right:auto;flex-basis:calc((100% - 30px)/2)}@media screen and (min-width: 768px){.clients-list__element{flex-basis:calc((100% - 60px)/3)}}@media screen and (min-width: 1200px){.clients-list__element{flex-basis:calc((100% - 150px)/6)}}.clients-list__item{border:1px solid var(--social-networks-icon);border-radius:4px;width:210px;height:92px;display:flex;justify-content:center;align-items:center;color:var(--social-networks-icon);transition:border-color var(--time) var(--cubic),color var(--time) var(--cubic)}.clients-list__item:hover,.clients-list__item:focus{border:1px solid var(--accent-text-color);color:var(--accent-text-color);cursor:pointer;transition:border-color var(--time) var(--cubic),color var(--time) var(--cubic)}@media screen and (min-width: 768px){.clients-list__item{width:226px}}@media screen and (min-width: 1200px){.clients-list__item{width:170px}}.logo-clients{fill:currentColor}.section-footer{background-color:var(--accent-color);padding-top:60px;padding-bottom:60px}.container.footer{margin-left:auto;margin-right:auto}@media screen and (min-width: 1200px){.container.footer{display:flex;align-items:baseline;justify-content:space-between}}@media screen and (min-width: 768px){.add-flex{display:flex;align-items:baseline;justify-content:space-around;margin-bottom:60px}}@media screen and (min-width: 1200px){.add-flex{display:flex;align-items:baseline;justify-content:center;margin-bottom:0}}.social-networks-footer{margin-left:auto;margin-right:auto;margin-bottom:60px}@media screen and (min-width: 768px){.social-networks-footer{margin-right:0;margin-left:0;margin-bottom:0}}@media screen and (min-width: 1200px){.social-networks-footer{margin-left:70px;margin-bottom:0}}.social-networks-footer-title{display:block;text-align:center;margin-bottom:20px;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:var(--primary-color)}@media screen and (min-width: 1200px){.social-networks-footer-title{text-align:left}}.footer-item{background-color:rgba(255,255,255,.1);color:var(--primary-color)}.logo.footer{display:inline-block;padding-bottom:0;padding-top:0;display:block;text-align:center}@media screen and (min-width: 1200px){.logo.footer{text-align:left}}.logo .accent{color:var(--primary-color)}.address-nav{margin-top:20px;margin-bottom:60px}@media screen and (min-width: 768px){.address-nav{margin-bottom:0}}.contacts.footer>li:not(:last-child){margin-bottom:8px}@media screen and (min-width: 1200px){.contacts.footer>li:not(:last-child){margin-bottom:9px}}.contacts.footer>li:not(:first-child){display:block;color:var(--address-color);font-weight:400;font-style:normal;line-height:1.7;transition:color var(--time) var(--cubic)}.address{color:var(--primary-color);text-decoration:none;font-style:normal;line-height:1.7;text-align:center;display:block}@media screen and (min-width: 1200px){.address{text-align:left}}.contacts-link-footer{color:var(--address-color);line-height:1.7;letter-spacing:.03em;text-align:center;display:block}@media screen and (min-width: 1200px){.contacts-link-footer{text-align:left}}.mailing-block{margin-left:auto;margin-right:auto}@media screen and (min-width: 1200px){.mailing-block{margin-left:0;margin-right:0;margin-left:93px}}.mailing-input{display:block;margin-left:auto;margin-right:auto;width:100%;height:50px;border-radius:4px;font-size:14px;color:var(--primary-color);font-size:16px;line-height:1.25;outline:rgba(0,0,0,0);background-color:rgba(0,0,0,0);padding-left:16px;cursor:pointer;border:1px solid rgba(255,255,255,.3)}.mailing-input::-moz-placeholder{color:rgba(255,255,255,.6);font-size:16px;line-height:1.25;letter-spacing:.03em;outline-color:none}.mailing-input:-ms-input-placeholder{color:rgba(255,255,255,.6);font-size:16px;line-height:1.25;letter-spacing:.03em;outline-color:none}.mailing-input::placeholder{color:rgba(255,255,255,.6);font-size:16px;line-height:1.25;letter-spacing:.03em;outline-color:none}.mailing-input:focus{outline:rgba(0,0,0,0);border-color:var(--primary-text-color);cursor:pointer}@media screen and (min-width: 480px){.mailing-input{width:450px}}@media screen and (min-width: 1200px){.mailing-input{width:358px;margin-left:0;margin-right:0}}.btn-footer{margin-left:auto;margin-right:auto;padding:10px 28px;display:flex;justify-content:space-around;height:50px}@media screen and (min-width: 1200px){.btn-footer{margin-left:0;margin-right:0}}.icon-mailing{fill:var(--primary-color);margin-left:10px}.input-block{display:block}@media screen and (min-width: 1200px){.input-block{display:flex;align-items:center}}.mailing-input-block{margin-bottom:20px}@media screen and (min-width: 1200px){.mailing-input-block{margin-right:12px;margin-bottom:0}}.portfolio-nav{display:flex;flex-wrap:wrap;row-gap:15px;-moz-column-gap:8px;column-gap:8px;justify-content:flex-start;margin-bottom:50px}@media screen and (min-width: 768px){.portfolio-nav{justify-content:center;gap:8px}}.portfolio-button{padding:6px 22px;background-color:var(--accent-text-color2);color:var(--title-text-color);font-family:inherit;font-weight:500;font-size:16px;line-height:1.6;text-align:center;border:none;background:var(--accent-color2);border-radius:4px;cursor:pointer;transition:background-color var(--time) var(--cubic),color var(--time) var(--cubic),box-shadow var(--time) var(--cubic)}.portfolio-button:hover,.portfolio-button:focus{background-color:var(--accent-text-color);color:var(--primary-color);box-shadow:0px 3px 1px rgba(0,0,0,.1),0px 1px 2px rgba(0,0,0,.08),0px 2px 2px rgba(0,0,0,.12);transition:background-color var(--time) var(--cubic),color var(--time) var(--cubic),box-shadow var(--time) var(--cubic)}.img-position-portfolio{position:relative;overflow:hidden}.img-position-portfolio .img{width:100%;height:auto}.text-position-portfolio{position:absolute;width:100%;height:100%;top:0;padding:63px 24px;background-color:rgba(33,150,243,.9);color:var(--primary-color);font-size:18px;line-height:1.56;letter-spacing:.03em;transform:translateY(100%);transition:var(--time) var(--cubic);overflow:auto}.element-portfolio-item:hover .text-position-portfolio,.element-portfolio-item:focus .text-position-portfolio{transform:translateY(0);transition:var(--time) var(--cubic)}.portfolio-list{width:100%;margin-left:auto;margin-right:auto}@media screen and (min-width: 768px){.portfolio-list{display:flex;flex-wrap:wrap;gap:30px}}@media screen and (min-width: 768px){.element-portfolio{flex-basis:calc((100% - 30px)/2);align-items:baseline}}@media screen and (min-width: 1200px){.element-portfolio{flex-basis:calc((100% - 60px)/3)}}.element-portfolio-item{display:block;transition:box-shadow var(--time) var(--cubic)}.element-portfolio-item:hover,.element-portfolio-item:focus{box-shadow:0px 1px 1px rgba(0,0,0,.12),0px 4px 4px rgba(0,0,0,.06),1px 4px 6px rgba(0,0,0,.16);transition:box-shadow var(--time) var(--cubic)}.border-portfolio{padding:20px 24px;border:1px solid var(--border-color);border-top:none}.portfolio-title{margin-bottom:4px;color:var(--title-text-color);font-family:inherit;font-weight:700;font-size:18px;line-height:2;letter-spacing:.06em}.portfolio-text{color:var(--primary-text-color);font-family:inherit;font-size:16px;line-height:1.9}/*# sourceMappingURL=main.min.css.map */