.tooltip {
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    background-color: white;
    padding: 0 !important;
    opacity: 1 !important;
    box-shadow: 0 14px 24px rgba(38, 41, 43, 0.1);
}

.tooltip .tooltip-inner {
    background-color: white;
    opacity: 1;
    border: 1px solid #e7e7e7;
    color: #6e767d;
    padding: 5px 10px;
}

.tooltip .tooltip-arrow {
    display: none;
}

.alert {
    border-width: 0;
    border-radius: 30px;
    text-align: center;
    line-height: 38px;
    padding: 30px 50px;
    font-size: 24px;
    margin-bottom: 48px;
    margin-top: 35px;
    position: relative;
}

@media all and (min-width: 768px) {
    .alert {
        font-size: 16px;
        line-height: 28px;
        padding: 10px 30px;
    }
}

.alert.alert-danger {
    background-color: #fdebe5;
    color: #ee3e00;
}

.alert.alert-danger i:before {
    color: #ee3e00;
}

.alert.alert-danger p {
    padding: 12px 20px 9px 20px;
}

.alert i:before {
    vertical-align: middle;
    margin-bottom: 25px;
    color: #38ad47;
    display: block;
    font-size: 36px;
}

@media all and (min-width: 768px) {
    .alert i:before {
        display: inline;
        margin-bottom: 14px;
        margin-bottom: 4px;
        margin-right: 5px;
        font-size: inherit;
    }
}

.alert button {
    position: absolute;
    right: 16px;
    top: 26px;
    border-width: 0;
    background-color: transparent;
}

@media all and (min-width: 768px) {
    .alert button {
        right: 10px;
        top: 22px;
    }
}

.alert button i:before {
    color: #d3d6d8;
}

form .alert.alert-danger p {
    padding: 0;
}

.alert-info {
    background-color: transparent;
    border: 1px solid #ceced6;
}

.alert-info p {
    font-weight: bold;
    font-size: 30px;
    color: #313840;
    padding: 12px 20px 9px 20px;
    text-transform: uppercase;
}

@media all and (min-width: 768px) {
    .alert-info p {
        font-size: 20px;
    }
}

.dropdown2 {
    width: 100%;
}

.dropdown.open, .dropdown2.open {
    z-index: 10;
    position: relative;
}

.dropdown .dropdown-toggle, .dropdown2 .dropdown2-toggle {
    background-color: #f5f7f7;
    border: 1px solid #ceced6;
    position: relative;
    z-index: 2;
    transition: none;
}

.dropdown.open .dropdown-toggle, .dropdown2.open .dropdown2-toggle {
    background-color: #f5f7f7;
    border-radius: 25px 25px 0 0;
    border-bottom-width: 0px;
    padding-bottom: 1px;
}

.dropdown-menu, .dropdown2-menu {
    background-color: #f5f7f7;
    border-width: 0;
    width: 100%;
    border-radius: 0 0 25px 25px;
    box-shadow: 0 -40px #f5f7f7, 0 35px 35px rgba(38, 41, 43, 0.26);
    padding: 0;
    z-index: 1;
}

@media all and (min-width: 768px) {
    .dropdown-menu, .dropdown2-menu {
        box-shadow: 0 -20px #f5f7f7, 0 35px 35px rgba(38, 41, 43, 0.26);
    }
}

.dropdown2-menu {
    width: auto;
    margin-top: 0;
    min-width: 100%;
    max-width: 100%;
    white-space: nowrap;
    border-radius: 0 0 25px 25px;
    box-shadow: 0 35px 35px rgba(38, 41, 43, 0.26);
    max-height: 500px;
    overflow-y: visible;
    position: absolute;
    background-clip: padding-box;
}

.dropdown-menu.dropdown-wide {
    width: auto;
    margin-top: 0;
    min-width: 100%;
    max-width: 100%;
    white-space: nowrap;
    border-radius: 0 0 25px 25px;
    box-shadow: 0 35px 35px rgba(38, 41, 43, 0.26);
    max-height: 500px;
    overflow-y: auto;
}

@media all and (min-width: 768px) {
    .dropdown-menu.dropdown-wide {
        max-width: 100%;
    }
}

.dropdown-menu.dropdown-wide li:first-child, .dropdown2-menu li:first-child {
    border-top-width: 1;
}

.dropdown-menu.dropdown-wide a, .dropdown-menu.dropdown-wide label, .dropdown2-menu a, .dropdown2-menu label {
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.dropdown-menu li, .dropdown2-menu li {
    border-top: 1px solid #ceced6;
}

.dropdown-menu li a, .dropdown2-menu li a {
    font-size: 30px;
    color: #6e767d;
    display: block;
    padding: 20px 40px;
}

@media all and (min-width: 768px) {
    .dropdown-menu li a,.dropdown2-menu li a {
        font-size: 16px;
        padding: 10px 18px;
    }
}

.dropdown-menu li a:hover, .dropdown-menu li a:focus, .big-select li label:hover, .big-select li:focus {
    color: #38ad47;
    background-color: transparent;
}

.dropdown2-menu {
    display: none;
}

.open > .dropdown2-menu {
    display: block;
}

.select-list {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    width: 100%;
}

.select-list .btn {
    width: 100%;
    font-size: 24px;
    text-align: left;
    padding-left: 40px;
    color: #6e767d;
    font-weight: 300;
    line-height: 80px;
    margin-top: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

@media all and (min-width: 768px) {
    .select-list .btn {
        font-size: 16px;
        margin-top: 0;
        padding-left: 20px;
        line-height: 46px;
    }
}

.select-list .btn:before {
    bottom: 36px;
    color: #38ad47;
    font-size: 24px;
    right: 30px;
    position: absolute;
    text-align: center;
    transform: rotate(0deg);
    transition: all 0.3s ease 0s;
}

@media all and (min-width: 768px) {
    .select-list .btn:before {
        right: 20px;
        font-size: 10px;
        bottom: 17px;
    }
}

.select-list label {
    position: relative;
    display: block;
    font-size: 24px;
    padding: 25px 40px;
    height: 80px;
    color: #6e767d;
    cursor: pointer;
    margin-bottom: 0;
    margin-right: 0;
    line-height: 1.2;
}

@media all and (min-width: 768px) {
    .select-list label {
        font-size: 16px;
        padding: 10px 18px;
        height: auto;
    }
}

.select-list label:hover {
    color: #38ad47;
}

.select-list label input {
    position: absolute;
    left: -10000px;
}

.select-list label input:checked+span {
    color: #38ad47;
}

.circle-icon {
    content: " ";
    display: inline-block;
    width: 24px !important;
    height: 24px !important;
    border: 17px solid;
    border-radius: 20px;
    margin-left: 32px;
    margin-right: 30px;
    margin-top: 0px;
}

@media all and (min-width: 768px) {
    .circle-icon {
        width: 14px !important;
        height: 14px !important;
        border: 7px solid;
        margin-top: 7px;
        margin-right: 26px;
        margin-left: 0;
    }
}

#popup-container {
  background-color: rgba(49, 56, 64, 0.6);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: none;
  overflow: auto; }

#popup-container.show-popup {
  display: block; }
#popup-container #popup {
  margin: 0 auto;
  max-width: 640px;
  background-color: white;
  border-radius: 30px;
  position: relative;
  overflow: auto;
  top: 30px; }
@media all and (min-width: 768px) {
  #popup-container #popup {
    border-radius: 10px;
    top: 50%;
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    transform: translate(0, -50%); } }
@media all and (max-height: 700px) {
  #popup-container #popup {
    position: relative;
    top: 30px;
    transform: none; } }
#popup-container .close-button {
  position: absolute;
  right: 10px;
  top: 0;
  width: 80px;
  height: 80px;
  background: transparent url(../i/close-grey.png) no-repeat center;
  border-width: 0; }
#popup-container .close-button span {
  display: none; }
@media all and (min-width: 768px) {
  #popup-container .close-button {
    width: 20px;
    height: 20px;
    right: 15px;
    top: 15px; } }

.popup-outer {
    background-color: rgba(49, 56, 64, 0.6);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none;
    min-width: 640px;
}

.popup-outer.show-popup {
    display: block;
}

.popup-outer .popup-inner {
    margin: 0 auto;
    max-width: 640px;
    background-color: white;
    border-radius: 30px;
    position: relative;
    overflow: auto;
    top: 30px;
}

@media all and (min-width: 768px) {
    .popup-outer .popup-inner {
        border-radius: 10px;
        top: 50%;
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
        transform: translate(0, -50%);
    }
}

@media all and (max-height: 500px) {
    .popup-outer .popup-inner {
        position: absolute;
        left: 30px;
        right: 30px;
        top: 30px;
        bottom: 30px;
        transform: none;
    }
}

.popup-outer .close-button {
    position: absolute;
    right: 10px;
    top: 0;
    width: 80px;
    height: 80px;
    background: transparent url(../i/close-grey.png) no-repeat center;
    border-width: 0;
}

.popup-outer .close-button span {
    display: none;
}

@media all and (min-width: 768px) {
    .popup-outer .close-button {
        width: 20px;
        height: 20px;
        right: 15px;
        top: 15px;
    }
}

.popup-outer .popup-video {
    padding-bottom: 56.2%;
    position: relative;
    margin-top: 80px;
}

@media all and (min-width: 768px) {
    .popup-outer .popup-video {
        margin-top: 50px;
    }
}

.popup-outer .popup-video iframe {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
}

body {
    background: #ffffff;
    color: #313840;
    margin: 0 auto;
    padding: 0;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    -webkit-font-smoothing: antialiased;
}

form, fieldset {
    margin: 0;
    padding: 0;
    border-width: 0;
}

input, select, textarea, button {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    color: #313840;
    resize: none;
}

@media all and (min-width: 768px) {
    input, select, textarea, button {
        font-size: 12px;
    }
}

input:focus, select:focus, textarea:focus, button:focus, a:focus, a:active
    {
    outline: none !important;
    box-shadow: none !important;
}

input[type=text], input[type=password], input[type=submit], input[type=button],
    input[type=email], input[type=number], input[type=tel], textarea {
    -webkit-appearance: none;
}

table {
    border-spacing: 0;
}

td, th {
    padding: 0;
}

img {
    vertical-align: bottom;
}

a img {
    border-width: 0;
}

a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

input, select, textarea, button {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

a:focus, a:hover {
    outline-width: 0;
    text-decoration: none;
    color: inherit;
}

.none {
    display: none;
}

* {
    margin-top: 0;
    margin-bottom: 0;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    -moz-text-size-adjust: none;
    box-sizing: border-box;
}

.container-fluid {
    max-width: 1170px;
}

#all {
    overflow: hidden;
    position: relative;
    min-width: 640px;
}

@media all and (min-width: 1050px) {
    #header-spacer {
        height: 156px;
    }
}

.header {
    height: 186px;
    background-color: white;
    position: relative;
    left: 0;
    width: 100%;
    z-index: 20;
    box-shadow: 0 0 5px rgba(121, 124, 138, 0);
    transition: height 1s, top 1s;
}

@media all and (min-width: 768px) {
    .header {
        height: 180px;
    }
}

@media all and (min-width: 1050px) {
    .header {
        position: fixed;
        height: 156px;
        transition: height 1s, top 1s;
    }
}

.header.border-bottom {
    border-bottom: 1px solid #edeef2;
}

@media all and (min-width: 1050px) {
    .header.scrolled {
        position: fixed;
        height: 108px;
        border-bottom-width: 0;
        box-shadow: 0 0 5px rgba(121, 124, 138, 0.8);
    }
    .header.scrolled .logo {
        padding-top: 36px;
    }
    .header.scrolled nav ul.main-menu li {
        padding-top: 44px;
    }
    .header.scrolled nav ul.main-menu li a {
        height: 64px;
    }
    .header.scrolled nav ul.main-menu li a:after {
        bottom: 30px;
    }
    .header.scrolled .form-search, .header.scrolled .user .title, .header.scrolled .cart .title
        {
        padding-top: 33px;
    }
    .header.scrolled .cart .title em {
        top: 33px;
    }
    .header.scrolled .cart .cart-popup {
        top: 108px;
    }
    .header.scrolled .mega-menu {
        top: 108px;
    }
    .header.scrolled .cart {
        height: 108px;
    }
}

.header .logo {
    float: left;
    margin: 0;
    padding-top: 23px;
    transition: all 1s;
    padding-left: 10px;
    font-size: 14px;
}

@media all and (min-width: 768px) {
    .header .logo {
        padding-top: 30px;
    }
}

@media all and (min-width: 1050px) {
    .header .logo {
        padding-top: 60px;
        padding-left: 0;
    }
}

.header .logo img {
    width: 228px;
    height: auto;
}

@media all and (min-width: 768px) {
    .header .logo img {
        width: 123px;
    }
}

@media all and (min-width: 1050px) {
    .header .logo img {
        width: 151px;
    }
}

.header .link-menu {
    display: none;
}

@media all and (min-width: 1050px) {
    .header nav {
        margin-left: 160px;
    }
}

@media all and (min-width: 1150px) {
    .header nav {
        margin-left: 220px;
    }
}

.header nav ul.main-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #dcdedf;
    position: absolute;
    left: 0;
    width: 100%;
    top: 93px;
}

@media all and (min-width: 768px) {
    .header nav ul.main-menu {
        top: 90px;
    }
}

@media all and (min-width: 1050px) {
    .header nav ul.main-menu {
        border-width: 0;
        left: 0;
        top: 0;
        position: static;
    }
}

.header nav ul.main-menu li {
    float: left;
    padding: 24px 15px 0 15px;
    color: black;
    transition: all 1s;
    width: 33.33%;
    text-align: center;
}

@media all and (min-width: 768px) {
    .header nav ul.main-menu li {
        padding: 34px 20px 0 20px;
    }
}

@media all and (min-width: 1050px) {
    .header nav ul.main-menu li {
        width: auto;
        padding-top: 68px;
    }
}

@media all and (min-width: 1100px) {
    .header nav ul.main-menu li {
        padding: 68px 25px 0 25px;
    }
}

.header nav ul.main-menu li a {
    font-size: 30px;
    position: relative;
    height: 93px;
    font-weight: bold;
    display: block;
}

@media all and (min-width: 768px) {
    .header nav ul.main-menu li a {
        font-size: 17px;
        height: 88px;
        font-weight: bold;
    }
}

.header nav ul.main-menu li a:hover:after, .header nav ul.main-menu li a.active:after
    {
    opacity: 1;
}

.header nav ul.main-menu li a:after {
    content: " ";
    position: absolute;
    background-color: #38ad47;
    height: 2px;
    right: 0;
    bottom: 49px;
    left: 0;
    opacity: 0;
    transition: all 0.3s;
}

.header .top-group {
    float: right;
}

.header .form-search {
    padding-top: 21px;
    float: left;
    transition: all 1s;
}

@media all and (min-width: 1050px) {
    .header .form-search {
        padding-top: 57px;
    }
}

.header .form-search.showSearch fieldset {
    display: block;
}

.header .form-search fieldset {
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 94px;
}

@media all and (min-width: 768px) {
    .header .form-search fieldset {
        display: block;
        position: static;
        top: 0;
    }
}

.header .form-search .button-search {
    border-width: 0;
    font-size: 30px;
    width: 90px;
    margin-top: 8px;
    height: 40px;
    background-color: transparent;
}

@media all and (min-width: 768px) {
    .header .form-search .button-search {
        display: none;
    }
}

.header .form-search .button-search span {
    display: none;
}

.header .form-search .form-group {
    background-color: white;
}

@media all and (min-width: 768px) {
    .header .form-search .form-group {
        border: 1px solid #dcdedf;
        border-radius: 30px;
        width: 310px;
    }
}

.header .form-search .form-group label {
    display: none;
}

.header .form-search .form-group .form-control {
    border-width: 0;
    background-color: transparent;
    padding: 10px 40px;
    display: inline-block;
    width: 510px;
    height: 86px;
}

@media all and (min-width: 768px) {
    .header .form-search .form-group .form-control {
        width: 240px;
        height: 46px;
        border-radius: 30px;
        padding: 10px 20px;
    }
}

.header .form-search .form-group button {
    border-width: 0;
    width: 52px;
    height: 46px;
    background-color: transparent;
    color: #38ad47;
    font-size: 22px;
}

.header .form-search .form-group button:before {
    vertical-align: middle;
}

.header .form-search .form-group button span {
    display: none;
}

.header .form-search .form-group .icon-search {
    display: none;
}

@media all and (min-width: 768px) {
    .header .form-search .form-group .icon-search {
        display: inline-block;
        float: right;
    }
}

.header .form-search .form-group .icon-arrowright {
    background-color: #38ad47;
    color: white;
    border-radius: 30px;
    width: 100px;
    height: 60px;
}

@media all and (min-width: 768px) {
    .header .form-search .form-group .icon-arrowright {
        display: none;
    }
}

.header .user {
    float: left;
    padding-left: 10px;
}

.header .user:hover .title:after {
    opacity: 1;
}

.header .user .title {
    padding-top: 24px;
    line-height: 48px;
    font-size: 35px;
    text-align: center;
    width: 90px;
    transition: all 1s;
    position: relative;
}

@media all and (min-width: 768px) {
    .header .user .title {
        font-size: 18px;
        padding-top: 21px;
        width: 50px;
    }
}

@media all and (min-width: 1050px) {
    .header .user .title {
        width: 80px;
        padding-top: 57px;
        line-height: 50px;
    }
}

.header .user .title:after {
    content: " ";
    height: 2px;
    width: 42px;
    left: 50%;
    margin-left: -21px;
    bottom: 0;
    position: absolute;
    background-color: #38ad47;
    transition: all 1s;
    opacity: 0;
}

.header .user .title span {
    display: none;
}

.header .cart {
    float: left;
    position: relative;
    width: 90px;
    height: 93px;
}

@media all and (min-width: 768px) {
    .header .cart {
        width: 50px;
        height: 90px;
    }
}

@media all and (min-width: 1050px) {
    .header .cart {
        height: 156px;
        width: 80px;
    }
}

.header .cart:hover .title:after {
    opacity: 1;
}

@media all and (min-width:1050px) {
    .header .cart:hover .cart-popup {
        visibility: visible;
        opacity: 1;
    }
}

.header .cart .title {
    padding-top: 24px;
    line-height: 48px;
    font-size: 40px;
    text-align: center;
    width: 90px;
    position: relative;
    transition: all 1s;
}

@media all and (min-width: 768px) {
    .header .cart .title {
        font-size: 22px;
        padding-top: 21px;
        width: 50px;
    }
}

@media all and (min-width: 1050px) {
    .header .cart .title {
        padding-top: 57px;
        line-height: 50px;
        width: 80px;
    }
}

.header .cart .title:after {
    content: " ";
    height: 2px;
    width: 42px;
    left: 50%;
    margin-left: -21px;
    bottom: 0;
    position: absolute;
    background-color: #38ad47;
    transition: all 1s;
    opacity: 0;
}

.header .cart .title span {
    display: none;
}

.header .cart .title em {
    position: absolute;
    background-color: #38ad47;
    font-size: 13px;
    font-style: normal;
    text-align: center;
    line-height: 21px;
    width: 21px;
    border-radius: 20px;
    color: white;
    font-weight: bold;
    box-shadow: 0 11px 13px rgba(121, 121, 121, 0.15);
    left: 50%;
    top: 21px;
    transition: all 1s;
    display: none;
}

@media all and (min-width: 768px) {
    .header .cart .title em {
        display: block;
    }
}

@media all and (min-width: 1050px) {
    .header .cart .title em {
        top: 57px;
        line-height: 25px;
        width: 25px;
    }
}

.header .cart .cart-popup {
    width: 488px;
    position: absolute;
    right: 0px;
    visibility: hidden;
    opacity: 0;
    top: 90px;
    background-color: white;
    transition: all 0.1s;
    box-shadow: 0 51px 58px rgba(0, 0, 0, 0.3);
}

@media all and (min-width: 768px) {
    .header .cart .cart-popup {
        width: 338px;
    }
}

@media all and (min-width: 1050px) {
    .header .cart .cart-popup {
        top: 156px;
        right: -30px;
    }
}

.header .cart .cart-popup ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    max-height: 470px;
}

.header .cart .cart-popup ul li {
    border-bottom: 1px solid #edeef2;
    position: relative;
    padding: 15px;
}

.header .cart .cart-popup ul li .cover {
    float: left;
    padding: 10px 0;
}

.header .cart .cart-popup ul li .cover img {
    box-shadow: 0 10px 17px rgba(21, 21, 21, 0.21);
}

.header .cart .cart-popup .item-title {
    color: #6e767d;
    font-size: 16px;
    margin-left: 110px;
    font-weight: 300;
    padding-top: 5px;
    min-height: 100px;
}

.header .cart .cart-popup .item-title a {
    display: block;
}

.header .cart .cart-popup .price {
    margin-left: 110px;
    font-size: 18px;
}

.header .cart .cart-popup .remove {
    position: absolute;
    bottom: 10px;
    right: 20px;
}

.header .cart .cart-popup .remove .btn {
    font-size: 12px;
    border-color: #dcdedf;
    padding-left: 12px;
    padding-right: 12px;
    line-height: 24px;
}

.header .cart .cart-popup .button {
    text-align: center;
    margin: 0;
    padding: 17px;
}

.mega-menu {
    background-color: #313840;
    left: 0;
    width: 100%;
    top: 180px;
    color: white;
    position: absolute;
    box-shadow: 0 58px 51px rgba(49, 55, 63, 0.5);
    visibility: hidden;
    opacity: 0;
    display: none;
}

@media all and (min-width: 1050px) {
    .mega-menu {
        top: 156px;
    }
}

.mega-menu.show {
    visibility: visible;
    opacity: 1;
    display: block;
}

.mega-menu .title {
    color: white;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 22px;
}

.mega-menu .container-fluid {
    position: relative;
}

.mega-menu .close-button {
    position: absolute;
    right: 40px;
    top: 55px;
    background: transparent url(../i/close1.png) no-repeat;
    width: 18px;
    height: 18px;
    border-width: 0;
    cursor: pointer;
    opacity: 1;
    transition: all 0.3s;
    z-index: 1;
}

.mega-menu .close-button:hover {
    opacity: 0.8;
}

.mega-menu .close-button span {
    display: none;
}

.mega-menu .row>div {
    box-shadow: 1px 0 #464c56;
}

.mega-menu .row>div+div {
    box-shadow: inset 1px 0 #464c56;
}

.mega-menu .promotions {
    padding-top: 24px;
}

@media all and (min-height: 850px) {
    .mega-menu .promotions {
        padding-top: 54px;
    }
}

.mega-menu .promotions ul {
    position: relative;
    height: 360px;
    list-style-type: none;
    width: 280px;
    margin: 48px 0 0 0;
    padding: 0;
}

@media all and (min-height: 850px) {
    .mega-menu .promotions ul {
        margin-top: 78px;
        height: 420px;
    }
}

.mega-menu .promotions ul.hover2 li:first-child .cover {
    transform: scale(0.9);
}

.mega-menu .promotions ul.hover2 li:first-child .cover img {
    opacity: 0.4;
}

.mega-menu .promotions ul.hover2 li:first-child .info {
    opacity: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

.mega-menu .promotions ul.hover2 li:first-child+li .cover {
    z-index: 4;
    transform: scale(1);
}

.mega-menu .promotions ul.hover2 li:first-child+li .cover img {
    opacity: 1;
}

.mega-menu .promotions ul.hover2 li:first-child+li .info {
    opacity: 1;
    visibility: visible;
    opacity: 1;
    z-index: 2;
}

.mega-menu .promotions ul.hover2 li:first-child+li+li .cover {
    transform: scale(0.9);
}

.mega-menu .promotions ul.hover2 li:first-child+li+li .cover img {
    opacity: 0.4;
}

.mega-menu .promotions ul.hover3 li:first-child .cover {
    z-index: 2;
    transform: scale(0.8);
}

.mega-menu .promotions ul.hover3 li:first-child .cover img {
    opacity: 0.2;
}

.mega-menu .promotions ul.hover3 li:first-child .info {
    opacity: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

.mega-menu .promotions ul.hover3 li:first-child+li .cover {
    z-index: 3;
    transform: scale(0.9);
}

.mega-menu .promotions ul.hover3 li:first-child+li .cover img {
    opacity: 0.4;
}

.mega-menu .promotions ul.hover3 li:first-child+li+li .cover {
    z-index: 4;
    transform: scale(1);
}

.mega-menu .promotions ul.hover3 li:first-child+li+li .cover img {
    opacity: 1;
}

.mega-menu .promotions ul.hover3 li:first-child+li+li .info {
    opacity: 1;
    visibility: visible;
    opacity: 1;
    z-index: 2;
}

.mega-menu .promotions ul li {
    position: absolute;
    left: 0;
    width: 280px;
    top: 0;
}

.mega-menu .promotions ul li .info {
    visibility: hidden;
    position: relative;
    opacity: 0;
    transition: all 0.3s;
    z-index: 1;
    margin-top: 213px;
}

@media all and (min-height: 850px) {
    .mega-menu .promotions ul li .info {
        margin-top: 243px;
    }
}

.mega-menu .promotions ul li:first-child .info {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.mega-menu .promotions ul li:first-child .cover {
    left: 0;
    top: 0;
    z-index: 3;
    transform-origin: 0 50%;
}

.mega-menu .promotions ul li:first-child+li .cover {
    left: 50%;
    margin-left: -82px;
    z-index: 2;
    transform: scale(0.9);
    transform-origin: 50% 50%;
}

.mega-menu .promotions ul li:first-child+li .cover img {
    opacity: 0.4;
}

.mega-menu .promotions ul li:first-child+li+li .cover {
    right: 0;
    z-index: 1;
    transform: scale(0.8);
    transform-origin: 100% 50%;
}

.mega-menu .promotions ul li:first-child+li+li .cover img {
    opacity: 0.2;
}

.mega-menu .promotions .cover {
    position: absolute;
    line-height: 238px;
    opacity: 1;
    transform: scale(1);
    transition: transform 0.3s, opacity 0.3s;
}

.mega-menu .promotions .cover a {
    vertical-align: middle;
    box-shadow: 0 13px 17px rgba(33, 39, 39, 0.3);
    background-color: #313840;
    display: inline-block;
    line-height: 1;
}

.mega-menu .promotions .cover img {
    width: 164px;
    height: auto;
}

.mega-menu .promotions .item-title {
    font-size: 15px;
    margin-right: 90px;
    padding-top: 70px;
    line-height: 20px;
}

.mega-menu .promotions .button {
    position: absolute;
    right: 0;
    bottom: 0;
}

.mega-menu .promotions .button .btn {
    font-size: 20px;
    padding-left: 27px;
    padding-right: 22px;
    line-height: 29px;
    padding-top: 12px;
    border-color: #464c56;
}

.mega-menu .promotions .button span {
    display: none;
}

.mega-menu .promotions .price {
    padding-top: 5px;
}

.mega-menu .promotions .price ins {
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
}

.mega-menu .promotions .price del {
    color: #adafb1;
    padding-left: 8px;
    font-size: 14px;
}

.mega-menu .categories {
    padding: 24px 0 0 35px;
    position: relative;
}

@media all and (min-height: 850px) {
    .mega-menu .categories {
        padding-top: 54px;
    }
}

.mega-menu .categories .title {
    margin-left: 35px;
}

.mega-menu .categories .links {
    list-style-type: none;
    margin: 0;
    padding: 40px 0 55px 0;
    overflow: hidden;
}

@media all and (min-height: 850px) {
    .mega-menu .categories .links {
        padding-top: 70px;
        padding-bottom: 85px;
    }
}

.mega-menu .categories .links a {
    color: #a9b2bd;
    font-size: 15px;
    display: block;
    padding: 10px 34px;
    line-height: 18px;
    border: 1px solid rgba(76, 82, 89, 0);
    transition: all 0.3s;
    position: relative;
    border-radius: 20px;
}

.mega-menu .categories .links a:hover {
    border-color: #4c5259;
    color: white;
}

.mega-menu .categories .links a:before {
    color: #38ad47;
    font-size: 8px;
    position: absolute;
    left: 14px;
    top: 14px;
}

.mega-menu .categories .links li {
    float: left;
    margin-bottom: 7px;
    width: 30%;
}

@media all and (min-width: 1500px) {
    .mega-menu .categories .links li {
        width: 33%;
    }
}

.mega-menu .categories .more {
    position: absolute;
    right: -50px;
    transform: rotate(-90deg);
    top: 200px;
}

@media all and (min-height: 850px) {
    .mega-menu .categories .more {
        top: 270px;
    }
}

@media all and (min-width: 1500px) {
    .mega-menu .categories .more {
        right: -120px;
    }
}

.mega-menu .categories .more a {
    display: block;
    padding: 10px 20px;
    border-top: 1px solid #464c56;
}

.mega-menu .categories .more a:before {
    color: #38ad47;
    font-size: 8px;
    position: absolute;
    left: 50%;
    width: 20px;
    margin-left: -10px;
    text-align: center;
    bottom: -5px;
    transform: rotate(90deg);
}

.mega-menu .options {
    border-top: 1px solid 3464c56;
    position: relative;
    list-style-type: none;
    margin: 0;
    padding: 38px 0 30px 0;
}

@media all and (min-height: 850px) {
    .mega-menu .options {
        padding-bottom: 40px;
        padding-top: 58px;
    }
}

.mega-menu .options:after {
    content: " ";
    clear: both;
    display: block;
}

.mega-menu .options:before {
    content: " ";
    height: 1px;
    width: 10000px;
    background-color: #464c56;
    position: absolute;
    left: -15px;
    top: -1px;
}

.mega-menu .options li {
    float: left;
    font-size: 16px;
    padding-left: 60px;
    line-height: 18px;
}

.mega-menu .options li i {
    float: left;
    color: #38ad47;
    line-height: 40px;
    margin-right: 15px;
    font-size: 34px;
}

.mega-menu .options li i+i {
    margin-left: -10px;
}

@media all and (max-width: 767px) {
    #section-group {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    #section-group * {
        order: 10;
    }
    #section-group .publisher-list {
        order: 1;
    }
    #section-group .category-list {
        order: 2;
    }
    #section-group .section-app {
        order: 3;
    }
    #section-group .site-list {
        order: 4;
    }
    #section-group .press-audio {
        order: 6;
    }
    #section-group .press-view {
        order: 5;
    }
    #section-group .content-jumbotron {
        order: 7;
    }
    #section-group .boxs-section {
        order: 8;
    }
    #section-group .lector-section {
        display: none;
    }
}

.section-downloadbox {
    text-align: center;
    padding-top: 50px;
}

.section-downloadbox h3 {
    font-size: 48px;
    line-height: 48px;
    font-weight: bold;
    margin: 0 0 27px 0;
    position: relative;
}

@media all and (min-width: 768px) {
    .section-downloadbox h3 {
        font-size: 26px;
        line-height: 36px;
    }
}

@media all and (min-width: 1050px) {
    .section-downloadbox h3 {
        padding-left: 125px;
        min-height: 72px;
        margin-bottom: 0;
    }
}

.section-downloadbox h3:before {
    font-size: 80px;
    color: #38ad47;
    display: block;
    text-align: center;
    margin-bottom: 27px;
}

@media all and (min-width: 768px) {
    .section-downloadbox h3:before {
        font-size: 50px;
    }
}

@media all and (min-width: 1050px) {
    .section-downloadbox h3:before {
        position: absolute;
        left: 0;
        top: -10px;
        width: 125px;
        margin-bottom: 0;
    }
}

.section-downloadbox .row {
    max-width: 530px;
    margin: 0 auto;
}

@media all and (min-width: 1050px) {
    .section-downloadbox .row {
        text-align: left;
        width: auto;
        max-width: none;
    }
}

.section-downloadbox .row p {
    color: #9a9dac;
    font-weight: 300;
    min-height: 90px;
    line-height: 36px;
    font-size: 24px;
    padding-bottom: 40px;
}

@media all and (min-width: 768px) {
    .section-downloadbox .row p {
        line-height: 30px;
        padding-bottom: 0;
        font-size: 18px;
    }
}

@media all and (min-width: 1050px) {
    .section-downloadbox .row p {
        padding-left: 125px;
        font-size: 16px;
    }
}

.section-downloadbox .row .btn {
    margin-left: -10px;
    margin-top: -5px;
    margin-bottom: 50px;
}

@media all and (min-width: 1050px) {
    .section-downloadbox .row .btn {
        margin-top: 0;
        margin-bottom: 0;
    }
}

.section-downloadbox .center-col {
    padding-top: 2px;
}

.section-downloadbox .center-col h3 {
    text-align: center;
    padding-left: 0;
    margin-bottom: 34px;
}

.section-downloadbox .center-col h3:before {
    display: block;
    position: static;
    text-align: center;
    width: 100%;
    margin-bottom: 33px;
}

.section-downloadbox .center-col p {
    text-align: center;
    padding-left: 0;
    color: #6e767d;
    padding-left: 50px;
    padding-right: 50px;
    margin-bottom: 30px;
    min-height: 0;
}

.form-newsletter {
    margin-top: 0px;
}

@media all and (min-width: 1050px) {
    .form-newsletter {
        background-color: #fafbfb;
    }
}

.form-newsletter p {
    text-align: center;
    line-height: 48px;
    font-size: 30px;
}

