@charset "utf-8";

header.scrolling:before{display:none;}

.color-ecoursebook-premium{color:#0089ab;}
.color-ecoursebook-plus{color:#78c091;}
.color-ecoursebook-standard{color:#74dcd2;}

.header{padding:17px 0 22px;}
.header h1,.header h2,.header h3,.header h4,.header h5,.header h6{margin:7px 0 0;color:#0089ab;font:300 36px "Montserrat",sans-serif;}
.header ul.breadcrumb{font:400 14px/2 "Montserrat",sans-serif;color:#000;}
.header ul.breadcrumb>li,.header ul.breadcrumb>li>a{font:inherit;}

ul.breadcrumb{margin:0;padding:0;list-style:none;}
ul.breadcrumb>li{display:inline-block;}
ul.breadcrumb>li:not(:first-child)::before{content:"›";margin:0 3px;}
ul.breadcrumb a{text-decoration:inherit;color:inherit;}

.item-large{display:flex;flex-direction:row;}
.item-large>.column-left{order:1;flex:1 1 450px;margin-right:44px;}
.item-large>.main{order:2;flex:1 1 570px;}
.item-large>.column-right{order:3;flex:1 1 300px;margin-left:36px;}

@media (max-width: 1200px) {
    .item-large{flex-direction:column;}
    .item-large>.column-left{order:2;margin-right:0;}
    .item-large>.main{order:2;}
    .item-large>.column-right{order:3;margin-left:0;}
}


.column-right>*{margin-top:0;margin-bottom:33px;}


.item-large .item-title{height:213px;}
.item-large.item-title h1,.item-large .item-title h1,.item-large .item-title h1,.item-large .item-title h1,.item-large .item-title h1,.item-large .item-title h1,.item-large .item-title h6{margin:-7px 0 0;color:#0089ab;font:700 32px/39px "Montserrat",sans-serif;}
.item-large.item-title :is(h1,h2,h3,h4,h5,h6) span{font-weight:300;}
.item-large.item-title p.series{margin:16px 0 0;padding:0;text-transform:uppercase;font:400 14px/1.5 "Montserrat",sans-serif;}

.item-cover{background:#f1f8fa url(images/bg-student.png) no-repeat 32px 36px;border-radius:5px;position:relative;min-height:450px;padding:36px 0;}
.item-cover .cover{background:#0089ab;max-width:268px;max-height:378px;width:1000px;height:1000px;display:block;margin:0 auto;}
.item-cover .button-start{position:absolute;right:21px;bottom:37px;width:50px;height:50px;border:none;border-radius:50%;background:#ffce00 url(images/button-2.png) no-repeat 17px center;cursor:pointer;transition:transform .3s;}
.item-cover .button-start:disabled{cursor:not-allowed;filter:grayscale(1);}
.item-cover .button-start:enabled:hover,.item-cover .button-start:enabled:focus{transform:scale(1.2);}

.item-subscription-options{max-width:100%;overflow:hidden;}

ul.item-subscription-options-suboptions{width:362px;height:226px;}
ul.item-subscription-options-suboptions{display:grid;grid-template-columns:repeat(4,25%);grid-template-rows:52% 48%;margin:0;padding:0;list-style:none;border:1px solid #0089ab;border-radius:5px;}
ul.item-subscription-options-suboptions>li{text-align:center;font:400 10px/11px "Montserrat",sans-serif;margin-top:4px;}

dl.item-subscription-options{position:relative;min-height:226px;}
dl.item-subscription-options>dt{display:block;position:relative;z-index:1;width:64px;height:79px;margin:0;padding:0;text-align:center;text-transform:uppercase;color:#000;font:500 11px/1 "Montserrat",sans-serif;}
dl.item-subscription-options>dt::before{content:"";display:block;width:50px;height:50px;box-sizing:border-box;margin:0 auto 9px;border:4px solid #fff;border-radius:50%;background:url(images/ecoursebook.png) no-repeat 4px 8px;cursor:pointer;}
dl.item-subscription-options>dt.item-subscription-options-premium::before{filter:invert(65%) sepia(49%) saturate(2006%) hue-rotate(160deg) brightness(93%) contrast(101%);}
dl.item-subscription-options>dt.item-subscription-options-plus::before{filter:invert(25%) sepia(20%) saturate(628%) hue-rotate(88deg) brightness(89%) contrast(93%);}
dl.item-subscription-options>dt.item-subscription-options-standard::before{filter:invert(13%) sepia(61%) saturate(7193%) hue-rotate(155deg) brightness(95%) contrast(82%);}


dl.item-subscription-options>dd{position:absolute;margin:0;padding:0;left:116px;top:0;transition:opacity .2s;}
dl.item-subscription-options>dt:not(.active)+dd{opacity:0;}
dl.item-subscription-options>dt.active::after{content:"";display:block;position:absolute;bottom:45px;right:-59px;width:12px;height:12px;border-left:1px solid #0089ab;border-top:1px solid #0089ab;background:#fff;transform:rotate(-45deg);}


.item-buy{background:#f1f8fa;min-height:450px;padding:20px 28px;}
.item-buy .price{color:#0089ab;font:700 24px/30px "Montserrat",sans-serif;}
.item-buy .price .currency{font-weight:400;}
.item-buy .price-old{color:#000;font:400 18px/30px "Montserrat",sans-serif;margin-bottom:26px;}
.item-buy .btn{min-width:172px;margin:0 auto 13px;text-align:center;}
.item-buy a.btn{width:172px;}

.btn{display:block;height:50px;min-width:172px;border-radius:25px;margin:0;cursor:pointer;padding:0 25px;font:700 14px/50px "Montserrat",sans-serif;}
.btn:disabled{cursor:not-allowed;filter:grayscale(1);}
.btn.btn-1{border:none;background:#0089ab;color:#fff;}
.btn.btn-2{border:2px solid #ffce00;background:none;color:#0089ab;line-height:46px;}
.btn.btn-3{border:none;background:#ffce00;color:#000;}


.item-code{display:block;height:192px;width:100%;padding:30px;border:1px solid #90c5d5;border-radius:5px;outline:none;text-decoration:none;text-align:center;color:#000;}
.item-code p{font: 400 18px/22px "Montserrat",sans-serif;margin:0;padding:0;}
.item-code .line-2{font-weight:700;}
.item-code .button-activate{display:block;margin:24px auto 0;width:50px;height:50px;border:none;border-radius:50%;background:#ffce00 url(images/button-1.png) no-repeat 18px center;cursor:pointer;transition:transform .3s;}
.item-code:hover .button-activate,.item-code:focus .button-activate{transform:scale(1.2);}


ul.tags{margin:0;padding:16px 0 0;list-style:none;line-height:38px;clear:both;}
ul.tags>li{display:inline-block;vertical-align:top;margin:0 7px 0 0;padding:0 20px;border:1px solid #c4cfd9;height:29px;border-radius:14px;font:400 16px/27px "Montserrat",sans-serif;color:#0089ab;}
ul.tags>li>a{text-decoration:inherit;color:inherit;font:inherit;}

dl.item-details{padding-top:10px;}
dl.item-details>dt{display:block;width:110px;float:left;margin:0 0 -4px;padding:4px 0 0;clear:both;text-transform:uppercase;font:400 16px/36px "Montserrat",sans-serif;color:#0089ab;}
dl.item-details>dd{display:block;width:calc(100% - 110px - 2px);margin:0;float:right;font:400 20px/36px "Montserrat",sans-serif;}
dl.item-details>dd>a{font:inherit;}

.item-series{border-top:1px solid #b5dce6;padding:37px 0 0;position:relative;}
.item-series h1,.item-series h2,.item-series h3,.item-series h4,.item-series h5,.item-series h6{margin:0;color:#000;font:700 20px/24px "Montserrat",sans-serif;height:140px;}
.item-series :is(h1,h2,h3,h4,h5,h6) span{font-weight:400;letter-spacing:.4ex;}
.item-series img.logo{position:absolute;right:2px;top:42px;width:auto;height:auto;}
.item-series p.text{color:#000;font:400 16px/21px "Montserrat",sans-serif;margin:0 0 8px;}
.item-series .large-link{display:block;height:40px;margin:20px 0;padding:0;font:400 20px/30px "Montserrat",sans-serif;}
.item-series .large-link::after{content:"";box-sizing:border-box;display:block;float:right;width:40px;height:40px;border:1px solid #bcd1db;border-radius:50%;background:url(images/button-3.png) no-repeat 15px center;}

.item-subscription-options-suboptions .options{width:64px;height:64px;background:url(images/icons-options.png) no-repeat 0 0;margin:0 auto;text-align:center;padding:64px 0 0;}
.item-subscription-options-suboptions .options.options-additional-exercises{background-position:-64px 0;}
.item-subscription-options-suboptions .options.options-tests{background-position:-128px 0;}
.item-subscription-options-suboptions .options.options-comments{background-position:-192px 0;}
.item-subscription-options-suboptions .options.options-flashcards{background-position:-256px 0;}
.item-subscription-options-suboptions .options.options-notes{background-position:-320px 0;}
.item-subscription-options-suboptions .options.options-flashcards-smart{background-position:-384px 0;}
.item-subscription-options-suboptions .options.options-print{background-position:-448px 0;}

.item-description{padding:8px 0 31px;}
.item-description p{color:#000;font:400 16px/21px "Montserrat",sans-serif;margin:0 0 8px;}




.item-cover.item-cover-details{width:409px;height:540px;padding-top:47px;}
/** .item-cover.item-cover-details::before{content:url(images/TEST_list.png);position:absolute;top:0;opacity:.5;}/** DEBUG **/
.item-cover.item-cover-details .cover{max-width:216px;max-height:305px;}
.item-cover.item-cover-details .button-start{top:46px;bottom:auto;right:19px;}
.item-cover.item-cover-details h1,.item-cover.item-cover-details h2,.item-cover.item-cover-details h3,.item-cover.item-cover-details h4,.item-cover.item-cover-details h5,.item-cover.item-cover-details h6{color:#0089ab;font:700 22px/26px "Montserrat",sans-serif;margin: 35px 30px 0;}
.item-cover.item-cover-details div.price{position:absolute;left:32px;bottom:15px;}
.item-cover.item-cover-details .price{color:#0089ab;font:700 24px/30px "Montserrat",sans-serif;}
.item-cover.item-cover-details .price .currency{font-weight:400;}
.item-cover.item-cover-details .price-old{color:#000;font:400 18px/30px "Montserrat",sans-serif;}
.item-cover.item-cover-details .btn{position:absolute;bottom:21px;right:20px;}
.item-cover.item-cover-details p.price:first-child:last-child{margin-bottom:14px;}
.item-cover.item-cover-details ul.subscription-options{position:absolute;top:126px;right:0;width:84px;margin:0;padding:0;list-style:none;}
.item-cover.item-cover-details ul.subscription-options>li{display:block;height:79px;margin:0;padding:0;text-align:center;text-transform:uppercase;color:#000;font:500 11px/1 "Montserrat",sans-serif;}
.item-cover.item-cover-details ul.subscription-options>li::before{content:"";display:block;width:50px;height:50px;box-sizing:border-box;margin:0 auto 9px;border:4px solid #fff;border-radius:50%;background:url(images/ecoursebook.png) no-repeat 4px 8px;cursor:pointer;}
.item-cover.item-cover-details ul.subscription-options>li.item-subscription-options-premium::before{filter:invert(65%) sepia(49%) saturate(2006%) hue-rotate(160deg) brightness(93%) contrast(101%);}
.item-cover.item-cover-details ul.subscription-options>li.item-subscription-options-plus::before{filter:invert(25%) sepia(20%) saturate(628%) hue-rotate(88deg) brightness(89%) contrast(93%);}
.item-cover.item-cover-details ul.subscription-options>li.item-subscription-options-standard::before{filter:invert(13%) sepia(61%) saturate(7193%) hue-rotate(155deg) brightness(95%) contrast(82%);}

.section_shop_content{margin:0 auto 50px;max-width:1272px;position:relative;}
.section_shop_content h1,.section_shop_content h2,.section_shop_content h3,.section_shop_content h4,.section_shop_content h5,.section_shop_content h6{color:#0089ab;font:300 36px/40px "Montserrat",sans-serif;margin: 35px 0 36px;}
.section_shop_slider .swiper-button-next,
.section_shop_slider .swiper-button-prev {
    width: calc(26px / 2);
    height: calc(44px / 2);
    background-size: calc(26px / 2) calc(44px / 2);
    margin-top: 0;
    top: 50%; }
.section_shop_slider .swiper-button-next {
    background-image: url(../../themes/webGO/img/right.png);
    right: -40px; }
.section_shop_slider .swiper-button-prev {
    background-image: url(../../themes/webGO/img/left.png);
    left: -40px; }


section.top-search{background:#00c8de;padding:105px 0 51px;}
section.top-search .banner{height:248px;background:#b8f5ff;border-radius:9px;margin:0 auto;}
section.top-search form.search-line{margin-bottom:62px;}

form.search-line{display:flex;position:relative;align-items:stretch;background:#fff;border-radius:3px;flex-wrap:wrap;}
form.search-line .el{height:54px;max-width:100%;}
form.search-line .el:first-child{border-radius:3px 0 0 3px;overflow:hidden;}
form.search-line .el:last-child{border-radius:0 3px 3px 0;overflow:hidden;}

form.search-line .checkbox-button{width:60px;flex:0 0 60px;border:none;border-right:1px solid #a8cfda;position:relative;cursor:pointer;}
form.search-line .checkbox-button input[type=checkbox]{display:none;}
form.search-line .checkbox-button input[type=checkbox]+span{position:absolute;top:0;right:0;bottom:0;left:0;}
form.search-line .checkbox-button input[type=checkbox]:checked+span{background-color:#cbdfe5;}

form.search-line .checkbox-button input[value="student"]+span{background-image:url(images/search.png);background-repeat:no-repeat;background-position:0 -216px;}
form.search-line .checkbox-button input[value="lector"]+span{background-image:url(images/search.png);background-repeat:no-repeat;background-position:0 -270px;}

form.search-line [name="switch-panel"]{background:url(images/search.png) no-repeat right -54px;border:none;border-right:1px solid #a8cfda;cursor:pointer;color:#000;font:600 16px "Montserrat",sans-serif;text-transform:uppercase;text-align:left;padding:0 16px;}
form.search-line [name="switch-panel"][value="1"]{color:#0089ab;background-position:right -108px;background-color:#d7f5ff;}
form.search-line [name="switch-panel"]+.panel{display:none;position:absolute;left:0;right:0;top:54px;margin:3px 0 0;background:#fff;border-radius:0 0 8px 8px;}
form.search-line [name="switch-panel"][value="1"]+.panel{display:block;}

form.search-line button.panel-subject{width:174px;flex:1 1 174px;}
form.search-line button.panel-category{width:174px;flex:1 1 174px;}

form.search-line [name="search-text"]{flex:20 20 auto;padding:0 18px;border:none;outline:none;font:400 16px "Montserrat",sans-serif;}
form.search-line button[type="submit"]{width:54px;flex:0 0 54px;background:#ffcd00 url(images/search.png) no-repeat 0 -162px;border:none;cursor:pointer;}

form.search-line ul.checkboxes{margin:0;padding:0;list-style:none;}
form.search-line ul.checkboxes label{cursor:pointer;}
form.search-line ul.checkboxes input[type="checkbox"]{display:none;}
form.search-line ul.checkboxes input[type="checkbox"]:checked+span{font-weight:700;}
form.search-line ul.checkboxes.checkboxes-inline{padding:18px 114px;}
form.search-line ul.checkboxes.checkboxes-inline>li{display:inline;margin:0 26px;white-space:nowrap;}
form.search-line ul.checkboxes.checkboxes-inline label>span{font:300 16px/36px "Montserrat",sans-serif;text-transform:uppercase;}
form.search-line ul.checkboxes.checkboxes-inline label>input[type="checkbox"]:checked+span{font-weight:600;color:#0089ab;}
form.search-line ul.checkboxes.checkboxes-list label>span{font:300 16px/26px "Montserrat",sans-serif;}

form.search-line .columns{display:flex;justify-content:center;padding:26px 100px;}
form.search-line .columns .column{width:250px;margin:0 10px;}
form.search-line .columns .column>strong{display:block;font:400 16px/26px "Montserrat",sans-serif;text-transform:uppercase;color:#0089ab;}



.filter_category{min-height:119px;background:#f1f8fa;}
.filter_category .container_item{display:grid;grid-template-columns:220px 220px 220px 220px 1fr;grid-template-rows:119px 1fr;grid-column-gap:50px;grid-template-areas:"h-level h-price h-language h-variant button" "l-level l-price l-language l-variant empty";}
.filter_category .title-level{grid-area:h-level;}
.filter_category .title-level+div{grid-area:l-level;}
.filter_category .title-price{grid-area:h-price;}
.filter_category .title-price+div{grid-area:l-price;}
.filter_category .title-language{grid-area:h-language;}
.filter_category .title-language+div{grid-area:l-language;}
.filter_category .title-variant{grid-area:h-variant;}
.filter_category .title-variant+div{grid-area:l-variant;}
.filter_category .button{grid-area:button;}

/*
.filter_category .container_item>.row-1{grid-row:1;}
.filter_category .container_item>.row-2{grid-row:2;}
*/

@media (max-width: 1300px) {
    .filter_category .container_item{grid-template-columns:220px 220px 1fr;grid-template-rows:119px 1fr 119px 1fr;grid-template-areas: "h-level h-price button" "l-level l-price empty" "h-language h-variant empty" "l-language l-variant empty";}
}
@media (max-width: 750px) {
    .filter_category .container_item{grid-template-columns:220px 220px;grid-template-rows:119px 1fr 119px 1fr 119px;grid-template-areas: "h-level h-price" "l-level l-price" "h-language h-variant" "l-language l-variant" "button button";}
}
@media (max-width: 550px) {
    .filter_category .container_item{grid-template-columns:1fr;grid-template-rows:119px 1fr 119px 1fr 119px 1fr 119px 1fr 119px;grid-template-areas: "h-level" "l-level" "h-price" "l-price" "h-language" "l-language" "h-variant" "l-variant" "button";}
}



.filter_category .container_item>.row-1{padding:38px 0 37px;}
.filter_category .container_item>strong.row-1{padding:49px 0 48px;font:300 18px/22px "Montserrat",sans-serif;cursor:pointer;background:url(images/filter-2.png) no-repeat 0 0;}
.filter_category .container_item>strong.row-1.title-level{background-position:0 -120px;padding-left:62px;}
.filter_category .container_item>strong.row-1.title-price{background-position:0 -240px;padding-left:51px;}
.filter_category .container_item>strong.row-1.title-language{background-position:0 -360px;padding-left:60px;padding-top:38px;}
.filter_category .container_item>strong.row-1.title-variant{background-position:0 -480px;padding-left:57px;}

.filter_category .container_item>.row-2{position:relative;overflow:hidden;transition:max-height .5s;max-height:200px;padding-top:4px;margin-top:-4px;}
.filter_category .container_item>.row-2::before{content:"";position:absolute;top:0;left:0;right:0;height:7px;background:#ffcd00;border-radius:3px;transition:opacity .5s, left .5s, right .5s;}

.filter_category .filter-category-form:not(.filter-category-form-expanded) .row-2{max-height:0;}
.filter_category .filter-category-form:not(.filter-category-form-expanded) .row-2::before{opacity:0;left:100px;right:100px;}

.filter_category button[name="clear"]{min-width:160px;height:44px;border:1px solid #a8cfda;border-radius:9px;background:none;float:right;cursor:pointer;color:#0089ab;font:700 14px "Montserrat",sans-serif;}

.filter_category ul.checkboxes{margin:0;padding:28px 0 10px;list-style:none;}
.filter_category ul.checkboxes label{display:block;cursor:pointer;}
.filter_category ul.checkboxes input[type="checkbox"]{display:none;}
.filter_category ul.checkboxes input[type="checkbox"]+span{display:block;padding:4px 3px;font:300 16px/18px "Montserrat",sans-serif;}
.filter_category ul.checkboxes input[type="checkbox"]:checked+span{font-weight:700;color:#0089ab;background:url(images/filter.png) no-repeat right -600px;}
.filter_category .subscription-icon{font-size:45px;margin-right:18px;vertical-align:-0.35em;}
.filter_category ul.checkboxes.checkboxes-subscription label{text-transform:uppercase;}
.filter_category ul.checkboxes.checkboxes-subscription input[type="checkbox"]:checked+span{background-position:right -586px;}


.subscription-icon{display:inline-block;width:1em;height:1em;margin:0 auto;border:0.08em solid #fff;border-radius:50%;background:url(images/ecoursebook.png) no-repeat 0.08em 0.16em;background-size:69%;cursor:pointer;}
.subscription-icon.subscription-icon-premium{filter:invert(65%) sepia(49%) saturate(2006%) hue-rotate(160deg) brightness(93%) contrast(101%);}
.subscription-icon.subscription-icon-plus{filter:invert(25%) sepia(20%) saturate(628%) hue-rotate(88deg) brightness(89%) contrast(93%);}
.subscription-icon.subscription-icon-standard{filter:invert(13%) sepia(61%) saturate(7193%) hue-rotate(155deg) brightness(95%) contrast(82%);}

aside.ep-top-bar{position:fixed;z-index:999;top:0;left:0;right:0;margin:0;background:#0087a5f0;height:140px;box-shadow:0 0 100px;color:#fff;text-align:center;cursor:pointer;padding:1.9em 0;height:5em;font-size:18px;box-shadow:0 0 100px #011e24;}
aside.ep-top-bar button[name="close"]{position:absolute;right:0.3em;top:0.3em;width:20px;height:20px;margin:0;padding:0;border:none;background:none;color:#fff;cursor:pointer;font:30px/1px Arial,sans-serif;}