.item.more { text-align:center; color:#2599dc; cursor:pointer; } .pw { display:block; position:relative; max-width: 100% !important; } @media only screen and (max-width: 767px) { .pw { width: auto !important; margin-left: 15px !important; margin-right: 15px !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .pw { width: 723px; margin-left: auto !important; margin-right: auto !important; } } @media only screen and (min-width: 992px) and (max-width: 1099px) { .pw { width: 933px; margin-left: auto !important; margin-right: auto !important; } } @media only screen and (min-width: 1100px) { .pw { width: 1100px; margin-left: auto !important; margin-right: auto !important; } } .banner__youtube { min-height: unset !important; } .banner__youtube .cover { position: relative !important; } .cover__youtube { position:relative; padding-bottom: 54.25%; padding-top: 25px; height: 0; } .cover__youtube iframe { position:absolute; width:100%; height:100%; top: 0; left: 0; } .grid { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position:relative; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .grid__column { position:relative; padding-left: 15px; padding-right: 15px; } .grid__column--three { -webkit-box-flex: 0 0 25%; -moz-box-flex: 0 0 25%; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .grid__column--four { -webkit-box-flex: 0 0 33%; -moz-box-flex: 0 0 33%; -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; } @media only screen and (max-width: 768px) { .grid__column--three, .grid__column--four { -webkit-box-flex: 0 0 100%; -moz-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } } .component__top { text-align:center; display:block; position:fixed; color:#fff; font-size:20px; background-color: #2599dc; opacity: 0; filter: alpha(Opacity:0); -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.2); box-shadow: 0 2px 3px 0px rgba(0,0,0,0.2); bottom: 60px; right: 10px; z-index: 300; width: 50px; height: 50px; transform: translate(0px, 10px); -ms-transform: translate(0px, 10px); -webkit-transform: translate(0px, 10px); -moz-transition-transform: translate(0px, 10px); } .component__top:hover { $bg: #44a2d7 } .component__top i.icon { line-height: 50px; margin-right: 0; } .component__top.--show { opacity: 1; filter: alpha(Opacity:100); -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; transform: none; -ms-transform: none; -webkit-transform: none; -moz-transition-transform: none; }