@media all and (min-width: 768px) {
    .form-newsletter p {
        display: inline-block;
        font-size: 20px;
        text-align: left;
    }
}

@media all and (min-width: 1050px) {
    .form-newsletter p {
        font-size: 22px;
    }
}

.form-newsletter form {
    padding-top: 37px;
    padding-bottom: 32px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #f0f1f2;
    margin-left: -15px;
    margin-right: -15px;
}

@media all and (min-width: 768px) {
    .form-newsletter form {
        background-color: transparent;
        margin: 0;
    }
}

@media all and (min-width: 1050px) {
    .form-newsletter form {
        max-width: 680px;
        margin: 0 auto;
    }
}

.form-newsletter fieldset {
    width: 570px;
    margin: 0 auto;
    padding-bottom: 80px;
}

@media all and (min-width: 768px) {
    .form-newsletter fieldset {
        margin: 0;
        padding-bottom: 0;
        width: auto;
    }
}

.form-newsletter .form-group {
    border: 1px solid #dcdedf;
    height: 80px;
    background-color: white;
    border-radius: 50px;
    margin-top: 30px;
}

@media all and (min-width: 768px) {
    .form-newsletter .form-group {
        float: right;
        width: 50%;
        margin-top: 0;
        height: 48px;
    }
}

@media all and (min-width: 1050px) {
    .form-newsletter .form-group {
        width: 340px;
    }
}

.form-newsletter .form-group label {
    display: none;
}

.form-newsletter .form-group .form-control {
    border-width: 0;
    width: 280px;
    padding: 14px 35px;
    height: 78px;
    float: left;
    background-color: transparent;
}

@media all and (min-width: 768px) {
    .form-newsletter .form-group .form-control {
        height: 46px;
        padding: 14px 20px;
    }
}

.form-newsletter .form-group button {
    height: 78px;
    width: 112px;
    float: right;
    border-width: 0;
    background: transparent;
}

@media all and (min-width: 768px) {
    .form-newsletter .form-group button {
        height: 46px;
        width: 52px;
    }
}

.form-newsletter .form-group button span {
    display: none;
}

.form-newsletter .form-group button:before {
    font-size: 47px;
    color: #38ad47;
    display: block;
    padding-top: 3px;
    line-height: 40px;
}

@media all and (min-width: 768px) {
    .form-newsletter .form-group button:before {
        font-size: 27px;
    }
}

.fixed-menu {
    display: none;
    top: 0;
    z-index: 5;
    right: 20px;
    transition: 0.5s all;
}

@media all and (min-width: 1200px) {
    .fixed-menu {
        display: block;
        position: absolute;
    }
}

.fixed-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 1px;
}

.fixed-menu ul li {
    padding: 6px 0;
    text-align: right;
    direction: rtl;
}

.fixed-menu ul li.active a {
    background-color: #38ad47;
    color: white;
}

.fixed-menu ul li.active a:hover {
    padding-left: 26px;
}

.fixed-menu ul li.active a:hover:after {
    width: 10px;
    height: 10px;
    top: 9px;
    background-color: white;
    right: 9px;
}

.fixed-menu ul li.active a:hover span {
    max-width: 360px;
    opacity: 1;
}

.fixed-menu ul li.subactive a {
    padding-left: 26px;
}

.fixed-menu ul li.subactive a span {
    max-width: 360px;
    opacity: 1;
}

.fixed-menu ul li a {
    display: inline-block;
    white-space: nowrap;
    position: relative;
    line-height: 29px;
    text-align: right;
    padding-right: 26px;
    padding-left: 3px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 20px;
}

.fixed-menu ul li a:hover {
    text-decoration: none;
    padding-left: 26px;
}

.fixed-menu ul li a:hover span {
    max-width: 360px;
    opacity: 1;
}

.fixed-menu ul li a:after {
    content: " ";
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #4f575f;
    border-radius: 4px;
    right: 12px;
    top: 12px;
    transition: all 0.3s;
}

.fixed-menu ul li a span {
    opacity: 0;
    position: relative;
    right: 0;
    overflow: hidden;
    display: block;
    max-width: 0;
    transition: 0.5s all;
}

.footer {
    background-color: #313840;
    color: #9a9dac;
}

.footer .border-top {
    border-top: 1px solid #464c56;
    padding-top: 0px;
    padding-bottom: 40px;
}

@media all and (min-width: 768px) {
    .footer .border-top {
        padding-bottom: 58px;
    }
}

@media all and (min-width: 1050px) {
    .footer .border-top {
        padding-top: 40px;
    }
}

.footer .help {
    text-transform: uppercase;
    font-weight: bold;
    overflow: hidden;
    color: white;
    padding: 56px 15px;
    margin: 0;
    font-size: 26px;
    line-height: 30px;
}

@media all and (min-width: 768px) {
    .footer .help {
        padding: 33px 0;
        text-align: center;
        font-size: 14px;
    }
}

@media all and (min-width: 1050px) {
    .footer .help {
        float: left;
        text-align: left;
    }
}

.footer .help span {
    float: left;
}

@media all and (min-width: 768px) {
    .footer .help span {
        float: none;
    }
}

.footer .help span span {
    color: #38ad47;
    float: none;
    display: block;
}

@media all and (min-width: 768px) {
    .footer .help span span {
        display: inline;
    }
}

.footer .help strong {
    font-size: 30px;
    float: right;
    margin-left: 10px;
    line-height: 60px;
}

@media all and (min-width: 768px) {
    .footer .help strong {
        font-size: 24px;
        float: none;
        line-height: 1.2;
    }
}

@media all and (min-width: 1050px) {
    .footer .help strong {
        font-size: 16px;
    }
}

.footer .help a {
    color: white;
    text-decoration: none;
}

.footer .back-top {
    color: white;
    position: relative;
    margin: 0 auto;
    font-weight: bold;
    text-align: center;
    width: 150px;
}

@media all and (min-width: 768px) {
    .footer .back-top {
        display: none;
    }
}

@media all and (min-width: 1050px) {
    .footer .back-top {
        float: right;
        display: block;
        width: auto;
    }
}

.footer .back-top a {
    display: block;
    position: relative;
    padding-top: 45px;
    font-size: 20px;
}

@media all and (min-width: 768px) {
    .footer .back-top a {
        font-size: 14px;
    }
}

.footer .back-top a:before {
    color: #38ad47;
    font-size: 30px;
    position: absolute;
    text-align: center;
    top: 5px;
    left: 0;
    width: 100%;
    transition: all 0.3s;
}

.footer .back-top a:hover:before {
    top: 0;
}

.footer .back-top a:hover>span:before {
    transform: scale(1.1);
}

.footer .back-top a:hover>span:after {
    transform: scale(1.1);
}

.footer .back-top a:hover>span>span:after {
    transform: scale(1.1);
}

.footer .back-top a>span {
    position: absolute;
    top: -72px;
    left: -10px;
    right: -10px;
    overflow: hidden;
    height: 72px;
}

@media all and (min-width: 768px) {
    .footer .back-top a>span {
        height: 58px;
        top: -58px;
    }
}

.footer .back-top a>span:before {
    content: " ";
    background-color: #99d4a1;
    right: 10px;
    top: 10px;
    padding-bottom: 100%;
    position: absolute;
    left: 10px;
    border-radius: 100px;
    transform: scale(1);
    transition: all 0.3s;
}

.footer .back-top a>span:after {
    background-color: #38ad47;
    content: " ";
    top: 24px;
    width: 66%;
    left: 18%;
    padding-bottom: 100%;
    position: absolute;
    border-radius: 100px;
    transform: scale(1);
    transition: all 0.3s;
}

.footer .back-top a>span>span:after {
    background-color: #313840;
    content: " ";
    top: 38px;
    width: 40%;
    left: 30%;
    padding-bottom: 100%;
    position: absolute;
    border-radius: 100px;
    z-index: 1;
    transform: scale(1);
    transition: all 0.3s;
}

.footer .links {
    padding-top: 18px;
    overflow: hidden;
    padding-bottom: 25px;
}

@media all and (min-width: 768px) {
    .footer .links {
        max-width: 500px;
        padding-bottom: 10px;
        margin: 0 auto;
    }
}

@media all and (min-width: 1050px) {
    .footer .links {
        max-width: none;
        padding-bottom: 0;
        margin: 0;
    }
    .footer .links+.links>p {
        margin-bottom: 24px;
    }
}

.footer .links p {
    text-transform: uppercase;
    color: white;
    padding-top: 30px;
    margin-bottom: 43px;
    font-weight: bold;
    font-size: 24px;
    padding-left: 15px;
}

@media all and (min-width: 768px) {
    .footer .links p {
        padding-left: 0;
        padding-top: 8px;
        margin-bottom: 25px;
    }
}

@media all and (min-width: 768px) {
    .footer .links p {
        font-size: 18px;
    }
}

@media all and (min-width: 1050px) {
    .footer .links p {
        font-size: 16px;
        padding-top: 0;
        margin-bottom: 35px;
    }
}

.footer .links p img {
    vertical-align: middle;
    margin-bottom: 10px;
}

@media all and (min-width: 768px) {
    .footer .links p img {
        width: 80px;
        height: 14px;
        margin-bottom: 12px;
    }
}

.footer .links ul {
    list-style-type: none;
    margin: 0;
    padding: 0 15px;
    float: left;
    width: 50%;
}

@media all and (min-width: 768px) {
    .footer .links ul {
        padding: 0;
    }
}

.footer .links ul li {
    padding: 5px 0;
}

.footer .links ul a {
    display: block;
    padding: 5px 0;
    line-height: 36px;
    font-size: 30px;
}

@media all and (min-width: 768px) {
    .footer .links ul a {
        line-height: 28px;
        font-size: 20px;
    }
}

@media all and (min-width: 1050px) {
    .footer .links ul a {
        font-size: 16px;
        line-height: 16px;
    }
}

.footer .links ul a:hover {
    color: white;
}

.footer .download-app {
    padding-top: 60px;
    display: none;
}

@media all and (min-width: 1050px) {
    .footer .download-app {
        display: block;
    }
}

.footer .download-app a {
    display: block;
    margin-top: 17px;
}

.fb-line {
    overflow: hidden;
    padding: 30px 15px;
}

@media all and (min-width: 768px) {
    .fb-line {
        padding: 50px 0;
    }
}

.fb-line p {
    line-height: 75px;
    text-transform: uppercase;
    margin: 0 0 18px 0;
    font-size: 24px;
}

@media all and (min-width: 768px) {
    .fb-line p {
        margin: 0;
    }
}

@media all and (min-width: 768px) {
    .fb-line p {
        font-size: 16px;
        float: left;
    }
}

.fb-line .container-fluid div {
    float: right;
}

@media all and (min-width: 768px) {
    .fb-line .fb-button {
        display: none;
    }
}

.fb-line .fb-button a {
    display: block;
    background: #5475ba url(../i/facebook.png) no-repeat 24px 17px;
    border-radius: 10px;
    color: white;
    font-size: 38px;
    padding-left: 116px;
    line-height: 106px;
    font-weight: bold;
    text-align: center;
}

.fb-line .fb-widget {
    display: none;
}

@media all and (min-width: 768px) {
    .fb-line .fb-widget {
        display: block;
    }
}

.cookie-bar {
    position: fixed;
    left: 0;
    width: 100%;
    bottom: 0;
    background-color: #6e767d;
    z-index: 100;
    line-height: 20px;
    padding: 8px 0;
    color: white;
    font-size: 14px;
}

.cookie-bar.hide {
    display: none;
}

.cookie-bar p {
    padding-left: 40px;
    font-size: 14px;
    margin: 0;
    background: transparent url(../i/cookies.png) no-repeat 0 0;
}

.cookie-bar a {
    padding-right: 22px;
    margin-left: 20px;
    float: right;
    background: transparent url(../i/close.png) no-repeat 100% 50%;
}

.cookie-bar a:hover {
    text-decoration: underline;
}

.form-control {
    font-size: 24px;
}

@media all and (min-width: 768px) {
    .form-control {
        font-size: 14px;
    }
}

.form-control, .form-control:focus {
    box-shadow: none;
}

.caret {
    border-top-color: #24bc5b;
}

a.btn {
    display: inline-block;
    width: auto;
    padding: 0 60px;
}

@media all and (min-width: 768px) {
    a.btn {
        padding: 0 35px;
    }
}

.btn {
    font-size: 30px;
    line-height: 96px;
    border-radius: 50px;
    padding: 0 35px;
    border-width: 0;
    transition: all 0.3s;
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
}

@media all and (min-width: 768px) {
    .btn {
        font-size: 16px;
        display: inline-block;
        line-height: 48px;
        width: auto;
    }
}

.btn+.btn {
    margin-top: 30px;
}

@media all and (min-width: 768px) {
    .btn+.btn {
        margin-top: 0;
    }
}

.btn.btn-default {
    font-size: 30px;
    color: white;
    background-color: #38ad47;
    line-height: 80px;
    border-radius: 50px;
    padding: 0 90px;
    width: auto;
    box-shadow: 0 8px 19px rgba(0, 177, 64, 0.26);
}

@media all and (min-width: 768px) {
    .btn.btn-default {
        font-size: 18px;
        line-height: 48px;
        padding: 0 60px;
    }
}

.btn.btn-default:hover, .btn.btn-default:focus {
    color: white;
    background-color: #51c760;
}

.btn.btn-green {
    color: white;
    background-color: #38ad47;
}

.btn.btn-green:hover, .btn.btn-green:focus {
    color: white;
    background-color: #51c760;
}

.btn.btn-grey {
    background-color: #6e767d;
    color: white;
}

.btn.btn-grey:hover, .btn.btn-grey:focus {
    background-color: #888f96;
}

.btn.btn-lightgrey {
    background-color: #f5f7f7;
    font-size: 14px;
    color: #6e767d;
    padding-left: 15px;
    line-height: 90px;
    padding-right: 15px;
    min-width: 110px;
    margin: 0 5px;
}

@media all and (min-width: 768px) {
    .btn.btn-lightgrey {
        line-height: 40px;
        min-width: 0;
        margin: 0;
    }
}

.btn.btn-lightgrey:hover, .btn.btn-lightgrey:focus {
    background-color: #d9e0e0;
}

.btn.btn-border {
    border: 1px solid #38ad47;
    background-color: transparent;
    color: #38ad47;
    line-height: 68px;
    padding: 5px 30px;
}

@media all and (min-width: 768px) {
    .btn.btn-border {
        line-height: 36px;
    }
}

.btn.btn-border.btn-big {
    line-height: 46px;
}

.btn.btn-border.btn-grey {
    border-color: #ececef;
    color: #6e767d;
}

.btn.btn-border.btn-grey:hover, .btn.btn-border.btn-grey:focus {
    background-color: transparent;
    text-decoration: none;
    color: #6e767d;
    border-color: #38ad47;
}

.btn.btn-border:hover, .btn.btn-border:focus {
    color: white;
    background-color: #38ad47;
}

.btn.btn-white {
    background-color: white;
    color: #38ad47;
}

.btn.btn-white:hover {
    background-color: #ebf9ed;
}

.btn.btn-wide {
    padding-left: 60px;
    padding-right: 60px;
}

.btn.btn-dark {
    background-color: #000000;
    height: 110px;
    padding-top: 5px;
}

@media all and (min-width: 768px) {
    .btn.btn-dark {
        height: 70px;
    }
}

.btn.btn-dark:hover {
    background-color: #1a1a1a;
}

.btn.btn-big {
    font-size: 30px;
    line-height: 80px;
    padding-left: 70px;
    padding-right: 70px;
}

@media all and (min-width: 768px) {
    .btn.btn-big {
        font-size: 22px;
        line-height: 56px;
        padding-left: 48px;
        padding-right: 48px;
    }
}

.btn.btn-fb {
    background-color: #3b5998;
    color: white;
}

.btn.btn-fb i:before {
    vertical-align: middle;
    margin-right: 10px;
    font-size: 40px;
}

@media all and (min-width: 768px) {
    .btn.btn-fb i:before {
        font-size: 20px;
    }
}

.btn.btn-g {
    background-color: #dd4b39;
    color: white;
}

.btn.btn-g i:before {
    vertical-align: middle;
    margin-right: 10px;
    font-size: 40px;
}

@media all and (min-width: 768px) {
    .btn.btn-g i:before {
        font-size: 20px;
    }
}

.btn.btn-disabled {
    background-color: #a4a8ac;
    cursor: default;
}

.btn.btn-disabled:hover {
    background-color: #a4a8ac;
}

.btn i {
    vertical-align: middle;
    display: inline-block;
    font-size: 34px;
    margin-right: 4px;
}

@media all and (min-width: 768px) {
    .btn i {
        font-size: 16px;
    }
}

.btn i:before {
    top: 3px;
    position: relative;
}

.form .form-group {
    position: relative;
    margin-bottom: 20px;
}

@media all and (min-width: 768px) {
    .btn i:before {
        top: 3px;
        position: relative;
    }
    .form .form-group {
        margin-bottom: 15px;
    }
}

.form .form-group.show-select {
    z-index: 2;
}

.form .form-group.required:after {
    content: "*";
    font-size: 30px;
    color: #38ad47;
    position: absolute;
    right: 4px;
    top: -2px;
}

@media all and (min-width: 768px) {
    .form .form-group.required:after {
        font-size: 18px;
        right: 8px;
    }
}

.form .form-group label {
    display: none;
}

.form .form-group.has-success.required:after {
    display: none;
}

.form .form-group.has-success .form-control-feedback {
    color: #38ad47;
    font-size: 18px;
}

@media all and (min-width: 768px) {
    .form .form-group.has-success .form-control-feedback {
        font-size: 11px;
    }
}

.form .form-group.has-warning .form-control {
    border-color: #f8b49c;
}

.form .form-group.has-warning.required:after {
    color: #ee3e00;
}

.form .form-group.has-warning .form-control-feedback {
    color: #ee3e00;
    font-size: 20px;
}

@media all and (min-width: 768px) {
    .form .form-group.has-warning .form-control-feedback {
        font-size: 13px;
    }
}

.form .form-group .form-control-feedback {
    width: 50px;
    text-align: center;
    right: 30px;
    top: 6px;
    color: #38ad47;
    line-height: 88px;
    font-size: 30px;
}

@media all and (min-width: 768px) {
    .form .form-group .form-control-feedback {
        font-size: 16px;
        line-height: 44px;
        right: 15px;
    }
}

.form fieldset {
    padding-left: 15px;
    padding-right: 15px;
}

@media all and (min-width: 768px) {
    .form fieldset {
        padding-left: 0;
        padding-right: 0;
    }
}

.form .form-control {
    border: 1px solid #ceced6;
    border-radius: 50px;
    box-shadow: inset 0 1px #ebebee;
    padding: 20px 40px;
    height: 90px;
    font-size: 30px;
    background-color: #f5f7f7;
    transition: all 0.3s;
}

@media all and (min-width: 768px) {
    .form .form-control {
        font-size: 16px;
        height: 50px;
        padding: 10px 20px;
    }
}

.form .form-control:focus {
    border-color: #d5eed8;
    box-shadow: 0 0 4px rgba(56, 173, 71, 0.4) !important;
    background-color: white;
}

.form .form-control[disabled] {
    border-width: 0;
    background-color: white;
    box-shadow: none;
    cursor: default;
    padding: 11px 31px;
}

.form textarea.form-control {
    line-height: 35px;
    height: 200px;
    border-radius: 50px;
}

@media all and (min-width: 768px) {
    .form textarea.form-control {
        height: 100px;
        border-radius: 30px;
    }
}

.form .checkbox {
    font-size: 24px;
    color: #6e767d;
}

@media all and (min-width: 768px) {
    .form .checkbox {
        font-size: 14px;
    }
}

.form .checkbox label {
    font-weight: bold;
}

.form .checkbox input {
    position: absolute;
    left: -10000px;
}

.form .checkbox input:checked+.placeholder {
    background-color: white;
    border-color: #ceced6;
}

.form .checkbox input:checked+.placeholder:before {
    opacity: 1;
}

.form .checkbox .placeholder {
    background-color: #f5f7f7;
    width: 40px;
    height: 40px;
    border: 1px solid #ceced6;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    position: relative;
}

@media all and (min-width: 768px) {
    .form .checkbox .placeholder {
        width: 18px;
        height: 18px;
    }
}

.form .checkbox .placeholder:before {
    font-family: 'icon';
    text-transform: none;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\0066';
    position: absolute;
    color: #38ad47;
    font-size: 20px;
    width: 38px;
    text-align: center;
    line-height: 36px;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 0.3s;
}

@media all and (min-width: 768px) {
    .form .checkbox .placeholder:before {
        font-size: 10px;
        width: 18px;
        line-height: 16px;
    }
}

.form .address-group {
    display: block;
    padding-right: 10px;
    margin-top: 14px;
    margin-bottom: 14px;
}

.form .form-group .dropdown.open label {
	display: block;
    font-weight: normal;
}

.form .address-group:after {
    display: block;
    clear: both;
    content: "";
    height: 1px;
}

.form .address-group .form-control {
    float: left;
    width: 55%;
    position: relative;
    left: 10px;
}

@media all and (min-width: 768px) {
    .form .address-group .form-control {
        width: 66.66%;
    }
}

.form .address-group .form-control:first-child {
    width: 45%;
    left: 0;
}

@media all and (min-width: 768px) {
    .form .address-group .form-control:first-child {
        width: 33.33%;
    }
}

.form .address-group+.select {
    margin-top: 18px;
}

.form .address-group+.select+.select {
    margin-top: 18px;
}

.form .select {
    position: relative;
}

.form .select select {
    width: 100%;
    height: 90px;
    top: 0;
    font-size: 30px;
    opacity: 0;
    position: absolute;
}

@media all and (min-width: 768px) {
    .form .select select {
        height: 50px;
        font-size: 16px;
    }
}

.form .select .placeholder {
    border: 1px solid #ceced6;
    white-space: nowrap;
    background-color: #f5f7f7;
    border-radius: 50px;
    font-size: 30px;
    color: #6e767d;
    display: block;
    padding: 20px 80px 20px 40px;
    text-overflow: elipsis;
    line-height: 50px;
    box-shadow: inset 0 1px #ebebee;
    height: 94px;
}

@media all and (min-width: 768px) {
    .form .select .placeholder {
        line-height: 30px;
        font-size: 16px;
        padding: 10px 40px 10px 18px;
    }
}

.form .select .icon-more {
    font-size: 20px;
    position: absolute;
    right: 30px;
    top: 36px;
    color: #38ad47;
}

@media all and (min-width: 768px) {
    .form .select .icon-more {
        font-size: 11px;
        top: 20px;
        right: 17px;
    }
}

.form .checkbox-group {
    padding: 20px 0 80px 0;
    overflow: hidden;
}

@media all and (min-width: 768px) {
    .form .checkbox-group {
        padding: 40px 0;
    }
}

.form .checkbox-group.hide-placeholder .placeholder {
    display: none;
}

.form .checkbox-group h3 {
    font-weight: bold;
    font-size: 30px;
    color: #313840;
    text-transform: uppercase;
}

@media all and (min-width: 768px) {
    .form .checkbox-group h3 {
        font-size: 20px;
    }
}

.form .checkbox-group .checkbox {
    padding: 0 9px 10px 9px;
}

@media all and (min-width: 768px) {
    .form .checkbox-group .checkbox {
        display: inline-block;
        float: none;
        padding: 0 0 10px 0;
        width: auto;
    }
}

.form .checkbox-group .checkbox label {
    position: relative;
    padding: 24px 25px 24px 55px;
    display: block;
    overflow: hidden;
}

@media all and (min-width: 768px) {
    .form .checkbox-group .checkbox label {
        padding: 14px 25px;
    }
}

.form .checkbox-group .checkbox label:hover .bg {
    background-color: #e7ecec;
}

.form .checkbox-group .checkbox input:checked+.placeholder+.bg {
    border-color: #38ad47;
}

.form .checkbox-group .checkbox input:checked+.placeholder+.bg+.text-label
    {
    color: #38ad47;
}

.form .checkbox-group .checkbox .text-label {
    position: relative;
    color: #6e767d;
    font-size: 30px;
    font-weight: normal;
    white-space: nowrap;
}

@media all and (min-width: 768px) {
    .form .checkbox-group .checkbox .text-label {
        font-size: 16px;
    }
}

.form .checkbox-group .checkbox .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #f5f7f7;
    border: 1px solid #ceced6;
    border-radius: 40px;
    transition: all 0.3s;
}

.form .checkbox-group .checkbox .placeholder {
    background-color: white;
    z-index: 1;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    margin-bottom: 1px;
    position: absolute;
    left: 20px;
}

@media all and (min-width: 768px) {
    .form .checkbox-group .checkbox .placeholder {
        width: 20px;
        height: 20px;
        position: relative;
        left: 0;
    }
}

.form .big-checkbox {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ceced6;
}

.form .big-checkbox label {
    font-weight: normal;
    font-size: 22px;
    position: relative;
    line-height: 33px;
    padding-left: 80px;
    color: #a8a9b2;
}

@media all and (min-width: 768px) {
    .form .big-checkbox label {
        font-size: 14px;
        line-height: 22px;
        padding-left: 55px;
    }
}

.form .big-checkbox .placeholder {
    background-color: white;
    z-index: 1;
    position: absolute;
    left: 22px;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    margin-bottom: 1px;
}

@media all and (min-width: 768px) {
    .form .big-checkbox .placeholder {
        width: 20px;
        height: 20px;
    }
}

.form .big-checkbox .extended {
    display: none;
}

.form .big-checkbox a {
    color: #38ad47;
    text-decoration: underline;
}

.form .big-checkbox a:hover {
    text-decoration: none;
}

.form .big-checkbox .link .hide-link {
    display: none;
}

.form .big-checkbox.show-all .extended {
    display: inline;
}

.form .big-checkbox.show-all .link .hide-link {
    display: inline;
}

.form .big-checkbox.show-all .link .show-link {
    display: none;
}

.radio, .checkbox {
    margin-top: 0;
}

.radio+.radio, .checkbox+.checkbox {
    margin-top: 0;
}

.radio-tab {
    text-align: center;
    margin-top: 30px;
}

@media all and (min-width: 768px) {
    .radio-tab .radio {
        display: inline-block;
    }
}

.radio-tab label {
    float: left;
    font-size: 36px;
    color: #6e767d;
    width: 50%;
    line-height: 90px;
    padding: 0 20px;
    border: 1px solid #ceced6;
    position: relative;
}

@media all and (min-width: 768px) {
    .radio-tab label {
        width: 200px;
        line-height: 38px;
        font-size: 15px;
    }
}

.radio-tab label:first-child {
    border-radius: 50px 0 0 50px;
}

.radio-tab label:first-child .bg {
    border-radius: 50px 0 0 50px;
}

.radio-tab label:last-child {
    border-radius: 0 50px 50px 0;
}

.radio-tab label:last-child .bg {
    border-radius: 0 50px 50px 0;
}

.radio-tab label input {
    position: absolute;
    left: -10000px;
}

.radio-tab label input:checked+.bg {
    background-color: #38ad47;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.radio-tab label input:checked+.bg+.radio-text {
    color: white;
    font-weight: bold;
}

.radio-tab label .radio-text {
    position: relative;
    z-index: 1;
}

@media all and (min-width: 768px) {
    .radio-card-outer {
        text-align: center;
    }
}

@media all and (min-width: 1050px) {
    .radio-card-outer {
        text-align: left;
    }
}

.radio-card {
    overflow: hidden;
    line-height: 42px;
    padding: 47px 20px 33px 20px;
}

@media all and (min-width: 768px) {
    .radio-card {
        padding: 7px 20px 33px 20px;
        display: inline-block;
    }
}

@media all and (min-width: 1050px) {
    .radio-card {
        display: block;
    }
}

.radio-card p {
    text-align: center;
    color: #6e767d;
    line-height: 50px;
    font-size: 30px;
    padding-bottom: 30px;
}

@media all and (min-width: 768px) {
    .radio-card p {
        float: left;
        font-size: 14px;
        padding-bottom: 0;
        margin-right: 30px;
    }
}

@media all and (min-width: 1050px) {
    .radio-card p {
        margin-right: 0;
    }
}

.radio-card p .text-label {
    color: #38ad47;
    font-weight: bold;
}

.radio-card .radio {
    text-align: center;
}

@media all and (min-width: 768px) {
    .radio-card .radio {
        float: right;
    }
}

.radio-card label {
    display: inline-block;
    position: relative;
    vertical-align: bottom;
    line-height: 70px;
    padding: 10px;
    margin: 0 10px;
}

@media all and (min-width: 768px) {
    .radio-card label {
        padding: 4px;
        margin: 0;
        line-height: 31px;
    }
}

.radio-card label input {
    position: absolute;
    left: -10000px;
}

.radio-card label input:checked+.bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #38ad47;
    border-radius: 8px;
}

@media all and (min-width: 768px) {
    .radio-card label input:checked+.bg {
        border-radius: 4px;
    }
}

.radio-card label img {
    vertical-align: middle;
    width: auto;
}

@media all and (min-width: 768px) {
    .radio-card label img {
        height: 31px;
    }
}

.radio-card label .radio-text {
    position: relative;
    z-index: 1;
}

.big-select ul {
    list-style-type: none;
    margin: 0;
    padding: 20px 0;
    max-width: 1000px;
    overflow: auto;
    position: absolute;
    top: 80px;
    bottom: 30px;
    left: 0;
    right: 0;
}

@media all and (min-width: 768px) {
    .big-select ul {
        margin: 0 auto;
        position: static;
    }
}

.big-select .placeholder {
    cursor: pointer;
    position: relative;
    z-index: 11;
}

.big-select .placeholder+span {
    cursor: pointer;
    position: relative;
    z-index: 11;
}

.big-select .close-button {
    position: absolute;
    right: 10px;
    top: 0;
    width: 80px;
    height: 80px;
    background: transparent url(../i/close-grey.png) no-repeat center;
    border-width: 0;
}

.big-select .close-button span {
    display: none;
}

@media all and (min-width: 768px) {
    .big-select .close-button {
        display: none;
    }
}

.big-select .overlay {
    overflow: hidden;
    position: fixed;
    z-index: 1001;
    transition: all 1s;
    background-color: #f5f7f7;
    left: 25px;
    right: 25px;
    top: 25px;
    bottom: 25px;
    border-radius: 30px;
    opacity: 0;
    display: none;
}

@media all and (min-width: 768px) {
    .big-select .overlay {
        position: absolute;
        border-radius: 0;
        right: auto;
        left: 0;
        top: auto;
        max-height: 0;
        bottom: auto;
        background-color: #f5f7f7;
        width: 100%;
        z-index: 10;
        opacity: 1;
        visibility: visible;
        box-shadow: 0 58px 51px rgba(49, 55, 63, 0);
        transition: none;
        border-radius: 0 0 22px 22px;
        overflow: auto;
    }
}

@media all and (min-width: 768px) {
    .big-select .overlay .container-fluid {
        margin: 0;
        padding: 0;
    }
}

.big-select.show-all {
    z-index: 12;
}

.big-select.show-all .placeholder {
    border-radius: 50px 50px 0 0;
}

.big-select.show-all .overlay {
    opacity: 1;
    display: block;
    box-shadow: 0 0 0 60px rgba(40, 56, 64, 0.6);
}

@media all and (min-width: 768px) {
    .big-select.show-all .overlay {
        max-height: 420px;
        box-shadow: 0 -20px #f5f7f7, 0 35px 35px rgba(38, 41, 43, 0.26);
    }
}

.big-select ul {
    padding: 0;
}

.big-select li {
    color: #6e767d;
    font-size: 36px;
    border-top: 1px solid #dadddf;
    position: relative;
}

@media all and (min-width: 768px) {
    .big-select li {
        border-top: 1px solid #e1e3e3;
    }
}

.big-select li label, .big-select li a {
    font-weight: normal;
    line-height: 30px;
    padding: 25px 40px 25px 0;
    transition: all 0.3s;
    cursor: pointer;
    display: block !important;
    margin: 0;
}

@media all and (min-width: 768px) {
    .big-select li label, .big-select li a {
        font-size: 16px;
        padding: 10px 18px;
        color: #6e767d;
    }
}

.big-select li label i, .big-select li a i {
    width: 100px;
    float: left;
    text-align: center;
}

@media all and (min-width: 768px) {
    .big-select li label i, .big-select li a i {
        width: 30px;
        text-align: left;
    }
}

@media all and (min-width: 1050px) {
    .big-select li label i, .big-select li a i {
        width: 40px;
    }
}

.big-select li label input, .big-select li a input {
    position: absolute;
    left: -10000px;
}

.big-select li label {
    padding-left: 40px;
}

@media all and (min-width: 768px) {
    .big-select li label {
        padding-left: 20px;
    }
}

.big-select li.active a, .big-select li.active label {
    color: #38ad47;
}

.big-select li.active a:before, .big-select li.active label:before {
    font-family: 'icon';
    text-transform: none;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\0066';
    position: absolute;
    color: #38ad47;
    font-size: 24px;
    width: 18px;
    text-align: center;
    line-height: 36px;
    right: 15px;
    top: 26px;
}

@media all and (min-width: 768px) {
    .big-select li.active a:before, .big-select li.active label:before {
        font-size: 12px;
        line-height: 16px;
        top: 14px;
    }
}

@media all and (min-width: 1050px) {
    .big-select li.active a:before, .big-select li.active label:before {
        top: 12px;
    }
}

