.ocdbanner .title-module{font-size:24px;margin:20px 0 10px;line-height:1.2}.banner-group .title-group{font-size:21px;margin:20px 0 10px;line-height:1.2}.respgrid{position:relative;margin:auto}.item-grid{overflow:hidden;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s;position:absolute;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.item-banner{margin-bottom:20px}.iframe-video,.item-banner>div{position:relative}.item-banner>div>a{color:inherit;position:relative;display:block}.item-banner>a .block-desc,.item-banner>div .block-desc,.item-grid>a .block-desc,.item-grid>div .block-desc{height:100%;padding:15px;position:absolute;top:0;width:100%}.item-banner img{margin:0 auto}.title-banner,.title-banner a{font-size:14px}.before-title{margin-bottom:10px}.after-title{margin-top:10px}.youtube-host{height:0;overflow:hidden;padding-top:56.25%;width:100%}.iframe-video iframe{height:100%;position:absolute;top:0;left:0;width:100%;display:block}.vimeo-host{padding:56.25% 0 0;position:relative}.group-carousel .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0}.next-btn,.prev-btn{height:50px;padding:10px 12px;font-size:40px;color:#fff;transition:all .3s ease;position:absolute;opacity:0!important;top:44%;background:hsla(0,0%,100%,.4);cursor:pointer;width:34px}.next-btn{right:-34px;left:auto}.prev-btn{right:auto;left:-34px}.next-btn .fa,.prev-btn .fa{font-size:30px}.type-slider:hover .prev-btn{opacity:1!important;visibility:visible!important;left:0}.type-slider:hover .next-btn{right:0;opacity:1!important;visibility:visible!important}.ocdbanner .img-responsive{height:auto;max-width:100%;display:block}.item-banner>div,.item-banner>div>a,.item-grid>div,.item-grid>div>a{overflow:hidden;position:relative}.item-banner [data-animation=grayscale] img,.item-banner [data-animation=opacity] img,.item-banner [data-animation=scale] img,.item-banner [data-animation=sepia] img,.item-grid [data-animation=grayscale] img,.item-grid [data-animation=opacity] img,.item-grid [data-animation=scale] img,.item-grid [data-animation=sepia] img{-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}.item-banner:hover [data-animation=scale] img,.item-grid:hover [data-animation=scale] img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}.item-banner:hover [data-animation=grayscale] img,.item-grid:hover [data-animation=grayscale] img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}.item-banner:hover [data-animation=opacity] img,.item-grid:hover [data-animation=opacity] img{opacity:.7}.item-banner:hover [data-animation=sepia] img,.item-grid:hover [data-animation=sepia] img{-webkit-filter:sepia(100%)}.item-banner [data-animation=apollo],.item-grid [data-animation=apollo]{background:#3498db}.item-banner [data-animation=apollo] img,.item-grid [data-animation=apollo] img{-webkit-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1);-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;opacity:.95}.item-banner [data-animation=apollo] .block-desc,.item-grid [data-animation=apollo] .block-desc{padding:3.5em}.item-banner [data-animation=apollo] .block-desc:before,.item-grid [data-animation=apollo] .block-desc:before{height:100%;-webkit-transform:scale3d(1.9,1.4,1) rotate(45deg) translate3d(0,-103%,0);transform:scale3d(1.9,1.4,1) rotate(45deg) translate3d(0,-103%,0);-webkit-transition:-webkit-transform .6s;transition:transform .6s;content:"";position:absolute;top:0;background:hsla(0,0%,100%,.5);left:0;width:100%}.item-banner [data-animation=apollo] .html-title,.item-grid [data-animation=apollo] .html-title{font-size:2.5em;color:#fff;text-transform:uppercase;line-height:1.4}.item-banner [data-animation=apollo] .banner-desc,.item-grid [data-animation=apollo] .banner-desc{border-right:4px solid #fff;min-height:50px;padding:0 1em;right:0;-webkit-transition:opacity .35s;transition:opacity .35s;position:absolute;max-width:100%;opacity:0;bottom:0;text-align:right;margin:3em}.item-banner [data-animation=apollo]:hover img,.item-grid [data-animation=apollo]:hover img{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:.6}.item-banner [data-animation=apollo]:hover .block-desc:before,.item-grid [data-animation=apollo]:hover .block-desc:before{-webkit-transform:scale3d(1.9,1.4,1) rotate(45deg) translate3d(0,103%,0);transform:scale3d(1.9,1.4,1) rotate(45deg) translate3d(0,103%,0)}.item-banner [data-animation=apollo]:hover .banner-desc,.item-grid [data-animation=apollo]:hover .banner-desc{-webkit-transition-delay:.1s;transition-delay:.1s;opacity:1}.item-banner [data-animation=jazz] img,.item-grid [data-animation=jazz] img{opacity:.9}.item-banner [data-animation=jazz] img,.item-banner [data-animation=jazz]:after,.item-grid [data-animation=jazz] img,.item-grid [data-animation=jazz]:after{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}.item-banner [data-animation=jazz]:after,.item-grid [data-animation=jazz]:after{height:100%;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);content:"";position:absolute;border-top:1px solid #fff;border-bottom:1px solid #fff;opacity:0;top:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;left:0;width:100%}.item-banner [data-animation=jazz] .html-title,.item-grid [data-animation=jazz] .html-title{padding-top:26%;font-size:2em;color:#fff;line-height:1.4}.item-banner [data-animation=jazz] .banner-desc,.item-banner [data-animation=jazz] .html-title,.item-grid [data-animation=jazz] .banner-desc,.item-grid [data-animation=jazz] .html-title{-webkit-transform:scale3d(.8,.8,1);transform:scale3d(.8,.8,1);-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;opacity:1}.item-banner [data-animation=jazz] .banner-desc,.item-grid [data-animation=jazz] .banner-desc{padding:.5em 2em;font-size:1.2em;text-transform:none;opacity:0;text-align:center}.item-banner [data-animation=jazz]:hover img,.item-grid [data-animation=jazz]:hover img{-webkit-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1);opacity:.7}.item-banner [data-animation=jazz]:hover:after,.item-grid [data-animation=jazz]:hover:after{-webkit-transform:rotate(45deg) scaleX(1);transform:rotate(45deg) scaleX(1);opacity:1}.item-banner [data-animation=jazz]:hover .banner-desc,.item-banner [data-animation=jazz]:hover .html-title,.item-grid [data-animation=jazz]:hover .banner-desc,.item-grid [data-animation=jazz]:hover .html-title{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.item-banner [data-animation=sarah] .block-desc{padding:3.4em}.item-banner [data-animation=sarah] img{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}.item-banner [data-animation=sarah]:hover img{opacity:.4}.item-banner [data-animation=sarah] .html-title{overflow:hidden;padding:.5em 0;font-size:3em;color:#fff;position:relative;line-height:1.2}.item-banner [data-animation=sarah] .html-title:after{height:3px;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition:-webkit-transform .35s;transition:transform .35s;content:"";position:absolute;bottom:0;background:#fff;left:0;width:100%}.item-banner [data-animation=sarah]:hover .html-title:after{-webkit-transform:translateZ(0);transform:translateZ(0)}.item-banner [data-animation=sarah] .banner-desc{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);padding:1em 0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;opacity:0}.item-banner [data-animation=sarah]:hover .banner-desc{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.item-banner [data-animation=romeo]{-webkit-perspective:1000px;perspective:1000px}.item-banner [data-animation=romeo] img{-webkit-transform:translateZ(300px);transform:translateZ(300px);-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}.item-banner [data-animation=romeo]:hover img{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:.6}.item-banner [data-animation=romeo] .block-desc{padding:3.5em;text-align:center}.item-banner [data-animation=romeo] .block-desc:after,.item-banner [data-animation=romeo] .block-desc:before{height:1px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;content:"";position:absolute;top:50%;background:#fff;left:50%;width:80%}.item-banner [data-animation=romeo]:hover .block-desc:before{-webkit-transform:translate3d(-50%,-50%,0) rotate(45deg);transform:translate3d(-50%,-50%,0) rotate(45deg);opacity:.5}.item-banner [data-animation=romeo]:hover .block-desc:after{-webkit-transform:translate3d(-50%,-50%,0) rotate(-45deg);transform:translate3d(-50%,-50%,0) rotate(-45deg);opacity:.5}.item-banner [data-animation=romeo] .html-title{font-size:2.5em;color:#fff;text-transform:uppercase;line-height:1.2}.item-banner [data-animation=romeo] .banner-desc,.item-banner [data-animation=romeo] .html-title{-webkit-transition:-webkit-transform .35s;transition:transform .35s;position:absolute;top:50%;left:0;width:100%}.item-banner [data-animation=romeo] .html-title{-webkit-transform:translate3d(0,-50%,0) translate3d(0,-150%,0);transform:translate3d(0,-50%,0) translate3d(0,-150%,0)}.item-banner [data-animation=romeo] .banner-desc{-webkit-transform:translate3d(0,-50%,0) translate3d(0,150%,0);transform:translate3d(0,-50%,0) translate3d(0,150%,0);padding:.25em 2em}.item-banner [data-animation=romeo]:hover .html-title{-webkit-transform:translate3d(0,-50%,0) translate3d(0,-100%,0);transform:translate3d(0,-50%,0) translate3d(0,-100%,0)}.item-banner [data-animation=romeo]:hover .banner-desc{-webkit-transform:translate3d(0,-50%,0) translate3d(0,100%,0);transform:translate3d(0,-50%,0) translate3d(0,100%,0)}.item-banner [data-animation=bubba]{background:#9e5406}.item-banner [data-animation=bubba] img{-webkit-transition:opacity .35s;transition:opacity .35s;opacity:.7}.item-banner [data-animation=bubba]:hover img{opacity:.4}.item-banner [data-animation=bubba] .block-desc:after,.item-banner [data-animation=bubba] .block-desc:before{right:30px;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;content:"";position:absolute;opacity:0;bottom:30px;top:30px;left:30px}.item-banner [data-animation=bubba] .block-desc:before{-webkit-transform:scaleX(0);transform:scaleX(0);border-top:1px solid #fff;border-bottom:1px solid #fff}.item-banner [data-animation=bubba] .block-desc:after{border-right:1px solid #fff;-webkit-transform:scaleY(0);transform:scaleY(0);border-left:1px solid #fff}.item-banner [data-animation=bubba] .html-title{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);padding-top:30%;font-size:2.5em;color:#fff;-webkit-transition:-webkit-transform .35s;transition:transform .35s;text-transform:uppercase;line-height:1.2}.item-banner [data-animation=bubba] .banner-desc{-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);padding:20px 2.5em;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;opacity:0;text-align:center}.item-banner [data-animation=bubba]:hover .block-desc:after,.item-banner [data-animation=bubba]:hover .block-desc:before{-webkit-transform:scale(1);transform:scale(1);opacity:1}.item-banner [data-animation=bubba]:hover .banner-desc,.item-banner [data-animation=bubba]:hover .html-title{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.item-banner [data-animation=marley] .block-desc{text-align:right}.item-banner [data-animation=marley] .banner-desc,.item-banner [data-animation=marley] .html-title{padding:10px 0;right:30px;position:absolute;left:30px}.item-banner [data-animation=marley] .banner-desc{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);bottom:30px;line-height:1.5}.item-banner [data-animation=marley] .html-title{-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);font-size:2.5em;color:#fff;-webkit-transition:-webkit-transform .35s;transition:transform .35s;text-transform:uppercase;top:30px;line-height:1.2}.item-banner [data-animation=marley]:hover .html-title{-webkit-transform:translateZ(0);transform:translateZ(0)}.item-banner [data-animation=marley] .html-title:after{height:4px;-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);content:"";position:absolute;top:100%;background:#fff;left:0;width:100%}.item-banner [data-animation=marley] .banner-desc,.item-banner [data-animation=marley] .html-title:after{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;opacity:0}.item-banner [data-animation=marley]:hover .banner-desc,.item-banner [data-animation=marley]:hover .html-title:after{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.item-banner [data-animation=oscar]{background:-webkit-linear-gradient(45deg,#22682a,#9b4a1b 40%,#3a342a);background:linear-gradient(45deg,#22682a,#9b4a1b 40%,#3a342a)}.item-banner [data-animation=oscar] img{-webkit-transition:opacity .35s;transition:opacity .35s;opacity:.9}.item-banner [data-animation=oscar] .block-desc{padding:6em;-webkit-transition:background-color .35s;transition:background-color .35s;background-color:rgba(58,52,42,.7)}.item-banner [data-animation=oscar] .block-desc:before{border:1px solid #fff;right:30px;content:"";position:absolute;bottom:30px;top:30px;left:30px}.item-banner [data-animation=oscar] .html-title{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);font-size:2.5em;color:#fff;-webkit-transition:-webkit-transform .35s;transition:transform .35s;text-transform:uppercase;margin:10% 0 20px;line-height:1.2}.item-banner [data-animation=oscar] .banner-desc,.item-banner [data-animation=oscar] .block-desc:before{-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;opacity:0}.item-banner [data-animation=oscar]:hover .html-title{-webkit-transform:translateZ(0);transform:translateZ(0)}.item-banner [data-animation=oscar]:hover .banner-desc,.item-banner [data-animation=oscar]:hover .block-desc:before{-webkit-transform:scale(1);transform:scale(1);opacity:1}.item-banner [data-animation=oscar]:hover .block-desc{background-color:rgba(58,52,42,0)}.item-banner [data-animation=oscar]:hover img{opacity:.4}.item-banner [data-animation=sadie] .block-desc:before{height:100%;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);content:"";position:absolute;opacity:0;top:0;background:-webkit-linear-gradient(top,rgba(72,76,97,0),rgba(72,76,97,.8) 75%);background:linear-gradient(180deg,rgba(72,76,97,0) 0,rgba(72,76,97,.8) 75%);left:0;width:100%}.item-banner [data-animation=sadie] .html-title{-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);font-size:2.5em;color:#484c61;-webkit-transition:-webkit-transform .35s,color .35s;transition:transform .35s,color .35s;text-transform:uppercase;position:absolute;top:40%;left:0;width:100%;line-height:1.2}.item-banner [data-animation=sadie] .banner-desc,.item-banner [data-animation=sadie] .block-desc:before{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}.item-banner [data-animation=sadie] .banner-desc{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);padding:2em;position:absolute;opacity:0;bottom:0;text-align:center;left:0;width:100%}.item-banner [data-animation=sadie]:hover .html-title{-webkit-transform:translate3d(0,-50%,0) translate3d(0,-40px,0);transform:translate3d(0,-50%,0) translate3d(0,-40px,0);color:#fff}.item-banner [data-animation=sadie]:hover .banner-desc,.item-banner [data-animation=sadie]:hover .block-desc:before{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}@media (max-width:800px){[data-group-rows="2"] [data-animation=romeo] .block-desc{padding:3em}[data-group-rows="2"] [data-animation=bubba] .html-title{padding-top:18%}[data-group-rows="2"] [data-animation=oscar] .block-desc{padding:4em}}@media (max-width:768px){[data-group-rows="3"] .youtube-host{padding-bottom:9.863%}}@media (min-width:569px) and (max-width:668px){[data-group-rows="2"] [data-animation=sarah] .block-desc{padding:3em}[data-group-rows="2"] [data-animation=sarah] .html-title{padding:.3em 0}[data-group-rows="2"] [data-animation=jazz] .html-title{padding-top:12%}[data-group-rows="2"] [data-animation=apollo] .html-title{font-size:2.2em}[data-group-rows="2"] [data-animation=apollo] .block-desc{padding:3em}[data-group-rows="2"] [data-animation=romeo] .block-desc{padding:2em}[data-group-rows="2"] [data-animation=romeo] .block-desc:after,[data-group-rows="2"] [data-animation=romeo] .block-desc:before{top:44%}[data-group-rows="2"] [data-animation=romeo] .banner-desc{top:20%}[data-group-rows="2"] [data-animation=oscar] .block-desc{padding:3.5em}[data-group-rows="2"] [data-animation=oscar] .banner-desc,[data-group-rows="2"] [data-animation=oscar] .banner-desc p{font-size:14px!important}[data-group-rows="2"] [data-animation=oscar] .html-title{font-size:2em;margin:5% 0 10px}}@media (min-width:534px) and (max-width:568px){[data-group-rows="2"] [data-animation=apollo] .block-desc,[data-group-rows="2"] [data-animation=sarah] .block-desc{padding:2em}[data-group-rows="2"] [data-animation=apollo] .banner-desc{margin:2em}[data-group-rows="2"] [data-animation=apollo] .html-title,[data-group-rows="2"] [data-animation=romeo] .html-title,[data-group-rows="2"] [data-animation=sadie] .html-title,[data-group-rows="2"] [data-animation=sarah] .html-title{font-size:2em}[data-group-rows="2"] [data-animation=bubba] .banner-desc,[data-group-rows="2"] [data-animation=bubba] .banner-desc p,[data-group-rows="2"] [data-animation=marley] .banner-desc,[data-group-rows="2"] [data-animation=marley] .banner-desc p,[data-group-rows="2"] [data-animation=oscar] .banner-desc,[data-group-rows="2"] [data-animation=oscar] .banner-desc p,[data-group-rows="2"] [data-animation=romeo] .banner-desc,[data-group-rows="2"] [data-animation=romeo] .banner-desc p,[data-group-rows="2"] [data-animation=sadie] .banner-desc,[data-group-rows="2"] [data-animation=sadie] .banner-desc p{font-size:12px!important;margin:0}[data-group-rows="2"] [data-animation=jazz] .html-title{padding-top:10%}[data-group-rows="2"] [data-animation=romeo] .banner-desc{top:18%}[data-group-rows="2"] [data-animation=romeo]:hover .banner-desc{-webkit-transform:translate3d(0,-25%,0) translate3d(0,100%,0);transform:translate3d(0,-25%,0) translate3d(0,100%,0)}[data-group-rows="2"] [data-animation=bubba] .html-title{padding-top:14%;font-size:2em}[data-group-rows="2"] [data-animation=bubba] .banner-desc{padding:10px 2.5em}[data-group-rows="2"] [data-animation=marley] .html-title{font-size:2em;top:10px}[data-group-rows="2"] [data-animation=sadie] .html-title{top:50%}[data-group-rows="2"] [data-animation=oscar] .block-desc{padding:3em}[data-group-rows="2"] [data-animation=oscar] .html-title{font-size:2em;margin:5% 0 10px}[data-group-rows="2"] [data-animation=oscar] .block-desc:before{right:20px;bottom:20px;top:20px;left:20px}}@media (max-width:533px){[data-group-rows="3"] .youtube-host{padding-bottom:0}.ocdbanner .item-banner{width:100%}}@media (min-width:768px){[data-group-rows="3"] .youtube-host{padding-bottom:9.863%}}@media (min-width:992px){[data-group-rows="3"] .youtube-host{padding-bottom:9.863%}}@media (min-width:1200px){[data-group-rows="3"] .youtube-host{padding-bottom:9.864%}[data-rowspan="4"] .youtube-host{padding-bottom:9.218%}[data-group-rows="2"] [data-animation=jazz] .html-title{padding-top:15%;font-size:3em}.ocdbanner .col-lg-2:nth-child(6n+1),.ocdbanner .col-lg-3:nth-child(4n+1),.ocdbanner .col-lg-4:nth-child(3n+1),.ocdbanner .col-lg-6:nth-child(odd){clear:left}}@media (min-width:992px) and (max-width:1199px){.ocdbanner .col-md-2:nth-child(6n+1),.ocdbanner .col-md-3:nth-child(4n+1),.ocdbanner .col-md-4:nth-child(3n+1),.ocdbanner .col-md-6:nth-child(odd){clear:left}}@media (min-width:768px) and (max-width:991px){.ocdbanner .col-sm-2:nth-child(6n+1),.ocdbanner .col-sm-3:nth-child(4n+1),.ocdbanner .col-sm-4:nth-child(3n+1),.ocdbanner .col-sm-6:nth-child(odd){clear:left}}