#logo {

    text-align: center;
    line-height: 30px;
    font-size: 1.4em;

}

.header {
    padding: 50px 14px 30px 0px;
}


.header::after {
    position: inherit;
    content: "";
    height: 1px;
    background: #D2D2D2;
    margin: 14px 0 0 25%;
    width: 50%;
    float: left;
    text-align: center;
}

.header .title {
    text-align: center;
    color: #444;
    font-size: 1.6rem;
}

.header .subtitle {
    text-align: center;
    color: #c1c1c1;
    font-size: 1.2rem;
}

.factory, .brand {
    padding: 5px;
}

.factory .factory-item {
    overflow: hidden;
    width: calc(98% / 2);
    display: inline-block;
}

.factory .factory-item img {
    width: 100%;
    /*min-height: 200px;*/

}

.factory {
    margin-bottom: 2em;
}

.des-text {
    padding: 10px;
    line-height: 35px;
    font-size: 1.3em;
    text-align: center;
    transition: all .5s ease-in-out;
    margin: 0 auto;
}

.brand .brand-item {
    overflow: hidden;
    width: calc(98% / 2);
    display: inline-block;
}

.brand .brand-item img {
    width: 100%;
}

.brand-item-text {
    display: none;
    font-size: small;
    padding: 0 1.2em 1.2em 1.2em;
    line-height: 1.3em;
    opacity: 0;
}

.brand-item-text.active {
    display: block;
    opacity: 1;

}

.brand-item .icon:after {
    content: "";
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAsCAYAAAATmipGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4MUJGMzU5MzM1QTVFNTExQTY4NURDM0FERkUyMTU0MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFNUEzQTJCNkRCOUExMUU1QjJFMEMyRjVDOEMzNDY4OCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFNUEzQTJCNURCOUExMUU1QjJFMEMyRjVDOEMzNDY4OCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE1ODBCNTM3NzFEQkU1MTFBRjhFQkM5QzdGOENEQkYwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgxQkYzNTkzMzVBNUU1MTFBNjg1REMzQURGRTIxNTQwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/OBGuQAAAnJJREFUeNrUmU9IFFEcx9+um4SIShpRB10R8+IfrKCD+Y9oPQQpxuohO4RXDx6kS0m3DnXdDqkQBN7soHhTWLI9eljZEFJE9qAsVEaIlqWO35+8gWWdN/Nmd2fmzRc+i/hm9n33vfn93nu/CWiaxgpQE7gHboFGEAZXedsPkAYbIAkSYD3fjgJ5GL0CRsEwuG3z3jUwB2ZAxtadZFSSEJgEv7TCdQBeg3LZ/mVNDoBtrfjKgKfFMvpGc17vrXxYPaPz4BFzRysgAo7sBlMc9DB3RcHWTqGT2xAU3PDJA5OkNvDZqMHI6AswyLxTJ4hZTX0rH34V9AAsi4xu8BVGBe2BaqOpf6KQSX0FfG40orSkXWNq6S+oBP/0Ee1X0CTpMniWPfVjTF2N6VNPz8J3k5yqghrI3H3FTZL6yOAdpr46Qvhokbz4FJwU2QANVInEdc1ktM7iomkwC7bAsQNGb/Cs89LkulrGN68ijds4ARRKxMTHIUX9bziuMPgVRzyPualv4KbB//eDRns/fdXyIBtcMntG/gjaSsGkiyaHQL2gLURTn6KoMvmCj+ADD6b/DgVTNHsDYrSTIqOL+OOh4ukpSekpJWk06OEKlqKOV32wMiVo6mm/91NyCrxSmEaU8uiSwibpDJfWn7l3ChuN5R5FdsF1xUwegipKi9lRPKHgaL7Sc3fucVm01nohCvAaUaXksUKjGTUr6XzlJR2vRcEdNyvp6KIimVf1py+g68JWzu9lR1IvWHDRJBVy74r2x1abDDrLvHXB5BToZoJq87kkzzP9YNOB2v0OGCnmWxEi6MDrmzLZ/n3zQizgl1eMZwIMAPSc/9qlyNbEAAAAAElFTkSuQmCC");
    position: relative;
    top: -30px;
    left: -10px;
    width: 20px;
    height: 20px;
    float: right;
    background-size: 82%;
    background-position: center;
    background-repeat: no-repeat;
}