.filter-form {
    max-width: 870px;
    margin: 0 auto;
    text-align: center;
    max-width: 760px;
}

.datepicker-dropdown {
    width: auto;
    box-shadow: 0 35px 35px rgba(38, 41, 43, 0.26);
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    border-radius: 20px;
    font-size: 24px;
    z-index: 2;
}

@media all and (min-width: 768px) {
    .datepicker-dropdown {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 14px;
    }
}

.datepicker-dropdown td, .datepicker-dropdown th {
    width: 70px;
}

@media all and (min-width: 768px) {
    .datepicker-dropdown td, .datepicker-dropdown th {
        width: 30px;
    }
}

.datepicker-dropdown .prev:before {
    font-family: 'icon';
    text-transform: none;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\0051';
    color: #38ad47;
    font-size: 24px;
    width: 18px;
    text-align: center;
    line-height: 36px;
}

@media all and (min-width: 768px) {
    .datepicker-dropdown .prev:before {
        font-size: 12px;
        line-height: 16px;
    }
}

.datepicker-dropdown .next:before {
    font-family: 'icon';
    text-transform: none;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\0055';
    color: #38ad47;
    font-size: 24px;
    width: 18px;
    text-align: center;
    line-height: 36px;
}

@media all and (min-width: 768px) {
    .datepicker-dropdown .next:before {
        font-size: 12px;
        line-height: 16px;
    }
}

.datepicker table tr td span.active, .datepicker table tr td span.active:hover,
    .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover
    {
    background: #38ad47;
}

.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover,
    .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover,
    .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active,
    .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active,
    .datepicker table tr td span.active.active, .datepicker table tr td span.active.active:hover,
    .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.active:hover,
    .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover,
    .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled.disabled:hover,
    .datepicker table tr td span.active[disabled], .datepicker table tr td span.active[disabled]:hover,
    .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled[disabled]:hover
    {
    background: #38ad47;
}

.datepicker-dropdown:before, .datepicker-dropdown:after {
    display: none;
}

.jumbotron {
    margin: 0;
    padding: 0;
    position: relative;
    clear: both;
    background-color: transparent;
}

.jumbotron .bg-outer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.jumbotron.main-jumbotron .slide {
    height: 1000px;
}

@media all and (min-width: 768px) {
    .jumbotron.main-jumbotron .slide {
        height: 700px;
    }
}

@media all and (min-width: 1050px) {
    .jumbotron.main-jumbotron .slide {
        height: 768px;
    }
}

.jumbotron.main-jumbotron .container-fluid {
    height: 1000px;
}

@media all and (min-width: 768px) {
    .jumbotron.main-jumbotron .container-fluid {
        height: 700px;
    }
}

@media all and (min-width: 1050px) {
    .jumbotron.main-jumbotron .container-fluid {
        height: 768px;
    }
}

.jumbotron.main-jumbotron .slide-inner {
    height: 1000px;
}

@media all and (min-width: 768px) {
    .jumbotron.main-jumbotron .slide-inner {
        height: 700px;
    }
}

@media all and (min-width: 1050px) {
    .jumbotron.main-jumbotron .slide-inner {
        height: 768px;
    }
}

.jumbotron.main-jumbotron .title {
    padding-top: 80px;
    text-align: center;
    font-size: 56px;
    padding-left: 0;
    max-width: 50%;
}

@media all and (min-width: 768px) {
    .jumbotron.main-jumbotron .title {
        padding-left: 45px;
        padding-top: 40px;
        text-align: left;
    }
}

@media all and (min-width: 1050px) {
    .jumbotron.main-jumbotron .title {
        padding-left: 0;
    }
}

.jumbotron.main-jumbotron .button {
    padding-left: 15px;
    position: relative;
    top: 90px;
    margin: 0 auto;
    width: 320px;
}

@media all and (min-width: 768px) {
    .jumbotron.main-jumbotron .button {
        position: static;
        margin: 0;
        width: auto;
        padding-left: 40px;
    }
}

@media all and (min-width: 1050px) {
    .jumbotron.main-jumbotron .button {
        padding-left: 0;
    }
}

.jumbotron.main-jumbotron .photo {
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    bottom: 0;
}

@media all and (min-width: 768px) {
    .jumbotron.main-jumbotron .photo {
        margin-left: 20px;
        left: 50%;
        width: auto;
    }
}

.jumbotron.main-jumbotron .owl-dots {
    position: absolute;
    margin: 185px auto 0 auto;
    text-align: center;
    padding: 0 60px;
    max-width: 1170px;
    top: 270px;
    left: 0;
    right: 0;
}

@media all and (min-width: 768px) {
    .jumbotron.main-jumbotron .owl-dots {
        position: relative;
        top: -60px;
        left: auto;
        right: auto;
        margin: 0 auto;
    }
}

@media all and (min-width: 1050px) {
    .jumbotron.main-jumbotron .owl-dots {
        padding: 0 15px;
    }
}

.jumbotron.main-jumbotron .owl-dot {
    width: 12px;
    height: 12px;
    display: inline-block;
    background-color: white;
    margin-right: 7px;
    margin-left: 7px;
    border-radius: 10px;
    transition: all 0.3s;
}

@media all and (min-width: 768px) {
    .jumbotron.main-jumbotron .owl-dot {
        float: left;
        margin-right: 14px;
    }
}

.jumbotron.main-jumbotron .owl-dot.active {
    background-color: #38ad47;
}

.jumbotron.content-jumbotron {
    margin-top: 50px;
}

@media all and (min-width: 768px) {
    .jumbotron.content-jumbotron {
        margin-top: 0;
    }
}

.jumbotron.content-jumbotron .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.jumbotron.content-jumbotron .photo {
    bottom: -90px;
}

@media all and (min-width: 1050px) {
    .jumbotron.content-jumbotron .photo {
        bottom: -70px;
    }
}

.jumbotron .slide {
    height: 550px;
    position: relative;
    background: transparent no-repeat center top;
    background-size: cover;
    color: white;
}

@media all and (min-width: 768px) {
    .jumbotron .slide {
        height: 640px;
    }
}

.jumbotron .slide .bg {
    background: #1c2025 none no-repeat center;
    background-size: cover;
    position: absolute;
    left: 0;
    top: -200px;
    width: 100%;
    bottom: 0;
}

@media all and (max-width: 1050px) {
    .jumbotron .slide .bg {
        transform: none !important;
        top: -0;
    }
}

.jumbotron .photo {
    position: absolute;
    left: 50%;
    margin: 0;
    bottom: 0;
    margin-left: -150px;
}

@media all and (min-width: 768px) {
    .jumbotron .photo {
        margin-left: -100px;
    }
}

@media all and (min-width: 1050px) {
    .jumbotron .photo {
        left: auto;
        right: 20px;
    }
}

.jumbotron .photo img {
    width: auto;
    height: auto;
    display: inline-block;
}

@media all and (min-width: 768px) {
    .jumbotron .slide-inner {
        display: table-cell;
        vertical-align: middle;
        height: 640px;
        width: 60%;
    }
}

@media all and (min-width: 1050px) {
    .jumbotron .slide-inner {
        width: 75%;
    }
}

.jumbotron .container-fluid {
    position: relative;
    height: 550px;
}

@media all and (min-width: 768px) {
    .jumbotron .container-fluid {
        height: 640px;
    }
}

.jumbotron .title {
    font-size: 50px;
    line-height: 1;
    font-weight: bold;
    padding-top: 118px;
    max-width: 60%;
    padding-left: 15px;
}

@media all and (min-width: 768px) {
    .jumbotron .title {
        font-size: 54px;
        padding-top: 0;
        max-width: 500px;
    }
}

@media all and (min-width: 1050px) {
    .jumbotron .title {
        padding-left: 0;
        max-width: none;
    }
}

.jumbotron .title small {
    font-size: 32px;
    font-weight: normal;
    display: block;
    padding-top: 15px;
    line-height: 36px;
}

@media all and (min-width: 768px) {
    .jumbotron .title small {
        font-size: 30px;
    }
}

@media all and (min-width: 1050px) {
    .jumbotron .title small {
        font-size: 38px;
    }
}

.jumbotron .button {
    padding-top: 36px;
    padding-left: 15px;
}

@media all and (min-width: 768px) {
    .jumbotron .button {
        padding-left: 0;
    }
}

.jumbotron .note {
    font-size: 12px;
    position: absolute;
    left: 30px;
    bottom: 10px;
}

@media all and (min-width: 1050px) {
    .jumbotron .note {
        left: 15px;
    }
}

.jumbotron .owl-nav {
    position: relative;
    margin: 0 auto;
    max-width: 1170px;
}

.jumbotron .owl-nav .owl-prev {
    left: -142px;
    top: -320px;
    width: 24px;
    height: 25px;
    text-indent: -10000px;
    position: absolute;
    color: white;
}

.jumbotron .owl-nav .owl-prev:before {
    font-family: 'icon';
    font-style: normal;
    font-weight: normal;
    text-align: center;
    font-size: 24px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\0057';
    text-indent: 0;
    position: absolute;
    left: 0;
    width: 100%;
}

.jumbotron .owl-nav .owl-next {
    right: -142px;
    top: -320px;
    width: 24px;
    height: 25px;
    text-indent: -10000px;
    position: absolute;
    color: white;
}

.jumbotron .owl-nav .owl-next:before {
    font-family: 'icon';
    font-style: normal;
    text-align: center;
    font-weight: normal;
    font-size: 24px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\0058';
    text-indent: 0;
    position: absolute;
    left: 0;
    width: 100%;
}

.special-offer {
    display: none;
}

@media all and (min-width: 1050px) {
    .special-offer {
        background-color: #38ad47;
        color: white;
        text-align: center;
        padding: 17px 0;
        font-size: 21px;
        display: block;
    }
    .special-offer p {
        margin: 0;
    }
    .special-offer strong {
        font-size: 100px;
        line-height: 48px;
        display: inline-block;
        vertical-align: middle;
        height: 48px;
    }
    .special-offer strong span {
        position: relative;
        display: block;
        top: 20px;
        text-shadow: 0 5px 40px rgba(255, 255, 255, 0.2);
    }
    .special-offer .btn {
        margin: 0 10px;
    }
}

.publisher-list {
    border-bottom: 1px solid #eeefef;
}

.publisher-list .list {
    list-style-type: none;
    margin: 0 -15px;
    padding: 30px 0 30px 0;
    position: relative;
    width: auto;
}

@media all and (min-width: 768px) {
    .publisher-list .list {
        margin: 0;
    }
}

.publisher-list .list li {
    text-align: center;
    height: 70px;
    line-height: 70px;
}

.publisher-list .list img {
    width: auto;
    vertical-align: middle;
    height: auto;
    max-width: 100%;
    display: inline-block;
}

.publisher-list .list .owl-nav .owl-prev, .publisher-list .list .owl-nav .owl-next {
    position: absolute;
    width: 45px;
    height: 45px;
    top: 65px;
    text-indent: -10000px;
    color: #797c8a;
}

.publisher-list .list .owl-nav .owl-prev {
    left: -170px;
}

.publisher-list .list .owl-nav .owl-prev:before {
    font-family: 'icon';
    font-style: normal;
    font-weight: normal;
    text-align: center;
    line-height: 45px;
    font-size: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\0057';
    text-indent: 0;
    position: absolute;
    left: 0;
    width: 100%;
}

.publisher-list .list .owl-nav .owl-next {
    right: -170px;
}

.publisher-list .list .owl-nav .owl-next:before {
    font-family: 'icon';
    font-style: normal;
    font-weight: normal;
    text-align: center;
    font-size: 10px;
    line-height: 45px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\0058';
    text-indent: 0;
    position: absolute;
    left: 0;
    width: 100%;
}

.group {
    padding-top: 40px;
    padding-bottom: 50px;
    margin-left: -15px;
    margin-right: -15px;
}

@media all and (min-width: 1050px) {
    .group {
        padding-top: 50px;
        margin: 0;
    }
}

.group:last-child {
    padding-bottom: 50px;
}

.group h2 {
    padding-left: 30px;
    font-size: 48px;
    font-weight: bold;
}

@media all and (min-width: 768px) {
    .group h2 {
        text-align: center;
        padding-left: 0;
    }
}

@media all and (min-width: 1050px) {
    .group h2 {
        font-size: 42px;
    }
}

.group .list-outer>ul {
    position: relative;
    list-style-type: none;
    margin: 0;
    padding: 40px 0 0 0;
}

@media all and (min-width: 1050px) {
    .group .list-outer>ul {
        padding-top: 50px;
    }
}

.group .list-outer>ul .owl-nav, .review-buttons {
    position: absolute;
    right: 30px;
    top: -85px;
}

@media all and (min-width: 768px) {
    .group .list-outer>ul .owl-nav, .review-buttons {
        top: -60px;
        right: 15px;
    }
}

@media all and (min-width: 1050px) {
    .group .list-outer>ul .owl-nav, .review-buttons {
        right: 45px;
    }
}

.group .list-outer>ul .owl-nav .owl-prev, .group .list-outer>ul .owl-nav .owl-next, .review-buttons .prev, .review-buttons .next {
    float: left;
    border: 1px solid #ceced6;
    width: 125px;
    text-align: center;
    line-height: 70px;
}

@media all and (min-width: 768px) {
    .group .list-outer>ul .owl-nav .owl-prev, .group .list-outer>ul .owl-nav .owl-next, .review-buttons .prev, .review-buttons .next  {
        line-height: 40px;
        width: 49px;
    }
}

.group .list-outer>ul .owl-nav .owl-prev, .review-buttons .prev {
    border-radius: 50px 0 0 50px;
    text-indent: -10000px;
    position: relative;
    color: #38ad47;
}

.group .list-outer>ul .owl-nav .owl-prev:before, .review-buttons .prev:before {
    font-family: 'icon';
    font-style: normal;
    font-weight: normal;
    text-align: center;
    font-size: 33px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\0057';
    text-indent: 0;
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
}

@media all and (min-width: 768px) {
    .group .list-outer>ul .owl-nav .owl-prev:before, .review-buttons .prev:before {
        font-size: 10px;
    }
}

.group .list-outer>ul .owl-nav .owl-next, .review-buttons .next {
    border-radius: 0 50px 50px 0;
    text-indent: -10000px;
    position: relative;
    left: -1px;
    color: #38ad47;
}

.group .list-outer>ul .owl-nav .owl-next:before, .review-buttons .next:before {
    font-family: 'icon';
    font-style: normal;
    font-weight: normal;
    text-align: center;
    font-size: 33px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\0058';
    text-indent: 0;
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
}

@media all and (min-width: 768px) {
    .group .list-outer>ul .owl-nav .owl-next:before, .review-buttons .next:before {
        font-size: 10px;
    }
}

.category-list .container-fluid {
    position: relative;
}

.category-list .owl-stage-outer a {
    display: block;
    height: 440px;
    padding: 0 30px;
    position: relative;
    text-align: center;
}

@media all and (min-width: 768px) {
    .category-list .owl-stage-outer a {
        padding: 0 15px;
    }
}

@media all and (min-width: 1050px) {
    .category-list .owl-stage-outer li>a {
        height: 380px;
        z-index: 1;
    }
}

.category-list .owl-stage-outer a:hover img {
    box-shadow: 0 10px 10px rgba(124, 124, 124, 0);
}

.category-list .owl-stage-outer a:hover .item-desc, .site-list .owl-stage-outer a:hover .item-desc {
    visibility: visible;
    opacity: 1;
}

.category-list .owl-stage-outer a img {
    height: auto;
    max-width: 100%;
    box-shadow: 0 10px 10px rgba(124, 124, 124, 0.24);
    transition: all 0.3s;
}

@media all and (min-width: 1050px) {
    .category-list .owl-stage-outer a img {
        width: auto;
    }
}

.category-list .owl-stage-outer a .item-desc, .site-list .owl-stage-outer a .item-desc {
    position: absolute;
    background-color: white;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 38px 21px -5px rgba(124, 124, 124, 0.24);
    text-align: left;
    left: 0px;
    top: 0;
    right: 0px;
    height: 425px;
    overflow: hidden;
    padding: 30px;
    color: #6e767d;
    transition: all 0.3s;
    display: none;
}

@media all and (min-width: 1050px) {
    .category-list .owl-stage-outer a .item-desc, .site-list .owl-stage-outer a .item-desc {
        display: block;
    }
}

.category-list .owl-stage-outer a .item-desc h3, .site-list .owl-stage-outer a .item-desc h3 {
    font-size: 21px;
    margin: 0 0 2px 0;
    font-weight: bold;
}

.category-list .owl-stage-outer a .item-desc p, .site-list .owl-stage-outer a .item-desc p {
    font-size: 14px;
    line-height: 24px;
    max-height: 240px;
    overflow: hidden;
    font-weight: 300;
}

.category-list .owl-stage-outer a .item-desc .cite, .site-list .owl-stage-outer a .item-desc .cite {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 24px;
}

.category-list .owl-stage-outer a .item-desc .more, .site-list .owl-stage-outer a .item-desc .more {
    font-weight: bold;
    color: #38ad47;
    margin-top: 30px;
}

.site-list {
    padding-top: 0px;
}

@media all and (min-width: 768px) {
    .site-list {
        padding-top: 64px;
    }
}

@media all and (min-width: 1050px) {
    .site-list {
        padding-top: 58px;
    }
}

.site-list.last-element .group h3 {
    width: auto;
    text-align: center;
    padding-right: 30px;
}

.site-list h2 {
    font-size: 48px;
    font-weight: bold;
    padding-left: 15px;
    padding-bottom: 5px;
}

@media all and (min-width: 768px) {
    .site-list h2 {
        text-align: center;
        font-size: 42px;
        padding-left: 0;
        padding-bottom: 0;
    }
}

.site-list+.section-app {
    margin-top: 100px;
}

.site-list .group {
    padding-top: 15px;
    padding-bottom: 82px;
    position: relative;
}

@media all and (min-width: 768px) {
    .site-list .group {
        padding-bottom: 15px;
    }
}

.site-list .group h3 {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 36px;
    padding-left: 30px;
    width: 50%;
    padding-bottom: 14px;
}

@media all and (min-width: 768px) {
    .site-list .group h3 {
        font-size: 20px;
        padding-bottom: 0;
        padding-left: 0;
        text-align: center;
        width: auto;
    }
}

@media all and (min-width: 768px) {
    .site-list .group h3 br {
        display: none;
    }
}

.site-list .group .list-outer>ul {
    padding-top: 17px;
}

@media all and (min-width: 1050px) {
    .site-list .group .list-outer>ul {
        padding-top: 30px;
    }
}

.site-list .group .list-outer>ul .owl-nav, .review-buttons {
    top: -96px;
}

@media all and (min-width: 768px) {
    .site-list .group .list-outer>ul .owl-nav, .review-buttons {
        top: -60px;
    }
}

.site-list .more {
    text-align: center;
    margin-top: 23px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

@media all and (min-width: 768px) {
    .site-list .more {
        position: static;
        width: auto;
    }
}

.site-list .more a {
    display: inline-block;
    font-size: 22px;
    position: relative;
    padding-bottom: 10px;
    padding-top: 20px;
}

@media all and (min-width: 768px) {
    .site-list .more a {
        font-size: 13px;
    }
}

@media all and (min-width: 1050px) {
    .site-list .more a {
        font-size: 14px;
    }
}

.site-list .more a:before {
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    width: 100%;
    color: #38ad47;
    font-size: 8px;
}

.site-list .paper-covers .owl-stage-outer:before {
    height: 180px;
}

.site-list .big-covers .owl-stage-outer:before {
    display: none;
}

.site-list .owl-stage-outer {
    position: relative;
}

.site-list .owl-stage-outer:before {
    background-image:
        url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JhZTJiZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3ZmJmOCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bae2bf),
        color-stop(100%, rgba(247, 251, 248, 0)));
    background-image: -moz-linear-gradient(top, #bae2bf 0%, rgba(247, 251, 248, 0)
        100%);
    background-image: -webkit-linear-gradient(top, #bae2bf 0%, rgba(247, 251, 248, 0)
        100%);
    background-image: linear-gradient(to bottom, #bae2bf 0%, rgba(247, 251, 248, 0)
        100%);
    position: absolute;
    content: " ";
    height: 340px;
    left: 10px;
    right: 50%;
    margin-right: 10px;
    top: 0;
    border-radius: 5px;
}

@media all and (min-width: 768px) {
    .site-list .owl-stage-outer:before {
        right: 66.66%;
        margin-right: -10px;
        left: 30px;
    }
}

@media all and (min-width: 1050px) {
    .site-list .owl-stage-outer:before {
        width: 20%;
        right: auto;
        margin-right: 0;
        left: 0;
    }
}

.site-list .owl-stage-outer>li, .site-list .owl-stage-outer .owl-item>li
    {
    padding: 15px 15px 0 15px;
    text-align: center;
}

@media all and (min-width: 768px) {
    .site-list .owl-stage-outer>li, .site-list .owl-stage-outer .owl-item>li
        {
        padding: 10px 0 0 0;
    }
}

.site-list .owl-stage-outer>li h4, .site-list .owl-stage-outer .owl-item>li h4 {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;
    color: #6e767d;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 16px;
    height: 100px;
    overflow: hidden;
}

@media all and (min-width: 768px) {
    .site-list .owl-stage-outer>li h4, .site-list .owl-stage-outer .owl-item>li h4 {
        font-size: 16px;
        padding-top: 0;
        line-height: 20px;
        height: 40px;
        overflow: hidden;
    }
}

.site-list .owl-stage-outer>li p, .site-list .owl-stage-outer .owl-item>li p {
    text-align: center;
}

.site-list .owl-stage-outer>li .cover, .site-list .owl-stage-outer .owl-item>li .cover {
    position: relative;
    padding: 0 14px 0 11px;
    margin-bottom: 28px;
    border-radius: 5px;
    transition: all 0.3s;
}

@media all and (min-width: 1050px) {
    .site-list .owl-stage-outer>li .cover, .site-list .owl-stage-outer .owl-item>li .cover {
        padding: 0 13px 0 12px;
        display: inline-block;
        z-index: 1;
        position: relative;
    }
}

.site-list .owl-stage-outer>li .cover.gradient-layer:hover a:first-child:before, .site-list .owl-stage-outer .owl-item>li .cover.gradient-layer:hover a:first-child:before {
    opacity: 1;
}

.site-list .owl-stage-outer>li .cover.gradient-layer:hover .fragment, .site-list .owl-stage-outer .owl-item>li .cover.gradient-layer:hover .fragment {
    opacity: 1;
}

.site-list .owl-stage-outer>li .cover.gradient-layer a:first-child,
    .site-list .owl-stage-outer .owl-item>li .cover.gradient-layer a:first-child
    {
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    width: 100%;
}

.site-list .owl-stage-outer>li .cover.gradient-layer a:first-child:before,
    .site-list .owl-stage-outer .owl-item>li .cover.gradient-layer a:first-child:before
    {
    background-image:
        url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMxMzg0MCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMTM4NDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(49, 56,
        64, 0)), color-stop(100%, #313840));
    background-image: -moz-linear-gradient(top, rgba(49, 56, 64, 0) 0%,
        #313840 100%);
    background-image: -webkit-linear-gradient(top, rgba(49, 56, 64, 0) 0%,
        #313840 100%);
    background-image: linear-gradient(to bottom, rgba(49, 56, 64, 0) 0%,
        #313840 100%);
    z-index: 1;
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 126px;
    opacity: 0;
    transition: opacity 0.3s;
}

.site-list .owl-stage-outer>li .cover.paper-cover, .site-list .owl-stage-outer .owl-item>li .cover.paper-cover
    {
    padding: 11px 14px 0 11px;
    margin-top: -10px;
}

.site-list .owl-stage-outer>li .cover.paper-cover:after, .site-list .owl-stage-outer .owl-item>li .cover.paper-cover:after
    {
    content: " ";
    background: transparent url(../i/paper.png) no-repeat;
    width: 9px;
    height: 137px;
    position: absolute;
    right: 5px;
    bottom: 0;
}

.site-list .owl-stage-outer>li .cover.paper-cover:before, .site-list .owl-stage-outer .owl-item>li .cover.paper-cover:before
    {
    content: " ";
    left: 11px;
    bottom: 0;
    right: 14px;
    height: 20px;
    position: absolute;
    background-image:
        url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4zIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0,
        0)), color-stop(100%, rgba(0, 0, 0, 0.3)));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.3) 100%);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.3) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.3) 100%);
    z-index: 3;
}

.site-list .owl-stage-outer>li .cover.paper-cover .edge, .site-list .owl-stage-outer .owl-item>li .cover.paper-cover .edge {
    height: 160px;
    overflow: hidden;
}

.site-list .owl-stage-outer>li .cover.paper-cover .edge:before, .site-list .owl-stage-outer .owl-item>li .cover.paper-cover .edge:before {
    display: none;
}

.site-list .owl-stage-outer>li .cover.big-cover a, .site-list .owl-stage-outer .owl-item>li .cover.big-cover a {
    display: block;
    line-height: 360px;
}

@media all and (min-width: 680px) {
    .site-list .owl-stage-outer>li .cover.big-cover a, .site-list .owl-stage-outer .owl-item>li .cover.big-cover a {
        line-height: 450px;
    }
}

@media all and (min-width: 768px) {
    .site-list .owl-stage-outer>li .cover.big-cover a, .site-list .owl-stage-outer .owl-item>li .cover.big-cover a {
        line-height: 330px;
    }
}

@media all and (min-width: 860px) {
    .site-list .owl-stage-outer>li .cover.big-cover a, .site-list .owl-stage-outer .owl-item>li .cover.big-cover a {
        line-height: 430px;
    }
}

@media all and (min-width: 1050px) {
    .site-list .owl-stage-outer>li .cover.big-cover a, .site-list .owl-stage-outer .owl-item>li .cover.big-cover a {
        line-height: 300px;
    }
}

.site-list .owl-stage-outer>li .cover.big-cover img, .site-list .owl-stage-outer .owl-item>li .cover.big-cover img {
    vertical-align: bottom;
    display: inline-block;
}

.site-list .owl-stage-outer>li .cover .edge, .site-list .owl-stage-outer .owl-item>li .cover .edge {
    position: relative;
    display: inline-block;
    line-height: 1;
    vertical-align: bottom;
    width: 100%;
    box-shadow: 0 10px 14px -4px rgba(0, 0, 0, 0.3);
}

.site-list .owl-stage-outer>li .cover .edge:before, .site-list .owl-stage-outer .owl-item>li .cover .edge:before {
    content: " ";
    position: absolute;
    left: 0;
    width: 10px;
    height: 100%;
    z-index: 5;
    bottom: 0;
    background-image:
        url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjYzJSIgc3RvcC1jb2xvcj0iI2I5YjliOSIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0,
        0)), color-stop(48%, rgba(0, 0, 0, 0.2)),
        color-stop(49%, rgba(255, 255, 255, 0.2)),
        color-stop(63%, rgba(185, 185, 185, 0.2)),
        color-stop(100%, rgba(0, 0, 0, 0)));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.2) 48%, rgba(255, 255, 255, 0.2) 49%,
        rgba(185, 185, 185, 0.2) 63%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.2) 48%, rgba(255, 255, 255, 0.2) 49%,
        rgba(185, 185, 185, 0.2) 63%, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.2) 48%, rgba(255, 255, 255, 0.2) 49%,
        rgba(185, 185, 185, 0.2) 63%, rgba(0, 0, 0, 0) 100%);
}

.site-list .owl-stage-outer>li .cover img, .site-list .owl-stage-outer .owl-item>li .cover img {
    max-width: 100%;
    height: auto;
    transition: all 0.3s;
}

@media all and (min-width: 1050px) {
    .site-list .owl-stage-outer>li .cover img, .site-list .owl-stage-outer .owl-item>li .cover img {
        width: 100%;
    }
}

.site-list .owl-stage-outer>li .cover img:hover, .site-list .owl-stage-outer .owl-item>li .cover img:hover {
    box-shadow: 0 12px 20px -4px rgba(0, 0, 0, 0.3);
}

.site-list .owl-stage-outer>li .cover em, .site-list .owl-stage-outer .owl-item>li .cover em {
    position: absolute;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-style: normal;
    font-weight: bold;
    color: white;
    background-color: #00b4cf;
    border-radius: 25px;
    right: 2px;
    bottom: -9px;
    z-index: 1;
    text-align: center;
    box-shadow: 0 10px 14px -4px rgba(0, 0, 0, 0.3);
}

.site-list .owl-stage-outer>li .cover em.no1, .site-list .owl-stage-outer .owl-item>li .cover em.no1 {
    background-color: #ff6000;
    line-height: 50px;
    width: 50px;
    height: 50px;
    bottom: -25px;
    right: -8px;
}

.site-list .owl-stage-outer>li .cover em.no2, .site-list .owl-stage-outer .owl-item>li .cover em.no2 {
    background-color: #ffa800;
    line-height: 37px;
    width: 37px;
    height: 37px;
    bottom: -14px;
    right: -3px;
}

.site-list .owl-stage-outer>li .cover .fragment, .site-list .owl-stage-outer .owl-item>li .cover .fragment {
    position: absolute;
    bottom: 20px;
    left: 30px;
    right: 30px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 30px;
    line-height: 39px !important;
    z-index: 4;
    font-size: 14px;
    color: white;
    background-color: transparent;
    opacity: 0;
    transition: all 0.3s;
}

.site-list .owl-stage-outer>li .cover .fragment:before, .site-list .owl-stage-outer .owl-item>li .cover .fragment:before {
    margin-right: 5px;
    vertical-align: middle;
    color: #38ad47;
}

.site-list .owl-stage-outer>li .cover .fragment:hover, .site-list .owl-stage-outer .owl-item>li .cover .fragment:hover {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.85);
    color: #38ad47;
}

.site-list .owl-stage-outer>li .price, .site-list .owl-stage-outer .owl-item>li .price {
    padding-top: 14px;
    padding-bottom: 9px;
}

@media all and (min-width: 768px) {
    .site-list .owl-stage-outer>li .price, .site-list .owl-stage-outer .owl-item>li .price {
        padding-top: 7px;
    }
}

.site-list .owl-stage-outer>li .price ins, .site-list .owl-stage-outer .owl-item>li .price ins {
    text-decoration: none;
    color: #313840;
    font-size: 26px;
    font-weight: bold;
    margin-right: 10px;
}

@media all and (min-width: 768px) {
    .site-list .owl-stage-outer>li .price ins, .site-list .owl-stage-outer .owl-item>li .price ins {
        font-size: 18px;
        margin-right: 4px;
    }
}

.site-list .owl-stage-outer>li .price del, .site-list .owl-stage-outer .owl-item>li .price del {
    font-weight: bold;
    font-size: 20px;
    color: #989b9f;
}

@media all and (min-width: 768px) {
    .site-list .owl-stage-outer>li .price del, .site-list .owl-stage-outer .owl-item>li .price del {
        font-size: 14px;
    }
}

.site-list .owl-stage-outer>li .btn, .site-list .owl-stage-outer .owl-item>li .btn {
    font-size: 30px;
    padding: 10px 40px 0;
    text-align: center;
}

@media all and (min-width: 768px) {
    .site-list .owl-stage-outer>li .btn, .site-list .owl-stage-outer .owl-item>li .btn {
        font-size: 20px;
        padding: 10px 20px 0;
        text-align: center;
    }
}

.site-list .owl-stage-outer>li .btn i, .site-list .owl-stage-outer .owl-item>li .btn i {
    color: #38ad47;
    font-size: 30px;
    display: inline-block;
    vertical-align: middle;
}

@media all and (min-width: 768px) {
    .site-list .owl-stage-outer>li .btn i, .site-list .owl-stage-outer .owl-item>li .btn i {
        font-size: 20px;
    }
}

.site-list .owl-stage-outer>li .btn span, .site-list .owl-stage-outer .owl-item>li .btn span {
    display: none;
}

.site-list .owl-stage-outer>li .btn-lightgrey, .site-list .owl-stage-outer .owl-item>li .btn-lightgrey {
    font-size: 24px;
    padding: 8px 24px 0 24px;
    color: #6e767d;
    line-height: 24px;
}

@media all and (min-width: 768px) {
    .site-list .owl-stage-outer>li .btn-lightgrey, .site-list .owl-stage-outer .owl-item>li .btn-lightgrey {
        font-size: 16px;
        padding: 8px 10px 0 10px;
        line-height: 24px;
    }
}

@media all and (min-width: 768px) {
    .site-list .owl-stage-outer>li button.btn, .site-list .owl-stage-outer .owl-item>li button.btn {
        padding-top: 0;
    }
}

.press-view {
    padding-top: 80px;
}

.press-view.group .list-outer ul .owl-nav {
    top: -110px;
}

@media all and (min-width: 768px) {
    .press-view.group .list-outer ul .owl-nav {
        top: -20px;
    }
}

.press-view.group h2 {
    padding-right: 260px;
}

@media all and (min-width: 768px) {
    .press-view.group h2 {
        padding-right: 0;
    }
}

.press-view .owl-stage-outer li {
    padding: 0 30px 0 15px;
}

@media all and (min-width: 768px) {
    .press-view .owl-stage-outer li {
        position: relative;
        padding: 0 30px 0 0;
        left: -30px;
    }
}

