/*------------------------------------------------------*/ /* X 020 PARTNER /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ #x_020_partner, #x_020_partner > .carousel-inner, #x_020_partner > .carousel-inner > .item { } #x_020_partner { padding: 0 10px; width: 100%; } #x_020_partner:hover { cursor: -moz-grab; cursor: -webkit-grab; } #x_020_partner:active { cursor: -moz-grabbing; cursor: -webkit-grabbing; } #x_020_partner > .carousel-inner > .item > div { padding: 5px; } /*---------- HEADER ----------*/ .x_020_partner_header { padding: 0 25px; text-align: center; margin-bottom: 40px; } .x_020_partner_header > h1 { margin: 0; color: #303030; font-size: 30px; text-shadow: none; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Montserrat', sans-serif; } .x_020_partner_header > h1 > span { color: #f5692c; margin-left: 5px; } /*---------- LEFT/RIGHT CONTROL ----------*/ .x_020_partner_control_button .carousel-control { top: 40%; opacity: 1; width: 35px; bottom: auto; height: 35px; color: #131313; border: #dadada 1px solid; font-size: 20px; cursor: pointer; overflow: hidden; line-height: 35px; text-shadow: none; text-align: center; position: absolute; background: #f7f7f7; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 0.6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all 0.6s cubic-bezier(0.22, 0.81, 0.01, 0.99); } .x_020_partner_control_button .carousel-control.left { left: -30px; } .x_020_partner_control_button .carousel-control.right { right: -30px; left: auto; } .video_control_button .carousel-control.left { left: 0; } .video_control_button .carousel-control.right { left: 41px; right: auto; } .x_020_partner_control_button .carousel-control.left:hover, .x_020_partner_control_button .carousel-control.right:hover { color: #fff; background: #a02625; } /*---------- BRAND IMAGE ----------*/ .x_020_partner_image { padding: 25px; text-align: center; background: #f7f7f7; border: #dadada 1px solid; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all 0.6s cubic-bezier(0.22, 0.81, 0.01, 0.99); } .x_020_partner_image > a { display: block; text-decoration: none; } .x_020_partner_image > a > img { width: 90%; margin: auto; display: block; } .x_020_partner_image:hover { -webkit-filter: grayscale(0); filter: grayscale(0); } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px) { #x_020_partner { padding: 40px 50px 50px 50px; } /*---------- HEADER ----------*/ .x_020_partner_header { padding: 0; } .x_020_partner_control_button .carousel-control.left { left: 0; } .x_020_partner_control_button .carousel-control.right { right: 0; left: auto; } } /*---------- MEDIA 481px - 767px ----------*/ @media only screen and (max-width: 1230px) { .x_020_partner_control_button .carousel-control.left { left:15px; } .x_020_partner_control_button .carousel-control.right { right:15px; } } /*---------- MEDIA 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px) { } /*---------- MEDIA 992px - 1250px ----------*/ @media (min-width: 992px) and (max-width: 1250px) { } /*------------------------------------------------------*/ /* FOUR SHOWS ONE MOVE /*------------------------------------------------------*/ .four_coloumns .cloneditem-1, .four_coloumns .cloneditem-2, .four_coloumns .cloneditem-3 { display: none; } @media all and (min-width: 768px) { .four_coloumns .carousel-inner > .active.left, .four_coloumns .carousel-inner > .prev { left: -50%; } .four_coloumns .carousel-inner > .active.right, .four_coloumns .carousel-inner > .next { left: 50%; } .four_coloumns .carousel-inner > .left, .four_coloumns .carousel-inner > .prev.right, .four_coloumns .carousel-inner > .active { left: 0; } .four_coloumns .carousel-inner .cloneditem-1 { display: block; } } @media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) { .four_coloumns .carousel-inner > .item.active.right, .four_coloumns .carousel-inner > .item.next { -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); left: 0; } .four_coloumns .carousel-inner > .item.active.left, .four_coloumns .carousel-inner > .item.prev { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); left: 0; } .four_coloumns .carousel-inner > .item.left, .four_coloumns .carousel-inner > .item.prev.right, .four_coloumns .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } @media all and (min-width: 992px) { .four_coloumns .carousel-inner > .active.left, .four_coloumns .carousel-inner > .prev { left: -25%; } .four_coloumns .carousel-inner > .active.right, .four_coloumns .carousel-inner > .next { left: 25%; } .four_coloumns .carousel-inner > .left, .four_coloumns .carousel-inner > .prev.right, .four_coloumns .carousel-inner > .active { left: 0; } .four_coloumns .carousel-inner .cloneditem-2, .four_coloumns .carousel-inner .cloneditem-3 { display: block; } } @media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) { .four_coloumns .carousel-inner > .item.active.right, .four_coloumns .carousel-inner > .item.next { -webkit-transform: translate3d(25%, 0, 0); transform: translate3d(25%, 0, 0); left: 0; } .four_coloumns .carousel-inner > .item.active.left, .four_coloumns .carousel-inner > .item.prev { -webkit-transform: translate3d(-25%, 0, 0); transform: translate3d(-25%, 0, 0); left: 0; } .four_coloumns .carousel-inner > .item.left, .four_coloumns .carousel-inner > .item.prev.right, .four_coloumns .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } /*------------------------------------------------------*/ /* SLIDING TIMING FUNCTIONS /*------------------------------------------------------*/ /*---------- ps_ease ----------*/ .ps_ease .carousel-inner > .item { -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } @media all and (transform-3d), (-webkit-transform-3d) { .ps_ease .carousel-inner > .item { -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } } /*---------- ps_easeInOut ----------*/ .ps_easeInOut .carousel-inner > .item { -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } @media all and (transform-3d), (-webkit-transform-3d) { .ps_easeInOut .carousel-inner > .item { -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } } /*---------- ps_speedy ----------*/ .ps_speedy .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(0, 1, 0, 1); -moz-transition-timing-function: cubic-bezier(0, 1, 0, 1); -ms-transition-timing-function: cubic-bezier(0, 1, 0, 1); -o-transition-timing-function: cubic-bezier(0, 1, 0, 1); transition-timing-function: cubic-bezier(0, 1, 0, 1); } @media all and (transform-3d), (-webkit-transform-3d) { .ps_speedy .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(0, 1, 0, 1); -moz-transition-timing-function: cubic-bezier(0, 1, 0, 1); -ms-transition-timing-function: cubic-bezier(0, 1, 0, 1); -o-transition-timing-function: cubic-bezier(0, 1, 0, 1); transition-timing-function: cubic-bezier(0, 1, 0, 1); } } /*---------- ps_slowSpeedy ----------*/ .ps_slowSpeedy .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(0.3, 1, 0, 1); -moz-transition-timing-function: cubic-bezier(0.3, 1, 0, 1); -ms-transition-timing-function: cubic-bezier(0.3, 1, 0, 1); -o-transition-timing-function: cubic-bezier(0.3, 1, 0, 1); transition-timing-function: cubic-bezier(0.3, 1, 0, 1); } @media all and (transform-3d), (-webkit-transform-3d) { .ps_slowSpeedy .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(0.3, 1, 0, 1); -moz-transition-timing-function: cubic-bezier(0.3, 1, 0, 1); -ms-transition-timing-function: cubic-bezier(0.3, 1, 0, 1); -o-transition-timing-function: cubic-bezier(0.3, 1, 0, 1); transition-timing-function: cubic-bezier(0.3, 1, 0, 1); } } /*---------- ps_easeOutInCubic ----------*/ .ps_easeOutInCubic .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); -moz-transition-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); -ms-transition-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); -o-transition-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); transition-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); } @media all and (transform-3d), (-webkit-transform-3d) { .ps_easeOutInCubic .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); -moz-transition-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); -ms-transition-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); -o-transition-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); transition-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); } } /*---------- ps_swing ----------*/ .ps_swing .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.02, .01, .47, 1); -moz-transition-timing-function: cubic-bezier(.02, .01, .47, 1); -ms-transition-timing-function: cubic-bezier(.02, .01, .47, 1); -o-transition-timing-function: cubic-bezier(.02, .01, .47, 1); transition-timing-function: cubic-bezier(.02, .01, .47, 1); } @media all and (transform-3d), (-webkit-transform-3d) { .ps_swing .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.02, .01, .47, 1); -moz-transition-timing-function: cubic-bezier(.02, .01, .47, 1); -ms-transition-timing-function: cubic-bezier(.02, .01, .47, 1); -o-transition-timing-function: cubic-bezier(.02, .01, .47, 1); transition-timing-function: cubic-bezier(.02, .01, .47, 1); } } /*---------- ps_easeOutCubic ----------*/ .ps_easeOutCubic .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); -moz-transition-timing-function: cubic-bezier(.215, .61, .355, 1); -ms-transition-timing-function: cubic-bezier(.215, .61, .355, 1); -o-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); } @media all and (transform-3d), (-webkit-transform-3d) { .ps_easeOutCubic .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); -moz-transition-timing-function: cubic-bezier(.215, .61, .355, 1); -ms-transition-timing-function: cubic-bezier(.215, .61, .355, 1); -o-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); } } /*---------- ps_easeInOutCubic ----------*/ .ps_easeInOutCubic .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1); -moz-transition-timing-function: cubic-bezier(.645, .045, .355, 1); -ms-transition-timing-function: cubic-bezier(.645, .045, .355, 1); -o-transition-timing-function: cubic-bezier(.645, .045, .355, 1); transition-timing-function: cubic-bezier(.645, .045, .355, 1); } @media all and (transform-3d), (-webkit-transform-3d) { .ps_easeInOutCubic .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1); -moz-transition-timing-function: cubic-bezier(.645, .045, .355, 1); -ms-transition-timing-function: cubic-bezier(.645, .045, .355, 1); -o-transition-timing-function: cubic-bezier(.645, .045, .355, 1); transition-timing-function: cubic-bezier(.645, .045, .355, 1); } } /*---------- ps_easeOutCirc ----------*/ .ps_easeOutCirc .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1); -moz-transition-timing-function: cubic-bezier(.075, .82, .165, 1); -ms-transition-timing-function: cubic-bezier(.075, .82, .165, 1); -o-transition-timing-function: cubic-bezier(.075, .82, .165, 1); transition-timing-function: cubic-bezier(.075, .82, .165, 1); } @media all and (transform-3d), (-webkit-transform-3d) { .ps_easeOutCirc .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1); -moz-transition-timing-function: cubic-bezier(.075, .82, .165, 1); -ms-transition-timing-function: cubic-bezier(.075, .82, .165, 1); -o-transition-timing-function: cubic-bezier(.075, .82, .165, 1); transition-timing-function: cubic-bezier(.075, .82, .165, 1); } } /*---------- ps_easeOutExpo ----------*/ .ps_easeOutExpo .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1); -moz-transition-timing-function: cubic-bezier(.19, 1, .22, 1); -ms-transition-timing-function: cubic-bezier(.19, 1, .22, 1); -o-transition-timing-function: cubic-bezier(.19, 1, .22, 1); transition-timing-function: cubic-bezier(.19, 1, .22, 1); } @media all and (transform-3d), (-webkit-transform-3d) { .ps_easeOutExpo .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1); -moz-transition-timing-function: cubic-bezier(.19, 1, .22, 1); -ms-transition-timing-function: cubic-bezier(.19, 1, .22, 1); -o-transition-timing-function: cubic-bezier(.19, 1, .22, 1); transition-timing-function: cubic-bezier(.19, 1, .22, 1); } } /*---------- ps_easeInQuad ----------*/ .ps_easeInQuad .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53); -moz-transition-timing-function: cubic-bezier(.55, .085, .68, .53); -ms-transition-timing-function: cubic-bezier(.55, .085, .68, .53); -o-transition-timing-function: cubic-bezier(.55, .085, .68, .53); transition-timing-function: cubic-bezier(.55, .085, .68, .53); } @media all and (transform-3d), (-webkit-transform-3d) { .ps_easeInQuad .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53); -moz-transition-timing-function: cubic-bezier(.55, .085, .68, .53); -ms-transition-timing-function: cubic-bezier(.55, .085, .68, .53); -o-transition-timing-function: cubic-bezier(.55, .085, .68, .53); transition-timing-function: cubic-bezier(.55, .085, .68, .53); } } /*---------- ps_easeOutQuad ----------*/ .ps_easeOutQuad .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94); -moz-transition-timing-function: cubic-bezier(.25, .46, .45, .94); -ms-transition-timing-function: cubic-bezier(.25, .46, .45, .94); -o-transition-timing-function: cubic-bezier(.25, .46, .45, .94); transition-timing-function: cubic-bezier(.25, .46, .45, .94); } @media all and (transform-3d), (-webkit-transform-3d) { .ps_easeOutQuad .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94); -moz-transition-timing-function: cubic-bezier(.25, .46, .45, .94); -ms-transition-timing-function: cubic-bezier(.25, .46, .45, .94); -o-transition-timing-function: cubic-bezier(.25, .46, .45, .94); transition-timing-function: cubic-bezier(.25, .46, .45, .94); } } /*---------- ps_easeInOutQuad ----------*/ .ps_easeInOutQuad .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955); -moz-transition-timing-function: cubic-bezier(.455, .03, .515, .955); -ms-transition-timing-function: cubic-bezier(.455, .03, .515, .955); -o-transition-timing-function: cubic-bezier(.455, .03, .515, .955); transition-timing-function: cubic-bezier(.455, .03, .515, .955); } @media all and (transform-3d), (-webkit-transform-3d) { .ps_easeInOutQuad .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955); -moz-transition-timing-function: cubic-bezier(.455, .03, .515, .955); -ms-transition-timing-function: cubic-bezier(.455, .03, .515, .955); -o-transition-timing-function: cubic-bezier(.455, .03, .515, .955); transition-timing-function: cubic-bezier(.455, .03, .515, .955); } } /*---------- ps_easeOutQuart ----------*/ .ps_easeOutQuart .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.165, .84, .44, 1); -moz-transition-timing-function: cubic-bezier(.165, .84, .44, 1); -ms-transition-timing-function: cubic-bezier(.165, .84, .44, 1); -o-transition-timing-function: cubic-bezier(.165, .84, .44, 1); transition-timing-function: cubic-bezier(.165, .84, .44, 1); } @media all and (transform-3d), (-webkit-transform-3d) { .ps_easeOutQuart .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.165, .84, .44, 1); -moz-transition-timing-function: cubic-bezier(.165, .84, .44, 1); -ms-transition-timing-function: cubic-bezier(.165, .84, .44, 1); -o-transition-timing-function: cubic-bezier(.165, .84, .44, 1); transition-timing-function: cubic-bezier(.165, .84, .44, 1); } } /*---------- ps_easeInOutQuart ----------*/ .ps_easeInOutQuart .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1); -moz-transition-timing-function: cubic-bezier(.77, 0, .175, 1); -ms-transition-timing-function: cubic-bezier(.77, 0, .175, 1); -o-transition-timing-function: cubic-bezier(.77, 0, .175, 1); transition-timing-function: cubic-bezier(.77, 0, .175, 1); } @media all and (transform-3d), (-webkit-transform-3d) { .ps_easeInOutQuart .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1); -moz-transition-timing-function: cubic-bezier(.77, 0, .175, 1); -ms-transition-timing-function: cubic-bezier(.77, 0, .175, 1); -o-transition-timing-function: cubic-bezier(.77, 0, .175, 1); transition-timing-function: cubic-bezier(.77, 0, .175, 1); } } /*---------- ps_easeOutQuint ----------*/ .ps_easeOutQuint .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1); -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1); -ms-transition-timing-function: cubic-bezier(.23, 1, .32, 1); -o-transition-timing-function: cubic-bezier(.23, 1, .32, 1); transition-timing-function: cubic-bezier(.23, 1, .32, 1); } @media all and (transform-3d), (-webkit-transform-3d) { .ps_easeOutQuint .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1); -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1); -ms-transition-timing-function: cubic-bezier(.23, 1, .32, 1); -o-transition-timing-function: cubic-bezier(.23, 1, .32, 1); transition-timing-function: cubic-bezier(.23, 1, .32, 1); } } /*---------- ps_easeInSine ----------*/ .ps_easeInSine .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.47, 0, .745, .715); -moz-transition-timing-function: cubic-bezier(.47, 0, .745, .715); -ms-transition-timing-function: cubic-bezier(.47, 0, .745, .715); -o-transition-timing-function: cubic-bezier(.47, 0, .745, .715); transition-timing-function: cubic-bezier(.47, 0, .745, .715); } @media all and (transform-3d), (-webkit-transform-3d) { .ps_easeInSine .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.47, 0, .745, .715); -moz-transition-timing-function: cubic-bezier(.47, 0, .745, .715); -ms-transition-timing-function: cubic-bezier(.47, 0, .745, .715); -o-transition-timing-function: cubic-bezier(.47, 0, .745, .715); transition-timing-function: cubic-bezier(.47, 0, .745, .715); } } /*---------- ps_easeOutSine ----------*/ .ps_easeOutSine .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.39, .575, .565, 1); -moz-transition-timing-function: cubic-bezier(.39, .575, .565, 1); -ms-transition-timing-function: cubic-bezier(.39, .575, .565, 1); -o-transition-timing-function: cubic-bezier(.39, .575, .565, 1); transition-timing-function: cubic-bezier(.39, .575, .565, 1); } @media all and (transform-3d), (-webkit-transform-3d) { .ps_easeOutSine .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.39, .575, .565, 1); -moz-transition-timing-function: cubic-bezier(.39, .575, .565, 1); -ms-transition-timing-function: cubic-bezier(.39, .575, .565, 1); -o-transition-timing-function: cubic-bezier(.39, .575, .565, 1); transition-timing-function: cubic-bezier(.39, .575, .565, 1); } } /*---------- ps_easeInOutSine ----------*/ .ps_easeInOutSine .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.445, .05, .55, .95); -moz-transition-timing-function: cubic-bezier(.445, .05, .55, .95); -ms-transition-timing-function: cubic-bezier(.445, .05, .55, .95); -o-transition-timing-function: cubic-bezier(.445, .05, .55, .95); transition-timing-function: cubic-bezier(.445, .05, .55, .95); } @media all and (transform-3d), (-webkit-transform-3d) { .ps_easeInOutSine .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.445, .05, .55, .95); -moz-transition-timing-function: cubic-bezier(.445, .05, .55, .95); -ms-transition-timing-function: cubic-bezier(.445, .05, .55, .95); -o-transition-timing-function: cubic-bezier(.445, .05, .55, .95); transition-timing-function: cubic-bezier(.445, .05, .55, .95); } }