/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}*,:after,:before{box-sizing:border-box}button:focus,input:focus,select:focus,textarea:focus{outline:none}body,html{height:100%;margin:0;padding:0;overflow:hidden;scroll-behavior:smooth;font-family:Roboto,sans-serif}*,:after,:before{box-sizing:inherit;margin:0;padding:0}body{color:#556270;overflow:auto;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}img{display:block;max-width:100%;height:auto}a{text-decoration:none}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{margin:0}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url(../fonts/roboto-v20-latin-regular.woff2) format("woff2"),url(../fonts/roboto-v20-latin-regular.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:local("Roboto Medium"),local("Roboto-Medium"),url(../fonts/roboto-v20-latin-500.woff2) format("woff2"),url(../fonts/roboto-v20-latin-500.woff) format("woff")}.container{width:300px;margin:0 auto}.details-page{display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:center;justify-content:center}.details-page__image{width:274px;margin-bottom:20px}.text-wrapper{width:275px;position:relative}.about-list__descr{width:50%}.title{line-height:20px;font-size:16px;color:#000;margin-bottom:18px;font-weight:500}.about-list__item,.title{font-family:Roboto,sans-serif}.about-list__item{width:auto;display:-webkit-box;display:flex;justify-content:space-around;line-height:26px;font-size:14px}.about-list__item:nth-child(odd){background-color:#addad6}.plot__descr{font-size:14px;line-height:18px;margin-bottom:26px}.js-video__iframe{max-width:280px;max-height:100%}.btn-wrapper{display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:start;justify-content:flex-start;margin-bottom:10px}.add-btn_watched:before{content:url(../images/video.png);padding-right:8px}.add-btn_queue:before{content:url(../images/calendar-plus.png);padding-right:8px}.add-btn_queue,.add-btn_watched{text-align:start;min-width:160px;height:25px;display:inline-block;background-color:unset;border:none;font-size:14px;line-height:16px;cursor:pointer}.add-btn_queue:hover,.add-btn_watched:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.footer{background:-webkit-gradient(linear,left top,left bottom,from(#4eb19d),to(#1f888a));background:linear-gradient(#4eb19d,#1f888a);padding-top:34px;padding-bottom:38px}.group-name__title{text-align:center;font-size:16px;font-weight:400;color:#372c48}.header{background:-webkit-gradient(linear,left top,left bottom,from(#4eb19d),to(#1f888a));background:linear-gradient(#4eb19d,#1f888a);margin-bottom:20px}.site-navigation{-webkit-box-pack:start;justify-content:flex-start;padding-top:20px;padding-bottom:26px}.site-navigation,.site-navigation__logo{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.site-navigation__logo{cursor:pointer;-webkit-animation:fadeInDown;animation:fadeInDown;-webkit-animation-duration:1s;animation-duration:1s}.site-navigation__logo_img{-webkit-box-pack:start;justify-content:flex-start}.site-navigation__logo_wrapper{position:relative}.site-navigation__logo_title{position:absolute;text-transform:capitalize;visibility:hidden}.site-navigation__list{display:-webkit-box;display:flex;margin-left:auto}.site-navigation__item{-webkit-box-pack:start;justify-content:flex-start;position:relative}.site-navigation__item:after{position:absolute;visibility:hidden;opacity:0;display:block;content:"";background-color:#372c48;width:0;height:3px;margin-top:9px}.site-navigation__item:focus:after,.site-navigation__item:hover:after{visibility:visible;opacity:.7;width:100%}.site-navigation__btn{width:122px;opacity:.7;text-transform:uppercase;font-weight:500;font-size:14px;font-family:Roboto,sans-serif;border:none;background:transparent;outline:none;cursor:pointer}.onClick{opacity:1;color:#372c48;-webkit-transition:all .3s linear;transition:all .3s linear}.onClick:after{position:absolute;display:block;content:"";background-color:#372c48;width:100%;height:3px;margin-top:9px}.search-form__wrapper{padding:22px 0}.search-form{text-align:center}.search-form__label{position:relative;display:inline-block;vertical-align:text-top}.search-form__label:before{content:"";display:block;position:absolute;background-image:url(../images/loupe.png);width:15px;height:15px;background-size:contain;background-repeat:no-repeat;background-position:50%;top:2px;left:15px}.search-form__input{height:22px;width:256px;border:2px solid #a5b1c2;padding-left:5px;text-indent:30px}.search-form__input::-webkit-input-placeholder{font-size:14px;letter-spacing:0;line-height:1,2;font-family:Roboto,sans-serif;color:#000}.search-form__input:-ms-input-placeholder{font-size:14px;letter-spacing:0;line-height:1,2;font-family:Roboto,sans-serif;color:#000}.search-form__input::-ms-input-placeholder{font-size:14px;letter-spacing:0;line-height:1,2;font-family:Roboto,sans-serif;color:#000}.search-form__input::placeholder{font-size:14px;letter-spacing:0;line-height:1,2;font-family:Roboto,sans-serif;color:#000}.search-form__error--hidden{font-size:0}.search-form__error--visibale{font-size:14px;color:red;font-weight:500;text-align:center}.page-counter__wrapper{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;width:272px;margin:0 auto;padding-bottom:24px;visibility:visible}.page-counter__btn{font-size:22px;line-height:25px;color:#556270;font-weight:700;font-family:Roboto,sans-serif;border-radius:5px;border:1px solid #ddd;cursor:pointer;padding:12px 25px}.hidden{display:none}.btn_next_hidden,.btn_prev_hidden{visibility:hidden}.btn_page-number{outline:none;cursor:default}.movies{padding:14px 0 28px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center}.movies__image{border-radius:10px;margin:0 auto}.movies__item{position:relative;width:100%;height:150px;border-radius:5px;overflow:hidden;margin-bottom:20px;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.movies__item:hover{cursor:pointer;box-shadow:0 0 17px 4px #e74c3c;-webkit-transform:scale(1.05);transform:scale(1.05)}.movies__item-rating{position:absolute;top:8px;right:8px;background-color:#fff;padding:0 8px;border-radius:15px}.movies__title{position:absolute;font-size:15px;left:10px;bottom:10px;color:#fff;font-weight:600;font-size:1em}.movies__not-found{padding:10px;background-color:rgba(255,255,0,.3);display:block;margin:0 auto}main{min-height:100vh}.visually-hidden{position:absolute;white-space:nowrap;width:1px;height:1px;overflow:hidden;border:0;padding:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);margin:-1px}.display-none{opacity:0;visibility:hidden}.library{padding-top:10px;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center}.library__btn{text-transform:capitalize;font-size:16px;font-weight:400;color:#000;width:140px;height:40px;background:transparent;outline:none;cursor:pointer;border:none;border-bottom:2px solid #9895a2}.onClickLibrary{margin-top:2px;background-color:#77c1bb;color:#fff;border:none}.toolbar{display:-webkit-box;display:flex;-webkit-box-pack:end;justify-content:flex-end;padding:0 24px;margin-left:53px}.toolbar__image{width:40px;height:40px;margin:5px 0 10px}.theme-switch{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-transition:color .15s ease-in 0;transition:color .15s ease-in 0}.theme-switch__icon{color:currentColor;height:26px;margin-right:8px;margin-left:8px}.switch{display:-webkit-box;display:flex;flex-shrink:0;-webkit-box-align:center;align-items:center;position:relative;width:64px;height:32px;border-radius:50em;padding:3px 0;margin:0 15px}.switch__input,.switch__label{position:absolute;left:0;top:0}.switch__input{margin:0;padding:0;opacity:0;height:0;width:0;pointer-events:none}.switch__input:checked+.switch__label{background-color:#d3d3d4}.switch__input:checked+.switch__label+.switch__marker{left:calc(100% - 29px)}.switch__input:active+.switch__label,.switch__input:focus+.switch__label{box-shadow:0 0 0 3px rgba(42,109,244,.2)}.switch__label{width:100%;height:100%;color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#d3d3d4;border-radius:inherit;z-index:1;-webkit-transition:background-color .15s;transition:background-color .15s;cursor:pointer}.switch__marker{position:relative;background-color:#fff;width:26px;height:26px;border-radius:50%;z-index:2;pointer-events:none;box-shadow:0 1px 1px rgba(0,0,0,.25);left:3px;-webkit-transition:left .2s;transition:left .2s;will-change:left}.menu{padding:0;list-style:none;max-width:calc(100% - 64px);margin:0 auto;display:grid;-webkit-box-pack:center;justify-content:center;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));grid-gap:24px}.card{position:relative;-webkit-box-pack:justify;justify-content:space-between;height:100%;padding-bottom:8px}.card,.card__content{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.card__content{padding:8px;-webkit-box-flex:1;flex-grow:1}.card__image{height:300px;object-fit:cover;max-width:100%}.card__name{margin-top:16px;margin-bottom:0;font-size:24px;font-weight:500}.card__descr{line-height:1.5;-webkit-box-flex:1;flex-grow:1}.card__price{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;margin-top:24px;font-size:20px}.card__price i{margin-right:8px;font-size:24px}.card__button,.card__reviews{display:block;margin-top:16px}.card__button{margin-left:auto;margin-right:auto;width:calc(100% - 16px)}.tag-list{display:-webkit-box;display:flex;flex-wrap:wrap;padding:0;margin:0;list-style:none}.tag-list__item{padding:4px 8px;margin:4px;border-radius:2px;background-color:#3f51b5;color:#fff}.button{display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;color:#fff;background-color:#2196f3;border:0;outline:0;padding:8px 24px;border-radius:4px;cursor:pointer;box-shadow:0 2px 1px 1px rgba(0,0,0,.05);font:inherit;font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}.button:hover{box-shadow:0 2px 1px 1px rgba(0,0,0,.15);background-color:#1976d2}.button__icon{margin-right:8px}.pro{background:-webkit-gradient(linear,left top,right top,from(#232526),to(#414345));background:linear-gradient(90deg,#232526,#414345);color:#0f0f0f}.subheader{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-pack:end;justify-content:flex-end}.subheader:hover{cursor:pointer}.features{display:none;background:none}.features h4,.features li{box-shadow:0 0 7px 0 #fff}.features__title{font-size:12px;vertical-align:middle;text-align:center;margin-right:11px;margin-top:5px;-webkit-animation:fadeIIn;animation:fadeIIn;-webkit-animation-direction:2s;animation-direction:2s;padding:0 15px;width:100px;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.features__item,.features__title{border-radius:10px;color:#ecf0f1;line-height:40px}.features__item{font-size:14px;text-align:right;position:relative;-webkit-animation:flipInX;animation:flipInX;-webkit-animation-duration:1.4s;animation-duration:1.4s;margin:5px;padding:0 10px}.features__item:before{position:absolute;background-image:url(../../images/btn.png);background-repeat:no-repeat;content:" ";margin-top:10px;z-index:10}@media (min-width:768px){.container{width:715px}.details-page{display:-webkit-box;display:flex;flex-wrap:unset;-webkit-box-pack:justify;justify-content:space-between}.details-page__image{width:356px;margin-bottom:20px}.text-wrapper{width:340px}.about-wrapper{margin-bottom:48px}.js-video__iframe{max-width:340px}.btn-wrapper{justify-content:space-around}.site-navigation__logo_title{top:-11px;left:10px;visibility:visible;font-weight:500;font-size:20px;font-family:Roboto,sans-serif;color:#372c48}.search-form__input{height:50px;width:284px;border-radius:10px}.search-form__input::-webkit-input-placeholder{font-size:16px;color:#a5b1c2}.search-form__input:-ms-input-placeholder{font-size:16px;color:#a5b1c2}.search-form__input::-ms-input-placeholder{font-size:16px;color:#a5b1c2}.search-form__input::placeholder{font-size:16px;color:#a5b1c2}.search-form__input::-webkit-input-placeholder:before{width:20px;height:20px}.search-form__input:-ms-input-placeholder:before{width:20px;height:20px}.search-form__input::-ms-input-placeholder:before{width:20px;height:20px}.search-form__input::placeholder:before{width:20px;height:20px}.search-form__error--visibale{font-size:16px}.page-counter__wrapper{width:214px;padding-bottom:14px}.page-counter__btn{font-size:18px;line-height:20px;border-radius:4px;padding:12px 18px}.movies{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:wrap}.movies__item{width:48%;height:180px}.scroll-top{width:0}.features.pro{display:none}}@media (min-width:1024px){.container{width:964px}.details-page__image{width:428px}.text-wrapper{width:452px}.js-video__iframe{max-width:452px}.movies__item{height:250px}.features.pro{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-pack:start;justify-content:flex-start;-webkit-box-align:start;align-items:flex-start;flex-wrap:nowrap;line-height:50px;margin-right:20px}}@media (max-width:767px){.scroll-top{position:fixed;right:16px;bottom:19px}.scroll-top__link{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;width:50px;height:50px;border:1px solid #68a8a3;border-radius:50%;background-color:#8ecbc6;box-shadow:0 0 4px 2px #6aaca6}.toolbar{padding:5px 24px}.features.pro{display:none}}