@media all and (min-width: 800px) {
    .press-view .owl-stage-outer li {
        margin-left: 30px;
        left: 0;
    }
}

@media all and (min-width: 1050px) {
    .press-view .owl-stage-outer li {
        margin-left: 0;
    }
}

.press-view .owl-stage-outer p {
    font-size: 30px;
    line-height: 48px;
    color: #6e767d;
    font-weight: 300;
    margin-left: 110px;
}

@media all and (min-width: 768px) {
    .press-view .owl-stage-outer p {
        font-size: 15px;
        line-height: 32px;
        margin-left: 90px;
    }
}

.press-view .owl-stage-outer a {
    display: block;
    padding: 20px 15px 0 15px;
}

.press-view .owl-stage-outer a:hover {
    background-color: #fbfbfb;
}

.press-view .owl-stage-outer a:hover .more {
    border-color: #fbfbfb;
    background-color: #fbfbfb;
}

.press-view .owl-stage-outer .cover {
    float: right;
    margin-left: 0;
    padding: 5px;
}

.press-view .owl-stage-outer .cover img {
    height: auto;
    width: 170px;
    box-shadow: 10px 10px 17px -7px rgba(0, 0, 0, 0.2);
}

.press-view .owl-stage-outer .desc {
    position: relative;
    padding-bottom: 20px;
    width: 280px;
    font-size: 15px;
}

.press-view .owl-stage-outer .desc:before {
    background-color: #eeefef;
    width: 1px;
    left: -75px;
    top: 34px;
    bottom: 0;
    content: " ";
    position: absolute;
}

.press-view .owl-stage-outer .logo {
    margin-bottom: 0;
    height: 100px;
    float: left;
    margin-left: 67px;
    margin-right: calc(100% - 390px);
}

@media all and (min-width: 768px) {
    .press-view .owl-stage-outer .logo {
        padding-top: 0;
        height: 100px;
        margin-left: 15px;
        width: 200px;
        display: inline-block;
        position: relative;
        float: left;
    }
}

.press-view .owl-stage-outer .logo img {
    width: auto;
    height: 100px;
}

@media all and (min-width: 768px) {
    .press-view .owl-stage-outer .cover img {
        width: 100px;
    }
}

.press-view .owl-stage-outer .more {
    font-weight: bold;
    color: #6e767d;
    font-size: 20px;
    padding-right: 17px;
    border-right: 30px solid white;
    border-left: 30px solid white;
    position: absolute;
    margin-left: 30px;
    left: 100px;
    bottom: -20px;
    margin: 0;
    background-color: white;
    transform-origin: 0 50%;
    transform: rotate(-90deg);
    transition: all 0.3s;
}

@media all and (min-width: 768px) {
    .press-view .owl-stage-outer .more {
        left: 50px;
        font-size: 14px;
    }
    
    .press-view .owl-stage-outer .logo img {
        width: auto;
        height: 35px;
    }
}

.press-view .owl-stage-outer .more span {
    position: relative;
    display: block;
}

.press-view .owl-stage-outer .more span:before {
    color: #38ad47;
    float: right;
    padding-left: 17px;
    font-size: 12px;
    line-height: 65px;
    transform: rotate(-90deg);
}

@media all and (min-width: 768px) {
    .press-view .owl-stage-outer .more span:before {
        line-height: 52px;
        font-size: 10px;
    }
}

.press-audio {
    padding-top: 30px;
}

.press-audio .boxs {
    padding-left: 10px;
    padding-right: 10px;
    display: none;
}

@media all and (min-width: 768px) {
    .press-audio .boxs {
        display: block;
    }
}

