:root{--primary-title-color: #212121;--primary-text-color: #757575;--accept-color: #2196f3;--white-color: #ffffff;--black-color: #000000;--footer-bg-color: #2f303a;--footer-text-color: rgba(255, 255, 255, 0.6)}body{background-color:#ffffff;color:#757575}.container{width:1200px;margin-left:auto;margin-right:auto;padding-right:15px;padding-left:15px}.list{list-style:none}.text-decoration{text-decoration:none}.section-title{color:#212121;font-family:Roboto, sans-serif;font-weight:700;font-size:36px;line-height:1.17;letter-spacing:0.03em;margin-top:0px;margin-bottom:10px;text-align:center}.flex{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0px;margin:0px}.logo{color:#2196F3;font-family:Raleway, sans-serif;font-weight:700;font-size:26px;line-height:1.19;letter-spacing:0.03em}.logo-text{margin:0px}.blacklogo{color:#000000}.whitelogo{color:#ffffff}.logo-box{display:block;margin-right:85px}.side-nav .link{color:#212121;font-family:Roboto, sans-serif;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:0.02em}.auth-nav .link{color:#757575;font-family:Roboto, sans-serif;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:0.02em}header{border-bottom:1px solid #ECECEC}.header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0px 15px 0px;margin-left:auto;margin-right:auto}.header-central{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav-link{display:block;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.link:hover,.link:focus{color:#2196F3}.nav-li .acteve{color:#2196F3}.nav-li{display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:32px;padding-bottom:32px}.nav-li{position:relative}.nav-li .acteve::after{position:absolute;bottom:-1px;display:block;content:' ';border-radius:2px;width:100%;height:4px;background:#2196F3}.nav-li:not(:last-child){margin-right:50px}.auth-nav{margin-left:305px}.nav-info{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-right:30px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.nav-info::before{content:"";width:16px;height:12px;background-image:url(../images/envelope.svg);background-size:contain;margin-right:10px}.nav-tel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.nav-tel::before{content:"";width:10px;height:16px;background-image:url(../images/vector.svg);background-size:contain;margin-right:10px}.hero{background-color:#c4c4c4;background-image:-webkit-gradient(linear, left top, right top, from(#2f303a66), to(#2f303a66)),url(../images/hero.jpg);background-image:linear-gradient(to right, #2f303a66, #2f303a66),url(../images/hero.jpg);text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:600px;margin-right:auto;margin-left:auto;margin-bottom:94px;background-repeat:no-repeat;background-position:center;background-size:cover}.container-hero{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:696px;margin:auto}.hero-title{color:#ffffff;font-family:Roboto, sans-serif;font-weight:900;font-size:44px;line-height:1.36;letter-spacing:0.06em;margin-top:0px;margin-bottom:30px}.button{background-color:#2196F3;color:#ffffff;font-family:Roboto, sans-serif;font-weight:700;font-size:16px;line-height:1.88;letter-spacing:0.06em;display:inline-block;width:200px;height:50px;border-radius:4px;border:0 solid transparent;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,0.15);box-shadow:0px 4px 4px rgba(0,0,0,0.15);cursor:pointer;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.features-title{color:#212121;font-family:Roboto, sans-serif;font-weight:700;letter-spacing:0.03em;margin-top:0px;margin-bottom:10px;font-size:14px;line-height:1.14}.name{font-size:16px;line-height:1.19;margin-bottom:10px}.features-img{display:-webkit-box;display:-ms-flexbox;display:flex;background:#F5F4FA;width:270px;height:120px;margin-bottom:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.features-icon{display:block;max-width:100%;height:auto}.features-text{margin:0px;font-family:Roboto;font-style:normal;font-weight:normal;font-size:14px;line-height:24px;letter-spacing:0.03em;color:#757575}.features{padding:0px 0px;margin-top:0px;margin-bottom:94px}.container-features{width:270px;height:251px}.container-features:not(:last-child){margin-right:30px}.footer{background-color:#2F303A;color:#ffffff}.footer-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;padding-top:60px;padding-bottom:60px;padding-right:0px;padding-left:0px;font-family:Roboto, sans-serif;font-size:14px;line-height:1.41;letter-spacing:0.03em}.logo-footer{display:block;padding:0px;margin-bottom:20px}.footer-address{display:block;width:300px;padding-left:15px;padding-right:15px}.footer-adderess:not(:last-child){margin-bottom:9px}.color-address{color:rgba(255,255,255,0.6)}.footer-social{width:300px;padding:0px 15px}.contact-icon:not(:last-child){margin-right:10px}.footer-button{width:600px;padding:0px 15px;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer-contact{margin:0px;padding:0px}.icon-snipp{display:-webkit-box;display:-ms-flexbox;display:flex;width:44px;height:44px;padding:0px;margin:0px;background-color:#ffffff;fill:#AFB1B8;border-radius:50%;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.icon-snipp:hover,.icon-snipp:focus{background-color:#2196F3;fill:#ffffff}.footer-snipp{background:rgba(255,255,255,0.1)}.button-portfolio{border:1px solid transparent;border-radius:4px;padding:6px 22px;background-color:#f5f4fa;color:#212121;font-family:Roboto, sans-serif;font-size:16px;line-height:1.63;letter-spacing:0.03em;cursor:pointer;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.button-portfolio:hover,.button-portfolio:focus{background-color:#2196F3;color:#ffffff}.portfolio-name{font-size:18px;line-height:2;letter-spacing:0.06em;text-align:left;padding-left:0px;padding-right:0px;margin-bottom:4px}.portfolio-web{font-family:Roboto;font-style:normal;font-weight:normal;font-size:16px;line-height:1.88;letter-spacing:0.03em;color:#757575;padding-left:0px;padding-right:0px;margin:0px}.portgolio-description{font-size:18px;line-height:1.56;letter-spacing:0.03em;margin:0px}img{display:block;max-width:100%;height:auto}.portfolio-magabox{padding:94px 0px;margin-left:auto;margin-right:auto}.portfolio-navs{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:50px}.portfolio-nav:not(:last-child){margin-right:8px}.portfolio-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0px;margin-top:0px;margin-bottom:0px}.portfolio-version{width:370px;margin-right:30px;margin-bottom:30px;border:1px solid #EEEEEE;-webkit-transition:-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.portfolio-version:hover,.portfolio-version:focus{-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.12),0px 4px 4px rgba(0,0,0,0.06),1px 4px 6px rgba(0,0,0,0.16);box-shadow:0px 1px 1px rgba(0,0,0,0.12),0px 4px 4px rgba(0,0,0,0.06),1px 4px 6px rgba(0,0,0,0.16);-webkit-transition:-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.projects-thumb{position:relative;overflow:hidden}.portfolio-version .overlay{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transform:translateY(100%);transform:translateY(100%);padding:63px 24px;font-weight:400;font-size:18px;line-height:1.556;color:#ffffff;background:rgba(33,150,243,0.9);-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.portfolio-version:hover .overlay,.portfolio-version:focus .overlay{-webkit-transform:translateY(0);transform:translateY(0)}.portfolio-projects-desc{padding:20px 24px;border-right:1px solid #eeeeee;border-bottom:1px solid #eeeeee;border-left:1px solid #eeeeee}.portfolio-version:nth-child(3n){margin-right:0px}.portfolio-version:nth-last-child(-n+3){margin-bottom:0px}.work{padding:0px 0px;margin-top:0px;margin-bottom:94px}.work-title{margin-bottom:50px}.work-boxs{width:370px;height:294px;padding:0px;margin:0px;position:relative}.work-boxs:not(:last-child){margin-right:30px}.figcaption{position:absolute;bottom:0;margin:0;padding-top:27px;padding-bottom:27px;font-weight:700;font-size:14px;line-height:1.143;text-align:center;text-transform:uppercase;width:100%;height:70px;color:#ffffff;background:rgba(47,48,58,0.8)}.team{padding:94px 0px;background:#F5F4FA}.team-title{margin-bottom:50px}.team-boxs{width:270px;height:422px;padding:0px;margin:0px;-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.12),0px 1px 1px rgba(0,0,0,0.14),0px 2px 1px rgba(0,0,0,0.2);box-shadow:0px 1px 3px rgba(0,0,0,0.12),0px 1px 1px rgba(0,0,0,0.14),0px 2px 1px rgba(0,0,0,0.2);border-radius:0px 0px 4px 4px;background-color:#ffffff}.team-boxs:not(:last-child){margin-right:30px}.team-profession{text-align:center;margin-top:0px;margin-bottom:16px}.team-img{display:inline-block;margin-bottom:30px}.team-icons{width:270px;height:44px;padding:0px 32px}.team-icon:not(:last-child){margin-right:10px}.clients{padding:94px 0px}.clients-title{margin-bottom:50px}.clients-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:170px;height:90px;border:1px solid #afb1b8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;color:#afb1b8;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients-icon{fill:currentColor;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients-link:hover,.clients-link:focus{background-color:#ffffff;color:#2196F3;border:1px solid #2196F3}.clients-margin:not(:last-child){margin-right:30px}.backdrop{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.2);-webkit-transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}.backdrop.is-hidden{opacity:0;pointer-events:none}.modal{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:528px;height:581px;background-color:#ffffff;-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.btn-modal{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:30px;height:30px;margin-top:8px;margin-right:8px;background-color:#ffffff;border:1px solid rgba(0,0,0,0.1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;cursor:pointer}.modal-icon{width:18px;height:18px;fill:#212121;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-icon:hover,.modal-icon:focus{fill:#2196F3}.modal-form{width:100%;padding:40px}.modal-title{margin:0 0 12px;font-weight:700;font-size:20px;line-height:1.15;text-align:center;color:#212121}form{width:448px}.modal-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:4px;font-weight:400;font-size:12px;line-height:1.167;letter-spacing:0.01em;color:#757575}.form-field{position:relative}.form-field{margin-bottom:10px}.form-input{display:block;width:100%;margin:0;padding-top:11px;padding-right:12px;padding-bottom:11px;padding-left:42px;border:1px solid rgba(33,33,33,0.2);border-radius:4px;outline:none;-webkit-transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-input:focus{border-color:#2196F3}.icon-form{position:absolute;top:50%;left:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:18px;height:18px;fill:#212121;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-input:focus+.icon-form{fill:#2196F3}.form-field.comment{margin-bottom:20px}textarea{width:100%;resize:none;padding:12px 16px;height:120px;border:1px solid rgba(33,33,33,0.2);border-radius:4px;-webkit-transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}textarea:focus{border-color:#2196F3}.form-field textarea::-webkit-input-placeholder{font-weight:400;font-size:12px;line-height:1.167;letter-spacing:0.01em;color:rgba(117,117,117,0.5)}.form-field textarea:-ms-input-placeholder{font-weight:400;font-size:12px;line-height:1.167;letter-spacing:0.01em;color:rgba(117,117,117,0.5)}.form-field textarea::-ms-input-placeholder{font-weight:400;font-size:12px;line-height:1.167;letter-spacing:0.01em;color:rgba(117,117,117,0.5)}.form-field textarea::placeholder{font-weight:400;font-size:12px;line-height:1.167;letter-spacing:0.01em;color:rgba(117,117,117,0.5)}.agreement{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:30px}.user-agreement{position:relative;display:inline-block;padding-left:23px;font-weight:400;font-size:14px;line-height:1.714;color:#757575}.checkbox{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(0 0 0 0);overflow:hidden}.icon-check{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block;margin-right:7px;width:16px;height:15px;border:2px solid #212121;border-radius:3px;-webkit-transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-image 250ms cubic-bezier(0.4, 0, 0.2, 1),background-origin 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-image 250ms cubic-bezier(0.4, 0, 0.2, 1),background-origin 250ms cubic-bezier(0.4, 0, 0.2, 1)}.checkbox:checked+.icon-check{border-color:#2196F3;background-color:#2196F3;background-image:url(../images/icon-check.svg);background-size:contain;background-origin:border-box}.user-agreement a{display:inline-block;color:#2196F3;text-decoration:underline}.btn-submit{display:block;margin-left:auto;margin-right:auto;border-radius:4px;border:0 solid transparent;min-width:200px;padding:10px 32px;font-weight:700;font-size:16px;line-height:1.875;letter-spacing:0.06em;color:#ffffff;background-color:#2196F3;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,0.15);box-shadow:0px 4px 4px rgba(0,0,0,0.15);cursor:pointer;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.btn-submit:hover,.btn-submit:focus{color:#ffffff;background-color:#188CE8}.call-to-activity{font-weight:700;font-size:14px;line-height:1.143;text-transform:uppercase}.input-form{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:20px}.input-form>input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:358px;margin-right:12px;border-radius:4px;padding:15px 295px 16px 15px;background-color:transparent;color:var(--footer-text-color);border:1px solid rgba(255,255,255,0.3)}.input-form>input::-webkit-input-placeholder{padding-right:0;font-weight:400;font-size:16px;line-height:1.25;color:var(--footer-text-color)}.input-form>input:-ms-input-placeholder{padding-right:0;font-weight:400;font-size:16px;line-height:1.25;color:var(--footer-text-color)}.input-form>input::-ms-input-placeholder{padding-right:0;font-weight:400;font-size:16px;line-height:1.25;color:var(--footer-text-color)}.input-form>input::placeholder{padding-right:0;font-weight:400;font-size:16px;line-height:1.25;color:var(--footer-text-color)}.btn-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:200px;min-height:50px;padding:10px 28px;border-radius:4px;font-weight:700;font-size:16px;line-height:1.875;letter-spacing:0.06em;color:var(--white-color);background:var(--accept-color);border:transparent;cursor:pointer;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.btn-footer:hover,.btn-footer:focus{color:var(--accept-color);background-color:var(--white-color)}.icon-send{margin-left:10px;width:24px;height:24px;fill:currentColor}
/*# sourceMappingURL=main.min.css.map */