:root{--basic-white:#ffffff;--basic-black:#000000;--basic-red:#fb565a;--basic-green:#00ca74;--basic-yellow:#efc849;--basic-backgound-grey:#eeeeee;--basic-light-grey:#666666;--spacial-grey-logo:#a6a6a6;--special-grey-hover:#dfdfdf;--specisl-grey-active:#d5d5d5;--special-grey-disabled:#4d4d4d;--special-grey-filter:#283136;--special-grey-scale:#d7dcdf;--special-grey-toggle:#ababab;--special-grey-border:#dbdbdb;--special-grey-catalog:#f2f2f2;--special-grey-ellipse:#c1c1c1;--special-grey-borders:#b4b9bb;--special-red-hover:#e74246;--special-red-active:#d7373b;--special-green-hover:#00BC6C;--special-green-active:#00AA62;--special-yellow-hover:#eab534;--special-yellow-active:#e5a722;--special-black:#444444;--special-black-shadow:rgba(0,1,1,.1);--special-black-active:rgba(255,255,255,.3);--special-black-toggle:rgba(0, 0, 0, 0.15);--special-black-catalog:rgba(0, 0, 0, 0.1);--special-black-hover:rgba(0, 0, 0, 0.25);--special-black-pointers:rgba(0,0,0, .3);--special-black-modal:rgba(0,1,1,.75)}body{margin:0;padding:0;font-family:Roboto,Arial,sans-serif;font-size:16px;line-height:24px;color:var(--basic-black);background-color:var(--basic-white)}a{text-decoration:none}.page{height:100%}.page-body{min-width:1200px;min-height:100%;display:grid;grid-template-rows:min-content 1fr min-content;align-content:start}.button{display:inline-block;vertical-align:top;border:none;border-radius:3px;font:inherit;font-size:16px;font-weight:500;line-height:18px;color:var(--basic-white);text-transform:uppercase;text-decoration:none;cursor:pointer}.button:active{color:var(--special-black-active);box-shadow:0 3px 0 0 var(--special-black-shadow) inset}.red--button{background-color:var(--basic-red)}.red--button:hover{background-color:var(--special-red-hover)}.red--button:active{background-color:var(--special-red-active)}.green--button{background-color:var(--basic-green)}.green--button:hover{background-color:var(--special-green-hover)}.green--button:active{background-color:var(--special-green-active)}.yellow--button{background-color:var(--basic-yellow)}.yellow--button:hover{background-color:var(--special-yellow-hover)}.yellow--button:active{background-color:var(--special-yellow-active)}.main-header{background-color:var(--basic-backgound-grey);padding-top:40px}.container{width:1160px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.main-navigation{display:flex;flex-wrap:wrap;align-items:flex-start;min-height:83px;font-size:16px;line-height:30px;font-weight:500;color:var(--basic-black);background-color:var(--basic-backgound-grey);list-style:none}.main-header-logo{text-decoration:none;max-width:100%;height:auto;padding-top:8px}.main-header-logo:active{opacity:.3}.site-navigation{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;font-size:16px;line-height:30px;font-weight:500;text-decoration:none;list-style:none;text-transform:uppercase;margin:0;padding-left:155px}.site-navigation li{padding-left:46px;padding-top:35px}.site-navigation a:hover{color:var(--basic-red)}.site-navigation a:active{opacity:.3;color:var(--basic-black)}.cart-navigation{list-style-type:none;text-transform:uppercase;margin:0;padding-left:286px}.cart-navigation li{padding-top:35px}.cart-link{position:relative}.cart-link::before{content:"";position:absolute;top:7px;left:-39px;width:16px;height:15px;background-image:url(../img/cart-icon.svg);background-repeat:no-repeat;background-position:0 0}.cart-navigation a,.site-navigation a{color:var(--basic-black);display:block}.cart-navigation a:hover{color:var(--basic-red)}.cart-navigation a:active{opacity:.3}.catalog-active{position:relative}.catalog-active::before{content:"";position:absolute;bottom:-14px;width:76px;height:2px;background-color:var(--basic-red);background-repeat:no-repeat;background-position:0 0}.advantages{background-color:var(--basic-backgound-grey);position:relative}.advantages-list{list-style-type:none;margin:0;padding:0}.advantages-item{display:flex;flex-wrap:wrap;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;padding-top:60px;padding-bottom:80px}.slide{display:none}.slide1{background-image:url(../img/nerds-index-slide1.png)}.slide2{background-image:url(../img/nerds-index-slide2.png)}.slide3{background-image:url(../img/nerds-index-slide3.png)}.advantages-item-active{display:flex;flex-wrap:wrap}.advantages-title{font-size:55px;line-height:55px;font-weight:500;margin-bottom:29px;margin-top:9px}.advantages-text{width:400px;font-size:16px;line-height:24px;color:var(--special-grey-filter);margin-bottom:38px}.advantages-button{padding:17px 54px 15px}.advantages-button:hover{background-color:var(--special-red-hover)}.advantages-button:active{background-color:var(--special-red-active);box-shadow:inset 0 3px 0 var(--special-black-shadow);color:var(--special-black-active)}.slider-buttons-wrapper{position:relative;width:200px;margin:0 auto}.slider-buttons{display:flex;justify-content:space-between;width:88px;height:18px;position:absolute;left:28%;bottom:96px}.slider-switch-button{width:18px;height:18px;border-radius:50%;background-color:var(--basic-white);border:none;cursor:pointer}.slider-switch-on-button::before{content:"";box-sizing:border-box;width:8px;height:8px;border:2px solid var(--special-grey-ellipse);border-radius:50%;position:absolute;left:4px;top:6px;transform:translate(10%,-10%)}.slider-switch-button:focus{outline:0}.items{font-size:16px;line-height:24px;color:var(--basic-black);margin-top:80px}.items-list{display:grid;grid-template-columns:1fr 1fr 1fr;padding:0;column-gap:40px;list-style:none;margin:0}.items-web{text-transform:uppercase;font-weight:700;font-size:24px;line-height:30px}.item-title{margin-top:19px}.items-list-slogan{font-size:16px;line-height:24px;color:var(--special-grey-filter);width:260px;margin-top:-10px;margin-bottom:-1px}.items-button{padding:17px 40px 15px;margin-top:32px;margin-bottom:80px}.description{border-top:2px solid var(--basic-backgound-grey)}.description-title{font-weight:500;font-size:45px;line-height:45px;width:651px;min-height:91px;margin-top:74px;margin-bottom:33px}.description-text{font-size:16px;line-height:24px;color:var(--special-grey-filter);margin-top:32px;width:646px}.description-offer{text-transform:uppercase;font-weight:700;font-size:16px;line-height:24px;margin-top:40px;margin-bottom:23px;width:306px;min-height:24px}.description-list{font-size:16px;line-height:24px;margin-bottom:23px;width:399px;list-style:none;position:relative}.descriptionlist{padding-left:35px;padding-top:2px;color:var(--special-grey-filter)}.description-list::before{content:"";position:absolute;width:25px;height:2px;background-color:var(--basic-red);top:10px;left:-36px}.description ul{margin-bottom:60px}.features{width:375px}.img-logo{margin-top:40px;padding-left:26px}.features-slogan{font-weight:700;font-size:16px;line-height:24px;text-transform:uppercase;margin-top:28px;margin-bottom:31px;padding-left:43px}.features-list{display:flex;padding:0;list-style:none;padding-left:26px}.features-list-percent{font-weight:700;font-size:45px;line-height:64px;color:var(--basic-black);padding-right:21px}.features-percent{font-size:29px}.features-list-description{font-size:16px;line-height:18px;margin-top:10px;color:var(--special-grey-filter)}.main-clients{justify-content:space-between;border-top:2px solid var(--basic-backgound-grey);border-bottom:2px solid var(--basic-backgound-grey);margin:0;padding:0;padding-top:34px;padding-bottom:44px}.main-clients-list{display:flex;list-style:none;padding:0;margin-bottom:-10px}.clients-list-item{display:flex;justify-content:center;align-items:center;width:298px;position:relative}.clients-list-item:not(:last-child){padding-right:36px}.clients-list-item:not(:first-child)::before{content:"";position:absolute;width:2px;height:52px;left:-19px;top:14px;background-color:var(--basic-backgound-grey);background-repeat:no-repeat;background-position:0 0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(0 0 0 0);overflow:hidden}.clients-logo{opacity:.2}.clients-logo:hover{opacity:1}.clients-logo:active{opacity:.1}.map{position:relative;text-align:center;margin-top:78px}.map iframe{border:0;width:100%}.map-container-info{position:relative}.info{position:absolute;width:319px;background-color:var(--basic-white);top:-368px;left:22px;box-sizing:border-box;padding:48px 48px 48px 48px;min-height:308px;text-align:left}.info-content-link{padding:16px 44px;margin-top:35px}.info-content-name{font-size:18px;line-height:30px;color:var(--basic-black);text-decoration:none}.info-content-adress{font-size:16px;line-height:18px;color:var(--basic-light-grey);font-style:normal;padding-top:23px;padding-bottom:14px}.info-content-phone{text-decoration:none;color:var(--basic-light-grey);font-size:16px;line-height:18px}.footer-social{display:flex;flex-wrap:wrap;align-items:center}.footer-social-button{display:flex;flex-wrap:wrap;justify-content:flex-start;width:300px;list-style:none;padding:44px 100px 68px 0}.social-button{display:flex;align-items:center;justify-content:center;width:81px;height:81px;background-color:#e1e1e1;border-radius:50%;margin-right:9px;text-align:center;padding:0}.social-button:hover{background-color:var(--special-red-hover)}.social-button:active{background-color:var(--special-red-active);box-shadow:0 3px 0 0 var(--special-black-shadow) inset}.social-button svg:active{opacity:.3}.social-button svg{position:absolute}.social-slogan{font-weight:700;font-size:36px;line-height:36px;margin:0;padding-bottom:11px}.social-promo{font-size:16px;line-height:22px;color:var(--special-black);margin:0;padding-bottom:18px}.social-text{margin-top:-4px}.page-title{font-weight:500;font-size:55px;line-height:55px;color:var(--basic-black);background-color:var(--basic-backgound-grey);display:flex;align-items:center;justify-content:center;padding-bottom:108px;padding-top:70px;margin:0;margin-bottom:57px}.filter-button{padding:17px 89px 15px 88px;color:var(--basic-black);background-color:var(--basic-backgound-grey)}.filter-button:hover{background-color:var(--special-grey-hover)}.filter-button:active{background-color:var(--specisl-grey-active);color:var(--basic-black);opacity:.3;border:none}.filters{width:260px}.filter fieldset{padding:0;margin:0;margin-bottom:27px;border:none}.filter fieldset:first-child{margin-bottom:54px}.filter fieldset:last-child{margin-bottom:50px}.filter legend{font-size:18px;line-height:30px;font-weight:700;text-transform:uppercase}.filter ul{padding:0;list-style:none;font-size:16px;line-height:20px;color:var(--special-grey-filter)}.filter-option{margin-bottom:20px;padding-left:36px;line-height:20px}.filter-option label{position:relative;display:block;cursor:pointer;user-select:none}.filter-input-radio:hover+label::before{color:var(--special-grey-filter);opacity:1}.filter-input-radio:disabled+label::before{color:var(--special-grey-filter);opacity:.1;cursor:not-allowed}.filter-input-radio+label::before{content:"";position:absolute;left:-36px;top:-4px;width:25px;height:25px;background-image:url(../img/radio-off.svg);opacity:.4}.filter-input-radio:checked+label::before{content:"";position:absolute;top:-4px;left:-36px;width:25px;height:25px;background-image:url(../img/radio-on.svg)}.filter-input-checkbox+label::before{content:"";position:absolute;left:-32px;top:-3px;background-image:url(../img/checkbox-off.svg);width:23px;height:23px;opacity:.4}.filter-input-checkbox:checked+label::before{content:"";position:absolute;top:-3px;left:-32px;width:26px;height:23px;background-image:url(../img/checkbox-on.svg);background-repeat:no-repeat;background-position:0 0}.filter-input-checkbox:hover+label::before{color:var(--special-grey-filter);opacity:1}.filter-input-checkbox:disabled+label::before{color:var(--special-grey-filter);opacity:.1;cursor:not-allowed}.filter-input-checkbox:focus+label::before{color:var(--special-grey-filter);opacity:1}.filter-input-radio:focus+label::before{color:var(--special-grey-filter);opacity:1}.range-filter{width:260px;margin-top:48px}.range-controls{position:relative;height:80px;margin-bottom:14px;background-color:var(--basic-backgound-grey);border-radius:3px}.scale{width:205px;height:2px;background-color:var(--special-grey-scale);position:absolute;top:40px;left:20px}.bar{width:70%;height:2px;background-color:var(--basic-green)}.toggle{position:absolute;top:20px;left:10px;width:4px;height:4px;border:8px solid var(--basic-white);border-radius:50%;background-color:var(--special-grey-toggle);box-shadow:0 2px 1px var(--special-black-toggle);cursor:pointer}.toggle-min{position:absolute;top:31px}.toggle-max{position:absolute;top:31px}.price-controls{display:grid;grid-template-columns:1fr 1fr;font-size:16px;line-height:22px;text-transform:uppercase}.price-controls input{width:80px;height:36px;box-sizing:border-box;background-color:var(--basic-backgound-grey);border-radius:3px;border:none;text-align:center;margin-left:8px;padding:2px}.max-price{text-align:right}.catalog{width:760px}.catalog-list{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;column-gap:41px;row-gap:27px}.catalog-item{position:relative;box-sizing:border-box;border:1px solid var(--special-black-catalog);border-radius:5px;background-color:var(--special-grey-catalog);padding-top:40px;overflow:hidden}.catalog-item img{display:block}.catalog-item:hover{box-shadow:0 4px 4px var(--special-black-hover)}.catalog-item::before{content:"";position:absolute;top:0;left:0;width:360px;height:40px;background-image:url(../img/browser1.2.svg);background-repeat:no-repeat;background-position:0 0;opacity:.12}.catalog-item:hover::before{content:"";position:absolute;top:0;left:0;width:358px;height:40px;opacity:1;background-color:var(--basic-white)}.catalog-sort{display:flex;justify-content:space-between;padding-bottom:48px}.sort-caption{margin:0;width:360px;font-size:18px;line-height:30px;font-weight:700;color:var(--basic-black);text-transform:uppercase}.catalog-sort-type{display:flex;flex-wrap:wrap;align-items:center;width:360px}.sort-type{display:flex;flex-wrap:wrap;margin:0;padding-left:0;list-style:none;font-size:14px;line-height:18px;cursor:pointer}.catalog-sort-list{padding-right:25px}.sort-type-link{text-transform:uppercase;text-decoration:none;color:var(--basic-black);opacity:.3}.sort-type-link:hover{color:var(--basic-black);opacity:.6}.sort-type-link-active{opacity:1}.sort-type-link:active{opacity:1}.pointers{padding-left:20px;cursor:pointer}.pointer-down{display:block;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid var(--special-black-pointers);transform:rotate(180deg)}.pointer-down-active{border-bottom-color:var(--basic-black)}.pointer-up{display:block;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid var(--special-black-pointers)}.pointer-down:hover,.pointer-up{border-bottom-color:var(--special-black-pointers)}.pointer-up:active{border-bottom-color:var(--basic-black)}.wrapper{display:grid;grid-template-columns:2fr 1fr}.pagination-list{display:flex;flex-wrap:wrap;padding:0;margin:0;list-style:none;margin-top:54px;margin-bottom:-20px}.pagination-item{margin-right:11px}.pagination-button{display:flex;justify-content:center;align-items:center;height:50px;width:50px;color:var(--basic-black);text-transform:uppercase;font-size:16px;line-height:18px;font-weight:500;background-color:var(--basic-backgound-grey);border-radius:3px}.pagination-button-first{background-color:var(--basic-white);box-shadow:inset 3px 3px 0 var(--special-grey-border),inset -3px -3px 0 var(--special-grey-border)}.pagination-button-last{width:260px}.pagination-button:hover{background-color:var(--special-grey-hover)}.pagination-button:active{background:var(--specisl-grey-active);box-shadow:inset 0 3px 0 var(--special-black-shadow);box-sizing:border-box;border-radius:3px;opacity:.3}.description1{display:none;position:absolute;background-color:var(--basic-backgound-grey);text-align:center;bottom:0;padding:43px 60px 42px}.description-heading{font-weight:700;font-size:18px;line-height:30px;text-align:center;text-transform:uppercase;color:var(--basic-black)}.description-heading:hover{color:var(--basic-red)}.description-heading:active{color:var(--basic-black);opacity:.3}.description1 p{text-align:center;color:var(--basic-light-grey);padding-bottom:21px;line-height:18px;max-height:380px}.catalog-button{padding:17px 0 15px;width:200px}.catalog-item:hover .description1{display:block}.modal-feedback{position:fixed;top:0;right:0;bottom:0;left:0;width:960px;height:590px;display:none;margin:auto;background-color:var(--basic-white);box-shadow:0 20px 40px 0 var(--special-black-modal)}.modal-wrapper{padding:65px 100px 85px}.form-feedback-title{margin-top:0;margin-bottom:40px;font-size:45px;font-weight:500;line-height:45px;color:var(--basic-black)}.feedback-info{display:flex;justify-content:space-between;width:760px;margin-bottom:34px}.feedback-info-name{width:360px}.feedback-info-email{width:360px}.feedback-info-label{display:block;margin-bottom:10px;font-size:16px;font-weight:700;line-height:18px;color:var(--basic-black)}.feedback-info-input{font-size:16px;line-height:18px;font-weight:400;box-sizing:border-box;width:100%;padding:14px;color:var(--special-black);opacity:.5;border:2px solid var(--special-grey-scale);border-radius:3px}.form-feedback-letter{display:flex;justify-content:space-between;flex-direction:column;width:760px;margin-bottom:47px}.form-feedback-letter textarea{min-height:118px;resize:vertical;padding:14px;width:100%;box-sizing:border-box;font-size:16px;line-height:18px;color:var(--special-black);opacity:.5;border:2px solid var(--special-grey-scale);border-radius:3px}.form-feedback-button{padding:16px 84px}.form-feedback-closed{position:absolute;top:78px;right:90px;padding:0;width:21px;height:21px;border:0;background:0 0;opacity:.3;cursor:pointer}.form-feedback-closed::before{transform:rotate(45deg)}.form-feedback-closed::after{transform:rotate(135deg)}.form-feedback-closed::after,.form-feedback-closed::before{content:"";position:absolute;top:10px;right:0;width:21px;height:4px;background-color:var(--basic-red);opacity:.3}.form-feedback-closed:hover::before{background-color:var(--basic-red);opacity:1}.form-feedback-closed:hover::after{background-color:var(--basic-red);opacity:1}.form-feedback-closed:active::before{background-color:var(--basic-red);opacity:.1}.form-feedback-closed:active::after{background-color:var(--basic-red);opacity:.1}.form-feedback-closed:focus{outline:0}.feedback-info-input:hover{border-color:var(--special-grey-borders);opacity:1}.feedback-info-input:focus{border-color:var(--basic-black);outline:0}.feedback-info-input:invalid:not(:placeholder-shown){border-color:var(--basic-red);color:var(--basic-red)}