@media all and (min-width: 1050px) {
    .press-audio .boxs {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.press-audio h2 {
    text-align: center;
    font-size: 42px;
    font-weight: bold;
    padding-bottom: 46px;
}

.press-audio .light, .press-audio .dark {
    display: block;
    position: relative;
    overflow: hidden;
}

.press-audio .light:hover, .press-audio .dark:hover {
    text-decoration: none;
}

.press-audio .light p, .press-audio .dark p {
    margin: 0;
}

.press-audio .light .photo, .press-audio .dark .photo {
    position: absolute;
    bottom: 0;
    left: 39%;
}

@media all and (min-width: 1050px) {
    .press-audio .light .photo, .press-audio .dark .photo {
        right: 3%;
        left: auto;
    }
}

.press-audio .light {
    color: white;
}

.press-audio .light .btn {
    color: white;
    border-color: white;
}

.press-audio .light .btn:hover {
    background-color: white;
    color: #313840;
}

.press-audio .row {
    margin-bottom: 30px;
}

.press-audio .row>* {
    margin-bottom: 15px;
}

@media all and (min-width: 768px) {
    .press-audio .row>* {
        margin-bottom: 0;
    }
}

.press-audio .dark {
    color: #313840;
}

.press-audio .dark .btn {
    color: #313840;
    border-color: #d3d4d1;
}

.press-audio .dark .btn:hover {
    background-color: #313840;
    color: white;
}

.press-audio .col-sm-12 a {
    height: 432px;
}

.press-audio .col-sm-12 a h3 {
    font-size: 47px;
    line-height: 60px;
    font-weight: bold;
    display: inline-block;
    padding-left: 32px;
    padding-top: 100px;
    position: relative;
    z-index: 1;
}

@media all and (min-width: 1050px) {
    .press-audio .col-sm-12 a h3 {
        padding-left: 50px;
        font-size: 47px;
        line-height: 52px;
    }
}

.press-audio .col-sm-12 a h3 small {
    display: block;
    font-size: 24px;
    font-weight: normal;
    line-height: 25px;
    color: inherit;
}

.press-audio .col-sm-12 a .btn {
    position: absolute;
    left: 32px;
    bottom: 60px;
}

@media all and (min-width: 1050px) {
    .press-audio .col-sm-12 a .btn {
        left: 50px;
    }
}

.press-audio .col-sm-6 a {
    height: 383px;
}

.press-audio .col-sm-6 a h3 {
    font-size: 26px;
    line-height: 28px;
    font-weight: bold;
    display: inline-block;
    padding-left: 40px;
    padding-top: 55px;
    max-width: 55%;
}

.press-audio .col-sm-6 a h3 small {
    display: block;
    color: #313840;
    font-size: 22px;
    font-weight: normal;
    line-height: 24px;
    padding-top: 15px;
}

@media all and (min-width: 1050px) {
    .press-audio .col-sm-6 a h3 small {
        font-size: 24px;
        line-height: 24px;
    }
}

.press-audio .col-sm-6 a .btn {
    position: absolute;
    left: 40px;
    bottom: 54px;
}

.press-audio .col-sm-6 a .btn-big {
    line-height: 41px;
    font-size: 30px;
    width: 200px;
    padding-left: 34px;
    padding-right: 34px;
}

.press-audio .col-sm-6 a .photo {
    left: 60%;
}

@media all and (min-width: 1050px) {
    .press-audio .col-sm-6 a .photo {
        right: 3%;
        left: auto;
    }
    .press-audio .col-sm-6 a .btn-big {
        font-size: 17px;
        width: auto;
    }
}

.lector-section {
    color: white;
    text-align: center;
    background: #1c2025 none no-repeat center;
    background-size: cover;
    padding: 137px 0 105px 0;
    position: relative;
    overflow: hidden;
}

@media all and (min-width: 1050px) {
    .lector-section {
        padding: 220px 0 160px 0;
    }
}

.lector-section h2 {
    font-size: 72px;
    font-weight: bold;
    position: relative;
    z-index: 1;
}

@media all and (min-width: 1050px) {
    .lector-section h2 {
        font-size: 90px;
    }
}

.lector-section p {
    font-size: 30px;
    position: relative;
    z-index: 1;
}

.lector-section .bg {
    background: #1c2025 none no-repeat center;
    background-size: cover;
    position: absolute;
    left: 0;
    top: -200px;
    width: 100%;
    bottom: 0;
}

@media all and (max-width: 1050px) {
    .lector-section .bg {
        transform: none !important;
        top: -0;
    }
}

@media all and (min-width: 1050px) {
    .lector-section .bg.video-bg {
        background-image: none !important;
    }
}

.lector-section .bg.video-bg video {
    display: none;
}

@media all and (min-width: 1050px) {
    .lector-section .bg.video-bg video {
        display: inline-block;
        width: auto;
        height: 100%;
        opacity: 0.4;
    }
}

@media all and (min-width: 1280px) {
    .lector-section .bg.video-bg video {
        width: 100%;
        height: auto;
    }
}

.lector-section .more {
    color: #38ad47;
    margin-top: 27px;
}

@media all and (min-width: 1050px) {
    .lector-section .more {
        margin-top: 40px;
    }
}

.lector-section .more a {
    border: 4px solid #38ad47;
    width: 86px;
    border-radius: 50px;
    display: inline-block;
    height: 86px;
    line-height: 73px;
    padding-top: 5px;
    text-align: center;
    padding-left: 5px;
}

.lector-section .more a span {
    display: none;
}

.lector-section .fancyVideoOuter {
    position: absolute;
    height: 0;
    overflow: hidden;
    display: none;
}

.fancyVideoOuter {
    display: block;
    width: 80vw;
    position: relative;
    max-width: 1280px;
    padding-bottom: 56.3%;
}

.fancyVideoOuter video {
    max-width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
}

.boxs-section {
    margin-left: -15px;
    margin-right: -15px;
}

@media all and (min-width: 1050px) {
    .boxs-section {
        margin-left: 0;
        margin-right: 0;
    }
}

.boxs-section .main-row {
    display: none;
}

@media all and (min-width: 768px) {
    .boxs-section .main-row {
        display: block;
    }
}

.boxs-section .ebooks {
    background-color: #f5f5f5;
    height: 480px;
    position: relative;
    overflow: hidden;
}

@media all and (min-width: 1050px) {
    .boxs-section .ebooks {
        overflow: visible;
    }
}

.boxs-section .ebooks:before {
    background-color: #f5f5f5;
    position: absolute;
    width: 1000px;
    right: 400px;
    top: 0;
    height: 100%;
    content: " ";
}

.boxs-section .ebooks h3 {
    text-align: right;
    color: #38ad47;
    font-size: 18px;
    font-weight: bold;
    padding: 58px 60px 58px 50px;
    margin: 0;
}

@media all and (min-width: 1050px) {
    .boxs-section .ebooks h3 {
        padding: 58px 50px;
    }
}

.boxs-section .ebooks .photo {
    position: absolute;
    right: 60px;
    margin: 0;
    bottom: -100px;
}

@media all and (min-width: 1050px) {
    .boxs-section .ebooks .photo {
        bottom: 0;
        right: 270px;
        top: auto;
    }
}

.boxs-section .ebooks .photo img {
    height: 333px;
    width: auto;
}

@media all and (min-width: 1050px) {
    .boxs-section .ebooks .photo img {
        height: auto;
    }
}

.boxs-section .ebooks .smalltext {
    position: absolute;
    right: 60px;
    top: 115px;
    font-size: 24px;
    line-height: 26px;
    color: #313840;
    text-align: right;
    width: 200px;
}

@media all and (min-width: 1050px) {
    .boxs-section .ebooks .smalltext {
        bottom: 45px;
        top: auto;
        right: 50px;
    }
}

.boxs-section .audiobooks {
    background-color: #60656d;
    background-image:
        url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNjNDQ0YyIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNjA2NTZkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #3c444c),
        color-stop(50%, #60656d));
    background-image: -moz-linear-gradient(left, #3c444c 0%, #60656d 50%);
    background-image: -webkit-linear-gradient(left, #3c444c 0%, #60656d 50%);
    background-image: linear-gradient(to right, #3c444c 0%, #60656d 50%);
    height: 480px;
    overflow: hidden;
}

@media all and (min-width: 1050px) {
    .boxs-section .audiobooks {
        overflow: visible;
    }
}

.boxs-section .audiobooks:before {
    background-color: #60656d;
    position: absolute;
    width: 1000px;
    left: 400px;
    top: 0;
    height: 100%;
    content: " ";
}

.boxs-section .audiobooks h3 {
    color: #38ad47;
    font-size: 18px;
    font-weight: bold;
    padding: 58px 50px;
    margin: 0;
}

.boxs-section .audiobooks .photo {
    position: absolute;
    margin: 0;
    left: 60px;
    bottom: 0;
}

@media all and (min-width: 1050px) {
    .boxs-section .audiobooks .photo {
        left: 175px;
    }
}

.boxs-section .audiobooks .photo img {
    height: 235px;
    width: auto;
}

@media all and (min-width: 1050px) {
    .boxs-section .audiobooks .photo img {
        height: auto;
    }
}

.boxs-section .audiobooks .smalltext {
    position: absolute;
    left: 60px;
    top: 115px;
    font-size: 24px;
    line-height: 26px;
    color: white;
    width: 200px;
}

@media all and (min-width: 1050px) {
    .boxs-section .audiobooks .smalltext {
        bottom: 45px;
        top: auto;
    }
}

.section-about {
    background: #373f48 url(../i/about-bg.jpg) no-repeat center;
    background-size: cover;
    color: white;
    padding-top: 80px;
    margin-top: 50px;
    padding-bottom: 53px;
    padding-left: 15px;
    padding-right: 15px;
}

@media all and (min-width: 768px) {
    .section-about {
        padding-bottom: 173px;
    }
}

@media all and (min-width: 1050px) {
    .section-about {
        padding-left: 0;
        padding-right: 0;
        padding-top: 114px;
    }
}

.section-about .h3 {
    text-align: center;
    margin: 0;
    font-weight: bold;
    font-size: 44px;
    padding-bottom: 34px;
}

@media all and (min-width: 768px) {
    .section-about .h3 {
        display: none;
    }
}

.section-about .h3 a {
    display: block;
    position: relative;
}

.section-about .h3 a:before {
    position: absolute;
    left: 0;
    width: 100%;
    color: #38ad47;
    text-align: center;
    bottom: -40px;
    font-size: 23px;
}

.section-about .collapse-box {
    overflow: hidden;
    max-height: 0;
    transition: all 1s;
}

@media all and (min-width: 768px) {
    .section-about .collapse-box {
        max-height: none;
    }
}

.section-about .collapse-box.show {
    max-height: 1500px;
}

.section-about h3 {
    text-align: center;
    margin: 0;
    display: none;
    font-weight: bold;
    font-size: 44px;
    padding-bottom: 34px;
}

@media all and (min-width: 768px) {
    .section-about h3 {
        display: block;
    }
}

@media all and (min-width: 1050px) {
    .section-about h3 {
        font-size: 42px;
        padding-bottom: 46px;
    }
}

.section-about .text {
    max-width: 600px;
    font-weight: 300;
    margin: 0 auto 95px auto;
    font-size: 24px;
    line-height: 36px;
}

@media all and (min-width: 768px) {
    .section-about .text {
        font-size: 16px;
        margin-bottom: 0;
        line-height: 1.8;
    }
}

@media all and (min-width: 1050px) {
    .section-about .text {
        max-width: 1024px;
        margin: 0 auto 53px auto;
    }
}

.section-about .text .big {
    font-size: 36px;
    line-height: 48px;
    padding-bottom: 82px;
}

@media all and (min-width: 768px) {
    .section-about .text .big {
        font-size: 22px;
        line-height: 36px;
    }
}

.section-about .row {
    padding-bottom: 20px;
}

@media all and (min-width: 1050px) {
    .section-about .row>div {
        opacity: 0;
        position: relative;
        top: 30px;
        transition: all 1s;
    }
    .section-about .row>div+div {
        transition-delay: 0.3s;
    }
    .section-about .row>div+div+div {
        transition-delay: 0.6s;
    }
    .section-about .row.show>div {
        opacity: 1;
        top: 0;
    }
}

.section-about .border {
    border: 1px solid #63686e;
    border-radius: 26px;
    padding: 50px 35px 34px 35px;
    margin-bottom: 30px;
}

@media all and (min-width: 768px) {
    .section-about .border {
        text-align: center;
        margin-top: 30px;
        border-radius: 20px;
        padding: 26px 10px 11px 10px;
    }
}

@media all and (min-width: 1050px) {
    .section-about .border {
        margin: 0;
        padding: 49px 26px 68px 26px;
    }
}

.section-about .border i {
    display: inline-block;
    line-height: 90px;
    color: #38ad47;
    font-size: 92px;
    float: right;
    margin-left: 20px;
}

@media all and (min-width: 768px) {
    .section-about .border i {
        float: none;
        margin-left: 0;
        font-size: 47px;
        line-height: 50px;
    }
}

@media all and (min-width: 1050px) {
    .section-about .border i {
        font-size: 40px;
    }
}

.section-about .border h4 {
    font-size: 32px;
    line-height: 1;
    margin-bottom: 42px;
    max-width: 80%;
    display: inline-block;
}

@media all and (min-width: 768px) {
    .section-about .border h4 {
        font-size: 22px;
        display: block;
        max-width: none;
    }
}

@media all and (min-width: 1050px) {
    .section-about .border h4 {
        font-size: 30px;
    }
}

.section-about .border p {
    font-size: 30px;
    line-height: 50px;
}

@media all and (min-width: 768px) {
    .section-about .border p {
        font-size: 13px;
    }
}

@media all and (min-width: 1050px) {
    .section-about .border p {
        font-size: 18px;
        margin: 42px 0 0 0;
    }
}

.section-about .border p strong {
    font-size: 50px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}

@media all and (min-width: 768px) {
    .section-about .border p strong {
        font-size: 30px;
    }
}

@media all and (min-width: 1050px) {
    .section-about .border p strong {
        font-size: 48px;
    }
}

.section-app {
    background-color: #38ad47;
    color: white;
    margin-bottom: 130px;
    position: relative;
    padding-bottom: 92px;
}

@media all and (min-width: 768px) {
    .section-app {
        padding-bottom: 57px;
    }
}

@media all and (min-width: 1050px) {
    .section-app {
        min-height: 584px;
        padding-bottom: 0;
    }
}

.section-app .col {
    padding-left: 15px;
    padding-top: 116px;
    padding-right: 20%;
}

@media all and (min-width: 768px) {
    .section-app .col {
        padding-right: 33.33%;
        padding-left: 30px;
        padding-top: 64px;
    }
}

@media all and (min-width: 1050px) {
    .section-app .col {
        float: left;
        height: 584px;
        width: 270px;
        padding-left: 44px;
        padding-right: 0;
        position: relative;
        padding-top: 160px;
    }
}

.section-app .col:before {
    content: " ";
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 30px;
    width: 37%;
    height: 340px;
    position: absolute;
    left: 50%;
    margin-left: 120px;
    bottom: -40px;
}

@media all and (min-width: 768px) {
    .section-app .col:before {
        right: 0;
        margin-left: 0;
        left: auto;
        bottom: -70px;
        height: 220px;
    }
}

@media all and (min-width: 1050px) {
    .section-app .col:before {
        width: 470px;
        left: 330px;
        right: auto;
        height: 470px;
    }
}

.section-app .col h2 {
    font-size: 44px;
    line-height: 44px;
    font-weight: bold;
}

@media all and (min-width: 1050px) {
    .section-app .col h2 {
        font-size: 50px;
        line-height: 60px;
        padding-bottom: 40px;
    }
}

.section-app .col p {
    font-size: 24px;
}

@media all and (min-width: 1050px) {
    .section-app .col p strong {
        display: block;
    }
}

.section-app .screen {
    position: absolute;
    left: 50%;
    margin-left: 140px;
    width: 360px;
    top: -125px;
    transition: all 0.3s;
}

@media all and (min-width: 768px) {
    .section-app .screen {
        top: -130px;
        width: 33.33%;
        right: 0;
        left: auto;
    }
}

@media all and (min-width: 768px) and (max-width: 1049px) {
    .section-app .screen {
        width: 312px;
    }
    .section-app .screen span {
        background-image: url(../i/tablet.png) !important;
        height: 605px;
        width: 312px;
        padding: 92px 0 33.5% 82px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media all and (min-width: 1050px) {
    .section-app .screen {
        height: 860px;
        width: 489px;
        left: 340px;
        right: auto;
        top: -140px;
        padding-bottom: 0;
        margin-left: 0;
    }
}

@media all and (min-width: 768px) and (max-width: 1049px) {
    .section-app .screen.android span {
        background-image: url(../i/tablet-android.png) !important;
        height: 605px;
        width: 312px;
        padding: 82px 0 33.5% 70px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

.section-app .screen.iphone {
    opacity: 0;
}

.section-app .screen.iphone span {
    background-image: url(../i/iphone.png);
}

.section-app .screen span {
    background: transparent url(../i/phone.png) no-repeat;
    background-size: cover;
    display: block;
    padding: 36.6% 26.8% 33.5% 16.5%;
    margin-left: -35px;
    margin-right: -45px;
}

@media all and (min-width: 1050px) {
    .section-app .screen span {
        height: 860px;
        padding: 137px 0 0 62px;
        width: 489px;
        margin: 0;
    }
}

.section-app .screen img {
    width: 100%;
    height: auto;
}

@media all and (min-width: 1050px) {
    .section-app .screen img {
        width: auto;
    }
}

.section-app.showIphone .screen.android {
    opacity: 0;
}

.section-app.showIphone .screen.iphone {
    opacity: 1;
}

.iOS .section-app .screen.android {
    opacity: 0;
}

.iOS .section-app .screen.iphone {
    opacity: 1;
}

.iOS .section-app .download .download-android-app {
    display: none;
}

.iOS .section-app .download .iphone {
    display: inline-block;
    margin-left: -7px;
}

.section-app .download {
    padding-top: 30px;
}

@media all and (min-width: 768px) {
    .section-app .download {
        padding-left: 15px;
    }
}

@media all and (min-width: 1050px) {
    .section-app .download {
        float: right;
        width: 290px;
        padding-top: 276px;
        padding-left: 0;
    }
}

.section-app .download .iphone {
    display: none;
}

@media all and (min-width: 768px) {
    .section-app .download .iphone {
        display: inline-block;
        opacity: 0;
    }
    
    .iOS .section-app .download .iphone {
        opacity: 1;
    }
}

@media all and (min-width: 1050px) {
    .section-app .download .iphone {
        opacity: 1;
    }
}

.section-app .download p {
    margin-bottom: 20px;
    display: inline-block;
    margin-right: 20px;
}

@media all and (min-width: 1050px) {
    .section-app .download p {
        display: block;
        margin-right: 0;
    }
}

@media all and (min-width: 768px) {
    .section-app .download p:first-child {
        display: inline-block;
    }
}

.section-app .download a {
    display: inline-block;
    border: 1px solid #74c67f;
    border-radius: 50px;
    font-size: 26px;
    padding-left: 40px;
    padding-right: 94px;
    line-height: 98px;
}

@media all and (min-width: 768px) {
    .section-app .download a {
        font-size: 12px;
        padding-right: 20px;
        line-height: 46px;
        padding-left: 17px;
    }
}

@media all and (min-width: 1050px) {
    .section-app .download a {
        font-size: 18px;
        line-height: 70px;
        padding-right: 30px;
        padding-left: 25px;
    }
}

.section-app .download a:before {
    font-size: 50px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 3px;
    vertical-align: middle;
}

@media all and (min-width: 768px) {
    .section-app .download a:before {
        font-size: 24px;
    }
}

@media all and (min-width: 1050px) {
    .section-app .download a:before {
        font-size: 30px;
        margin-right: 13px;
    }
}

.section-app .download a:hover {
    background-color: white;
    color: #38ad47;
}

.item-section .main-info {
    color: white;
    position: relative;
    min-height: 530px;
}

.item-section .main-info .bg {
    position: absolute;
    left: 50%;
    margin-left: -1000px;
    width: 2000px;
    text-align: center;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

@media all and (min-width: 1050px) {
    .item-section .main-info .bg {
        left: 0;
        width: 100%;
        margin-left: 0;
        bottom: 30px;
    }
}

.item-section .main-info .bg img {
    height: 100%;
    width: auto;
}

@media all and (min-width: 768px) {
    .item-section .main-info .bg img {
        height: 548px;
        width: auto;
    }
}

@media all and (min-width: 1050px) {
    .item-section .main-info .bg img {
        width: auto;
        min-width: 100%;
        height: auto;
    }
}

.item-section .main-info .container-fluid {
    z-index: 1;
    position: relative;
    padding-top: 48px;
}

@media all and (min-width: 768px) {
    .item-section .main-info .container-fluid {
        padding-top: 60px;
    }
}

@media all and (min-width: 1050px) {
    .item-section .main-info .container-fluid {
        padding-top: 78px;
    }
}

.item-section .main-info .photo {
    text-align: center;
    position: relative;
    width: 440px;
    margin: 0 auto;
}

@media all and (min-width: 768px) {
    .item-section .main-info .photo {
        float: left;
        width: auto;
        margin-left: -35px;
    }
}

@media all and (min-width: 1050px) {
    .item-section .main-info .photo {
        margin-left: -20px;
    }
}

.item-section .main-info .photo:before {
    background-image:
        url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMxMzg0MCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMTM4NDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(49, 56,
        64, 0)), color-stop(100%, #313840));
    background-image: -moz-linear-gradient(top, rgba(49, 56, 64, 0) 0%,
        #313840 100%);
    background-image: -webkit-linear-gradient(top, rgba(49, 56, 64, 0) 0%,
        #313840 100%);
    background-image: linear-gradient(to bottom, rgba(49, 56, 64, 0) 0%,
        #313840 100%);
    z-index: 1;
    content: " ";
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 156px;
}

.item-section .main-info .photo img {
    width: 100%;
    height: auto;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.3);
}

@media all and (min-width: 768px) {
    .item-section .main-info .photo img {
        width: auto;
        height: 530px;
    }
}

@media all and (min-width: 1050px) {
    .item-section .main-info .photo img {
        width: 310px;
        height: auto;
    }
}

.item-section .main-info .photo .edge {
    position: relative;
    display: inline-block;
    line-height: 1;
    vertical-align: bottom;
    width: 100%;
}

.item-section .main-info .photo .edge:before {
    content: " ";
    position: absolute;
    left: 0;
    width: 10px;
    height: 100%;
    z-index: 5;
    bottom: 0;
    background-image:
        url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjYzJSIgc3RvcC1jb2xvcj0iI2I5YjliOSIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0,
        0)), color-stop(48%, rgba(0, 0, 0, 0.2)),
        color-stop(49%, rgba(255, 255, 255, 0.2)),
        color-stop(63%, rgba(185, 185, 185, 0.2)),
        color-stop(100%, rgba(0, 0, 0, 0)));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.2) 48%, rgba(255, 255, 255, 0.2) 49%,
        rgba(185, 185, 185, 0.2) 63%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.2) 48%, rgba(255, 255, 255, 0.2) 49%,
        rgba(185, 185, 185, 0.2) 63%, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.2) 48%, rgba(255, 255, 255, 0.2) 49%,
        rgba(185, 185, 185, 0.2) 63%, rgba(0, 0, 0, 0) 100%);
}

.item-section .main-info .photo .btn {
    position: absolute;
    bottom: 21px;
    left: 50%;
    margin-left: -165px;
    width: 330px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: white;
    font-weight: bold;
    font-size: 26px;
    line-height: 59px;
    z-index: 2;
}

@media all and (min-width: 768px) {
    .item-section .main-info .photo .btn {
        line-height: 29px;
        font-size: 15px;
        margin-left: -84px;
        width: 168px;
    }
}

.item-section .main-info .photo .btn:before {
    color: #38ad47;
    margin-right: 8px;
    vertical-align: middle;
}

.item-section .main-info .photo .btn:hover {
    background-color: rgba(255, 255, 255, 0.5);
    color: #38ad47;
}

.item-section .main-info h1 {
    font-weight: bold;
    font-size: 48px;
    line-height: 48px;
    text-align: center;
    margin-top: 50px;
}

@media all and (min-width: 768px) {
    .item-section .main-info h1 {
        margin: 0 0 10px 0;
    }
}

@media all and (min-width: 768px) {
    .item-section .main-info h1 {
        margin-left: 350px;
        margin-top: -15px;
        text-align: left;
    }
}

@media all and (min-width: 1050px) {
    .item-section .main-info h1 {
        margin: 5px 0 0 360px;
    }
}

.item-section .main-info h1 br {
    display: none;
}

@media all and (min-width: 768px) {
    .item-section .main-info h1 br {
        display: inline;
    }
}

.item-section .main-info .number {
    font-size: 28px;
    text-align: center;
}

@media all and (min-width: 768px) {
    .item-section .main-info .number {
        font-size: 18px;
        text-align: left;
        margin-left: 350px;
        margin-top: -6px;
    }
}

@media all and (min-width: 1050px) {
    .item-section .main-info .number {
        margin-left: 360px;
        margin-top: 6px;
    }
}

.item-section .main-info .info {
    font-size: 28px;
    margin-top: 22px;
    border-top: 1px solid #595f6a;
    margin-left: -15px;
    margin-right: -15px;
    padding: 35px 30px 0 30px;
    text-align: center;
}

@media all and (min-width: 768px) {
    .item-section .main-info .info {
        font-size: 16px;
        margin-top: 15px;
        padding-top: 15px;
        margin-left: 350px;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        text-align: left;
    }
}

@media all and (min-width: 1050px) {
    .item-section .main-info .info {
        margin-top: 52px;
        padding-top: 0;
        margin-left: 360px;
        border-top-width: 0;
    }
}

.item-section .main-info .info p {
    display: inline-block;
}

@media all and (min-width: 1050px) {
    .item-section .main-info .info .available {
        padding-left: 48px;
        display: inline-block;
    }
}

.item-section .main-info .info .available ul {
    list-style-type: none;
    margin: 20px 0 0 00;
    padding: 0;
}

@media all and (min-width: 1050px) {
    .item-section .main-info .info .available ul {
        display: inline-block;
        margin-top: 0;
        margin-left: 10px;
    }
}

.item-section .main-info .info .available ul li {
    border: 1px solid #797c8a;
    border-radius: 30px;
    font-weight: bold;
    font-size: 26px;
    line-height: 60px;
    margin-bottom: 7px;
    margin-right: 8px;
    display: inline-block;
}

@media all and (min-width: 768px) {
    .item-section .main-info .info .available ul li {
        font-size: 14px;
        margin-bottom: 0;
        margin-right: 7px;
        line-height: 28px;
    }
}

.item-section .main-info .info .available ul li:last-child {
    margin-right: 0;
}

.item-section .main-info .info .available a {
    display: block;
    padding-left: 21px;
    padding-right: 22px;
}

@media all and (min-width: 768px) {
    .item-section .main-info .info .available a {
        padding-left: 11px;
        padding-right: 12px;
    }
}

.item-section .main-info .info .available a:before {
    margin-right: 16px;
    vertical-align: middle;
    margin-bottom: 3px;
}

@media all and (min-width: 768px) {
    .item-section .main-info .info .available a:before {
        margin-right: 6px;
    }
}

.item-section .main-info .tools {
    border-top: 1px solid #5b616c;
    list-style-type: none;
    padding: 30px 30px 30px 30px;
    margin: 37px -15px 0 -15px;
}

@media all and (min-width: 768px) {
    .item-section .main-info .tools {
        margin-left: 350px;
        padding-left: 0;
        padding-right: 0;
        margin-right: 10px;
    }
}

@media all and (min-width: 1050px) {
    .item-section .main-info .tools {
        margin-left: 360px;
        border-top-width: 0;
        padding: 0;
        margin-top: 48px;
    }
}

.item-section .main-info .tools ul {
    list-style-type: none;
    margin: 0 -12px;
    padding: 0;
    overflow: hidden;
}

@media all and (min-width: 768px) {
    .item-section .main-info .tools ul {
        margin: 0 -7px;
    }
}

@media all and (min-width: 1050px) {
    .item-section .main-info .tools ul {
        margin: 0;
    }
}

.item-section .main-info .tools li {
    float: left;
    width: 25%;
    padding-left: 12px;
    padding-right: 12px;
}

@media all and (min-width: 768px) {
    .item-section .main-info .tools li {
        padding-left: 7px;
        padding-right: 7px;
    }
}

@media all and (min-width: 1050px) {
    .item-section .main-info .tools li {
        margin-right: 22px;
        width: auto;
    }
}

.item-section .main-info .tools li a {
    display: block;
    border: 1px solid #656c71;
    text-align: center;
    border-radius: 25px;
    font-size: 18px;
    color: white;
    padding: 25px 6px 20px 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media all and (min-width: 768px) {
    .item-section .main-info .tools li a {
        height: 86px;
        width: 86px;
        border-radius: 13px;
        font-size: 11px;
        padding: 19px 6px 0 6px;
    }
}

@media all and (min-width: 1050px) {
    .item-section .main-info .tools li a {
        width: 106px;
        height: 106px;
        padding: 25px 12px 0 12px;
        font-size: 15px;
    }
}

.item-section .main-info .tools li a:before {
    display: block;
    font-size: 34px;
    color: #38ad47;
    margin-bottom: 8px;
}

@media all and (min-width: 768px) {
    .item-section .main-info .tools li a:before {
        font-size: 24px;
    }
}

.item-details {
    padding-top: 20px;
}

.item-details h2 {
    font-weight: bold;
    font-size: 48px;
    color: #313840;
}

.item-details .note {
    border: 1px solid #ececef;
    padding: 18px 17px;
    color: #6e767d;
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    width: 180px;
    transform: translate(0, -50%);
    margin-top: 32px;
    top: 0;
    left: -215px;
    display: none;
}

@media all and (min-width: 1150px) {
    .item-details .note {
        display: block;
    }
}

.item-details .note:before {
    border-left: 7px solid #ececef;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    content: " ";
    position: absolute;
    right: -7px;
    top: 50%;
    margin-top: -6px;
}

.item-details .note:after {
    border-left: 6px solid white;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    content: " ";
    position: absolute;
    right: -6px;
    top: 50%;
    margin-top: -5px;
}

.item-details .buttons {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.item-details div.text {
    font-weight: 300;
    color: #6e767d;
    line-height: 1.8;
    overflow: hidden;
    padding-top: 36px;
    font-size: 24px;
}

@media all and (min-width: 768px) {
    .item-details div.text {
        font-size: 16px;
        padding-top: 30px;
    }
}

.item-details div.text p {
    margin-bottom: 30px;
}

.item-details div.text a {
    color: #38ad47;
}

.item-details .version-list {
    margin: 30px 0 60px 0;
    padding-top: 20px;
    color: #6e767d;
}

@media all and (min-width: 768px) {
    .item-details .version-list {
        margin-top: 0;
    }
}

.item-details .version-list dt {
    font-size: 30px;
    font-weight: 300;
    position: relative;
    padding: 10px 0 0 0;
    line-height: 38px;
}

@media all and (min-width: 768px) {
    .item-details .version-list dt {
        font-size: 18px;
        line-height: 48px;
        float: left;
    }
}

.item-details .version-list dt.big-dd {
    padding-top: 0;
}

@media all and (min-width: 768px) {
    .item-details .version-list dt.big-dd {
        padding-top: 10px;
    }
}

.item-details .version-list dt>span {
    display: inline-block;
    width: 60px;
    vertical-align: middle;
}

@media all and (min-width: 1150px) {
    .item-details .version-list dt>span {
        width: 70px;
    }
}

.item-details .version-list dt em {
    display: inline-block;
    max-width: 320px;
    font-size: 22px;
    line-height: 25px;
    color: #bfc2c4;
    font-style: normal;
    vertical-align: middle;
    position: absolute;
    bottom: -150px;
    left: 0;
}

@media all and (min-width: 768px) {
    .item-details .version-list dt em {
        position: static;
        font-size: 13px;
        line-height: 17px;
        max-width: 280px;
    }
}

@media all and (min-width: 1150px) {
    .item-details .version-list dt em {
        max-width: 300px;
    }
}

.item-details .version-list dt label {
    font-weight: normal;
    margin-right: 20px;
}

@media all and (min-width: 1150px) {
    .item-details .version-list dt>label {
        margin-right: 60px;
    }
}

.item-details .version-list dt .dropdown {
    position: absolute;
    bottom: -155px;
    width: 352px !important;
    left: 0;
}

@media all and (min-width: 768px) {
    .item-details .version-list dt .dropdown {
        position: relative;
        bottom: auto;
        width: 220px !important;
    }
}

.item-details .version-list dd {
    position: relative;
    font-size: 30px;
    font-weight: bold;
    line-height: 48px;
    padding: 0 0 40px 0;
    margin-bottom: 40px;
    border-bottom: 1px solid #ececef;
}

@media all and (min-width: 768px) {
    .item-details .version-list dd {
        font-size: 18px;
        line-height: 48px;
        padding: 10px 0;
        text-align: right;
        margin: 0 230px 0 0;
    }
}

.item-details .version-list dd.big-dd {
    padding-bottom: 148px;
}

@media all and (min-width: 768px) {
    .item-details .version-list dd.big-dd {
        padding-bottom: 10px;
    }
}

.item-details .version-list dd.big-dd .btn {
    top: auto;
    bottom: 40px;
}

@media all and (min-width: 768px) {
    .item-details .version-list dd.big-dd .btn {
        top: 10px;
        bottom: auto;
    }
}

.item-details .version-list dd .btn {
    position: absolute;
    right: 0;
    top: -40px;
    box-shadow: none;
    font-size: 28px;
    padding-left: 20px;
    padding-right: 20px;
    width: 215px;
}

@media all and (min-width: 768px) {
    .item-details .version-list dd .btn {
        width: 180px;
        right: -230px;
        top: 10px;
        font-size: 18px;
    }
}

.page-menu {
    background-color: #f5f7f7;
}

.page-menu ul {
    list-style-type: none;
    margin: 0 -15px;
    padding: 0;
    text-align: center;
}

@media all and (min-width: 768px) {
    .page-menu ul {
        margin: 0;
    }
}

.page-menu ul li {
    float: left;
    width: 50%;
    font-size: 30px;
}

@media all and (min-width: 768px) {
    .page-menu ul li {
        font-size: 18px;
        padding: 0 70px;
        display: inline-block;
        float: none;
        width: auto;
    }
}

.page-menu ul li.active a {
    color: #38ad47;
    border-bottom: 2px solid #38ad47;
    font-weight: bold;
}

.page-menu ul a {
    display: block;
    color: #313840;
    line-height: 32px;
    padding: 25px 0;
}

.page-menu ul a:hover {
    color: #38ad47;
}

.profile-menu {
    background-color: #38ad47;
}

.profile-menu ul {
    list-style-type: none;
    margin: 0 0 -20px 0;
    padding: 0;
    text-align: justify;
}

.profile-menu ul:after {
    content: " ";
    display: inline-block;
    width: 80%;
    height: 1px;
}

.profile-menu ul li {
    display: inline-block;
}

.profile-menu ul li.active a {
    font-weight: bold;
    border-bottom: 3px solid white;
}

.profile-menu ul a {
    color: white;
    font-size: 18px;
    display: block;
    position: relative;
    line-height: 21px;
    padding: 30px 0;
}

@media all and (max-width: 769px) {
    .profile-menu ul a {
        font-size: 22px;
    }
}

.user-form {
    width: 730px;
    margin: 0 auto;
    padding-top: 84px;
    padding-bottom: 220px;
}

.user-form h3 {
    text-transform: uppercase;
    color: #313840;
    font-size: 30px;
    margin: 0 0 37px 230px;
    font-weight: bold;
}

@media all and (min-width: 768px) {
    .user-form h3 {
        font-size: 20px;
        margin: 0 0 37px 210px;
    }
}

.user-form fieldset+fieldset {
    padding-top: 50px;
}

.user-form .to-center {
    text-align: center;
    padding-bottom: 30px;
}

.user-form .form-group {
    padding: 7px 70px 7px 190px;
    margin-bottom: 0;
    position: relative;
    z-index: auto;
}

.user-form .form-group>label {
    display: block;
    font-size: 25px;
    color: #6e767d;
    font-weight: normal;
    width: 150px;
    position: absolute;
    left: 0;
    padding-top: 24px;
}

@media all and (min-width: 768px) {
    .user-form .form-group>label {
        font-size: 18px;
        padding-top: 10px;
    }
}

.user-form .form-group .btn:not(.dropdown-toggle) {
    position: absolute;
    right: 0;
    top: 7px;
    display: none;
    background-color: white;
}

.user-form .form-group .form-control-feedback {
    top: 12px;
    right: 95px;
    z-index: 1;
    pointer-events: auto;
    cursor: pointer;
}

@media all and (min-width: 768px) {
    .user-form .form-group .form-control-feedback {
        right: 75px;
    }
}

.user-form .form-group .edit-link {
    cursor: pointer;
}

.user-form .checkbox.to-right {
    margin-left: 170px;
    margin-bottom: 60px;
}

@media all and (min-width: 768px) {
    .user-form .checkbox.to-right {
        float: right;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 70px;
    }
}

.user-form .form-control {
    font-size: 30px;
    padding-left: 40px;
    padding-right: 20px;
    color: #6e767d;
}

@media all and (min-width: 768px) {
    .user-form .form-control {
        font-size: 18px;
        padding-left: 20px;
    }
}

.user-form .form-control[disabled] {
    padding-left: 21px;
    padding-right: 21px;
}

.user-form .fv-data {
    display: none;
}

.user-form .fv-data.show-fv {
    display: block;
}

.user-form .edit-input .btn {
    display: block;
    color: #38ad47;
    width: 58px;
    padding-left: 10px;
    padding-right: 10px;
}

.user-form.profile-form {
    padding-top: 40px;
}

.user-form.profile-form h3 {
    margin-left: 0;
}

.user-form.profile-form h3+p {
    font-size: 24px;
    color: #b9bbbd;
    line-height: 1.33;
    margin-bottom: 40px;
}

@media all and (min-width: 768px) {
    .user-form.profile-form h3+p {
        font-size: 18px;
    }
}

.user-form.profile-form .checkbox-group {
    margin-bottom: 0px;
    padding-top: 20px;
    padding-bottom: 0;
}

.user-form.profile-form .big-checkbox {
    width: auto;
    max-width: none;
    border-bottom-width: 0;
}

.empty {
    color: #b9bbbd;
    padding: 20px 0 80px 0;
    font-size: 24px;
}

@media all and (min-width: 768px) {
    .empty {
        font-size: 18px;
    }
}

.user-history {
    padding-top: 60px;
}

.user-history h3 {
    text-align: center;
    font-weight: bold;
    font-size: 30px;
    color: #313840;
    text-transform: uppercase;
}

@media all and (min-width: 768px) {
    .user-history h3 {
        font-size: 20px;
    }
}

.user-history ul {
    list-style-type: none;
    margin: 0 auto;
    padding: 10px 0;
    max-width: 760px;
    color: #6e767d;
}

.user-history ul li {
    position: relative;
    margin: 40px 0;
    padding-left: 170px;
    min-height: 90px;
}

@media all and (min-width: 768px) {
    .user-history ul li {
        padding-left: 92px;
    }
}

.user-history ul .cover {
    position: absolute;
    left: 0;
    top: 0;
}

.user-history ul .cover img {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.1);
    width: 140px;
    height: auto;
}

@media all and (min-width: 768px) {
    .user-history ul .cover img {
        width: 60px;
    }
}

@media all and (min-width: 768px) {
    .user-history ul .col-title {
        float: left;
        width: 200px;
    }
}

.user-history ul h4 {
    font-size: 30px;
    font-weight: bold;
    padding-top: 6px;
    margin-bottom: 2px;
}

@media all and (min-width: 768px) {
    .user-history ul h4 {
        font-size: 24px;
    }
}

.user-history ul .date {
    font-size: 20px;
    color: #313840;
}

@media all and (min-width: 768px) {
    .user-history ul .date {
        font-size: 16px;
    }
}

.user-history ul dl {
    font-size: 20px;
    padding-top: 11px;
}

@media all and (min-width: 768px) {
    .user-history ul dl {
        font-size: 15px;
    }
}

.user-history ul dl dt {
    float: left;
    margin-right: 10px;
    line-height: 32px;
}

@media all and (min-width: 768px) {
    .user-history ul dl dt {
        margin-right: 5px;
        line-height: 26px;
    }
}

.user-history ul dl dd {
    line-height: 32px;
}

@media all and (min-width: 768px) {
    .user-history ul dl dd {
        line-height: 26px;
    }
}

.user-history ul .price {
    line-height: 26px;
    font-size: 20px;
}

@media all and (min-width: 768px) {
    .user-history ul .price {
        position: absolute;
        right: 0;
        top: 11px;
        font-size: 15px;
    }
}

.user-history ul .price strong {
    font-size: 24px;
    color: #313840;
}

@media all and (min-width: 768px) {
    .user-history ul .price strong {
        font-size: 18px;
    }
}

.user-history .buttons {
    text-align: center;
    padding-bottom: 150px;
}

.profile-form {
    padding-top: 58px;
    padding-bottom: 130px;
    text-align: center;
    width: auto;
}

@media all and (min-width: 768px) {
    .profile-form {
        padding-top: 90px;
    }
}

.profile-form fieldset {
    margin: 0 auto;
    max-width: 700px;
}

.profile-form h3 {
    font-weight: bold;
    font-size: 30px;
    color: #313840;
    margin-bottom: 20px;
    text-transform: uppercase;
}

@media all and (min-width: 768px) {
    .profile-form h3 {
        font-size: 20px;
    }
}

.profile-form .form-group {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media all and (min-width: 768px) {
    .profile-form .form-group {
        max-width: 370px;
    }
}

.profile-form .form-group.required::after {
    right: -8px;
}

.profile-form .big-checkbox {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media all and (min-width: 768px) {
    .profile-form .big-checkbox {
        max-width: 370px;
    }
}

.profile-form .checkbox {
    padding-top: 24px;
    padding-bottom: 30px;
}

@media all and (min-width: 768px) {
    .profile-form .checkbox {
        padding-bottom: 20px;
        padding-top: 16px;
    }
}

.profile-form .padding-top {
    padding-top: 30px;
}

.login-options {
    padding-top: 60px;
    padding-bottom: 10px;
}

.login-options:last-child {
    padding-bottom: 180px;
}

.login-options h3+p {
    font-size: 24px;
    color: #b9bbbd;
    line-height: 1.33;
    margin-bottom: 65px;
}

@media all and (min-width: 768px) {
    .login-options h3+p {
        font-size: 18px;
    }
}

.login-options .padding-top {
    padding-top: 15px;
}

.login-options .group-relative {
    position: relative;
}

.login-options .input-note {
    text-align: left;
    color: #797c8a;
}

@media all and (min-width: 768px) {
    .login-options .input-note {
        top: 0;
        position: absolute;
        width: 160px;
        margin-left: 590px;
    }
}

.login-options .input-note h4 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 26px;
    margin-top: 0;
}

@media all and (min-width: 768px) {
    .login-options .input-note h4 {
        font-size: 16px;
    }
}

.login-options .input-note p {
    font-size: 20px;
    line-height: 26px;
}

@media all and (min-width: 768px) {
    .login-options .input-note p {
        font-size: 14px;
        line-height: 20px;
    }
}

.login-options .input-note a {
    color: #38ad47;
}

.login-options .success-text {
    display: block;
}

.register-success {
    text-align: center;
}

.register-success i {
    font-size: 220px;
    display: block;
    line-height: 80px;
    color: #f5f7f7;
}

@media all and (min-width: 768px) {
    .register-success i {
        font-size: 130px;
        line-height: 60px;
    }
}

.register-success h2 {
    font-weight: bold;
    font-size: 44px;
    line-height: 1;
    color: #6e767d;
    margin-top: 0px;
}

@media all and (min-width: 768px) {
    .register-success h2 {
        font-size: 28px;
    }
}

.register-success h3 {
    font-size: 38px;
    font-weight: bold;
    margin-top: 50px;
    color: #38ad47;
    margin-bottom: 72px;
}

@media all and (min-width: 768px) {
    .register-success h3 {
        font-size: 22px;
        margin-top: 4px;
        margin-bottom: 58px;
    }
}

.register-success p {
    color: #6e767d;
    font-size: 24px;
    margin-bottom: 23px;
}

@media all and (min-width: 768px) {
    .register-success p {
        font-size: 16px;
    }
}

.register-success p span {
    color: #38ad47;
    font-weight: bold;
}

.register-success .success-text {
    display: none;
}

@media all and (min-width: 768px) {
    .register-success .success-text {
        display: block;
    }
}

.password-recovery-form {
    padding-top: 60px;
}

.password-recovery-form .note {
    font-size: 24px;
    color: #b9bbbd;
    line-height: 1.3;
    margin-bottom: 32px;
}

@media all and (min-width: 768px) {
    .password-recovery-form .note {
        font-size: 18px;
    }
}

.password-recovery-form .buttons {
    margin-top: 42px;
    padding-bottom: 70px;
}

.password-recovery-form .success-text {
    display: block;
}

.sub-jumbotron {
    height: 380px;
    background-color: #48474a;
    color: white;
    text-align: center;
    padding-top: 60px;
    background: #313840 no-repeat center;
    background-size: cover;
}

@media all and (min-width: 768px) {
    .sub-jumbotron {
        height: 210px;
    }
}

.sub-jumbotron h1 {
    font-size: 48px;
    font-weight: bold;
}

@media all and (min-width: 768px) {
    .sub-jumbotron h1 {
        font-size: 36px;
    }
}

.sub-jumbotron p {
    font-size: 24px;
    overflow: hidden;
    max-height: 100px;
}

@media all and (min-width: 768px) {
    .sub-jumbotron p {
        font-size: 18px;
        max-height: 130px;
    }
}

.sub-jumbotron p strong {
    color: #38ad47;
    font-size: 24px;
}

@media all and (min-width: 768px) {
    .sub-jumbotron.jumbotron-category {
        height: 287px;
        padding-top: 60px;
    }
}

@media all and (min-width: 768px) {
    .sub-jumbotron.jumbotron-category h1 {
        font-size: 48px;
    }
}

.sub-jumbotron.category1 {
    background-image: url(../i/categories/category1.jpg);
}

.sub-jumbotron.category2 {
    background-image: url(../i/categories/category2.jpg);
}

.sub-jumbotron.category3 {
    background-image: url(../i/categories/category3.jpg);
}

.sub-jumbotron.category4 {
    background-image: url(../i/categories/category4.jpg);
}

.sub-jumbotron.category5 {
    background-image: url(../i/categories/category5.jpg);
}

.sub-jumbotron.category6 {
    background-image: url(../i/categories/category6.jpg);
}

.sub-jumbotron.category7 {
    background-image: url(../i/categories/category7.jpg);
}

.sub-jumbotron.category8 {
    background-image: url(../i/categories/category8.jpg);
}

.sub-jumbotron.category9 {
    background-image: url(../i/categories/category9.jpg);
}

.sub-jumbotron.category10 {
    background-image: url(../i/categories/category10.jpg);
}

.sub-jumbotron.category11 {
    background-image: url(../i/categories/category11.jpg);
}

.sub-jumbotron.category12 {
    background-image: url(../i/categories/category12.jpg);
}

.sub-jumbotron.category13 {
    background-image: url(../i/categories/category13.jpg);
}

.sub-jumbotron.category14 {
    background-image: url(../i/categories/category14.jpg);
}

.search-result-header {
    height: 240px;
}

@media all and (min-width: 768px) {
    .search-result-header {
        height: 210px;
    }
}

.search-result-header h1 {
    font-size: 34px;
}

@media all and (min-width: 768px) {
    .search-result-header h1 {
        font-size: 36px;
    }
}

.category-full-list .overlay {
    transition: all 1s;
}

@media all and (min-width: 768px) {
    .category-full-list .overlay {
        overflow: hidden;
        border-radius: 0;
    }
}

.category-full-list.show-all .overlay {
    box-shadow: 0 58px 51px rgba(49, 55, 63, 0.26);
}

@media all and (min-width: 768px) {
    .category-full-list .container-fluid {
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media all and (min-width: 768px) {
    .category-full-list ul {
        padding: 20px 0;
    }
}

.category-full-list li {
    color: #6e767d;
    font-size: 30px;
    border-top: 1px solid #dadddf;
    position: relative;
}

@media all and (min-width: 768px) {
    .category-full-list li {
        float: left;
        padding: 0 15px;
        border-top-width: 0;
        font-size: 18px;
        width: 33.33%;
    }
}

@media all and (min-width: 1050px) {
    .category-full-list li {
        width: 25%;
    }
}

.category-full-list li:first-child {
    border-top-width: 0;
}

.category-full-list li.active a:before, .category-full-list li.active label:before
    {
    display: none;
}

@media all and (min-width: 768px) {
    .category-full-list li label, .category-full-list li a {
        padding: 6px 40px 6px 0;
    }
}

.category-full-list li label:hover, .category-full-list li a:hover {
    color: #38ad47;
}

.category-full-list li label {
    padding-left: 40px;
}

@media all and (min-width: 768px) {
    .category-full-list li label {
        padding-left: 30px;
    }
}

.category-full-list .more {
    clear: both;
    text-align: center;
    margin: 20px auto 0 auto;
    max-width: 580px;
    border: 1px solid #CECED6;
    background: #f5f7f7;
    border-color: #CECED6;
    border-radius: 50px;
    line-height: 100px;
    position: relative;
}

@media all and (min-width: 768px) {
    .category-full-list .more {
        border-bottom: 1px solid #edeef2;
        padding: 23px 0 13px 0;
        background-color: transparent;
        border-radius: 0;
        max-width: none;
        margin: 0;
        line-height: 1.2;
    }
}

.category-full-list .more .selected {
    position: absolute;
    left: 0;
    color: #6e767d;
    font-size: 30px;
    width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    padding-left: 40px;
}

@media all and (min-width: 768px) {
    .category-full-list .more .selected {
        display: none;
    }
}

.category-full-list .more a {
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    position: relative;
    overflow: hidden;
    padding: 27px 70px 27px 40px;
    color: #38ad47;
}

@media all and (min-width: 768px) {
    .category-full-list .more a {
        font-size: 13px;
        overflow: visible;
        text-align: right;
        padding: 0 0 17px 0;
        color: #6e767d;
        display: inline-block;
        line-height: 1.2px;
    }
}

@media all and (min-width: 1050px) {
    .category-full-list .more a {
        font-size: 14px;
    }
}

.category-full-list .more a:before {
    position: absolute;
    right: 28px;
    bottom: 36px;
    color: #38ad47;
    font-size: 24px;
    transform: rotate(0deg);
    transition: all 0.3s;
}

@media all and (min-width: 768px) {
    .category-full-list .more a:before {
        font-size: 8px;
        width: 100%;
        right: auto;
        left: 0;
        bottom: 0;
        text-align: center;
    }
}

.category-full-list .more a span {
    float: right;
}

@media all and (min-width: 768px) {
    .category-full-list .more a span {
        float: none;
    }
}

@media all and (min-width: 768px) {
    .category-full-list .more a br {
        display: none;
    }
}

.category-full-list .more a .hide-text {
    display: none;
}

.category-full-list.show-all p a:before {
    transform: rotate(180deg);
}

.category-full-list.show-all p a .hide-text {
    display: inline;
}

.category-full-list.show-all p a .show-text {
    display: none;
}

.site-list .normal .owl-stage-outer::before {
    display: none;
}

.list-change {
    text-align: left;
    padding: 30px 0 12px 0;
    position: relative;
    z-index: 9;
    margin: 0 auto;
    max-width: 580px;
}

@media all and (min-width: 768px) {
    .list-change {
        padding: 30px 15px 0 15px;
        max-width: none;
        position: static;
    }
}

@media all and (min-width: 800px) {
    .list-change {
        text-align: center;
    }
}

@media all and (min-width: 1050px) {
    .list-change {
        padding: 30px 0 0 0;
    }
}

.list-change.show-list ul {
    display: block;
}

.list-change .selected {
    background-color: #f0f1f2;
    border-radius: 50px;
    line-height: 34px;
    padding: 25px 70px 25px 40px;
    font-size: 30px;
    color: #6e767d;
    position: relative;
    z-index: 1;
}

@media all and (min-width: 768px) {
    .list-change .selected {
        display: none;
    }
}

.list-change .selected:before {
    position: absolute;
    right: 30px;
    bottom: 34px;
    font-size: 24px;
    color: #38ad47;
}

.list-change ul {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 0;
    position: absolute;
    background-color: #f0f1f2;
    border-radius: 0 0 50px 50px;
    box-shadow: 0 -50px #f0f1f2, 0 35px 35px rgba(38, 41, 43, 0.26);
    width: 100%;
    display: none;
}

@media all and (min-width: 768px) {
    .list-change ul {
        display: inline-block;
        width: auto;
        position: static;
        box-shadow: none;
        background: transparent;
        border-radius: 0;
        padding-bottom: 15px;
    }
}

@media all and (min-width: 768px) {
    .list-change ul.big-list li {
        width: auto;
    }
    .list-change ul.big-list li a {
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 4px;
        padding-bottom: 3px;
        font-size: 14px;
    }
}

@media all and (min-width: 1050px) {
    .list-change ul.big-list li a {
        padding-left: 26px;
        padding-right: 26px;
        font-size: 15px;
    }
}

.list-change li {
    border-top: 1px solid #e1e3e3;
}

@media all and (min-width: 768px) {
    .list-change li {
        float: left;
        margin-left: -1px;
        border-top-width: 0;
    }
}

@media all and (min-width: 1050px) {
    .list-change li {
        width: 190px;
    }
}

@media all and (min-width: 1180px) {
    .list-change li {
        width: 220px;
    }
}

@media all and (min-width: 768px) {
    .list-change li:first-child a {
        border-radius: 25px 0 0 25px;
    }
    .list-change li:last-child a {
        border-radius: 0 25px 25px 0;
    }
    .list-change li.active a {
        background-color: #38ad47;
        border-color: #38ad47;
        color: white;
        font-weight: bold;
    }
}

.list-change a {
    display: block;
    color: #6e767d;
    font-size: 30px;
    line-height: 38px;
    padding: 20px 40px;
}

@media all and (min-width: 768px) {
    .list-change a {
        font-size: 15px;
        padding: 0 30px;
        border: 1px solid #ceced6;
    }
}

@media all and (min-width: 1050px) {
    .list-change a {
        padding: 0;
    }
}

.big-list {
    clear: both;
}

.big-list .list-outer>ul {
    margin: 0 25px;
    overflow: hidden;
}

@media all and (min-width: 1050px) {
    .big-list .list-outer>ul {
        margin: 0 -15px;
    }
}

.big-list .list-outer>ul>li, .big-list .list-outer>ul .owl-item>li {
    float: left;
    width: 50%;
    margin-bottom: 50px;
}

@media all and (min-width: 768px) {
    .big-list .list-outer>ul>li, .big-list .list-outer>ul .owl-item>li {
        width: 33.33%;
        margin-bottom: 70px;
    }
}

@media all and (min-width: 1050px) {
    .big-list .list-outer>ul>li, .big-list .list-outer>ul .owl-item>li {
        width: 20%;
    }
}

.big-list .list-outer>ul img {
    width: 100%;
}

.big-list .show-more, .big-list .show-more-index {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 45px;
}

.sort-list {
    padding-left: 30px;
    padding-right: 30px;
}

@media all and (min-width: 768px) {
    .sort-list {
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }
}

@media all and (min-width: 1050px) {
    .sort-list {
        position: absolute;
        text-align: left;
        margin-top: -50px;
        right: 0;
    }
}

.sort-list.sort-center {
    position: static;
    text-align: center;
    padding: 30px 30px 15px 30px;
    display: block;
}

@media all and (min-width: 768px) {
    .sort-list.sort-center {
        padding: 30px 0 15px 0;
    }
}

.sort-list p {
    font-size: 24px;
    margin-right: 20px;
    margin-bottom: 32px;
    color: #6e767d;
}

@media all and (min-width: 768px) {
    .sort-list p {
        display: inline-block;
        font-size: 18px;
        margin-bottom: 0;
        color: #313840;
    }
}

.sort-list .dropdown {
    width: 100%;
}

@media all and (min-width: 768px) {
    .sort-list .dropdown {
        display: inline-block;
        width: 260px;
    }
}

.sort-list .btn {
    width: 100%;
    font-size: 30px;
    text-align: left;
    padding-left: 40px;
    color: #6e767d;
    font-weight: 300;
    margin-top: 20px;
}

@media all and (min-width: 768px) {
    .sort-list .btn {
        font-size: 16px;
        margin-top: 0;
        width: 260px;
        padding-left: 20px;
    }
}

.sort-list .btn:before {
    bottom: 36px;
    color: #38ad47;
    font-size: 24px;
    right: 30px;
    position: absolute;
    text-align: center;
    transform: rotate(0deg);
    transition: all 0.3s ease 0s;
}

@media all and (min-width: 768px) {
    .sort-list .btn:before {
        right: 20px;
        font-size: 8px;
        bottom: 20px;
    }
}

@media all and (max-width: 767px) {
    .full-list .group h3 {
        text-align: center;
        width: auto;
        font-size: 30px;
    }
    .full-list .group .slider {
        padding-top: 120px;
    }
    .full-list .group .list-outer ul .owl-nav {
        position: absolute;
        width: 580px;
        top: -100px;
        left: 50%;
        right: auto;
        margin-left: -290px;
    }
    .full-list .group .list-outer ul .owl-nav .owl-prev, .full-list .group .list-outer ul .owl-nav .owl-next, .review-buttons .prev, .review-buttons .next {
        width: 50%;
    }
}

.group.padding-bottom {
    padding-bottom: 100px;
}

.cart-steps {
    border-bottom: 1px solid #ceced6;
    border-top: 1px solid #dcdedf;
    padding-top: 15px;
}

@media all and (min-width: 1050px) {
    .cart-steps {
        border-top-width: 0;
        padding-top: 0;
    }
}

.cart-steps ul {
    list-style-type: none;
    margin: 0;
    padding: 0 0 20px 0;
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
}

@media all and (min-width: 768px) {
    .cart-steps ul {
        padding: 0 0 50px 0;
    }
}

.cart-steps ul li {
    float: left;
    width: 33.33%;
    text-align: center;
    position: relative;
}

.cart-steps ul li:after {
    content: " ";
    left: 50%;
    border: 1px solid #ceced6;
    width: 13px;
    height: 13px;
    border-radius: 10px;
    position: absolute;
    bottom: -26px;
    background-color: white;
}

@media all and (min-width: 768px) {
    .cart-steps ul li:after {
        bottom: -56px;
    }
}

.cart-steps ul li.active:after {
    background-color: #38ad47;
    border-color: #38ad47;
}

.cart-steps ul li.active:before {
    position: absolute;
    content: " ";
    right: 50%;
    left: -10000px;
    background-color: #38ad47;
    height: 1px;
    bottom: -21px;
}

@media all and (min-width: 768px) {
    .cart-steps ul li.active:before {
        bottom: -51px;
    }
}

.cart-steps ul li.active a+span, .cart-steps ul li.active .a+span {
    position: absolute;
    width: 44px;
    height: 22px;
    left: 50%;
    bottom: -20px;
    margin-left: -18px;
    overflow: hidden;
}

@media all and (min-width: 768px) {
    .cart-steps ul li.active a+span, .cart-steps ul li.active .a+span {
        bottom: -50px;
    }
}

.cart-steps ul li.active a+span:before, .cart-steps ul li.active .a+span:before
    {
    content: " ";
    background-color: #e1f3e3;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    position: absolute;
    left: 50%;
    margin-left: -18px;
    margin-bottom: -18px;
    bottom: 0px;
}

.cart-steps ul li.active a+span:after, .cart-steps ul li.active .a+span:after
    {
    content: " ";
    background-color: #aedeb4;
    width: 26px;
    height: 26px;
    border-radius: 20px;
    position: absolute;
    left: 50%;
    margin-left: -11px;
    margin-bottom: -12px;
    bottom: 0px;
}

.cart-steps ul li i:before {
    color: #38ad47;
    font-size: 44px;
    margin-right: 5px;
    vertical-align: middle;
    display: block;
}

@media all and (min-width: 768px) {
    .cart-steps ul li i:before {
        display: inline;
    }
}

.cart-steps ul li a {
    display: inline-block;
    font-size: 21px;
    color: #313840;
    text-transform: uppercase;
    border: 1px solid white;
    padding: 15px 20px 15px 20px;
    line-height: 45px;
    font-weight: bold;
    border-radius: 40px;
}

@media all and (min-width: 768px) {
    .cart-steps ul li a {
        padding: 15px 30px 15px 20px;
    }
}

@media all and (min-width: 1050px) {
    .cart-steps ul li a {
        padding: 15px 40px 15px 30px;
    }
}

.cart-steps ul li a:hover {
    text-decoration: none;
    border-color: #ceced6;
}

.cart-steps ul li .a {
    display: inline-block;
    font-size: 24px;
    color: #313840;
    text-transform: uppercase;
    border: 1px solid white;
    padding: 15px 20px 15px 20px;
    line-height: 45px;
    font-weight: bold;
    border-radius: 40px;
}

@media all and (min-width: 768px) {
    .cart-steps ul li .a {
        padding: 15px 30px 15px 20px;
    }
}

@media all and (min-width: 1050px) {
    .cart-steps ul li .a {
        padding: 15px 40px 15px 30px;
    }
}

.cart-content {
    max-width: 790px;
    margin: 0 auto;
    padding-top: 65px;
}

@media all and (min-width: 1050px) {
    .cart-content {
        padding-top: 95px;
    }
}

.cart-content.last-element {
    padding-bottom: 180px;
}

@media all and (min-width: 768px) {
    .cart-content.last-element {
        padding-bottom: 60px;
    }
}

.cart-content .cart-list {
    list-style-type: none;
    margin: 0;
    padding: 0 15px;
}

@media all and (min-width: 768px) {
    .cart-content .cart-list {
        padding: 0;
    }
}

.cart-content .cart-list>li {
    position: relative;
    overflow: hidden;
    margin-left: -30px;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-right: -30px;
    padding-left: 30px;
    padding-right: 30px;
}

@media all and (min-width: 768px) {
    .cart-content .cart-list>li {
        padding-top: 20px;
        padding-bottom: 20px;
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.cart-content .cart-list>li:nth-child(even) {
    background-color: #f5f7f7;
}

.cart-content .cart-list h3 {
    font-size: 30px;
    line-height: 30px;
    color: #6e767d;
    font-weight: 500;
    padding-top: 12px;
    margin: 0 0 7px 245px;
}

@media all and (min-width: 768px) {
    .cart-content .cart-list h3 {
        margin-left: 125px;
        font-weight: bold;
        font-size: 26px;
        padding-top: 16px;
    }
}

.cart-content .cover {
    float: left;
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.4);
    margin-bottom: 30px;
}

@media all and (min-width: 768px) {
    .cart-content .cover {
        margin-bottom: 0;
    }
}

.cart-content .cover img {
    width: 225px;
    height: auto;
}

@media all and (min-width: 768px) {
    .cart-content .cover img {
        width: 95px;
    }
}

.cart-content .date {
    font-size: 24px;
    margin-left: 245px;
    color: #313840;
    padding-bottom: 30px;
}

@media all and (min-width: 768px) {
    .cart-content .date {
        margin-left: 125px;
        font-size: 14px;
        padding-bottom: 0;
    }
}

.cart-content .remove {
    position: absolute;
    right: 0;
    bottom: 10px;
}

@media all and (min-width: 768px) {
    .cart-content .remove {
        bottom: auto;
        top: 26px;
    }
}

.cart-content .remove button {
    width: 40px;
    height: 40px;
    border-width: 0;
    background-color: transparent;
    padding: 0;
    text-align: center;
    line-height: 40px;
}

@media all and (min-width: 768px) {
    .cart-content .remove button {
        width: 20px;
        height: 20px;
        line-height: 20px;
    }
}

.cart-content .remove button i:before {
    font-size: 24px;
    color: #d3d6d8;
}

@media all and (min-width: 768px) {
    .cart-content .remove button i:before {
        font-size: 14px;
    }
}

.cart-content .price {
    font-size: 36px;
    color: #313840;
    margin-left: 245px;
    font-weight: bold;
    position: absolute;
    bottom: 10px;
}

@media all and (min-width: 768px) {
    .cart-content .price {
        font-size: 20px;
        margin-left: 0;
        right: 30px;
        top: 22px;
        bottom: auto;
    }
}

.cart-content .item-group {
    position: relative;
    overflow: hidden;
}

@media all and (min-width: 768px) {
    .cart-content .item-group {
        overflow: visible;
    }
}

.cart-content .tags, .activate-form .tags {
    list-style-type: none;
    border-top: 1px solid #ceced6;
    padding: 22px 0 0 0;
    clear: both;
}

@media all and (min-width: 768px) {
    .cart-content .tags, .activate-form .tags {
        margin: 19px 0 0 125px;
        clear: none;
    }
}

.cart-content .tags li, .activate-form .tags li {
    display: inline;
    font-size: 26px;
    color: #38ad47;
}

.cart-content .tags li {
    font-size: 24px;
}

@media all and (min-width: 768px) {
    .cart-content .tags li {
        font-size: 14px;
    }
}

.cart-content .tags li:before, .activate-form .tags li:before {
    content: "/";
    margin-left: 10px;
    margin-right: 10px;
}

.cart-content .tags li:first-child:before, .activate-form .tags li:first-child:before {
    display: none;
}

.cart-content .bonus-cols {
    padding: 28px 15px;
    background-color: #f5f7f7;
    margin-bottom: 40px;
}

@media all and (min-width: 768px) {
    .cart-content .bonus-cols {
        background-color: #fafbfb;
        padding-left: 0;
        margin-bottom: 0;
        padding-right: 0;
    }
}

.cart-content .bonus-cols .form-group {
    overflow: hidden;
    margin-bottom: 44px;
}

@media all and (min-width: 768px) {
    .cart-content .bonus-cols .form-group {
        margin-bottom: 0;
        overflow: visible;
    }
}

.cart-content .bonus-cols .form-group label {
    font-size: 30px;
    display: block;
    font-weight: normal;
    color: #6e767d;
    line-height: 50px;
    padding-bottom: 23px;
}

@media all and (min-width: 768px) {
    .cart-content .bonus-cols .form-group label {
        float: left;
        padding-bottom: 0;
        font-size: 18px;
        width: 30%;
    }
}

.cart-content .bonus-cols .form-group .form-control {
    float: left;
    width: 80%;
    background-color: white;
}

@media all and (min-width: 768px) {
    .cart-content .bonus-cols .form-group .form-control {
        width: 50%;
        margin-right: 10px;
    }
}

.cart-content .bonus-cols .form-group .btn {
    float: right;
    width: 16%;
    border-color: #ceced6;
    height: 90px;
    padding: 0 0 0 4px;
    text-align: center;
}

.cart-content .bonus-cols .form-group .btn i.icon-refresh {
    height: 42px;
}

@media all and (min-width: 768px) {
    .cart-content .bonus-cols .form-group .btn {
        width: 11%;
        float: left;
        height: 50px;
    }
    .cart-content .bonus-cols .form-group .btn i.icon-refresh {
        line-height: 42px;
    }
}

.cart-content .bonus-cols p {
    font-size: 30px;
    color: #6e767d;
    padding: 50px 30px 20px 30px;
    margin: 0 -30px;
    line-height: 50px;
    padding-right: 30px;
    border-top: 1px solid #dadddf;
}

@media all and (min-width: 768px) {
    .cart-content .bonus-cols p {
        text-align: right;
        border-top-width: 0;
        padding: 0;
        margin: 0 0 0 -15px;
        font-size: 24px;
    }
}

.cart-content .bonus-cols p.no-border {
    border-top-width: 0;
    padding-top: 20px;
}

@media all and (min-width: 768px) {
    .cart-content .bonus-cols p.no-border {
        padding-top: 0;
    }
}

.cart-content .bonus-cols p strong {
    font-weight: bold;
    font-size: 48px;
    color: #313840;
    float: right;
}

@media all and (min-width: 768px) {
    .cart-content .bonus-cols p strong {
        float: none;
        font-size: 30px;
    }
}

.cart-content fieldset {
    padding-top: 70px;
    position: relative;
}

.cart-content fieldset h3 {
    text-transform: uppercase;
    font-size: 30px;
    color: #313840;
    font-weight: bold;
    text-align: center;
    margin-top: 0;
}

@media all and (min-width: 768px) {
    .cart-content fieldset h3 {
        font-size: 20px;
    }
}

.cart-content fieldset .text-button {
    text-align: center;
    padding-bottom: 40px;
    margin-top: 45px;
    transform: scale(1);
    opacity: 1;
    transition: all 0.5s;
    visibility: visible;
}

.cart-content fieldset .text-button .btn-grey {
    color: #38ad47;
    padding-left: 60px;
    padding-right: 60px;
}

.cart-content fieldset .checkbox {
    text-align: center;
}

.cart-content fieldset.show-form .text-button {
    position: absolute;
    width: 100%;
    transform: scale(0.6);
    opacity: 0;
    visibility: hidden;
}

.cart-content fieldset.show-form .edit-data {
    display: block;
}

.cart-content .payment-info {
    text-align: center;
    font-size: 24px;
    color: #6e767d;
    padding-top: 20px;
}

@media all and (min-width: 768px) {
    .cart-content .payment-info {
        font-size: 13px;
        padding-top: 0;
    }
}

.cart-content .payment-info img {
    vertical-align: middle;
    margin-bottom: 3px;
}

@media all and (min-width: 768px) {
    .cart-content .payment-info img {
        width: 66px;
        height: auto;
    }
}

.cart-content .edit-data {
    display: none;
    padding-bottom: 18px;
}

.cart-content .edit-data .note {
    text-align: center;
    font-size: 24px;
    color: #b9bbbd;
    margin-bottom: 70px;
}

@media all and (min-width: 768px) {
    .cart-content .edit-data .note {
        font-size: 18px;
        margin-bottom: 60px;
    }
}

.cart-content .fv-data {
    padding: 30px 0 20px 0;
    display: none;
}

.cart-content .fv-data.show-fv {
    display: block;
}

.cart-content p.required, .cart-content span.required {
    position: relative;
    text-align: center;
    line-height: 50px;
    font-size: 30px;
    color: #a1a6aa;
}

@media all and (min-width: 768px) {
    .cart-content p.required, .cart-content span.required {
        font-size: 14px;
    }
}

.cart-content p.required:before, .cart-content span.required:before {
    content: "*";
    font-size: 24px;
    color: #38ad47;
    font-weight: bold;
    margin-right: 5px;
    margin-top: 2px;
}

@media all and (min-width: 768px) {
    .cart-content p.required:before, .cart-content span.required:before {
        font-size: 18px;
    }
}

.cart-content .buttons {
    text-align: center;
    padding-top: 180px;
}

@media all and (min-width: 768px) {
    .cart-content .buttons {
        padding-top: 20px;
    }
}

.cart-content .buttons .btn-left {
    float: left;
    width: 50%;
    padding: 0 15px;
}

@media all and (min-width: 768px) {
    .cart-content .buttons .btn-left {
        padding: 0;
        width: auto;
    }
}

.cart-content .buttons .btn-right {
    float: right;
    width: 50%;
    padding: 0 15px;
}

@media all and (min-width: 768px) {
    .cart-content .buttons .btn-right {
        padding: 0;
        width: auto;
    }
}

.cart-content .buttons .checkbox {
    position: relative;
    top: -230px;
}

@media all and (min-width: 768px) {
    .cart-content .buttons .checkbox {
        top: 0;
    }
}

@media all and (max-width: 768px) {
    .cart-content .btn-right .btn {
        width: auto;
        display: inline-block;
        padding: 0 60px;
        top: 0;
    }
}

.site-list.last-element {
    padding-top: 30px;
    padding-bottom: 80px;
}

.page-title {
    background: transparent url(../i/library-bg.jpg) no-repeat center;
    background-size: cover;
    text-align: center;
}

.page-title h1 {
    font-size: 48px;
    color: white;
    font-weight: bold;
    padding: 65px 0;
}

.page-title h1 i {
    color: #38ad47;
    font-size: 40px;
    vertical-align: middle;
}

.my-order {
    list-style-type: none;
    margin: 35px 0 0 0;
    padding: 0;
    text-align: center;
}

@media all and (min-width: 1050px) {
    .my-order {
        margin: 35px -12px 0 -12px;
    }
}

.my-order>li {
    display: inline-block;
    width: 260px;
    margin: 0 28px 68px 28px;
}

@media all and (min-width: 768px) {
    .my-order>li {
        width: 210px;
        margin: 0 25px 20px 25px;
    }
}

@media all and (min-width: 1050px) {
    .my-order>li {
        margin: 0 12px 20px 12px;
    }
}

.my-order .cover {
    line-height: 300px;
    /* box-shadow: 0 20px 10px -10px rgba(0, 0, 0, 0.3); */
}

.my-order .cover img {
    vertical-align: bottom;
    width: 100%;
    height: auto;
}

.my-order .cover.big-cover img:hover {
    box-shadow: 0 12px 20px -4px rgba(0, 0, 0, 0.3);
}

.my-order h2 {
    font-size: 30px;
    padding-top: 14px;
    color: #6e767d;
    font-weight: bold;
}

@media all and (min-width: 768px) {
    .my-order h2 {
        font-size: 18px;
        margin-bottom: 6px;
        padding-top: 24px;
    }
}

.my-order .date {
    font-size: 24px;
    color: #6e767d;
    margin-bottom: 25px;
}

@media all and (min-width: 768px) {
    .my-order .date {
        font-size: 18px;
        margin-bottom: 10px;
    }
}

.my-order .buttons span {
    display: none;
}

@media all and (min-width: 768px) {
    .my-order .buttons span {
        display: inline;
    }
}

.my-order .btn i {
    color: #38ad47;
    display: inline-block;
    vertical-align: middle;
}

.my-order .dropdown {
    display: inline-block;
    vertical-align: middle;
}

.my-order .dropdown button.btn {
    margin: 0;
}

.my-order .dropdown .dropdown-menu {
    min-width: 0;
}

.my-order .dropdown.open .dropdown-toggle {
    background-color: #f5f7f7;
}

.my-order .dropdown li a {
    padding: 20px;
    text-align: center;
}

@media all and (min-width: 768px) {
    .my-order .dropdown li a {
        padding: 10px 20px;
    }
}

.reader-info {
    border: 1px solid #ceced6;
    border-radius: 30px;
    width: 160px;
    margin-left: -210px;
    position: absolute;
    padding: 26px 10px 13px 10px;
    text-align: center;
    display: none;
}

@media all and (min-width: 1600px) {
    .reader-info {
        display: block;
    }
}

.reader-info i {
    color: #38ad47;
    display: block;
    font-size: 40px;
}

.reader-info p {
    font-size: 15px;
    color: #6e767d;
    line-height: 21px;
}

.reader-info p.title {
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 13px;
    line-height: 17px;
    text-transform: uppercase;
}

.library-list.site-list {
    padding-top: 0;
}

@media all and (min-width: 768px) {
    .library-list.site-list {
        padding-top: 30px;
    }
}

.library-list.last-element {
    padding-bottom: 30px;
}

@media all and (min-width: 768px) {
    .library-list.last-element {
        padding-bottom: 80px;
    }
}

.library-list.last-element .group {
    padding-bottom: 20px;
}

@media all and (min-width: 768px) {
    .library-list.last-element .group {
        padding-bottom: 30px;
    }
}

.library-list .dropdown {
    display: inline-block;
    vertical-align: middle;
}

.library-list .dropdown .dropdown-menu {
    min-width: 0;
}

.library-list .dropdown.open .dropdown-toggle {
    background-color: #f5f7f7;
}

.library-list .list-change {
    text-align: left;
    max-width: none;
    margin: 0 30px;
}

@media all and (min-width: 768px) {
    .library-list .list-change {
        margin: 0;
    }
}

@media all and (min-width: 1050px) {
    .library-list .list-change {
        float: left;
    }
}

.library-list .list-change li {
    text-align: center;
}

@media all and (min-width: 1050px) {
    .library-list .list-change li {
        width: 130px;
    }
}

@media all and (min-width: 1170px) {
    .library-list .list-change li {
        width: 150px;
    }
}

.library-list .list-change a {
    line-height: 40px;
}

.library-list .sort-list {
    margin-bottom: 30px;
    position: static;
    padding-left: 30px;
    padding-right: 30px;
}

@media all and (min-width: 768px) {
    .library-list .sort-list {
        text-align: center;
        padding: 0;
        margin-top: 15px;
    }
}

@media all and (min-width: 1050px) {
    .library-list .sort-list {
        float: right;
        padding-top: 30px;
        margin-top: 0;
        margin-bottom: 30px;
    }
}

.library-list .sort-list p {
    display: none;
}

@media all and (min-width: 768px) {
    .library-list .sort-list p {
        display: inline-block;
    }
}

@media all and (min-width: 768px) {
    .library-list .list-change {
        text-align: center;
    }
}

@media all and (min-width: 1050px) {
    .library-list .list-change {
        text-align: left;
    }
}

.library-list .list-change ul {
    background-color: #f5f7f7;
    box-shadow: 0 -50px #f5f7f7, 0 35px 35px rgba(38, 41, 43, 0.26);
}

@media all and (min-width: 768px) {
    .library-list .list-change ul {
        background-color: transparent;
        box-shadow: none;
    }
}

.library-list .list-change .selected {
    background-color: #f5f7f7;
}

@media all and (min-width: 768px) {
    .library-list .list-change .selected {
        background-color: #f0f1f2;
    }
}

@media all and (min-width: 1050px) {
    .library-list .big-list {
        /* padding-left: 10px;
        padding-right: 10px; */
        margin-left: -15px;
    }
}

.library-list .number {
    font-size: 28px;
    margin-bottom: 26px;
    color: #6e767d;
}

@media all and (min-width: 768px) {
    .library-list .number {
        color: #b6babe;
        margin-bottom: 10px;
        font-size: 14px;
    }
}

.library-list.site-list .owl-stage-outer li .cover.big-cover {
    margin-bottom: 10px;
}

.library-list.site-list .owl-stage-outer li .cover.big-cover a {
    line-height: 380px;
}

@media all and (min-width: 680px) {
    .library-list.site-list .owl-stage-outer li .cover.big-cover a {
        line-height: 450px;
    }
}

@media all and (min-width: 768px) {
    .library-list.site-list .owl-stage-outer li .cover.big-cover a {
        line-height: 230px;
    }
}

@media all and (min-width: 860px) {
    .library-list.site-list .owl-stage-outer li .cover.big-cover a {
        line-height: 330px;
    }
}

@media all and (min-width: 1050px) {
    .library-list.site-list .owl-stage-outer li .cover.big-cover a {
        line-height: 220px;
    }
}

.library-list.site-list .owl-stage-outer li h4 {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    height: 135px;
}

@media all and (min-width: 768px) {
    .library-list.site-list .owl-stage-outer li h4 {
        font-size: 16px;
        line-height: 20px;
        height: 59px;
        font-weight: normal;
    }
}

.library-list .big-list .list-outer>ul {
    padding-top: 0;
    margin: 0;
}

@media all and (min-width: 1050px) {
    .library-list .big-list .list-outer>ul {
        margin-left: -30px;
        margin-right: -30px;
    }
}

.library-list .big-list .list-outer>ul>li, .library-list .big-list .list-outer>ul .owl-item>li {
    display: inline-block;
    float: none;
    width: 50%;
    padding-left: 17px;
    padding-right: 17px;
    margin-bottom: 60px;
}


@media all and (min-width: 768px) {
    .library-list .big-list .list-outer>ul>li, .library-list .big-list .list-outer>ul .owl-item>li {
        width: 25%;
        margin-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media all and (min-width: 1050px) {
    .library-list .big-list .list-outer>ul>li, .library-list .big-list .list-outer>ul .owl-item>li {
        width: 16.66%;
    }
}

.library-list .buttons {
    text-align: center;
}

.library-list .buttons .btn-lightgrey {
    text-align: center;
    color: #38ad47;
}

@media all and (min-width: 768px) {
    .library-list .buttons .btn-lightgrey {
        width: 60px;
        padding: 10px;
        height: 40px;
        line-height: 20px;
    }
}

.library-list .buttons .btn-lightgrey span {
    display: none;
}

.download-item {
    padding: 80px 30px 25px 30px;
}

@media all and (min-width: 768px) {
    .download-item {
        padding: 30px 50px;
    }
}

.download-item .cover-border {
    border: 1px solid #ceced6;
    border-radius: 20px;
    margin: 0 auto;
    padding: 20px 30px 40px 30px;
}

@media all and (min-width: 768px) {
    .download-item .cover-border {
        max-width: 380px;
        border-radius: 0;
        padding: 20px;
    }
}

.download-item .cover-border p {
    display: inline-block;
    width: 60%;
    vertical-align: middle;
    font-size: 25px;
    color: #6e767d;
    line-height: 26px;
    padding-left: 10px;
}

@media all and (min-width: 768px) {
    .download-item .cover-border p {
        line-height: 20px;
        font-size: 18px;
    }
}

.download-item .cover-border .small-cover {
    width: 33%;
    text-align: center;
    padding-left: 0;
}

.download-item .cover-border .small-cover img {
    max-width: 100%;
    width: 110px;
    height: auto;
    box-shadow: 0 10px 13px rgba(20, 21, 20, 0.26);
}

@media all and (min-width: 768px) {
    .download-item .cover-border .small-cover img {
        width: 80px;
    }
}

.download-item .radio-tab .radio {
    display: table;
    width: 100%;
}

.download-item .radio-tab .radio label {
    display: table-cell;
    float: none;
    width: 33%;
    line-height: 86px;
}

@media all and (min-width: 768px) {
    .download-item .radio-tab .radio label {
        line-height: 46px;
    }
}

.download-item .radio-tab .radio label input:checked+.bg {
    background-color: #6e767d;
}

.download-item .download {
    font-weight: bold;
    font-size: 26px;
    text-align: center;
    padding-top: 30px;
    text-transform: uppercase;
}

@media all and (min-width: 768px) {
    .download-item .download {
        font-size: 20px;
    }
}

.download-item .download i {
    color: #38ad47;
    font-size: 48px;
    display: inline-block;
    margin-top: 7px;
    vertical-align: middle;
    margin-right: 10px;
}

@media all and (min-width: 768px) {
    .download-item .download i {
        font-size: 36px;
    }
}

.download-item .buttons {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 22px;
}

@media all and (min-width: 768px) {
    .download-item .buttons {
        padding-top: 26px;
        padding-bottom: 0;
    }
}

.page-title {
    background: transparent url(../i/library-bg.jpg) no-repeat center;
    background-size: cover;
    text-align: center;
}

.page-title.download-bg {
    background-image: url(../i/download-bg.jpg);
}

.page-title.faq-bg {
    background-image: url(../i/faq-bg.jpg);
}

.page-title h1 i {
    color: #38ad47;
    font-size: 40px;
    vertical-align: middle;
}

.page-title p {
    color: rgba(255, 255, 255, 0.4);
    font-size: 20px;
    line-height: 28px;
    margin: -50px auto 0 auto;
    padding-bottom: 35px;
    max-width: 870px;
}

@media all and (min-width: 768px) {
    .page-title p {
        font-size: 15px;
        line-height: 22px;
    }
}

.text-info {
    font-size: 24px;
    text-align: center;
    color: #6e767d;
    max-width: 1060px;
    margin: 33px auto 40px auto;
}

@media all and (min-width: 768px) {
    .text-info {
        font-size: 18px;
    }
}

.text-page {
    padding-bottom: 200px;
    padding-top: 60px;
}

.text-page .container-fluid {
    position: relative;
}

@media all and (min-width: 1050px) {
    .text-page .text-title {
        margin: 0 195px;
    }
}

.text-page .text-title .btn {
    float: right;
    display: none;
}

@media all and (min-width: 768px) {
    .text-page .text-title .btn {
        display: block;
    }
}

.text-page .text-title h1 {
    font-size: 48px;
    font-weight: bold;
    color: #313840;
}

@media all and (min-width: 768px) {
    .text-page .text-title h1 {
        font-size: 44px;
    }
}

.text-page .text {
    margin: 60px 0 0 0;
    font-weight: 300;
    font-size: 24px;
    line-height: 1.5;
    color: #6e767d;
}

@media all and (min-width: 768px) {
    .text-page .text {
        font-size: 16px;
    }
}

@media all and (min-width: 1050px) {
    .text-page .text {
        margin-left: 195px;
        margin-right: 195px;
    }
}

.text-page .text h2 {
    font-size: 30px;
    color: #6e767d;
    font-weight: 600;
    margin-bottom: 24px;
    margin-top: 48px;
}

@media all and (min-width: 768px) {
    .text-page .text h2 {
        font-size: 23px;
    }
}

.text-page .text p {
    margin: 24px 0;
}

.text-page .text ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
    counter-reset: list;
}

.text-page .text ol.letter-list>li:before {
    content: counter(list, lower-latin) ") ";
}

.text-page .text ol p+ol {
    margin-top: -24px;
}

.text-page .text ol li {
    margin-bottom: 24px;
}

.text-page .text ol li:before {
    content: counter(list) ". ";
    counter-increment: list;
}

.text-page .text ol ol {
    margin-left: 20px;
}

.text-page .text ol ol li {
    margin-bottom: 0;
}

.text-page .text ol ol li:before {
    content: counter(list) ") ";
}

.text-page .text ol ol ol li:before {
    content: counter(list, lower-latin) ") ";
}

.text-page .text .button {
    text-align: center;
    padding-top: 30px;
}

.text-page .text.show-all .additional-text {
    display: block;
}

.text-page .text.show-all .show-all-button {
    display: none;
}

.text-page .additional-text {
    display: none;
}

.text-page .info-right {
    border: 1px solid #ceced6;
    border-radius: 30px;
}

@media all and (min-width: 1050px) {
    .text-page .info-right {
        width: 155px;
        position: absolute;
        right: 15px;
        top: 20px;
    }
}

.text-page .info-right h3 {
    text-align: center;
    font-size: 16px;
    color: #6e767d;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 7px;
}

.text-page .info-right h3:before {
    display: block;
    color: #38ad47;
    font-size: 30px;
    padding-bottom: 20px;
}

.text-page .info-right p {
    color: #6e767d;
    font-size: 13px;
    text-align: center;
    margin-bottom: 26px;
}

.text-page .info-right a {
    color: #38ad47;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
}

.text-page .info-right strong {
    color: #38ad47;
    display: block;
    font-weight: 600;
    line-height: 17px;
}

.text-page .info-right strong a:hover {
    text-decoration: underline;
}

.text-page .info-right .info {
    border-top: 1px solid #ceced6;
    padding: 8px 10px 13px 10px;
}

.text-page .info-right .info:first-child {
    border-top-width: 0;
    padding-bottom: 1px;
}

.faq-content {
    padding-top: 42px;
    padding-bottom: 167px;
}

.faq-content .note {
    font-size: 24px;
    line-height: 36px;
    color: #6e767d;
    margin: 30px auto 20px auto;
    max-width: 900px;
    text-align: center;
}

@media all and (min-width: 768px) {
    .faq-content .note {
        font-size: 18px;
        line-height: 30px;
    }
}

.faq-content .panel-content {
    display: none;
}

.faq-content.show-1 #faq-faq {
    display: block;
}

.faq-content.show-2 #faq-quide {
    display: block;
}

.faq-content.show-3 #faq-form {
    display: block;
}

.faq-text {
    margin: 0 auto;
    max-width: 750px;
}

.faq-text h2 {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 50px;
}

@media all and (min-width: 768px) {
    .faq-text h2 {
        font-size: 20px;
    }
}

.faq-text h2 strong {
    text-transform: none;
    color: #38ad47;
    display: block;
}

.faq-text h3 {
    color: #6e767d;
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 16px;
    margin-top: 35px;
}

@media all and (min-width: 768px) {
    .faq-text h3 {
        font-size: 24px;
    }
}

.faq-text p, .faq-text ul {
    color: #6e767d;
    font-weight: 300;
    font-size: 24px;
    line-height: 36px;
}

@media all and (min-width: 768px) {
    .faq-text p, .faq-text ul {
        font-size: 18px;
        line-height: 30px;
    }
}

.faq-text img {
    width: 100%;
    height: auto;
}

.faq-text a {
    color: #38ad47;
    text-decoration: underline;
}

.faq-text a:hover {
    text-decoration: none;
}

.faq-guide h3 {
    color: #6e767d;
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 16px;
    margin-top: 35px;
}

@media all and (min-width: 768px) {
    .faq-guide h3 {
        font-size: 24px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media all and (min-width: 1050px) {
    .faq-guide h3 {
        padding-left: 70px;
        padding-right: 45px;
    }
}

.faq-guide p {
    color: #6e767d;
    font-weight: 300;
    font-size: 24px;
    line-height: 36px;
}

@media all and (min-width: 768px) {
    .faq-guide p {
        font-size: 18px;
        line-height: 30px;
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media all and (min-width: 1050px) {
    .faq-guide p {
        padding-left: 70px;
        padding-right: 45px;
    }
}

.faq-guide .question {
    display: inline-block;
    width: 100%;
    padding: 70px 0;
    vertical-align: bottom;
}

@media all and (min-width: 768px) {
    .faq-guide .question {
        padding: 30px 0;
    }
}

@media all and (min-width: 1050px) {
    .faq-guide .question {
        padding: 70px 0;
    }
}

@media all and (min-width: 768px) {
    .faq-guide .question:nth-child(even) .photo {
        float: left;
        margin-left: 0;
        width: 50%;
        padding-left: 0;
        padding-right: 10px;
    }
    .faq-guide .question:nth-child(even) .faq-question {
        float: right;
    }
}

@media all and (min-width: 769px) {
    .faq-guide .question .faq-question {
        float: left;
        width: 50%;
    }
}

.faq-guide .question .photo {
    padding-top: 20px;
}

@media all and (min-width: 769px) {
    .faq-guide .question .photo {
        float: right;
        width: 50%;
        padding-top: 0;
        padding-left: 10px;
    }
}

.faq-guide .question .photo img {
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
    max-width: 100%;
    width: 100%;
    height: auto;
}

@media all and (min-width: 768px) {
    .faq-guide .question .photo img {
        width: auto;
    }
}

.contact-form {
    margin: 60px auto 0 auto;
    max-width: 760px;
    padding-bottom: 24px;
}

.contact-form .form-group.required::after {
    right: -7px;
}

.contact-form .select {
    margin-bottom: 15px;
}

.contact-form span.required {
    display: block;
    text-align: center;
    color: #797c8a;
    font-size: 24px;
}

@media all and (min-width: 768px) {
    .contact-form span.required {
        float: right;
        font-size: 14px;
    }
}

.contact-form span.required span {
    color: #38ad47;
}

.contact-form .buttons {
    text-align: center;
    clear: both;
    padding-top: 30px;
}

@media all and (min-width: 768px) {
    .contact-form .buttons {
        position: relative;
        top: -14px;
        padding-top: 0;
    }
}

.contact-form .buttons .btn {
    display: inline-block;
}

@media all and (min-width: 768px) {
    .contact-form .rows-input {
        margin-right: 10px;
    }
    .contact-form .rows-input:after {
        content: " ";
        display: block;
        clear: both;
    }
    .contact-form .rows-input .form-group {
        float: left;
        width: 50%;
    }
    .contact-form .rows-input .form-group+.form-group {
        position: relative;
        left: 10px;
    }
}

.contact-data {
    margin: 0 auto;
    max-width: 440px;
    color: #6e767d;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
}

@media all and (min-width: 768px) {
    .contact-data {
        font-size: 18px;
        line-height: 30px;
    }
}

.contact-data h3 {
    color: #313840;
    font-size: 20px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.contact-data .phones {
    font-size: 36px;
    color: #38ad47;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 26px;
}

.contact-data .phones a:hover {
    text-decoration: underline;
}

.contact-data .days {
    line-height: 30px;
    margin-bottom: 72px;
    font-size: 24px;
}

@media all and (min-width: 768px) {
    .contact-data .days {
        line-height: 25px;
        font-size: 18px;
    }
}

.contact-data .columns {
    overflow: hidden;
    margin-bottom: 30px;
    font-size: 24px;
}

@media all and (min-width: 768px) {
    .contact-data .address {
        width: 50%;
        float: left;
        text-align: left;
    }
    
    .contact-data .columns {
        font-size: 18px;
    }
}

@media all and (min-width: 768px) {
    .contact-data .company-info {
        width: 50%;
        float: right;
        text-align: right;
    }
}

.section-note {
    padding: 80px 0 180px 0;
    text-align: center;
    font-size: 24px;
    line-height: 36px;
    font-weight: 300;
    color: #6e767d;
}

@media all and (min-width: 768px) {
    .section-note {
        font-size: 18px;
        line-height: 30px;
    }
}

.section-note p {
    max-width: 840px;
    margin: 0 auto;
}

.section-note .activate-steps {
    padding-bottom: 80px;
}

.download-page {
    padding-top: 42px;
}

@media all and (min-width: 768px) {
    .download-page {
        max-width: none;
    }
}

.download-page .panel-content {
    display: none;
}

.download-page.show-1 .site-list {
    display: none;
}

.download-page.show-1 #download-windows {
    display: block;
}

.download-page.show-1+.learn-app {
    display: block;
}

.download-page.show-2 #download-android {
    display: block;
}

.download-page.show-3 #download-ios {
    display: block;
}

.box-download {
    max-width: 1060px;
    margin: 0 auto;
    border-top: 1px solid #ceced6;
    border-bottom: 1px solid #ceced6;
    overflow: hidden;
    padding: 52px 0 45px 0;
}

.box-download p {
    font-weight: bold;
    font-size: 30px;
    line-height: 40px;
    color: #313840;
    padding-left: 80px;
    position: relative;
    padding-bottom: 20px;
    float: none;
    display: block;
    margin: 0 auto;
    width: 430px;
}

.download-windows .box-text p strong {
    font-size: 30px;
 }

@media all and (min-width: 768px) {
    .box-download p {
        float: left;
        display: block;
        position: relative;
        margin: 0 auto;
        width: 380px;
        padding-bottom: 0;
        font-size: 26px;
        line-height: 36px;
    }
    
     .download-windows .box-text p strong {
        font-size: 20px;
     }
}

.box-download p+p {
    padding-left: 0;
    width: 100%;
}

@media all and (min-width: 768px) {
    .box-download p+p {
        float: right;
        width: 100%;
        max-width: 355px;
    }
}

.box-download p:before {
    position: absolute;
    left: 0;
    color: #38ad47;
    font-size: 50px;
    top: 10px;
}

.box-download .btn {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    width: 100%;
}

.box-text {
    max-width: 1060px;
    margin: 0 auto;
    color: #6e767d;
    font-weight: 300;
    font-size: 24px;
    line-height: 36px;
    padding-top: 50px;
}

@media all and (min-width: 768px) {
    .box-text {
        font-size: 18px;
        line-height: 30px;
    }
}

.box-text:after {
    clear: both;
    display: block;
    content: " ";
}

.box-text .col {
    padding-bottom: 60px;
}

@media all and (min-width: 768px) {
    .box-text .col {
        float: left;
        width: 50%;
        padding-left: 30px;
    }
}

@media all and (min-width: 1050px) {
    .box-text .col {
        padding-right: 85px;
        width: 48%;
        padding-left: 0;
    }
}

.box-text .col:first-child {
    padding-left: 0;
}

.box-text h3 {
    font-size: 20px;
    font-weight: bold;
    color: #6e767d;
    padding-bottom: 17px;
    margin-top: 70px;
}

.box-text h3:first-child {
    margin-top: 0;
}

.box-text figure {
    margin-bottom: 90px;
    margin-top: -50px;
}

.box-text figure.shadow {
    margin-top: 0;
}

.box-text figure.shadow img {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.box-text figure img {
    width: 100%;
    height: auto;
}

@media all and (min-width: 768px) {
    .box-text figure img {
        width: auto;
        max-width: 100%;
    }
}

@media all and (min-width: 1050px) {
    .box-text figure img {
        max-width: none;
    }
}

.box-text p {
    margin-bottom: 30px;
}

.box-text ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.box-text ul li {
    margin-bottom: 10px;
    margin-left: 30px;
}

.box-text ul li:before {
    display: inline-block;
    font-family: 'icon';
    text-transform: none;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\0066';
    color: #38ad47;
    font-size: 12px;
    margin-right: 20px;
    margin-left: -32px;
}

.learn-app {
    background: transparent url(../i/learn-bg.jpg) no-repeat center;
    background-size: cover;
    color: white;
    text-align: center;
    padding-top: 117px;
    padding-bottom: 90px;
    display: none;
}

.learn-app h3 {
    font-size: 90px;
    font-weight: bold;
}

.learn-app p {
    font-size: 30px;
}

.learn-app .button {
    padding-top: 25px;
}

.learn-app .button a {
    border: 4px solid #059c3d;
    border-radius: 50px;
    width: 86px;
    height: 86px;
    line-height: 80px;
    color: #38ad47;
    display: block;
    margin: 0 auto;
}

.learn-app .button a:before {
    text-align: center;
    display: block;
    line-height: 80px;
    padding-left: 5px;
}

.learn-app .button a span {
    display: none;
}

.activate-page {
    background: #293f59 url(../i/activate-bg.jpg) no-repeat center top;
    background-size: cover;
    text-align: center;
    color: white;
    padding-top: 39px;
    padding-bottom: 39px;
}

@media all and (min-width: 768px) {
    .activate-page {
        padding-bottom: 0;
    }
}

.activate-page h1 {
    font-size: 66px;
    font-weight: bold;
    margin-bottom: 56px;
}

@media all and (min-width: 768px) {
    .activate-page h1 {
        margin-bottom: 76px;
    }
}

.activate-page h1:before {
    display: block;
    text-align: center;
    color: #38ad47;
    font-size: 46px;
    line-height: 100px;
}

@media all and (min-width: 768px) {
    .activate-page h1:before {
        margin-bottom: 39px;
    }
}

.activate-page .activate-form {
    max-width: 780px;
    margin: 0 auto 17px auto;
}

.activate-page .activate-form p {
    font-size: 24px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.7);
}

@media all and (min-width: 768px) {
    .activate-page .activate-form p {
        font-size: 18px;
    }
}

.activate-page .activate-form p.note {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 34px;
}

@media all and (min-width: 768px) {
    .activate-page .activate-form p.note {
        font-size: 14px;
        line-height: 24px;
    }
}

.activate-page .activate-form fieldset {
    background-color: white;
    margin: 35px auto 70px auto;
    padding: 5px;
    border-radius: 50px;
}

@media all and (min-width: 768px) {
    .activate-page .activate-form fieldset {
        padding-right: 15px;
        max-width: 585px;
    }
}

.activate-page .activate-form fieldset p {
    margin: 0;
}

@media all and (min-width: 768px) {
    .activate-page .activate-form fieldset .form-group {
        margin: 0;
        float: left;
        width: 66%;
    }
}

.activate-page .activate-form fieldset .form-group .form-control {
    box-shadow: none;
    border-width: 0;
    background: transparent;
    color: #38ad47;
    font-size: 36px;
    font-weight: bold;
}

@media all and (min-width: 768px) {
    .activate-page .activate-form fieldset .form-group .form-control {
        height: 60px;
    }
}

@media all and (min-width: 768px) {
    .activate-page .activate-form fieldset .btn {
        float: right;
        width: 34%;
        position: relative;
        left: 10px;
        height: 60px;
        line-height: 44px;
    }
}

@media all and (min-width: 768px) {
    .activate-page .activate-form fieldset span.btn {
        line-height: 60px;
    }
}

.activate-page .btn-border {
    border-color: rgba(255, 255, 255, 0.3);
    line-height: 46px;
    font-weight: bold;
    white-space: normal;
}

@media all and (min-width: 768px) {
    .activate-page .btn-border {
        height: 60px;
        line-height: 46px;
    }
}

.activate-list {
    padding-top: 80px;
}

.activate-list h2 {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 25px;
}

@media all and (min-width: 768px) {
    .activate-list h2 {
        font-size: 20px;
    }
}

.activate-list .form {
    margin: 0 auto;
    color: #6e767d;
}

@media all and (min-width: 768px) {
    .activate-list .form {
        max-width: 780px;
    }
}

.activate-list .form .item {
    overflow: hidden;
    padding: 0px 0;
    height: 165px;
}

.activate-list .form h3 {
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 40px 0;
    height: 40px;
}

@media all and (min-width: 768px) {
    .activate-list .form h3 {
        font-size: 26px;
    }
}

.activate-list .form p {
    font-size: 24px;
    font-weight: normal;
}

@media all and (min-width: 768px) {
    .activate-list .form p {
        font-size: 14px;
        color: black;
        margin: 7px 0 0 0;
    }
}

.activate-list .form p span {
    color: #38ad47;
}

.activate-list .form .checkbox {
    display: inline-block;
    vertical-align: middle;
    width: 85px;
}

@media all and (min-width: 768px) {
    .activate-list .form .checkbox {
        width: 80px;
        height: 150px;
        margin: 0;
        padding: 0;
    }
    
    .activate-list .form .checkbox label{
        width: 80px;
        height: 165px;
        margin: 0;
        padding: 74px 32px;
    }
    
    .activate-list .form .checkbox label .placeholder{
        margin: 0;
    }
}

.activate-list .form .cover {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    text-align: center;
}

@media all and (min-width: 768px) {
    .activate-list .form .cover {
        margin: 0;
        width: 124px;
    }
}

.activate-list .form .cover img {
    width: 95px;
    height: auto;
    box-shadow: 0 3px 5px rgba(255, 255, 255, 0.1);
}

.activate-list .form .info {
    display: inline-block;
    vertical-align: middle;
    width: 530px;
    margin: 0; 
    padding: 0;
}

@media all and (max-width: 768px) {
    .activate-list .form .cover img {
        width: 122px;
    }

    .activate-list .form .cover {
        width: 122px;
    }

    .activate-list .form .info {
        width: calc(100% - 214px);
        padding-left: 10px;
    }
    
    .activate-form .form fieldset {
        padding-left: 0;
        padding-right: 0;
    }
    
    .activate-list > .container-fluid {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.activate-list .form .info .tags {
    width: 570px;
    font-size: 17px;
    margin: 0 0 0 0; 
    padding: 7px 0 0 0;
    display: inline-block;
}

.activate-list .form .buttons {
    text-align: center;
    padding-top: 20px;
}

.activate-list .form .buttons .btn {
    display: inline-block;
}

.activate-form .tags li {
    font-size: 15px;
}

@media all and (max-width: 768px) {
    .activate-list .form .info .tags {
        margin-top: 7px;
        padding-top: 7px;
    }
}

.activate-steps {
    list-style-type: none;
    margin: 60px 0 0 0;
    padding: 0 12.5% 40px 12.5%;
    overflow: hidden;
    display: none;
}

@media all and (min-width: 768px) {
    .activate-steps {
        display: block;
    }
}

.activate-steps li {
    float: left;
    width: 33%;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    position: relative;
}

@media all and (min-width: 1050px) {
    .activate-steps li {
        font-size: 18px;
        line-height: 24px;
    }
}

.activate-steps li:last-child:before, .activate-steps li:last-child:after {
    display: none;
}

.activate-steps li:before {
    content: " ";
    width: 75px;
    height: 1px;
    background-color: #929ca7;
    position: absolute;
    top: 83px;
    right: -33px;
}

.activate-steps li:after {
    content: " ";
    width: 5px;
    height: 5px;
    background-color: #929ca7;
    position: absolute;
    top: 81px;
    right: -33px;
    border-radius: 3px;
}

.activate-steps li strong {
    display: block;
}

.activate-steps li div {
    position: relative;
}

.activate-steps li div:before {
    color: #38ad47;
    font-size: 46px;
    display: block;
    line-height: 110px;
}

/* custom Intenso styles */

body {
    min-width: 640px;
}

.button-register {
    padding: 0 45px !important;
}

@media all and (max-width: 768px) {
    .button-register {
        padding: 0 60px !important;
    }
    
    .profile-content .form.user-form {
        max-width: 640px;
        width: auto;
    }
}

@media all and (min-width: 1050px) {
    .lector-custom-p {
        float: left;
        position: relative;
        top: 120px;
        margin: 0;
    }
    .lector-custom-p img {
        width: 110px;
        height: 20px;
    }
}

.text .more, .text .less, .section-about .text .icon-more {
    cursor: pointer;
}

.text .short {
    max-height: 160px;
    overflow: hidden;
}

@media all and (max-width: 1051px) {
    .text .short {
        max-height: 160px;
        overflow: hidden;
    }
}

@media all and (max-width: 769px) {
    .text .short {
        max-height: 125px;
        overflow: hidden;
    }
}

.header .form-search .form-group .icon-arrowright {
    margin-top: 15px !important;
    margin-left: 100px;
}

.section-about .text .icon-more:before {
    transform: rotate(180deg);
    color: #38ad47;
    position: relative;
}

#about .text .big {
    text-align: center;
}

.jumbotron.main-jumbotron .title {
    z-index: 100;
    font-size: 36px;
}

.jumbotron .title {
    font-size: 48px;
}

.jumbotron .title small {
    font-size: 25px;
}

.press-audio .col-sm-12 a h3 {
    font-size: 30px;
    width: 604px;
    padding-left: 50px;
    padding-top: 25px;
}

.press-audio .col-sm-12 a h3 small {
    text-shadow: #FFF 1px 0 5px;
}

.press-audio .col-sm-6 a h3 {
    padding-top: 5px;
    padding-left: 15px;
    font-size: 30px;
}

.press-audio .col-sm-6 a h3 small {
    padding-top: 25px;
    padding-right: 50px;
    float: right;
    font-size: 24px;
}

.boxs-section .ebooks::before {
    right: 470px;
}

.boxs-section .audiobooks::before {
    left: 418px;
}


.lector-section h2 {
    font-size: 36px;
}

.header .user {
    position: relative;
}

.header .user .logout-popup {
    background-color: white;
    box-shadow: 0 51px 58px rgba(0, 0, 0, 0.3);
    opacity: 0;
    position: absolute;
    right: 0;
    top: 90px;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    visibility: hidden;
    display: none;
    width: 314px;
    padding: 5px 7px;
    text-align: center;
    z-index: 20;
}

.header .user:hover .logout-popup, .header .user:focus .logout-popup {
    visibility: visible;
    opacity: 1;
    display: block;
}

.header .user.active .title:after {
    opacity: 1;
}

.fb-line div.logos {
    width: 361px;
    float: none;
    margin: 0px auto;
}

#GremiBox {
    margin-left: 10px;
}

#logo-eu {
    margin-left: 30px;
}

.fb {
    text-align: center;
    width: 100%;
    float: right;
}

.fb h3 {
    margin-top: 0px;
}

.fb-line .container-fluid div>div {
    float: none;
    display: inline-block;
    position: relative;
}

.version-list del {
    color: #989b9f;
    font-size: 80%;
}

.asset-ico {
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center 28px;
    padding-top: 66px !important;
}

.site-list .owl-stage-outer li h4 {
    text-overflow: ellipsis;
}

.jumbotron.main-jumbotron .title {
    max-width: 100%;
}

#newConnectBox {
    float: left;
}

@media all and (min-width: 768px) {
    .section-about .text .icon-more {
        display: none;
    }
    #about .text .big {
        text-align: justify;
    }
    .header .form-search .form-group .icon-arrowright {
        margin-left: 150px;
    }
    .easy-autocomplete-container {
        position: absolute;
    }
    .asset-ico {
        background-position: center 20px;
        padding-top: 51px !important;
    }
    .item-section .main-info .photo img {
        height: auto;
        width: 370px;
    }
    .item-section .main-info h1 {
        max-height: 180px;
        margin-top: -30px;
        padding-top: 15px;
        overflow: hidden;
        font-size: 43px;
        height: 160px;
    }
    .jumbotron.main-jumbotron .title {
        max-width: 54%;
    }
}

@media all and (min-width: 1050px) {
    #section-wideo .more {
        display: none;
    }
    .header .user {
        height: 108px;
        width: 80px;
    }
    .header .user .logout-popup {
        width: 250px;
        top: 156px;
        padding: 10px 20px;
    }
    .header.scrolled .user .logout-popup {
        top: 88px;
    }
    .item-details .mutations .btn.dropdown-toggle, .item-details .version-list dt.mutations .dropdown
        {
        width: 320px !important;
    }
    .mega-menu .categories .links li a {
        text-overflow: ellipsis;;
        white-space: nowrap;
        overflow: hidden;
    }
    .fb-line div.logos {
        float: left;
        margin: 0px;
    }
    .fb {
        width: 300px;
    }
    .fb-line .logos div {
        float: left;
    }
    .site-list .more a:hover {
        transform: translateY(5px);
        transition-duration: 1s;
        transition-property: transform;
        transition-timing-function: ease-out;
    }
    .asset-ico {
        background-position: center 26px;
        padding-top: 60px !important;
    }
    .jumbotron.main-jumbotron .title {
        max-width: 100%;
    }
}

.header .user .logout-popup {
    width: 250px;
    padding: 10px 20px;
}


#section-ekiosk-tv {
    margin-top: 50px;
}

#section-ekiosk-tv .list-outer.items-2 {
    width: 50%;
    float: left;
}

#section-ekiosk-tv .list-outer.items-2 .owl-nav {
    right: -97% !important;
}

#section-ekiosk-tv .video-frame {
    float: left;
    width: 47%;
    margin-top: 85px;
    margin-right: 15px;
}

.emailSaved {
    padding-top: 7px;
    text-align: center;
    margin: 0 2px;
}

.emailSaved>span {
    color: green;
    font-size: 14px;
    display: inline-block;
}

.form-newsletter #newsletterEmail {
    width: calc(100% - 52px);
}

@media all and (min-width: 1050px) {
    #section-ekiosk-tv .video-frame {
        margin-top: 50px;
    }
}

#section-ekiosk-tv .list-outer a {
    height: 475px !important;
}