.brand-item.active .icon:after {
    content: "";
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAsCAYAAAATmipGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4MUJGMzU5MzM1QTVFNTExQTY4NURDM0FERkUyMTU0MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDQzgxNUU3NkRCOUExMUU1QjE2OTk2RDY5OUExQTExQSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDQzgxNUU3NURCOUExMUU1QjE2OTk2RDY5OUExQTExQSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE1ODBCNTM3NzFEQkU1MTFBRjhFQkM5QzdGOENEQkYwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgxQkYzNTkzMzVBNUU1MTFBNjg1REMzQURGRTIxNTQwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Gn4aiAAAAyFJREFUeNrUmUloFEEUhmvaATGCC2hQBMc1aDA5OKLggl6SIIiCC6MXowgzzDEENCp6UaOgoIiEjIJGD+IWL16MXtyiKK6JEI2KyUGCB5dEXBBM/B9WY9Gku6q7Km354IOmp+fVP6/mvXrVlchms0zDUmAhSIOZYCoYBxLgE+gCr8BT0Ao6vQ4KhYLSQMkI4kaBapABiwKemwBmg+XCvcegGZwCPWEGdUI+ux28AUclIv1sLtjHfRzgP9qo0BXgJajnU6trI8A28DqXy1WbEkoRuAJmMPM2HjRB7AnZgwlJMl0Ea1k8dgdUILl+hI3o1RhFki0G9xFdJ4zQs6CKxW/l4Kaq0FqwQWOwR7xmRo4sotogE0p175DGINfAPD6NZzT85CG2KkjoJc2paxauz2v6OucndB0o1XQuFvDRmr7GIKo7BhN62EAyOBFXPT/bDbHDRWf0f5jE7DMSuVkUmmf2Wt4VWgQqLRZajulPkdBlvEmw2SodXvdstyUktMygQzHTEwb9lpLjKQYdinV0pEG/E5MKjfBnqmfgvaxlBM883dd6MBDwHfpsLNgJJgcFIMmzPshy4EKEKHRzAo02d8jqNlze0+3wB2JIFukYFNFvsh8NihWnvo3vrRifygWyqUc03amXCv0gSShydEwxMvXCoLRNbjQU8T6a+rcGp/CLcP3VoN8eEtpu0GH/EP23O0jow/9gZbpNQm+A75YLbXGznvY6qywV2Y5a2+3W0UaLo9kgFnxa7t5ZKPInaPKuTLWGs77fgL897isex7O97dAtzMJ1r6avXojc67fWr9F0Lr6rymj6ygQ1JRTRrRrOK8ADcAts1PBzHNFsEW8MS6fT3ofu8lc7cyIOQtvulIbIVohcrdrmUcN7/R9k+XOwNGw/SlvoyzGKpDeA8xHNX35tXpBRcu0HdUMs8iQEbtHt8OkkZCUb5IzIgFEzvkkmUlUoGR02zOJN8UcDAqmIHwQlEHk67D5cZV9DHfw0UCPbjPkYneDtAtN5GexT/WKUkztacY5w6EjRPWIsYX+PGB2+xelif44Yn/Cy9yLqFPwWYABdkqrzKiqPFAAAAABJRU5ErkJggg==");
    position: relative;
    top: -30px;
    left: -10px;
    width: 20px;
    height: 20px;
    float: right;
    background-size: 82%;
    background-position: center;
    background-repeat: no-repeat;
}

.qr-code {
    width: calc(98% / 2);
    display: inline-block;
    padding-bottom: 4em;
}