.form-checkbox {
    width: 340px;
}

#newsletter-checkbox + div {
    float: right;
    width: 310px;
}

.form-newsletter .checkbox label {
    padding-left: 0;
    font-weight: normal;
}

.form-newsletter .form-group span {
    text-align: center;
    padding: 0 10px;
}

@media all and (max-width: 1050px) {
    #section-ekiosk-tv .list-outer a {
        height: auto !important;
    }
    .header nav ul.main-menu li a {
        max-height: 68px;
    }
    
    .form-checkbox {
        width: 50%;
    }
    
    .emailSaved > span {
        font-size: 12px;
        margin: 0 2px;
    }
}

.header .form-search fieldset .form-group {
    max-height: 0px;
    padding-bottom: 44px;
}

.empty-basket h3 {
    text-align: center;
    font-size: 24px;
    color: #38ad47;
}

@media all and (max-width: 767px) {
    #section-ekiosk-tv.list-outer.items-2 .owl-nav {
        display: none;
    }
    #section-ekiosk-tv .video-frame {
        width: 100%;
        height: 387px;
    }
    #section-ekiosk-tv .list-outer.items-2 {
        display: none;
    }
    .emailSaved {
        padding-top: 21px;
    }
    .form-newsletter #newsletterEmail {
        width: 425px;
    }
    .header .form-search fieldset .form-group>div.easy-autocomplete.eac-main
        {
        width: calc(100% - 226px);
    }
    div.slider+div.slider {
        padding-top: 100px;
    }
    .header .form-search fieldset .form-group {
        padding-bottom: 77px;
    }
    .cart-content .bonus-cols .form-group .btn i.icon-refresh {
        margin-top: -18px;
    }
    .header nav ul.main-menu li a:after {
        bottom: 49px;
    }
    .header .user .logout-popup {
        width: 370px;
    }
}

@media all and (min-width: 1050px) {
    body.noscroll #header-spacer {
        height: 88px;
    }
    #section-ekiosk-tv .group, #section-ekiosk-tv .group h2 {
        padding-top: 0px !important;
        margin-top: 0px;
    }
    #section-ekiosk-tv {
        padding-top: 20px;
    }
    #section-eprasa {
        padding-top: 0px !important;
    }
    .header .user .logout-popup {
        width: 250px;
        top: 108px;
        padding: 10px 20px;
    }
}

@media all and (min-width: 768px) and (max-width: 1050px) {
    .cart-content .bonus-cols .form-group .btn i {
        margin-top: 4px;
        margin-left: -1px;
    }
}

#section-polecane .group {
    padding-bottom: 0px !important;
}

.header .form-search fieldset .form-group>div {
    width: 255px;
}

.item-details .note {
    margin-left: -200px;
    left: 0;
}

.payu-pay {
    text-align: center;
}

.search.no-results {
    text-align: center;
    font-size: 24px;
    color: #38ad47;
}

.big-select.show-all .overlay {
    max-height: 700px;
}

.sub-jumbotron.jumbotron-category {
    height: 297px;
    padding-top: 80px;
}

.text-required:before {
    content: "*";
    color: #F00;
}

#section-polecane+.section-app {
    margin-top: 40px;
}

.sub-jumbotron.jumbotron-category h1 {
    margin-bottom: 30px;
}

.header .cart .title em {
    display: block;
}

.dropdown-backdrop {
    z-index: -999;
}

.ajaxLoader div.slider+div.slider {
    margin-top: 100px;
}

.header.scrolled>.container-fluid, .header.scrolled .user {
    height: 108px;
}

@media all and (min-width: 1050px) {
    .category-full-list.big-select .overlay .container-fluid {
        display: block;
        float: none;
        position: relative;
        margin: 0 auto;
    }
}

@media all and (min-width: 768px) {
    .site-list.section-target.full-list .group .list-outer .owl-stage-outer>li {
        max-height: 680px;
    }
}

.card-payment {
    width: 760px;
    display: table;
    vertical-align: middle;
    margin-bottom: 25px;
}

.card-payment  td {
    width: 190px;
    vertical-align: middle;
}

.card-payment .credit-cards {
    width: 570px;
}

.card-payment .credit-cards ul {
    list-style: none;
    list-style-type: none;
    list-style-position: outside;
    padding: 20px;
    margin: 0;
}

.card-payment .credit-cards label {
    font-weight: normal;
    cursor: pointer;
    margin-left: 20px;
}

.transfer-payment {
    margin-top: 30px;
}

.transfer-payment .btn.btn-grey {
    margin-top: 4px;
}

.transfer-payment+.buttons {
    display: none;
}

#payu-payment-form button[type=submit], .payu-payment-button {
    border: 0px;
    height: 50px;
    width: 290px;
    background:
        url('http://static.payu.com/pl/standard/partners/buttons/payu_account_button_long_03.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

.payu-form .btn.btn-grey {
    position: absolute;
}

.payu-form .payu-payment-button {
    margin-left: 475px;
}

.payu-form .payu-payment-button {
    display: inline-block;
    float: right;
    margin-left: 475px;
    padding-right: 30px;
    right: 0;
    background-color: #A6C307;
    border-radius: 50px;
    color: white;
    font-size: 16px;
    background-image: url('../i/payU-arrow.png');
    background-repeat: no-repeat;
    background-position: 245px center;
}

@media all and (max-width: 767px) {
    .payu-form .payu-payment-button {
        display: inline-block;
        float: right;
        margin-left: 475px;
        right: 0;
        height: 96px;
        font-size: 30px;
    }
}

.payU-button-holder {
    height: 0px;
    display: block;
    position: absolute;
}

.card-payment .payu-payment-button {
    display: block;
    position: relative;
    float: left;
    top: -25px;
    left: 500px;
}

.show-card-icon {
    margin-left: 12px;
}

.show-card-icon:before {
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    position: relative;
    content: "\e177";
    margin-left: -33px;
    margin-right: 9px;
    vertical-align: -4px;
    font-size: 20px;
}

.bounded-height {
    max-height: 400px;
    min-height: 400px;
    display: block;
    float: left;
    position: relative;
}

.titles.bounded-height {
    max-height: 330px;
    min-height: 330px;
} 

.bounded-height .cover {
    height: 215px;
}

.bounded-height .number {
    height: 20px;
}

.cart-content .remove a {
    width: 40px;
    height: 40px;
    border-width: 0;
    background-color: transparent;
    padding: 0;
    text-align: center;
    line-height: 40px;
}

@media all and (min-width: 768px) {
    .cart-content .remove a {
        width: 20px;
        height: 20px;
        line-height: 20px;
    }
}

.cart-content .remove a i:before {
    font-size: 24px;
    color: #d3d6d8;
}

@media all and (min-width: 768px) {
    .cart-content .remove a i:before {
        font-size: 14px;
    }
}

.icon-category-auto_moto:before {
    content: '\0078';
}

.icon-category-darmowe:before, .icon-category-bezplatne:before {
    content: '\0079';
}

.icon-category-prawo_i_podatki:before, .icon-category-dokumenty___umowy:before,
    .icon-category-prawo:before, .icon-category-biznes:before {
    content: '\0069';
}

.icon-category-branza:before {
    content: '\006a';
}

.icon-category-dla_doroslych:before {
    content: '\006b';
}

.icon-category-dom_i_wnetrza:before {
    content: '\006c';
}

.icon-category-informacyjne:before {
    content: '\006d';
}

.icon-category-lifestyle_i_kultura:before {
    content: '\006e';
}

.icon-category-militaria:before {
    content: '\006f';
}

.icon-category-naukowe:before {
    content: '\0070';
}

.icon-category-poradniki_do_gier:before, .icon-category-poradniki:before
    {
    content: '\0071';
}

.icon-category-duchowosc:before, .icon-category-religia:before {
    content: '\0072';
}

.icon-category-sport_i_rekreacja:before, .icon-category-sport_i_pasje:before
    {
    content: '\0073';
}

.icon-category-technologie:before {
    content: '\0074';
}

.icon-category-komiks:before, .icon-category-dla_dzieci:before {
    content: "7";
}

.icon-category-biografie_i_dokument:before, .icon-category-biografie:before
    {
    content: "8";
}

.icon-category-przygodowe:before, .icon-category-dla_mlodziezy:before,
    .icon-category-dla_dzieci_i_mlodziezy:before {
    content: '\0025';
}

.icon-category-duchowosc_i_religia:before {
    content: '\0072';
}

.icon-category-edukacja:before {
    content: '\0035';
}

.icon-category-fantastyka:before {
    content: "$";
}

.icon-category-gotowanie:before {
    content: "#";
}

.icon-category-ezoteryka:before {
    content: "\0072";
}

.icon-category-historia:before {
    content: '\0035';
}

.icon-category-hobby:before {
    content: '\0073';
}

.icon-category-komputery_i_informatyka:before,
    .icon-category-informatyka:before {
    content: '\0074';
}

.icon-category-jezyki_obce:before, .icon-category-jezyki_i_nauka_jezykow:before,
    .icon-category-obcojezyczne:before {
    content: '\0034';
}

.icon-category-nauki_humanistyczne:before, .icon-category-kino_i_teatr:before
    {
    content: 'n';
}

.icon-category-inne:before, .icon-category-romans_i_erotyka:before {
    content: 'm';
}

.icon-category-kryminaly_sensacja:before,
    .icon-category-kryminal_i_sensacja:before {
    content: '3';
}

.icon-category-naukowe_i_akademickie:before,
    .icon-category-pakiety_edukacyjne:before,
    .icon-category-literatura_faktu:before,
    .icon-category-lektury_szkolne:before {
    content: '9';
}

.icon-category-poezja:before, .icon-category-proza:before,
    .icon-category-nauki_scisle:before, .icon-category-filozofia:before,
    .icon-category-klasyka:before, .icon-category-literatura:before,
    .icon-category-literatura_piekna:before,
    .icon-category-literatura_i_kultura:before,
    .icon-category-rynek_wydawniczy:before, .icon-category-opowiadania:before,
    .icon-category-podreczniki_pomoce_naukowe:before,
    .icon-category-sluchowiska:before, .icon-category-powiesc:before,
    .icon-category-pozostale:before, .icon-category-publicystyka:before,
    .icon-category-obyczajowe:before {
    content: '!';
}

.icon-category-psychologia_i_pedagogika:before,
    .icon-category-popularnonaukowe:before {
    content: '1';
}

.icon-category-przewodniki_turystyczne:before,
    .icon-category-przewodniki:before {
    content: "0";
}

.icon-category-historia:before {
    content: '\0035';
}

.icon-category-historia:before {
    content: '\0035';
}

.sub-jumbotron.category_audiobook {
    background-image: url(../i/categories/category_audiobook.jpg);
}

.sub-jumbotron.category_bezplatne {
    background-image: url(../i/categories/category_bezplatne.jpg);
}

.sub-jumbotron.category_biznes {
    background-image: url(../i/categories/category_biznes.jpg);
}

.sub-jumbotron.category_lifestyle_i_kultura {
    background-image: url(../i/categories/category_lifestyle_i_kultura.jpg);
}

.sub-jumbotron.category_auto_moto {
    background-image: url(../i/categories/category_auto_moto.jpg);
}

.sub-jumbotron.category_branza {
    background-image: url(../i/categories/category_branza.jpg);
}

.sub-jumbotron.category_dla_doroslych {
    background-image: url(../i/categories/category_dla_doroslych.jpg);
}

.sub-jumbotron.category_dom_i_wnetrza {
    background-image: url(../i/categories/category_dom_i_wnetrza.jpg);
}

.sub-jumbotron.category_ebook {
    background-image: url(../i/categories/category_ebook.jpg);
}

.sub-jumbotron.category_informacyjne {
    background-image: url(../i/categories/category_informacyjne.jpg);
}

.sub-jumbotron.category_militaria {
    background-image: url(../i/categories/category_militaria.jpg);
}

.sub-jumbotron.category_naukowe {
    background-image: url(../i/categories/category_naukowe.jpg);
}

.sub-jumbotron.category_poradniki {
    background-image: url(../i/categories/category_poradniki.jpg);
}

.sub-jumbotron.category_religia {
    background-image: url(../i/categories/category_religia.jpg);
}

.sub-jumbotron.category_sport_i_pasje {
    background-image: url(../i/categories/category_sport_i_pasje.jpg);
}

.sub-jumbotron.category_technologie {
    background-image: url(../i/categories/category_technologie.jpg);
}

.sub-jumbotron.category_e_prasa {
    background-image: url(../i/categories/category_informacyjne.jpg);
}

.sub-jumbotron.category_darmowe {
    background-image: url(../i/categories/category_bezplatne.jpg);
}

.text-line-through {
    text-decoration: line-through;
}

h2 .red_bold {
    color: red;
}

.form.user-form .btn.btn-green.btn-wide {
    z-index: 0;
}

@media all and (max-width: 880px) and (min-width: 768px) {
    .reader-text .group h3 {
        width: calc(100% - 125px);
    }
}

@media all and (max-width: 767px) {
    .reader-text .group h3 {
        margin-left: 0px;
        padding-left: 0px;
    }
    .reader-text {
        padding-top: 0px;
        margin-top: -150px;
    }
    #popup-video .popup-title {
        line-height: 43px !important;
        padding-right: 69px;
    }
}

#popup-video .popup-title {
    color: #000;
    font-size: 30px;
    float: left;
    line-height: 52px;
    margin-left: 15px;
}

.breadcrumbs {
    margin: 18px auto 17px auto;
    width: 1140px;
    font-size: 14px;
    color: #00B064;
}

.breadcrumbs a, .breadcrumbs span {
    color: #00B064;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

.breadcrumbs a:last-of-type, .breadcrumbs span:last-of-type {
    color: black;
}

.my-order h2 {
    height: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.my-order .cover img {
    width: 210px;
    height: auto;
}

.profile-form .library-list.site-list .big-list.normal .favourite {
    width: 25%;
}

@media all and (max-width: 1050px) {
    .breadcrumbs {
        text-align: center;
        margin: 17px 0 18px 0;
        width: 100%;
    }
    .header nav ul.main-menu li a:after {
        bottom: 35px;
    }
    .my-order .cover img {
        width: 210px;
        height: auto;
    }
    .profile-form .library-list.site-list .big-list.normal .favourite {
        width: 33%;
        height: 440px;
        max-height: 440px;
    }
    .library-list.site-list .owl-stage-outer li.favourite .cover.big-cover a
        {
        line-height: 0;
    }
}

@media all and (max-width: 768px) {
    .cart-content .btn-right .btn {
        width: auto;
        display: inline-block;
        padding: 0 60px;
        top: 0;
    }
    
    .profile-form .library-list.site-list .big-list.normal .favourite {
        height: 500px;
        max-height: 500px;
    }
   
    .profile-form .library-list.site-list .big-list.normal .favourite .buttons .btn-remove-fav{
        padding-bottom: 8px; 
    }
}

.header .cart .cart-popup {
    z-index: 20;
}

#codeActivate {
    line-height: normal;
}

.sub-jumbotron.jumbotron-category {
    margin-top: -20px;
}

.library-list .big-list .list-subscription li {
    display: block;
    float: left;
    position: relative;
    width: 100%;
    text-align: left;
}

.library-list .big-list .list-subscription li p.cover {
    margin-right: 23px;
    width: 188px;
    height: 330px;
    display: block;
    position: relative;
    float: left;
    text-align: center;
}

.library-list .big-list .list-subscription li .subscriptionMobiInfo {
    display: none;
}

.library-list .big-list .list-subscription li .description {
    font-size: 17px;
    display: block;
    position: relative;
    float: left;
    width: 370px;
    color: #999b9b;
}

.library-list .big-list .list-subscription li h4 {
    font-size: 20px;
    display: inline;
    text-align: left;
    padding: 0px;
    color: black;
}

.library-list .big-list .list-subscription li .red {
    color: #ff0000;
}

.list-subscription .buttons {
    display: inline-block;
    width: 549px;
    margin-left: 200px;
}

.list-subscription .buttons .big-dd {
    display: inline-block;
}

.list-subscription .buttons .big-dd .select-frequency {
    max-width: 220px;
    min-width: 220px;
    padding-right: 35px;
    font-size: 16px;
}

.list-subscription .buttons .big-dd .select-frequency+.dropdown-menu {
    max-width: 220px;
    min-width: 220px;
    margin-left: 6px;
}

.list-subscription .buttons .big-dd .btn.btn-default {
    width: 160px;
    font-size: 17px;
}

.list-subscription .buttons .big-dd .subscription-price {
    margin: 0 20px;
    display: inline-block;
    width: 65px;
}

.list-subscription .buttons .big-dd .btn.btn-default {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 64px;
    padding-right: 64px;
    width: 200px;
}

.site-list .list-subscription .owl-stage-outer > li .cover.big-cover img {
    max-width: 100%;
}

#faq-form .select-list {
    width: 100%;
    margin-bottom: 15px;
}

#faq-form .select-list button {
    box-shadow: 0 1px #ebebee inset;
    font-weight: normal;
}

.payu-loader {
    float: right;
    margin-top: -23px;
}

@media all and (max-width: 767px) {
    #faq-form .select-list .btn {
        line-height: 90px !important;
        margin-top: 0px;
    }
    
    .my-order>li {
        width: 50%;
        height: auto;
        margin: 0;
        padding: 17px;
        display: inline-block;
        float: none;
        max-height: none;
        min-height: auto;
        text-align: center;
    }
    
    .header nav ul.main-menu li a:after {
        bottom: 20px;
    }
    
    .payu-loader {
        margin-top: 0px;
    }
    
    .my-order .cover img {
        width: 100%;
        max-width: 85%;
        height: auto;
    }
    
    .my-order h2 {
        height: 131px;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 39px;
    }
    
    .item-details .version-list dd.big-dd:first-child {
        padding: 0;
        margin: 0;
        height: 0;
    }
    
    .profile-form .library-list.site-list .big-list.normal .favourite {
        width: 50%;
        height: 490px;
        max-height: 490px;
    }
    
    .library-list .big-list .list-subscription li h4 {
        font-size: 24px;
    }
}

.resp-message {
    text-align: center;
}

.resp-message h1 {
    margin: 60px 0;
    font-size: 22px;
    display: inline-block;
}

.profile-content .library-list .owl-stage-outer li {
    max-height: 331px;
    overflow: hidden;
}

.profile-content .library-list .owl-stage-outer li.favourite {
    height: 430px;
    max-height: 430px;
    width: 255px;
    position: relative;
    float: left;
    display: block;
}

.library-list.site-list .owl-stage-outer li.favourite .cover.big-cover {
    height: 310px;
}

.profile-content .library-list .owl-stage-outer li.favourite img {
    width: 210px;
}

.site-list.section-target.full-list .list-change {
    float: none !important;
    width: 660px !important;
    margin: 0 auto !important;
}

.item-section .main-info .photo .btn:focus {
    background-color: transparent;
}

.publisher-list .list .owl-nav .owl-prev, .publisher-list .list .owl-nav .owl-next {
    top: 43px;
}

.icon-fb, .icon-g {
    margin-top: -10px;
}

.container-fluid.year-list {
    width: 450px;
    float: none;
    margin: 0 auto;
    display: block;
    position: relative;
}

.container-fluid.year-list .select.big-select {
    width: 250px;
    float: right;
}

.container-fluid.year-list>div>* {
    display: inline-block;
    float: left;
}

.container-fluid.year-list label {
    font-size: 23px;
    margin-top: 9px;
}

.text-page a, .faq-guide a {
    color: #51c760;
    font-weight: bold;
}

.text-page a:hover, .faq-guide a:hover {
    text-decoration: underline;
}

.form .form-group.required.red::after {
    color: #ee3e00;
}

.container-fluid.year-list .select label {
    font-size: 16px;
    padding: 0px  18px 8px 20px;
}

@media all and (max-width: 1050px) {
    .bounded-height .cover {
        height: auto;
    }
    
    .bounded-height .cover img {
        max-height: auto;    
    }
    
    .big-list.normal .owl-stage-outer li.bounded-height {
        display: inline-block;
        float: none;
        max-height: none;
        min-height: auto;
        height: auto;
    }
}

@media all and (max-width: 767px) {
    .container-fluid.year-list label {
        margin-top: 29px;
    }
    
    .container-fluid.year-list .select label {
        font-size: 30px;
    }
    
    .bounded-height .cover {
        height: auto;
    }
    
    .bounded-height .cover img {
        max-height: auto;    
    }
    
    .bounded-height {
        max-height: 620px;
        min-height: 620px;
    }
    
    .site-list .owl-stage-outer > .bounded-height .buttons a.btn.btn-lightgrey {
        padding-bottom: 8px;
    }
}

.item-section .main-info .tools li.has > a {
    background-color: #38ad47;
}

.item-section .main-info .tools li.has > a:before {
    color: #ffffff;
    background-image: url('../i/favourite.png');
    background-repeat: no-repeat;
    background-position: top center;
    border-color: #ffffff;
    content: '';
    padding-top: 24px;
}

.item-section .main-info .tools li.favourites.has {
    /* line-height: 32px; */
}

.item-section .main-info .tools li.favourites.has > a:before {
    padding-top: 24px;
}


@media all and (min-width: 768px) {
    .item-section .main-info .tools li.favourites:hover > a {
        background-color: #38ad47;
    }
    
    .item-section .main-info .tools li.favourites:hover > a:before {
        color: #ffffff;
        background-image: url('../i/favourite.png');
        background-repeat: no-repeat;
        background-position: top center;
        border-color: #ffffff;
        content: '';
        padding-top: 26px;
        margin-bottom: 6px;
    }
    
    .item-section .main-info .tools li.has:hover > a {
        background-color: transparent;
    }
    
    .item-section .main-info .tools li.has.favourites:hover > a:before {
        content:'\0044';
        background-image: none;
        padding-top: 0px;
        margin-bottom: 8px;
    }
}

@media all and (max-width: 767px) {
    .item-section .main-info .tools li.has.favourites > a {
        padding-bottom: 30px;
    }
}

.clear {
    position: relative;
    float: none;
    clear: both;
}

@media all and (min-width: 1050px) {
    .header nav ul.main-menu {
        width: 386px;
    }
}

.goToContact {
    font-size: 18px; 
    line-height: 30px; 
    color: #38AD47;
    margin-top: 50px;
}

.goToContact:hover {
    text-decoration: underline;
    color: #38AD47; 
}

@media all and (min-width: 1050px) {
    .library-list .big-list .list-outer > ul.favourites > .favourite {
        width: 25%;
        height: 465px;
        max-height: 475px;
        margin-bottom: 30px;
    }
    
    .library-list.site-list .owl-stage-outer.favourites li.favourite .cover.big-cover {
        height: 360px;
    }
}

@media all and (max-width: 768px) {
    .library-list.site-list .owl-stage-outer li {
        padding: 0;
    }
    .list-subscription .owl-stage-outer .cover, .list-subscription .owl-stage-outer .description{
        padding: 0 0px;
        font-size: 15px;
    }
    
    .library-list.site-list .owl-stage-outer li .cover.big-cover a {
        line-height: 0;
    }
    
    .library-list .big-list .list-subscription li p.cover {
        width: 40%;
        margin: 0;
    }
    
    .library-list .big-list .list-subscription li p.cover span {
        display: none;
    }
    
    .library-list .big-list .list-subscription li .description {
        width: 60%;
    }
    
    .library-list .big-list .list-subscription li .subscriptionMobiInfo {
        display: block;
        position: absolute;
        font-weight: bold;
        color: black;
        top: 160px;
        width: 180px;
    }
    
    .library-list .big-list .list-subscription li .buttons {
        margin: 0;
        width: 100%;
        text-align: center;
        margin-bottom: 50px;
        margin-top: 50px;
    }
    
    .list-subscription .buttons .big-dd .select-frequency {
        line-height: 60px;
        padding-bottom: 10px
    }
    
    .library-list .big-list .list-subscription li .buttons .big-dd {
        display: block;
        position: relative;
        float: left;
        width: 60%;
        vertical-align: 0px;
    }
    
    .library-list .big-list .list-subscription li .buttons .big-dd:last-child {
        width: 40%;
    }
    
    .library-list .big-list .list-subscription li .buttons .subscription-price {
        display: block;
        position: absolute;
        margin-top: -50px;
        font-size: 30px;
        font-weight: bold;
        margin-left: -200px;
        text-align: center;
        width: 200px;
    }
    
    .library-list .big-list .list-subscription li .buttons .select-frequency {
        display: block;
        position: relative;
        max-width: 350px;
        min-width: 350px;
        margin-top: 0px;
        padding-right: 55px;
        font-size: 24px;
    }
    
    .library-list .big-list .list-subscription li .buttons .select-frequency+.dropdown-menu {
        max-width: 350px;
        min-width: 350px;
        margin-left: 0px;
    }
    
    .library-list .big-list .list-subscription li .buttons .select-frequency+.dropdown-menu label {
        padding: 25px 28px;
    }
    
    .library-list .big-list .list-subscription li .buttons .open .select-frequency {
        border-radius: 50px 50px 0 0;
    }
    
    .library-list .big-list .list-subscription li .buttons .select-frequency:before {
        bottom: 34px;
    }
}

@media all and (max-width: 1050px) {
    .list-subscription .buttons {
        width: calc(100% - 211px);
        min-width: 510px;
        text-align: center;
        margin: 0;
        padding: 0;
        margin-top: 50px;
        
    }
    
    .library-list.site-list .owl-stage-outer li .cover.big-cover a {
        line-height: 0;
    }
    
    .select-list .btn::before {
        bottom: 20px;
    }
}

.favInfo {
    color: #a3a2a7;
    text-align: center;
    margin-bottom: 20px;
    padding-top: 40px;
    padding-bottom: 20px; 
    font-size: 15px;
}

.favInfo a {
    color: #38ad47;
}

.favInfo a:hover {
    text-decoration: underline;
}

@media all and (max-width: 768px) {
    .favInfo {
        font-size: 24px;
        padding: 0 10px;
    }
}

.cart-content .price del{
    margin-left: 10px;
    color: #989b9f;
    font-size: 80%;
}

.profile-form .form-group.currentEmail {
    font-size: 16px;
    min-width: 580px;
}

.label-new-email {
    font-size: 20px;
}

@media all and (max-width: 768px) {
    .profile-form .form-group.currentEmail {
        font-size: 27px;
    }

    .label-new-email {
        font-size: 30px;
    }
}

.fv-data {
    display: none;
}

.fv-data.show-fv {
    display: block;
}

.checkbox .fv-data, .checkbox + .fv-data.show-fv {
    display: none;
}

.checkbox.show-fv + .fv-data.show-fv {
    display: block;
}

.cart-content fieldset.show-form .show-fv .text-button.fv-data-button {
    visibility: visible;    
    position: static;
    transform: scale(1);
    display: block;
    opacity: 1;
}

.checkbox .fv-data-button {
    display: none;
}

.checkbox.show-fv .fv-data-button {
    display: block;
}

.fieldset-group.edit-data {
    padding-bottom: 38px;
}

.list-subscription .owl-stage-outer .dropdown-menu li:last-child {
    margin-bottom: 0px;
}

@media all and (min-width: 1050px) {
    .header {
        height: 108px;
        border-bottom-width: 0;
    }
    .header .logo {
        padding-top: 36px;
    }
    .header nav ul.main-menu li {
        padding-top: 44px;
    }
    .header nav ul.main-menu li a {
        height: 64px;
    }
    .header nav ul.main-menu li a:after {
        bottom: 30px;
    }
    .header .form-search, .header .user .title, .header .cart .title
        {
        padding-top: 33px;
    }
    .header .cart .title em {
        top: 33px;
    }
    .header .cart .cart-popup {
        top: 108px;
    }
    .header .mega-menu {
        top: 108px;
    }
    .header .cart {
        height: 108px;
    }
}

@media all and (min-width: 1050px) {
    
    #header-spacer {
        height: 108px;
    }
    
    .header.scrolled {
        position: fixed;
        height: 88px;
        border-bottom-width: 0;
        box-shadow: 0 0 5px rgba(121, 124, 138, 0.8);
    }
    .header.scrolled .logo {
        padding-top: 27px;
    }
    .header.scrolled nav ul.main-menu li {
        padding-top: 34px;
    }
    .header.scrolled nav ul.main-menu li a {
        height: 64px;
    }
    .header.scrolled nav ul.main-menu li a:after {
        bottom: 20px;
    }
    .header.scrolled .form-search, .header.scrolled .user .title, .header.scrolled .cart .title
        {
        padding-top: 23px;
    }
    .header.scrolled .cart .title em {
        top: 23px;
    }
    .header.scrolled .cart .cart-popup {
        top: 88px;
    }
    .header.scrolled .mega-menu {
        top: 88px;
    }
    .header.scrolled .cart {
        height: 88px;
    }
}

/* EKIOSK-983 HOT FIX */
.site-list .owl-stage-outer > li .cover.big-cover img, .site-list .owl-stage-outer .owl-item > li .cover.big-cover img {
    max-width: 85%;
}

@media all and (max-width: 640px) {
    .datepicker.datepicker-dropdown.dropdown-menu {
        min-width: 360px !important;
    }
}

.policy {
    text-align: justify;
}

@media all and (max-width: 1050px) {
    .text-page .text.policy {
        margin-bottom: 60px;
    }
}

ul.policy-content {
    list-style-position: outside;
    padding-left: 0; 
}

.text.policy a {
    font-weight: normal;
}

.text-page .text ul.policy-content ol li {
    margin: 10px 0;
}

.text-page .text ol li::before {
    content: none;
}

.policy ol.small-alpha {
    list-style-position: inside;
    margin-left: 15px;
}

.policy ol.small-alpha > li {
    list-style-type: lower-alpha;
}

.policy ul.dash li {
    list-style-type: '-';
    text-indent: 15px;
}

@media all and (max-width: 720px) {
    .site-list .owl-stage-outer > li .btn-lightgrey.btn-remove-fav {
        padding-top: 16px;
        padding-bottom: 16px;
    }
}

#activate-list .alert.alert-danger p {
    padding: 0;
}

a.btn.center {
    margin: 0 auto;
    float: none;
    display: block;
    position: relative;
    width: 310px;
}

@media all and (max-width: 720px) {
    a.btn.center {
        width: 550px;
        margin-bottom: 30px;
    }
}

@media all and (max-width: 1050px) {
    a.btn.center {
        margin-bottom: 30px;
    }
}

.number .author-button {
    display: block;
    position: relative;
    float: none;
    width: 249px;
    height: 106px;
    border: 1px solid #656c71;
    border-radius: 13px; 
    padding: 62px 10px 10px 10px;
    margin: 0px 0px -40px 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    background-image: url('../i/man-and-woman-icon.png');
    background-position: center 15px;
    background-size: 42px 42px;
    background-repeat: no-repeat;
}

@media all and (max-width: 768px) {
    .item-section .main-info .number.author {
        padding-top: 10px;
    }
    
    .item-section .main-info .number.author .author-button {
        margin: 10px auto;
        width: 334px;
    }
}

.item-section .main-info .author~.tools {
    margin-top: 12px;
}

.category-list .owl-stage-outer h4 a {
    height: auto;
    font-weight: bolder;
    padding: 15px 0;
    color: rgb(110, 118, 125);
}

#section-polecane .owl-stage-outer .owl-item > li .btn {
    font-size: 20px;
    height: auto;
    padding: 10px 20px 0;
    text-align: center;
}

#section-polecane .owl-stage-outer .owl-item > li .btn {
    display: inline-block;
}

#section-polecane .owl-stage-outer .owl-item > li .btn span {
    display: none;
}

#section-polecane .owl-item>li>p {
    text-align: center;
    padding-bottom: 10px;
}

#section-polecane .price, #section-polecane .price ins{
    font-size: 18px;
    margin-right: 4px;
    font-weight: bold;
    color: #313840;
    text-decoration: none;
}

#section-polecane .price del {
    font-size: 14px;
    color: #989b9f;
}

.monit-blur #all, .cover.blur img, .edge.blur img{
    filter: blur(4px) grayscale(1);
    /* Firefox version 34 and earlier */
    filter: url("blur.svg#gaussian_blur");
    /* Webkit in Chrome 52, Safari 9, Opera 39, and earlier */
    -webkit-filter: blur(4px) grayscale(1);
}

.bg-layer {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
}
 
.bg-layer .adult-monit {
    display: block;
    color: #a8a9b2;
    float: none;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 768px;
    height: 300px;
    background: white;
    padding: 25px 50px;
    text-align: center;
    border: 1px solid #7e7e7e;
}

.bg-layer .adult-monit .form .big-checkbox {
    border-bottom: none;
    margin: 0;
    padding: 0;
}

.bg-layer .adult-monit .btn {
    margin: 0 75px;
}

@media all and (min-width: 1051px) {
    .site-list .more a {
        padding-top: 0px;
    }
    
    .site-list .more {
        margin-top: 20px;
    }
}

@media all and (max-width: 768px) {
    .easy-autocomplete.eac-main ul li div {
        font-size: 24px;
    }
    
    .item-details div.text>p {
        font-size: 24px;
        font-weight: bold;
        text-align: center;
        margin-top: 30px;
    }

    .search-result-header.archival-header h1 {
        font-size: 48px;
        margin-bottom: 20px;
    }
    
    .search-result-header.archival-header p {
        font-size: 24px;
    }
    
    .container-fluid.year-list, .container-fluid.year-list .sort-list, .container-fluid.year-list .dropdown {
        width: 100%;
    }
    
    .year-list .big-list.normal h4 a {
        line-height: 36px;
    }
    
    .site-list .categories-list .owl-stage-outer > li h4 {
        font-size: 30px;
    }
    
    .profile-form.user-form.form .big-checkbox label {
        font-size: 24px;
    }
    
    .page-title.faq-bg p {
        font-size: 24px; 
    }
    
    .goToContact {
        font-size: 24px;
        line-height: 30px; 
    }
    
    .contact-form span.required {
        font-size: 24px;
    }
    
    p.or {
        font-size: 24px;
    }
    
    p.contact-info {
        font-size: 24px;
    }
    
    .text-page .info-right h3, .text-page .info-right a {
        font-size: 30px;
    }
    
    .text-page .info-right strong a {
        font-size: 24px;
        line-height: 27px;
    }
    
    .text-page .info-right p.work-hours {
        font-size: 24px;
    }
    
    .my-order .cover.big-cover {
        padding: 0 15px;
    }
    
    .library-list .big-list .list-subscription li .description {
        font-size: 24px;
    }
    
    .list-subscription .buttons .big-dd .btn.btn-default {
        padding: 8px 20px;
        /* padding-left: 20px;
        padding-right: 20px; */
        font-size: 30px;
    }
    
    .category-list .owl-stage-outer li > a {
        height: 490px;
    }
    
    .category-list .owl-stage-outer h4 a {
        font-size: 24px;
    }
    
    #section-polecane .price ins{
        font-size: 26px;
    }
    
    #section-polecane .price del {
        font-size: 20px;
    }
    
    #section-polecane .owl-stage-outer .owl-item > li .btn {
        font-size: 30px;
        padding: 10px 44px 0;
        text-align: center;
    }
    
    #section-ekiosk-tv {
        display: none;
    }
    
    .jumbotron.main-jumbotron .slide {
        height: 500px;
    }
    
    .section-about .icon-more:before {
        transition: 1s;
    }

    
    .section-about .icon-more.rotated:before {
        transform: rotate(180deg);
        transition: 1s;
    }
    
    .category-dropdown.big-select {
        height: 94px;
        padding: 0 30px;
    }
    
    .category-dropdown.big-select.show-all .overlay {
        max-height: none;
        max-width: none;
        display: block;
        position: relative;
        float: none;
        top: 0px;
        right: 0px;
        left: 0px;
        bottom: 0px;
        height: auto;
        border-radius: 0 0 50px 50px;
        width: 100%;
    }
    
    .category-dropdown.big-select .more {
        width: 100%; 
        max-width: none;
    }
    
    .category-dropdown.big-select.show-all .more {
        border-radius: 50px 50px 0 0;
    }        
    
    .category-dropdown.big-select.show-all .overlay ul {
        position: relative;
        top: 0;
    }
    
    .header .user .logout-popup {
        top: 80px;
        padding-top: 20px;
    }

    .user-form .form-group {
        padding: 7px 16px 7px 150px;
    }
    
     .user-form .form-group .dropdown.select-list {
        width: 100%;
    }
    
    .user-form .form-group .dropdown-menu.dropdown-wide {
        max-width: auto;
        min-width: auto;
        width: 100%;
    }
    
    .form .form-group .dropdown-menu label {
        display: inline-block;
        z-index: 100;
    }

    .user-form .form-group {
        z-index: auto;
        padding-right: 0;
    }
    
    .user-form .form-group .form-control-feedback {
        right: 85px;
    }

    .category-list .owl-stage-outer li > a {
        display: block;
        position: relative;
        float: none;
        height: 420px;
    }
    
    .contact-data h3 {
        font-size: 30px;
    }
    
    #section-polecane .owl-item>li>p.cover {
        height: 329px;
    }
    
    #section-polecane .owl-item>li>p.cover>a {
        line-height: 329px;
    }
}

.category-list .owl-stage-outer li > a, .category-list .owl-stage-outer li > a>img {
    display: inline-block;
    float: none;
    width: 100%;
    position: relative;
    vertical-align: bottom;
    line-height: 380px;
}

.site-list .owl-stage-outer li .item-desc {
    display: block;
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: white;
    padding: 15px 30px;
    text-align: left;
    height: 360px;
    visibility: hidden;
    opacity: 0;
}

.site-list .owl-stage-outer li .item-desc .desc {
    font-size: 14px;
    line-height: 24px;
    max-height: 240px;
    overflow: hidden;
    font-weight: 300;
    text-align: left;
}

.site-list .owl-stage-outer li .item-desc h3 {
    font-size: 21px;
    margin: 0 0 2px 0;
    font-weight: bold;
    text-align: left;
    color: rgb(110, 118, 125);
}

.site-list .owl-stage-outer li .item-desc p.more {
    font-weight: bold;
    color: #38ad47;
    margin-top: 30px;
    text-align: left;
}

.site-list.no-green .owl-stage-outer:before {
    width: 0;
    height: 0;
} 

#section-polecane .owl-nav {
    padding-top: 4px;
    margin-top: 0px;
}

.big-list.lower .owl-stage-outer>li {
    margin-bottom: 0;
}

.site-list .lower .owl-stage-outer > li .cover.big-cover a, .site-list .owl-stage-outer .owl-item > li .cover.big-cover a {
    line-height: 250px;
}

.site-list#section-polecane .lower .owl-stage-outer > li .cover.big-cover a, .site-list#section-polecane .owl-stage-outer .owl-item > li .cover.big-cover a {
    line-height: 300px;
}

.issueSelector {
    padding-top: 40px;
}

.issueSelector .form-group, .issueSelector .form {
    height: 48px;
}

.issueSelector .form-group input[type=submit] {
    width: 100%;
    
}

.form-newsletter .form-checkbox {
    float: right;
    clear: both;
}

.form-newsletter .form-checkbox a {
    color: #51c760;
    text-decoration: underline;
}


.checkbox.email-for-friend {
    padding-top: 7px;
}

.checkbox.email-for-friend label {
    width: 315px;
    display: inline-block;
    text-align: left; 
}

.fieldset-group.email-for-friend .form-group {
    display: block;
    position: relative;
    float: none;
    margin: 30px auto 45px auto;
}

.email-for-friend .alert {
    margin-bottom: 18px;
}

.webreaderError {
    width: 680px; 
    margin: 0 auto;
}

.list-subscription .buttons .big-dd .select-frequency + .dropdown-menu label {
    padding: 10px 13px;
}

.press-review-page {
    padding-top: 40px;
    padding-bottom: 100px;
}

.press-review-page .review-header {
    padding: 40px 0;
    text-align: right;
}

.press-review-page h1 {
    font-size: 46px;
    font-weight: bold;
    display: inline-block;
}

.press-review-page .form {
    display: inline-block;
    margin-left: 23px;
    width: 341px;
}

.press-review-page .form input {
    height: 66px;
    font-size: 42px;
    color: #00ad44;
    font-weight: bold;
    padding-left: 39px;
    padding-rightr: 30px;
    background-color: white;
}

.press-review-page .form .form-group .form-control-feedback:before {
    font-size: 25px;
    line-height: 45px;
}

.press-review-page .form-newsletter {
    background: #fff;
}

.press-review-page .form-newsletter p {
    text-align: center;
    width: 100%;
}

.press-review-page .form-newsletter.form {
    width: 100%;
    padding-top: 0px;
}

.press-review-page .form-newsletter input {
    font-size: 15px;
}

.review-buttons {
    margin: 0 0 0 50px;
    display: inline-block;
    position: relative;
    top: 12px;
    bottom: auto;
    left: auto;
    right: auto;
}

.press-review-list {
    list-style: none;
    padding-left: 0;
}

.press-review-item {
    padding: 60px 0 60px 0;
    height: 500px;
}

.press-review-item:nth-child(2n+1) {
    background-color: #FAFAFA;
}

.press-review-item .image {
    display: block;
    position: relative;
    float: left;
    width: 320px;
    height: 100%;
    text-align: center;
    padding-top: 34px;
}

.press-review-item .image img {
    width: 202px;
}

.press-review-item .hot-news {
    height: 34px;
    display: block;
    float: left;
    position: relative;
    width: calc(100% - 320px);
}

.press-review-item .hot-news .greenBg {
    background-color: #00ad44;
    color: white;
    font-size: 17px;
    font-weight: bold;
    padding: 5px 10px;
}

.press-review-item .message-body {
    font-size: 16px;
    display: block;
    float: left;
    position: relative;
    width: calc(100% - 320px);
    padding-right: 40px;
    text-align: justify;
}

.press-review-item .moreIn {
    display: block;
    float: left;
    position: relative;
    width: 100%;
}

.press-review-item .moreIn .line{
    background-color: #EEEFEF;
    display: inline-block;
    position: relative;
    width: calc(100% - 239px);
    margin-left: 30px;
    margin-right: 20px;
    margin-bottom: 4px;
    height: 1px;
}

.press-review-item .moreIn a {
    color: #00ad44;
}

.press-review-page .no-reviews {
    margin: 50px 0;
}

.numeric-list {
    list-style-type: decimal;
}

.margin-left-50 {
    margin-left: 50px;
}

.item-details .version-list .subscription-text dd.big-dd {
    padding-bottom: 40px;
}

.subscription-text small {
    display: block;
    position: absolute;
    font-size: 12px;
    top: 50px;
    width: 150px;
    line-height: 12px;
}

@media all and (min-width: 1050px) {
    .site-list .owl-stage-outer li:hover .item-desc {
        visibility: visible;
        opacity: 1;
    }
    
    .press-audio .col-sm-6 a h3 {
        font-size: 26px;
    }
    
    .press-audio .col-sm-6 a h3 small {
        font-size: 20px;
    }
}

@media all and (max-width: 1049px) {
    .category-list .owl-stage-outer li > a {
        line-height: 440px;
    }
    
    .big-list.normal .list-outer > ul > li {
        margin-bottom: 0;
    }

     .site-list#section-polecane .lower .owl-stage-outer > li .cover.big-cover a, .site-list#section-polecane .owl-stage-outer .owl-item > li .cover.big-cover a {
        line-height: calc(100vw / 1.76);
    }
    
    .press-review-page .review-header {
        text-align: center;
    }
    
    .press-review-page h1 {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .press-review-list .press-review-item {
        display: block;
        position: relative;
        float: left;
        padding: 30px 20px;
        height: auto;
    }
    
    .press-review-list .press-review-item .image{
        width: 100%;
    }
    
    .press-review-item .message-body {
        width: 100%;
    }

    .issueSelector .form {
        height: 200px;
    }

    .issueSelector .row + .row .form {
        height: 220px;
    }

    .review-buttons .next::before, .review-buttons .prev::before, .review-buttons .next, .review-buttons .prev {
        font-size: 33px;
        line-height: 55px;
        width: 78px;
    }
}

@media all and (max-width: 834px) {
    .item-details .version-list .subscription-text dd.big-dd {
        padding-bottom: 0px;
    }
}

@media all and (max-width: 768px) {
    .list-subscription .owl-stage-outer li:last-child {
        margin-bottom: 50px;
    }

    .dropdown-menu, .dropdown-menu.dropdown-wide {
        border-radius: 0 0 50px 50px;
    }

    .site-list .owl-stage-outer li:hover .item-desc {
        visibility: hidden;
        opacity: 0;
    }

    .category-list .owl-stage-outer li > a, .category-list .owl-stage-outer li > a > img {
        line-height: 360px;
    }
    
    .jumbotron.main-jumbotron .photo {
        display: none;
    }
    
    .container-fluid.year-list .sort-list>p {
        display: block;
        float: left;
        position: relative;
        margin-top: 62px;
        font-weight: bold;
        margin-bottom: 0;
    }
    
    .container-fluid.year-list .sort-list #dropdownMenu1 {
        margin-top: 30px;
        font-size: 24px;
        height: 96px;
        line-height: 66px;
    }
    
    .container-fluid.year-list .dropdown {
        width: 350px;
        display: block;
        float: right;
        position: relative;
    }
    
    .container-fluid.year-list .dropdown label {
        margin-top: 0;
        margin-bottom: 0;
        height: 80px;
        width: 100%;
        font-weight: normal;
    }
    
    .container-fluid.year-list .dropdown label a {
        text-align: left;
        display: inline-block;
        width: 100%;
    }
    
    .container-fluid.year-list+.container-fluid>.group{
        padding-top: 0;
        padding-bottom: 0;
    }
    
    .container-fluid.year-list .dropdown .btn::before {
        bottom: 26px;
        top: 36px;
    }
    
    .container-fluid.year-list .dropdown .dropdown-menu li a {
        font-size: 24px;
    }
    .dropdown li a {
        height: 80px;
    }
    
    .dropdown.open .dropdown-toggle {
        border-radius: 50px 50px 0 0;
    }
    
    .site-list .group .list-outer > ul {
        margin: 0;
    }
    
    #section-polecane .owl-nav {
        top: -65px;
    }
    
    #section-polecane .owl-nav {
        padding-top: 4px;
        margin-top: 0px;
    }

    .bounded-height .buttons {
        margin-bottom: 30px;
    }
    
    .library-list .big-list .list-subscription li p.cover {
        height: 240px;
    }
    
    .site-list.library-list .big-list .list-subscription .cover.big-cover img {
        max-width: none;
        height: 225px;
    }
    
    .form.user-form .btn.btn-green.btn-wide {
        padding: 0 60px;
        width: auto;
        margin: 0 auto;
    }
    
    .box-download .btn.btn-dark.btn-big {
        padding-top: 0px;
        height: 80px;
        line-height: 75px;
    }
    
    .box-download .btn.btn-dark.btn-big img {
        vertical-align: middle;
    }
    
     .cart-finish .alert.alert-info {
        padding: 0;
    }

    .list-change .selected {
        padding-top: 30px;
        padding-bottom: 30px;
        margin-bottom: 0;
    }
    
    .site-list.section-target.full-list .list-change li {
        width: auto;
    }

    .list-change .selected {
        background-color: #f5f7f7;
        border: 1px solid rgb(206, 206, 214);
        cursor: pointer;
    }

    .list-change.show-list .selected {
        border-radius: 50px 50px 0 0;
    }

    .list-change a {
        line-height: 40px;
    }

    .list-change a:hover {
        color: #38ad47;
    }

    .dropdown .dropdown-toggle {
        font-weight: 400;
    }

    .remind {
        font-size: 24px;
    }
    
    .password-recovery-form h3+p {
        font-size: 24px;
    }
    
    .box-text strong, .box-text h3 {
        font-size: 30px;
    }

    .cookie-bar p {
        font-size: 20px;
    }

    .site-list .more a {
        padding-bottom: 34px;
    }

    .site-list .more a:before {
        font-size: 20px;
    }

    .press-audio h2 {
        text-align: center;
        font-size: 48px;
        font-weight: bold;
        padding-bottom: 46px;
    }

    .breadcrumbs {
        font-size: 18px;
    }

    .emailSaved > span {
        font-size: 18px;
        margin: 0 2px;
    }

    .site-list .ajaxLoader .owl-stage-outer .owl-item > li .cover.big-cover a,
    #section-eprasa.site-list .owl-stage-outer .owl-item > li .cover.big-cover a,
    .category-full-list + .site-list .owl-stage-outer .owl-item > li .cover.big-cover a {
        line-height: 360px;
    }

    .checkbox.email-for-friend label {
        width: auto;
        text-align: center;
    }

    .faq-guide .question .photo {
        width: 100%;
        text-align: center;
    }

    .faq-guide .question .faq-question, .faq-guide .question:nth-child(2n) .photo, .faq-guide .question:nth-child(2n) .faq-question {
        width: 100%;
    }
}

@media all and (max-width: 767px) {

    .item-details .version-list dt>label {
        display: block;
        position: relative;
        float: left;
        margin-top: 23px;
    }

    .item-details .version-list dt.big-dd.high {
        height: 120px;
    }

    .item-details .version-list dd.big-dd.high {
        padding-bottom: 70px;
        margin-bottom: 0;
    }

    .item-details .version-list {
        margin-bottom: 0;
    }

    .item-details .version-list dt.high .dropdown {
        display: block;
        position: relative;
        float: right;
        left: auto;
        bottom: 0;
    }

    .dropdown.select-list .btn.dropdown-toggle {
        height: 94px;
    }

    .user-form .form-group .dropdown.select-list .btn {
        font-weight: 400;
        height: 96px;
    }

    .select-list .btn.dropdown-toggle:before {
        bottom: 35px;
    }

    #selectFrequency {
        font-size: 24px;
        margin-top: 0;
        padding-right: 55px;
        height: 94px;
    }

    .issueSelector .row + .row .form {
        height: 540px;
    }

    .list-change ul {
        background-color: #f5f7f7;
    }

    .dropdown2.open .dropdown2-toggle {
        border-radius: 40px 40px 0 0;
    }

    .issueSelector .row {
        padding-left: 15px;
        padding-right: 15px;
    }

    .issueSelector .row, .issueSelector .form {
        padding-bottom: 40px;
    }

    .issueSelector .form {
        height: auto;
    }

    .issueSelector .form-group {
        height: 80px;
    }

    .sort-list .btn {
        line-height: 92px;
    }

    .emailSaved > span {
        font-size: 18px;
        margin: 0 2px;
    }

   .issueSelector .row, .issueSelector .form {
        padding-bottom: 40px;
    }
    
    .issueSelector .form {
        height: auto;
    }
    
    .issueSelector .form-group {
        height: 80px
    }

    
    .review-buttons {
        top: 14px;
        width: 160px;
    }
    
    .press-review-page .form .form-group .form-control-feedback {
        top: 10px;
    }
}

@media all and (max-width: 767px) {
    .emailSaved > span {
        font-size: 18px;
        margin: 0 2px;
    }
    
    .press-review-page .form input {
        height: 72px;
    }
    
    .review-header .form .form-group .form-control-feedback {
        top: -8px;
    }

    .library-list.site-list .owl-stage-outer li.bounded-height h4 {
        font-size: 30px;
    }

    .subscription-text small {
        font-size: 16px;
    }

    .item-details .version-list .subscription-text dd.big-dd {
        padding-bottom: 65px;
    }
}

@media all and (max-width: 640px) {
    .site-list#section-polecane .lower .owl-stage-outer > li .cover.big-cover a, .site-list#section-polecane .owl-stage-outer .owl-item > li .cover.big-cover a {
        line-height: 357px;
    }
}

.monit-blur #all, .cover.blur img {
    filter: blur(4px) grayscale(1);
    /* Firefox version 34 and earlier */
    filter: url("blur.svg#gaussian_blur");
    /* Webkit in Chrome 52, Safari 9, Opera 39, and earlier */
    -webkit-filter: blur(4px) grayscale(1);
}

.bg-layer {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

.bg-layer .adult-monit {
    display: block;
    color: #a8a9b2;
    float: none;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 768px;
    height: 300px;
    background: white;
    padding: 25px 50px;
    text-align: center;
    border: 1px solid #7e7e7e;
}

.bg-layer .adult-monit .form .big-checkbox {
    border-bottom: none;
    margin: 0;
    padding: 0;
}

.bg-layer .adult-monit .btn {
    margin: 0 75px;
}